html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--white: white;
--black: black;
--orange: white;
--flowstica-webflow-library--black: #010b15;
--flowstica-webflow-library--honeydew: #cef0dc;
--flowstica-webflow-library--medium-sea-green: #08b54f;
--flowstica-webflow-library--white: white;
--flowstica-webflow-library--white-smoke: #f7f7f7;
--flowstica-webflow-library--black-2: #333;
--color: white;
--elements-webflow-library--neutral--300: #eff0f6;
--elements-webflow-library--neutral--100: white;
--elements-webflow-library--accent--primary-1: #4a3aff;
--elements-webflow-library--secondary--color-2: #f2f1ff;
--elements-webflow-library--secondary--color-1: #281ca5;
--elements-webflow-library--neutral--600: #6e7191;
--elements-webflow-library--neutral--800: #211f54;
--elements-webflow-library--neutral--400: #dcddeb;
--elements-webflow-library--general--shadow-01: #14142b0f;
--elements-webflow-library--general--shadow-02: #14142b14;
--elements-webflow-library--general--shadow-05: #14142b29;
--elements-webflow-library--general--shadow-03: #14142b1a;
}
.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;
}
.hero-section {
width: 100%;
height: 100vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.header {
background-color: #fff;
width: 100%;
height: 13vh;
display: flex;
}
.logo {
width: 40%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.navi {
width: 60%;
height: 100%;
}
.image {
width: 36%;
margin-top: 1vh;
margin-bottom: auto;
margin-left: 2vw;
}
.navbar {
background-color: #ddd0;
margin-top: 4vh;
}
.nav-link {
font-size: 1rem;
}
.nav-link-2 {
color: #fff;
font-size: .8rem;
font-weight: 700;
}
.nav-link-3 {
font-size: 1rem;
}
.nav-link-4 {
color: #e67f25;
font-size: .8rem;
}
.nav-link-5 {
color: #fff;
font-size: .8rem;
font-weight: 700;
}
.nav-link-6 {
font-size: 1rem;
}
.nav-link-7 {
color: #333;
font-size: .8rem;
font-weight: 700;
}
.nav-link-8 {
color: #fff;
font-size: .8rem;
font-weight: 700;
display: none;
}
.heromain {
background-color: #0000004d;
width: 100%;
height: 100vh;
margin-top: -13vh;
display: flex;
}
.herotext {
background-color: #fff;
width: 40%;
padding-top: 45vh;
}
.heropic {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ccb3b4ed18f9ceb90f6b7b_pexels-tyler-lastovich-584578-sw%20Kopie.jpg");
background-position: 50%;
background-size: cover;
width: 60%;
}
.heading {
margin-top: 10vh;
font-size: 2.5rem;
line-height: 100%;
}
.heading-2 {
color: #333;
width: 85%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.paragraph {
color: #333;
width: 85%;
margin-top: 4vh;
margin-left: auto;
margin-right: auto;
font-weight: 400;
}
.text-span {
color: #e67f25;
}
.button {
text-align: center;
background-color: #e67f25;
border-radius: 6rem;
width: 28%;
margin-top: 3vh;
margin-left: 3vw;
font-size: .9rem;
font-weight: 400;
display: none;
box-shadow: 4px 4px 15px 6px #0003;
}
.main {
background-color: #e67f25;
height: 50vh;
}
.leistungen {
clear: none;
text-align: left;
object-fit: fill;
background-color: #e67f25;
width: 80%;
height: 60vh;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
inset: auto 0% 0%;
}
.direkt-u-sonder, .komplett-u-teil, .bermass-u-schwer, .luft {
text-align: center;
width: 25%;
height: 100%;
}
.image-2 {
width: 30%;
height: auto;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
}
.heading-3 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 165%;
}
.text-block {
font-size: 1.1rem;
line-height: 100%;
}
.text-block-2 {
letter-spacing: .1rem;
text-indent: 0;
margin-top: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 150%;
}
.leistungen-button {
text-align: center;
background-color: #e67f25;
height: 10vh;
margin-top: -10vh;
}
.button-2 {
color: #333;
background-color: #fff;
border-radius: 6rem;
margin-top: 4vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 100%;
box-shadow: 4px 4px 15px 6px #0003;
}
.frachtanfrage {
width: 100%;
height: 60vh;
margin-left: auto;
margin-right: auto;
display: none;
}
.headingfracht {
text-align: center;
width: 80%;
height: 13vh;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-4 {
text-align: center;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
line-height: 100%;
}
.text-span-2 {
color: #e67f25;
}
.paragraph-2 {
text-align: center;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
}
.steps {
text-align: center;
width: 75%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.first, .second, .third {
width: 33.33%;
height: 46vh;
}
.image-3 {
width: 70%;
}
.heading-5 {
margin-top: -1vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.8rem;
font-weight: 400;
line-height: 100%;
}
.paragraph-3 {
margin-top: 2vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
._4erblock {
width: 100%;
height: 100vh;
}
.anpassungsf-hig {
width: 100%;
height: 50vh;
display: flex;
}
.anpassungtext {
background-color: #333;
width: 50%;
height: 50vh;
}
.anpassungbild {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65cf14007d36ad097092db4e_pexels-aleksejs-bergmanis-681335-SW-web.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
height: 50vh;
}
.messetransporte {
width: 100%;
height: 50vh;
display: flex;
}
.messebild {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65cf1517a182a65fb2eddea3_shutterstock_1470855887-1.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
height: 50vh;
}
.messetext {
background-color: #333;
width: 50%;
height: 50vh;
}
.heading-6 {
color: #fff;
width: 80%;
margin-top: 15vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
line-height: 100%;
}
.paragraph-4 {
color: #fff;
width: 80%;
margin-top: 3vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.button-3 {
color: #fff;
text-align: center;
background-color: #e67f25;
border-radius: 6rem;
width: 26%;
margin-top: 2vh;
margin-left: 5vw;
font-size: .8rem;
box-shadow: 4px 4px 15px 6px #0003;
}
.heading-6-copy {
color: #fff;
width: 80%;
margin-top: 18vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
line-height: 100%;
}
.mitarbeiter-innen {
width: 100%;
height: 100vh;
}
.mitarbeiter-teil1, .mitarbeiter-teil2 {
width: 100%;
height: 50vh;
display: flex;
}
.heading-mitarbeiter, .buttons-mitarbeiter, ._3-gr-nde, .media-mitarbeiter {
width: 50%;
height: 50vh;
}
.heading-7 {
width: 80%;
margin-top: 15vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4.5rem;
line-height: 100%;
}
.text-span-3, .text-span-4 {
color: #e67f25;
}
.image-4 {
width: auto;
height: 120%;
margin-top: -20vh;
margin-left: 5vw;
}
.paragraph-5 {
width: 80%;
margin-top: 2vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
}
.button-5 {
color: #333;
background-color: #3898ec00;
margin-top: 10vh;
margin-left: -8.7vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 100%;
text-decoration: underline;
}
.button-4 {
color: #333;
background-color: #3898ec00;
margin-top: 10vh;
margin-left: 4.4vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
font-weight: 700;
text-decoration: underline;
}
.paragraph-6 {
width: 80%;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
}
.heading-8 {
width: 80%;
margin-top: 7vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 100%;
}
.paragraph-7 {
width: 80%;
margin: -.5vh auto 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.footer {
background-color: #333;
width: 100%;
height: 38vh;
margin-top: 3vh;
display: flex;
}
.div-block {
width: 33.33%;
height: 35vh;
margin-top: 0;
}
.heading-9 {
color: #7c7c7c;
width: 80%;
margin-top: 5vh;
margin-left: 3vw;
margin-right: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 100%;
}
.button-6 {
color: #7c7c7c;
background-color: #5b677200;
width: 60%;
margin-left: 2.3vw;
font-size: 1rem;
line-height: 100%;
}
.paragraph-8 {
color: #7c7c7c;
width: 80%;
margin-top: 2vh;
margin-left: 3vw;
margin-right: 0;
font-size: 1rem;
line-height: 100%;
}
.image-5 {
width: 40%;
margin-top: 21vh;
margin-left: 18vw;
}
.heading-10 {
color: #fff;
width: 60%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 40vh;
font-size: 4.8rem;
line-height: 100%;
}
.paragraph-9 {
color: #fff;
width: 60%;
margin-top: 3vh;
margin-left: auto;
margin-right: auto;
font-weight: 400;
}
.button-7 {
text-align: center;
background-color: #3898ec00;
border: 1px solid #fff;
border-radius: 20px;
width: 9vw;
margin-top: 3vh;
margin-left: 20vw;
font-size: 1rem;
font-weight: 400;
}
.button-8 {
text-align: center;
background-color: #fff0;
border: 1px solid #fff;
border-radius: 20px;
width: 9vw;
margin-left: 1vw;
font-size: 1rem;
font-weight: 400;
}
.text-block-3 {
margin-top: 3vh;
font-size: 1rem;
line-height: 140%;
}
.div-block-2 {
text-align: center;
width: 50%;
height: 100%;
}
.div-block-3 {
width: 50%;
height: 100%;
}
.image-6 {
text-align: center;
width: 70%;
}
.heading-11 {
margin-top: 18vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
line-height: 100%;
}
.paragraph-10 {
margin-top: 2vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 140%;
}
.galerie {
display: flex;
}
.div-block-4 {
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d30c07d9939b9282946f00_DSC05252.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-clip: border-box;
width: 100%;
height: 60vh;
}
.div-block-5 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d4b80666175e4e43ae85b8_foto-Jens-Kai.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 60vh;
}
.div-block-6 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d4b84c72fd382cc51e6257_WhatsApp%20Image%202023-11-17%20at%2011.03.02.jpeg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 60vh;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.heromain-karriere {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d46550467c0a61883b346f_2020-08-18-FLW-Grafik-Header-Karriere.png");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100vh;
margin-top: -13vh;
}
.nav-link-4-copy {
color: #fff;
font-size: .8rem;
font-weight: 700;
}
.nav-link-4-copy.w--current {
color: #333;
}
.nav-link-2-copy {
color: #333;
font-size: .8rem;
font-weight: 700;
}
.nav-link-5-copy {
color: #fff;
font-size: .8rem;
}
.nav-link-7-copy {
color: #fff;
font-size: .8rem;
display: inline-block;
}
.nav-link-8-copy {
color: var(--white);
font-size: .8rem;
}
.heromain-karriere-content {
width: 60%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.heading-12 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-top: 35vh;
padding-bottom: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 500%;
line-height: 140%;
}
.paragraph-11 {
color: #fff;
margin-bottom: 0;
padding-bottom: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 140%;
}
.button-9 {
color: #fff;
text-align: center;
background-color: #808f9c00;
border: 1px solid #fff;
border-radius: 18px;
width: 28%;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.button-9-copy {
color: #fff;
text-align: center;
background-color: #808f9c00;
border: 1px solid #fff;
border-radius: 18px;
width: 8vw;
margin-left: 1vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.content-karriere {
width: 100%;
height: 100vh;
margin-top: 3vh;
}
.raster-karriere {
width: 70%;
height: 50%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.vertrieb, .dispo, .buchhaltung, .azubi {
text-align: center;
width: 25%;
height: 100%;
}
.image-7 {
width: 70%;
}
.heading-13 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.4rem;
line-height: 100%;
}
.heading-14 {
margin-top: 1vh;
margin-bottom: 2vh;
}
.paragraph-12 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 180%;
}
.paragraph-13 {
margin-bottom: 2vh;
font-size: .9rem;
line-height: 140%;
}
.paragraph-14 {
font-size: 1rem;
line-height: 120%;
}
.paragraph-15 {
font-size: .9rem;
line-height: 130%;
}
.auszeichnung {
width: 70%;
height: 50%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wappen {
text-align: center;
width: 40%;
height: 100%;
}
.text-auszeichnung {
width: 60%;
height: 100%;
}
.heading-14-copy {
margin-top: 16vh;
margin-bottom: 2vh;
}
.paragraph-16 {
font-size: 1rem;
}
.paragraph-17 {
font-size: 1.2rem;
}
.paragraph-18 {
font-size: 1.5rem;
line-height: 100%;
}
.paragraph-19 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.galerie-karriere {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d5fd19e396a8f9b49c7f28_blackwhite.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 50vh;
margin-top: 14vh;
}
.image-8 {
width: 33.33%;
height: 100%;
}
.div-block-7 {
width: 100%;
height: 100vh;
}
.gr-nde-karriere {
background-color: #333;
width: 100%;
height: 100vh;
margin-top: 5vh;
}
.div-block-8 {
width: 80%;
height: 33.33%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-9 {
text-align: center;
width: 33.33%;
height: 100%;
}
.heading-15 {
color: #fff;
text-align: right;
margin-top: 8vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.paragraph-20 {
color: #fff;
text-align: right;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 100%;
}
.heading-15-copy {
color: #fff;
text-align: left;
margin-top: 8vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.paragraph-20-copy {
color: #fff;
text-align: left;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 100%;
}
.image-9 {
width: auto;
height: 60%;
margin-top: 5vh;
}
.hero-unternehmen {
width: 100%;
height: 100vh;
}
.unternehmen1 {
color: #fff;
font-size: .8rem;
}
.unternehmen1.w--current {
color: #fff;
}
.unternehmen2 {
color: var(--white);
font-size: .8rem;
}
.unternehmen3 {
color: #e67f25;
font-size: .8rem;
}
.unternehmen4 {
color: #fff;
font-size: .8rem;
}
.unternehmen5 {
color: #fff;
font-size: .8rem;
display: none;
}
.heromain-unternehmen {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d6069832bc7a71acc76b41_wilhelm-gunkel-VBsEtYuHHSU-unsplash.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100vh;
margin-top: -13vh;
}
.heromain-unternehmen-content {
width: 60%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.heading-16 {
color: #fff;
margin-top: 0;
padding-top: 40vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4rem;
line-height: 100%;
}
.paragraph-21 {
color: #fff;
margin-top: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.content-unternehmen {
width: 100%;
height: 100vh;
display: block;
}
.div-block-10 {
width: 100%;
height: 33.3%;
display: flex;
}
.div-block-11 {
background-color: #333;
width: 50%;
height: 100%;
}
.bild-unternehmen {
background-color: #3330;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ddf6c356b6e7c68eeab91a_stefan-kunze-_SmZSuZwkHg-unsplash-web.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
height: 100%;
}
.heading-17 {
color: #fff;
width: 70%;
margin: 12vh auto 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 100%;
}
.paragraph-22 {
color: #fff;
width: 70%;
margin: 3vh auto 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 120%;
}
.button-10 {
color: #fff;
background-color: #e68f25;
border-radius: 18px;
margin-top: 3vh;
margin-left: 14vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 100%;
}
.div-block-12 {
background-color: #e67f25;
width: 100%;
height: 33.33%;
}
._4-punkte {
width: 70%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-13 {
text-align: center;
width: 25%;
height: 100%;
}
.image-10 {
width: 30%;
margin-top: 8vh;
}
.heading-18 {
color: #fff;
margin-top: 2vh;
margin-bottom: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.5rem;
font-weight: 400;
line-height: 100%;
}
.paragraph-23 {
color: #fff;
margin-top: 2vh;
margin-bottom: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.standorte-unternehmen {
text-align: center;
width: 100%;
height: 66vh;
}
.heading-19 {
text-align: center;
margin-top: 15vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 3rem;
line-height: 100%;
}
.paragraph-24 {
text-align: center;
width: 60%;
margin-top: 2vh;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.1rem;
line-height: 135%;
}
.div-block-14 {
width: 60%;
height: auto;
margin-top: 3vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-15 {
text-align: center;
width: 25%;
height: 100%;
}
.image-11 {
width: 60%;
}
.heading-20 {
margin-top: 2vh;
margin-bottom: 2vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.paragraph-25 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 200%;
}
.image-11-copy {
width: 60%;
margin-top: 0;
}
.button-11 {
background-color: #e67f25;
border-radius: 18px;
margin-top: 3vh;
font-size: .9rem;
line-height: 120%;
}
.unserewerte {
color: #776060;
text-align: center;
background-color: #ececec;
justify-content: space-around;
width: 100%;
height: 135vh;
display: flex;
}
.div-block-16 {
background-color: #fff;
border-radius: 20px;
width: 49%;
height: 100%;
margin-top: 2.5vh;
}
.div-block-16-copy {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d76037594834c5663b7ef9_2020-08-12-FLW-Header-Bild-Bru%CC%88ckeTruck.jpg");
background-position: 50%;
background-size: cover;
border-radius: 18px;
width: 49%;
height: 100%;
margin-top: 2.5vh;
}
.paragraph-26 {
color: #333;
width: 60%;
margin-top: 10vh;
margin-left: auto;
margin-right: auto;
font-size: .9rem;
font-style: italic;
line-height: 100%;
}
.heading-21 {
color: #333;
margin-top: 3vh;
font-size: 2.5rem;
line-height: 100%;
}
.paragraph-27 {
color: #333;
width: 80%;
margin: 3vh auto 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 100%;
}
.div-block-17 {
width: 80%;
height: 5%;
margin-top: 9vh;
margin-left: auto;
margin-right: auto;
display: flex;
}
.icon {
width: 20%;
height: 40%;
}
.text {
width: 80%;
height: 55%;
}
.image-12 {
width: 50%;
}
.heading-22 {
color: #333;
text-align: left;
margin-top: 2.5vh;
font-size: .8rem;
font-weight: 400;
line-height: 100%;
}
.paragraph-28 {
color: #333;
text-align: left;
font-size: .8rem;
line-height: 100%;
}
.button-12 {
color: #e67f25;
background-color: #fff;
border: 2px solid #e67f25;
border-radius: 18px;
margin-top: 9vh;
font-size: .8rem;
line-height: 110%;
}
.body {
margin-top: 0;
}
.div-block-9-copy {
text-align: center;
width: 33.33%;
height: 100%;
}
.hero-portfolio {
width: 100%;
height: 100vh;
}
.nav-link-4-copy {
color: #fff;
font-size: .8rem;
}
.herocontent-portfolio {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65dc5c67faf0fb30ee6cd828_pexels-albin-berlin-906982-web-sw.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100vh;
margin-top: -13vh;
}
.heading-23 {
color: #fff;
width: 60%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 35vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4.5rem;
font-weight: 700;
line-height: 100%;
}
.paragraph-29 {
color: #fff;
width: 60%;
margin: 3vh auto 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 100%;
}
.div-block-18 {
width: 60%;
margin-left: auto;
margin-right: auto;
display: none;
}
.button-13 {
background-color: #3898ec00;
border: 1px solid #fff;
border-radius: 18px;
margin-top: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .9rem;
line-height: 100%;
}
.div-block-19 {
background-color: #e67f25;
width: 100%;
height: 20vh;
}
.div-block-20 {
width: 90%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.div-block-21 {
width: 100%;
height: 10vh;
display: flex;
}
.div-block-22 {
text-align: center;
width: 25%;
height: 100%;
}
.div-block-23 {
width: 25%;
height: 10%;
}
.image-14 {
width: 24%;
margin-top: 3vh;
}
.heading-24 {
color: #fff;
margin-top: 4vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 100%;
}
.div-block-19-copy {
background-color: #333;
width: 100%;
height: 20vh;
}
.paragraph-30 {
color: #fff;
text-align: center;
width: 60%;
margin-left: auto;
margin-right: auto;
padding-top: 7.5vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.2rem;
line-height: 120%;
}
.div-block-24 {
width: 100%;
height: 100vh;
}
.direktusonder {
background-color: #dfdfdf;
justify-content: space-around;
width: 100%;
height: 50vh;
display: flex;
}
.div-block-25 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65cf14007d36ad097092db4e_pexels-aleksejs-bergmanis-681335-SW-web.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 18px;
width: 49%;
height: 95%;
margin-top: auto;
margin-bottom: auto;
}
.teilundkomplett {
background-color: #dfdfdf;
justify-content: space-around;
width: 100%;
height: 50vh;
display: flex;
}
.div-block-25-copy {
background-color: #fff;
border-radius: 18px;
width: 49%;
height: 95%;
margin-top: auto;
margin-bottom: auto;
}
.paragraph-31 {
text-align: center;
margin-top: 10vh;
margin-bottom: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .8rem;
font-style: italic;
line-height: 100%;
}
.heading-25 {
text-align: center;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
line-height: 100%;
}
.paragraph-32 {
text-align: center;
margin-top: 5vh;
margin-bottom: 0;
}
.luftfracht, .messe {
background-color: #dfdfdf;
justify-content: space-around;
width: 100%;
height: 50vh;
display: flex;
}
.bild4 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65dc5c67faf0fb30ee6cd828_pexels-albin-berlin-906982-web-sw.jpg");
background-position: 50%;
background-size: cover;
border-radius: 18px;
width: 49%;
height: 95%;
margin-top: auto;
margin-bottom: auto;
}
.bild3 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d6069832bc7a71acc76b41_wilhelm-gunkel-VBsEtYuHHSU-unsplash.jpg");
background-position: 50%;
background-size: cover;
border-radius: 18px;
width: 49%;
height: 95%;
margin-top: auto;
margin-bottom: auto;
}
.bild-2 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65cf1517a182a65fb2eddea3_shutterstock_1470855887-1.jpg");
background-position: 50%;
background-size: cover;
border-radius: 18px;
width: 49%;
height: 95%;
margin-top: auto;
margin-bottom: auto;
}
.nav-link-7-copy, .nav-link-2-copy, .nav-link-5-copy {
color: #333;
font-size: .8rem;
font-weight: 700;
}
.nav-link-8-copy {
color: #333;
font-size: .8rem;
font-weight: 700;
display: none;
}
.nav-link-2-copy-copy {
color: #fff;
font-size: .8rem;
font-weight: 700;
}
.nav-link-7-copy-copy {
color: #e67f25;
font-size: .8rem;
font-weight: 700;
}
.hero-impressum {
background-color: #f0f0f0;
width: 100%;
height: 103vh;
}
.impress-1, .impress-2, .nav-link-5-copy-copy, .impress-3, .impress-4 {
color: #333;
font-size: .8rem;
font-weight: 700;
}
.div-block-26 {
background-color: #fff;
border-radius: 18px;
width: 60%;
height: 75%;
margin: 1.5vh auto auto;
}
.paragraph-33 {
text-align: center;
width: 80%;
height: 100%;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
font-weight: 400;
line-height: 100%;
}
.text-span-5 {
width: 80%;
}
.footer-copy {
background-color: #333;
width: 100%;
height: 38vh;
margin-top: 0;
display: flex;
}
.hero-impressum-copy {
background-color: #f0f0f0;
width: 100%;
height: 103vh;
}
.ankel {
margin-top: -4vh;
display: block;
}
.bild-unternehmen-copy {
background-color: #3330;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ddf6b578238766b24e8881_default-img.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
height: 100%;
}
.nav-link-4-copy-copy {
color: #fff;
font-size: .8rem;
font-weight: 700;
}
.nav-link-4-copy-copy.w--current {
color: #333;
}
.hero-bewerbung {
width: 100%;
height: 100vh;
}
.form-block {
width: 50%;
margin-top: 15vh;
margin-left: auto;
margin-right: auto;
}
.hubspot-formwrap {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem;
display: flex;
}
.hubspot-form {
width: 100%;
}
.hubspot-input {
box-sizing: border-box;
color: #33475b;
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
border-radius: 3px;
width: 99%;
height: 42px;
padding: 9px 10px;
font-family: arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
display: inline-block;
}
.hubspot-label {
box-sizing: border-box;
color: #000;
width: auto;
max-width: 500px;
margin-top: 1rem;
margin-bottom: 1vh;
padding-top: 0;
font-family: arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
}
.hubspot-button {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #f2940e;
border-style: solid;
border-width: 1px;
border-radius: 3px;
width: 90%;
max-width: 500px;
height: 40px;
margin: 2rem auto 0;
padding: 12px 24px;
font-family: arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 12px;
transition: all .15s linear;
display: block;
position: relative;
}
.hubspot-checkbox {
margin-right: 1rem;
}
.hubspot-wysiwyg-styles---r5pbvhvdrpiqrm8qkv {
color: #1d1d1d;
background-color: #fff;
font-size: 14.6667px;
text-decoration: none;
}
.hubspot-legalconsent {
margin-top: 1rem;
}
.hubspot-input-copy {
box-sizing: border-box;
color: #33475b;
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
border-radius: 3px;
width: 90%;
max-width: 500px;
height: 108px;
padding: 9px 10px;
font-family: arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
display: inline-block;
}
.div-block-27 {
aspect-ratio: auto;
object-fit: fill;
background-color: #eee;
width: 100%;
height: 216vh;
position: absolute;
}
.div-block-28 {
background-color: #fff;
border-radius: 18px;
width: 90%;
height: 205vh;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
}
.div-block-29 {
width: 80%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.hubspot-wysiwyg-styles---s8rr5qxy17ckydyyfm {
color: #1d1d1d;
background-color: #fff;
font-size: 14.6667px;
text-decoration: none;
}
.hubspot-input-bigger {
box-sizing: border-box;
color: #33475b;
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
border-radius: 3px;
width: 99%;
height: 64px;
padding: 9px 10px;
font-family: arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
display: inline-block;
}
.text-block-4 {
width: 100%;
margin-bottom: 2vh;
}
.label {
margin-bottom: 2vh;
}
.hubspot-iframe-container {
background-color: #fff;
height: 100%;
display: block;
}
.hubspot-iframe {
background-color: #fff;
border-width: 0;
width: 100%;
height: 100%;
padding: 0;
overflow: scroll;
}
.pop-up {
background-color: #0006;
width: 100%;
height: 100vh;
display: block;
position: fixed;
}
.fenster-pup-up {
object-fit: fill;
border-radius: 20px;
width: 70%;
height: 65%;
margin: auto;
position: fixed;
inset: 0%;
}
.heading-26 {
color: #333;
text-align: center;
text-shadow: 5px 5px 5px #0003;
margin-top: 4vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.5rem;
line-height: 100%;
}
.form-block-2 {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.text-field, .text-field-2 {
background-color: #eee;
width: 70%;
margin-left: auto;
margin-right: auto;
}
.field-label, .field-label-2 {
font-size: 1rem;
}
.submit-button {
text-align: center;
background-color: #e67f25;
border-radius: 18px;
width: 25%;
}
.form {
text-align: center;
}
.form-subtitle-cf1 {
color: #333;
text-align: center;
}
.field-label-cf1 {
color: #333;
margin-top: 20px;
}
.form-cf1 {
margin-top: 20px;
}
.contact-form {
justify-content: center;
align-items: flex-start;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
display: block;
}
.error-message-cf1 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.form-title-cf1 {
color: #333;
text-align: center;
text-shadow: 3px 3px 15px #00000052;
}
.success-message-cf1 {
color: #5b5ac6;
text-align: center;
background-color: #5b5ac612;
margin-top: 40px;
margin-bottom: 40px;
padding-left: 20px;
font-size: 16px;
font-weight: 700;
}
.contact-form-wrapper {
background-color: #fff;
border-radius: 8px;
align-items: center;
width: 100%;
max-width: 1400px;
height: 100%;
margin: 0 auto 20px;
padding-top: 40px;
padding-bottom: 40px;
box-shadow: 5px 5px 7px 2px #000;
}
.text-field-cf1 {
text-align: left;
background-color: #f4f6fc;
border: 1px solid #f4f6fc;
border-bottom-color: #0000;
border-radius: 17px;
font-size: 16px;
}
.text-field-cf1.big {
height: 100px;
}
.submit-button-cf1 {
text-align: center;
background-color: #e67f25;
border-radius: 17px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px 50px;
font-size: 15px;
font-weight: 600;
transition: box-shadow .2s, background-color .2s;
box-shadow: 0 12px 20px -3px #d6d5ff;
}
.submit-button-cf1:hover {
background-color: #5b5ac6;
box-shadow: 0 12px 20px -3px #bdbcee;
}
.error-message-cf4 {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.text-field-cf4 {
text-align: left;
background-color: #0000;
border: 1px solid #0000;
border-bottom-color: #d4d4d4;
min-width: 250px;
margin-top: 0;
margin-left: 15px;
font-size: 1rem;
font-weight: 500;
line-height: 100%;
}
.text-field-cf4.big {
background-color: #f7f7f7;
border-style: none;
min-width: 300px;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.success-message-cf4 {
background-color: #f7f7f7;
font-weight: 600;
}
.submit-button-cf4 {
color: #fff;
background-color: #e67f25;
border-radius: 4px;
min-width: 250px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 12px 54px;
font-size: 18px;
font-weight: 500;
transition: background-color .2s;
display: block;
box-shadow: 1px 1px 3px #cfcfcf;
}
.submit-button-cf4:hover {
background-color: #333;
}
.form-column-cf4 {
margin-right: 40px;
}
.form-column-cf4.right {
width: 300px;
margin-right: 0;
}
.contact-form-2 {
justify-content: flex-start;
align-items: flex-start;
width: 80%;
max-width: 1000px;
margin: auto;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.form-subwrapper-cf4 {
justify-content: center;
display: flex;
}
.contact-form-wrapper-2 {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ead9f71c93ce194e8b1c44_shutterstock_1067989727.jpg");
background-size: cover;
border-radius: 8px;
align-items: center;
width: 100%;
max-width: 1400px;
height: 100%;
margin: 20px auto;
padding-top: 40px;
padding-bottom: 40px;
box-shadow: 3px 3px 10px 5px #00000073;
}
.form-title-cf4 {
text-align: left;
font-size: 28px;
font-weight: 700;
}
.form-cf4 {
width: 100%;
margin-top: 20px;
}
.form-field-wrapper-cf4 {
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.image-15 {
color: var(--black);
}
.text-field-application {
color: #949f9c;
background-color: #fff;
border: 1px solid #e8e6e7;
border-radius: .25rem;
height: 3.5em;
margin-bottom: 1em;
padding: 1em;
font-size: 1rem;
}
.text-field-3 {
display: none;
}
.button-upload-simulation {
text-align: center;
mix-blend-mode: normal;
background-color: #333;
border-radius: 4px;
width: 100%;
font-size: 1rem;
line-height: 160%;
box-shadow: 1px 1px 3px #0003;
}
.button-upload-simulation:hover {
color: #333;
background-color: #e67f25;
}
.homepage-full {
background-color: #fcfcf7;
width: 100%;
height: 100%;
display: block;
}
.header-section {
width: 100%;
height: 100vh;
}
.headline-home {
text-align: right;
object-fit: none;
background-color: #e67f25;
width: 100%;
height: 8vh;
text-decoration: none;
}
.hero-homepage {
width: 100%;
height: 92vh;
}
.hero-homepage-2 {
background-color: #333;
width: 100%;
height: 20vh;
}
.button-14 {
text-align: center;
object-fit: fill;
background-color: #3898ec00;
border: 3px solid #fff;
border-radius: 4px;
flex-flow: wrap;
justify-content: center;
align-items: flex-end;
margin: 2.2vh 2vw auto auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .8vw;
font-weight: 700;
line-height: 100%;
display: inline-block;
}
.button-kontakt {
text-align: center;
object-fit: fill;
background-color: #3898ec00;
border: 3px solid #fff;
border-radius: 4px;
flex-flow: wrap;
justify-content: center;
align-items: flex-end;
margin: 2vh 2vw auto auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .8vw;
font-weight: 700;
line-height: 100%;
display: inline-block;
}
.button-bewerbung {
text-align: center;
object-fit: fill;
background-color: #3898ec00;
border: 3px solid #fff;
border-radius: 4px;
flex-flow: wrap;
justify-content: center;
align-items: flex-end;
margin: 1vh 2vw auto auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .8vw;
font-weight: 700;
line-height: 100%;
display: inline-block;
}
.background-video, .video {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.video-2 {
width: 80%;
height: 20vh;
}
.background-video-2 {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.logo-block {
width: 100%;
height: 10vh;
}
.image-16 {
width: 12%;
margin-top: 2vh;
margin-left: 2vh;
}
.heading-27 {
text-align: center;
width: 50%;
margin: 0 auto 1vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5vw;
font-weight: 400;
line-height: 100%;
}
.heading-28 {
text-align: center;
width: 60%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.5vw;
line-height: 100%;
}
.image-17 {
border-radius: 50px;
width: 50%;
height: 70%;
margin-top: 2vh;
margin-left: auto;
margin-right: auto;
padding-bottom: 2vh;
display: block;
}
.karriere-section {
background-color: #333;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 150vh;
display: block;
}
.karriere-1 {
justify-content: flex-end;
align-items: center;
width: 30%;
height: 60vh;
display: flex;
}
.karriere-2 {
width: 50%;
height: 60vh;
}
.karriere-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
width: 30%;
height: 60vh;
display: flex;
}
.image-18 {
object-fit: contain;
border-radius: 50px;
width: 100%;
margin-top: 10vh;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-29 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #fff;
text-align: right;
text-shadow: 14px 8px 20px #000;
overflow-wrap: normal;
mix-blend-mode: color-dodge;
object-fit: cover;
border-radius: 0;
justify-content: flex-end;
align-items: center;
margin-right: -5.2vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 8vh;
line-height: 100%;
display: block;
}
.button-15 {
text-transform: uppercase;
background-color: #3898ec00;
justify-content: flex-start;
align-items: center;
margin-left: -5.6vw;
font-family: Montserrat, sans-serif;
font-size: 3vh;
font-weight: 400;
line-height: 100%;
text-decoration: underline;
display: flex;
}
.karriere-section-2 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.heading-30 {
color: #fff;
text-align: center;
padding-top: 5vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 3vw;
line-height: 150%;
}
.carousel-container {
display: flex;
position: static;
overflow: hidden;
}
.pic-container {
clear: none;
object-fit: contain;
background-color: #000;
flex-flow: row;
justify-content: center;
align-items: center;
min-width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
overflow: visible;
}
.picture-carousel {
height: 35vh;
}
.slide, .slide-2, .slide-3 {
text-align: center;
background-color: #333;
}
.slider {
width: 85%;
margin: 10vh auto 10px;
}
.image-19 {
border-radius: 50px;
width: 55%;
height: 100%;
}
.karriere-header {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66179a61492267b9d97b30df_megaphone.png");
background-position: 50%;
background-repeat: repeat-y;
background-size: contain;
height: 25vh;
margin-top: 3vh;
padding-top: 0;
}
.werte-section {
height: 100vh;
}
.card {
color: #b8b9c2;
background-color: #3f4046;
border-radius: 5px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-shadow: 0 5px 2rem #0000004d;
}
.arrow-left {
width: 50px;
height: 50px;
inset: auto auto 0% 0%;
}
.carousel-slider {
margin-left: 5%;
margin-right: 5%;
}
.carousel-slider._3 {
right: -42%;
}
.carousel-slider._8 {
right: -147%;
}
.carousel-slider._4 {
right: -63%;
}
.carousel-slider._2 {
right: -21%;
}
.carousel-slider._7 {
right: -126%;
}
.carousel-slider._5 {
right: -84%;
}
.carousel-slider._6 {
right: -105%;
}
.card-header {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66963ac4a23a325832cc5495_natalie-website.png");
background-position: 50% 30%;
background-size: cover;
height: 550px;
}
.card-body {
background-color: #333;
height: 100%;
padding: 30px;
font-size: 1.5vw;
}
.section {
background-color: #303136;
justify-content: center;
align-items: center;
padding-top: 99px;
padding-bottom: 99px;
overflow: hidden;
}
.section.is_full {
background-color: #30313600;
height: 100vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.carousel-mask {
width: 40%;
overflow: visible;
}
.btn {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #3862ec;
border-radius: 5px;
padding: 15px 25px;
font-size: 1rem;
transition: background-color .3s ease-out;
}
.btn:hover {
background-color: #213ea0;
}
.arrow-right {
width: 50px;
height: 50px;
inset: auto 0% 0% auto;
}
.container {
width: 90%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.carousel {
background-color: #0000;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 400px;
}
.carousel.is_contained {
object-fit: fill;
border-radius: 1px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: auto;
margin-top: 5vh;
padding-bottom: 75px;
display: block;
overflow: visible;
}
.slide-nav {
background-color: #333;
height: 8vh;
padding-top: 3vh;
}
.heading-31 {
font-size: 23px;
}
.heading-32 {
font-size: 1.7vw;
}
.paragraph-34 {
font-size: 1.5vw;
line-height: 100%;
}
.heading-33 {
font-size: 1.7vw;
}
.footer-section {
background-color: #333;
justify-content: center;
align-items: center;
width: 100%;
height: 85vh;
display: flex;
}
.div-block-30 {
width: 20%;
height: 50vh;
}
.div-block-31 {
justify-content: center;
align-items: center;
width: 80%;
height: 50vh;
display: flex;
}
.list {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.button-16 {
color: #999;
background-color: #3898ec00;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5vw;
line-height: 100%;
}
.div-block-32, .div-block-33 {
width: 50%;
height: 70vh;
}
.heading-34 {
color: #fff;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5vw;
font-weight: 400;
line-height: 100%;
}
.karriere-animation {
width: 100%;
height: 100vh;
}
.homepage-tablet, .hero-section-tablet {
display: none;
}
.navbar-logo-center-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.navbar-logo-center-container.shadow-three {
width: 100%;
max-width: 1140px;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-three {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.navbar-brand-three {
z-index: 5;
position: absolute;
}
.nav-menu-wrapper-three {
width: 100%;
}
.nav-menu-three {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-menu-block {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-9 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-9:hover {
color: #1a1b1fbf;
}
.nav-link-9:focus-visible, .nav-link-9[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.karriere-animation-tablet {
width: 100%;
height: 100vh;
}
.footer-tablet {
background-color: #333;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
display: none;
}
.div-block-37 {
width: 100%;
height: 92vh;
display: flex;
}
.div-block-38 {
width: 50%;
}
.div-block-39 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ead831cf817690e365847b_shutterstock_1067989727.jpg");
background-position: 50%;
background-size: cover;
width: 50%;
}
.heading-36 {
margin-top: 20vw;
margin-left: 1vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.paragraph-35 {
margin-left: 1vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5vw;
line-height: 100%;
}
.paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39 {
line-height: 100%;
}
.icon-4 {
margin-top: 0;
}
.main-versuch {
background-color: #fcfcf7;
width: 100%;
height: 100%;
}
.hero-versuch {
width: 100vw;
height: 114vh;
}
.header---versuch {
background-color: #e67f25;
width: 100%;
height: 12%;
}
.navbar-logo-center-container-2 {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.navbar-logo-center-container-2.shadow-three {
width: 100%;
}
.container-3 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-three-2 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.navbar-brand-three-2 {
z-index: 5;
position: absolute;
}
.nav-menu-wrapper-three-2 {
width: 100%;
}
.nav-menu-three-2 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-menu-block-2 {
text-align: right;
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-10 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-10:hover {
color: #1a1b1fbf;
}
.nav-link-10:focus-visible, .nav-link-10[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
margin-right: 10px;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-link-accent-2 {
color: #fff;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent-2:hover {
color: #1a1b1fbf;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f00;
border: 3px solid #5c343400;
border-radius: 0;
padding: 12px 25px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .5vw;
font-weight: 700;
line-height: 100%;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.image-21 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/661cc1ec2719d5ff96e0ac68_wei%C3%9F.png");
background-position: 0 0;
background-size: auto;
width: 10%;
margin-top: 5.5vh;
margin-left: auto;
margin-right: auto;
display: block;
}
.hero-stack {
background-color: #f5f7fa00;
border-bottom: 1px solid #e4ebf3;
justify-content: center;
align-items: center;
height: 100vh;
padding: 80px 30px;
display: flex;
position: relative;
}
.container-4 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px {
width: 100%;
margin-bottom: 24px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .6vw;
line-height: 100%;
}
.button-primary-3 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #e67f25;
border-radius: 50px;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.hero-image {
width: 100%;
margin-top: 50px;
}
.hero-image.shadow-two {
border-radius: 50px;
width: 100%;
}
.heading-37 {
font-size: 2vw;
line-height: 100%;
}
.heading-38 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-weight: 700;
}
.karriere---versuch {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
justify-content: center;
align-items: center;
height: 80vh;
padding: 80px 30px;
display: flex;
position: relative;
}
.hero-image-copy {
width: 100%;
margin-top: 50px;
}
.hero-image-copy.shadow-two {
border-radius: 50px;
width: 80%;
margin-top: 0;
}
.heading-39 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4vw;
line-height: 100%;
}
.heading-40 {
color: #fff;
font-size: 4vw;
line-height: 100%;
}
.heading-41 {
color: #3330;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #fff;
object-fit: fill;
margin-left: 20vw;
font-size: 4vw;
line-height: 100%;
position: sticky;
}
.container-5, .container-6 {
width: 20%;
}
.button-17 {
background-color: #fff0;
width: 90%;
margin-left: -14vw;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2vw;
line-height: 100%;
text-decoration: underline;
}
.team-slider {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
margin-top: -10vh;
padding: 80px 30px 0;
position: relative;
}
.container-7 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
color: #fff;
text-align: center;
margin-bottom: 16px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 3vw;
font-weight: 400;
line-height: 150%;
}
.centered-subheading {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-slider-wrapper {
background-color: #0000;
height: auto;
margin-top: 50px;
}
.team-slide-wrapper {
width: 30%;
margin-right: 5%;
}
.team-block {
background-color: #323232;
padding-bottom: 24px;
}
.team-member-image-two {
border-radius: 50px;
margin-bottom: 18px;
}
.team-block-info {
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.team-member-name-two {
margin-bottom: 12px;
font-weight: 600;
}
.team-member-text {
margin-bottom: 20px;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.team-slider-arrow {
display: none;
}
.team-slider-nav {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.page-wrap {
position: absolute;
inset: 0%;
}
.nav-wrap {
z-index: 1000;
position: absolute;
inset: 0% 0% auto;
}
.nav-contain {
background-color: #e67f25;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2rem 3.5rem;
}
.nav-layout {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-logo-wrap {
justify-content: center;
align-items: center;
width: 12rem;
display: flex;
}
.nav-button-wrap {
color: #fff;
background-color: #fcfcf7;
border-radius: 100px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.nav-button-wrap:hover {
color: #333;
background-color: #e67f25;
}
.nav-button-wrap.v-c-c {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav-button-line {
text-align: left;
-webkit-text-fill-color: inherit;
background-color: #333;
background-clip: border-box;
justify-content: center;
align-items: center;
width: 1.625rem;
height: .2rem;
margin-top: .2rem;
margin-bottom: .2rem;
display: flex;
position: static;
}
.nav-button-line:hover, .nav-button-line.hover {
background-color: #333;
}
.body-2 {
box-sizing: border-box;
clear: none;
aspect-ratio: auto;
object-fit: fill;
background-color: #fcfcf7;
margin-left: 39px;
overflow: visible;
}
.hero-wrap {
width: 100%;
height: auto;
}
.hero-content {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 90vh;
margin-top: 7.5rem;
display: flex;
}
.sub-heading {
text-align: center;
width: 74.0625rem;
margin-top: 6rem;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 100%;
}
.heading-42 {
text-align: center;
width: 74.0625rem;
margin-top: .5rem;
margin-bottom: 1rem;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4.5rem;
line-height: 100%;
}
.hero-treepot {
justify-content: space-between;
align-items: center;
width: 100%;
height: 50rem;
display: flex;
}
.video-wrap {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66a1ed8efa421bd9e89e659e_shutterstock_1067989727.jpg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
width: 70%;
height: 80%;
display: flex;
}
.video-3 {
border-radius: 50px;
width: 100%;
max-width: 100%;
position: relative;
}
.button-wrap {
margin-left: 5rem;
}
.button-18 {
text-align: right;
object-fit: fill;
background-color: #e67f25;
width: 10rem;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.5rem;
line-height: 100%;
}
.hero-links-wrap {
margin-right: 5rem;
}
.sm-icon-link {
color: #000;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 65px;
margin-bottom: 2.9rem;
font-weight: 500;
text-decoration: none;
transition: opacity .25s;
display: flex;
}
.sm-icon-link:hover {
opacity: .8;
}
.sm-icon {
object-fit: cover;
width: 32px;
height: auto;
}
.sm-text {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .875rem;
line-height: 100%;
}
.karriere-wrap {
text-align: center;
background-color: #333;
width: 100%;
height: 150vh;
margin-top: 2.5rem;
}
.image-22 {
border-radius: 50px;
width: 60%;
height: auto;
margin-top: 7rem;
margin-left: 0;
}
.heading-43 {
color: #fff;
text-transform: none;
margin-top: 7rem;
margin-bottom: 10px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4.5rem;
font-weight: 400;
line-height: 100%;
}
.caroussell-karriere {
width: 100%;
height: 23rem;
margin-top: 0;
padding-top: 0;
}
.c-nav-btn_bg {
background-color: #527385;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.c-tools {
align-items: center;
margin-right: 32px;
display: flex;
}
.text-span-6 {
display: block;
}
.c-button-icon-wrapper {
width: 16px;
height: 16px;
margin-left: 8px;
position: relative;
}
.c-nav_buttons {
align-items: center;
display: flex;
}
.c-nav-brand_link {
transition: opacity .5s;
}
.c-nav-brand_link:hover {
opacity: .75;
}
.c-button_icon-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 4px 16px;
display: flex;
position: relative;
}
.c-button-icon {
color: #3b4f5a;
align-items: center;
font-size: 13px;
line-height: 28px;
text-decoration: none;
display: flex;
}
.c-nav-btn {
color: #243639;
border: 1px solid #3b4f5a;
border-radius: 0;
justify-content: center;
align-items: center;
font-size: 1.2rem;
line-height: 1.9rem;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
overflow: hidden;
}
.c-nav-btn:hover {
color: #fff;
border-color: #527385;
}
.c-nav-btn.cc-dark {
color: #fff;
background-color: #3b4f5a;
border-color: #0000;
}
.c-button-icon-right {
display: block;
}
.c-text-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
line-height: 28px;
}
.c-nav-brand {
float: none;
align-items: center;
display: flex;
position: static;
}
.c-nav {
z-index: 999;
background-color: #e5e8ec;
border-bottom: 1px solid #3b4f5a14;
width: 100%;
padding-left: 0;
padding-right: 0;
position: fixed;
}
.c-button-icon-left {
margin-bottom: 0;
margin-right: 8px;
}
.c-nav_logo-1 {
margin-right: 10px;
}
.c-button-inline {
text-decoration: none;
}
.c-button_wrap {
background-color: #36312b;
border-radius: 4px;
margin-left: 4px;
margin-right: 4px;
padding-bottom: 0;
}
.c-button_wrap.cc-right {
background-color: #0000;
margin-right: 0;
padding-top: 0;
padding-left: 0;
}
.c-button_wrap.cc-left {
background-color: #0000;
margin-left: 0;
}
.c-nav_wrap {
border-right: 1px solid #ffffff26;
padding-right: 24px;
display: flex;
}
.c-nav_wrapper {
justify-content: space-between;
align-items: center;
max-width: 1332px;
margin-left: auto;
margin-right: auto;
padding: 16px;
display: flex;
}
.c-small-text {
color: #3b4f5a;
white-space: nowrap;
position: absolute;
top: 600px;
left: 320px;
overflow: visible;
}
.c-title-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 58px;
font-weight: 700;
line-height: 1em;
}
.c-text-line {
background-color: #3b4f5a;
width: 108px;
height: 6px;
position: absolute;
top: 26px;
right: -45px;
}
.c-title-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 130px;
font-weight: 700;
line-height: 1em;
}
.c-slider {
justify-content: flex-start;
align-items: stretch;
max-width: none;
height: 468px;
margin-left: -32px;
margin-right: -32px;
display: flex;
position: relative;
left: 0;
}
.c-slide {
width: 286px;
min-width: 286px;
height: 468px;
min-height: 468px;
margin-left: 32px;
margin-right: 32px;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.c-section {
color: #000;
min-height: 100vh;
padding-top: 20vh;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.c-bg-container {
text-transform: uppercase;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.c-big-text {
color: #ebf2f4;
position: absolute;
}
.c-big-text.cc-bottom {
bottom: 260px;
right: -70px;
transform: rotate(-90deg);
}
.c-big-text.cc-top {
letter-spacing: 4px;
top: -195px;
left: 50px;
transform: rotate(-90deg);
}
.c-bg-line {
background-color: #3b4f5a;
width: 40vw;
height: 3px;
position: absolute;
top: 208px;
right: 0;
}
.c-slide_image {
transition: all .5s;
position: relative;
transform: translate(0);
box-shadow: 17px 17px 80px #002e5229;
}
.c-slide_image.c-move-to-bottom {
transition: all .5s;
}
.c-arrows-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 88px;
margin-top: 28px;
margin-left: auto;
margin-right: 490px;
display: flex;
position: relative;
}
.c-slide_wrapper {
height: 468px;
}
.c-arrow_embed {
width: 16px;
height: 16px;
}
.c-arrow {
color: #3b4f5a;
cursor: pointer;
border: 1px solid #3b4f5a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
transition: all .3s;
display: flex;
}
.c-arrow:hover {
color: #fff;
background-color: #3b4f5a;
}
.c-arrow.cc-right {
transform: rotate(180deg);
}
.slide_list {
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.slide_arrows {
align-items: center;
padding-top: 2.4em;
display: flex;
}
.section-2 {
position: relative;
overflow: hidden;
}
.slide_arrow {
color: #1c1d21;
cursor: pointer;
background-color: #d2e9ec;
border-radius: 200vw;
justify-content: center;
align-items: center;
width: 5em;
height: 5em;
margin-right: .8em;
display: flex;
}
.slide_wrap {
width: 100%;
}
.container-8 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 7.7em 10em;
}
.slide_contain {
width: 100%;
}
.slide_item {
z-index: 3;
flex: none;
width: 48%;
padding-right: 1.3em;
transition: transform .35s;
position: relative;
}
.slide_svg {
width: 2em;
height: 2em;
}
.slide_svg.is--flip {
transform: rotate(-180deg);
}
.owl-carousel-wrapper {
flex-flow: row;
justify-content: center;
width: 890px;
margin: 30px auto;
display: flex;
}
.owl-carousel.owl-theme {
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.p-item {
width: 30rem;
height: 145px;
position: relative;
}
.image-23 {
width: 100%;
height: auto;
}
.werte-wrap {
width: 100%;
height: 40rem;
}
.textwrap {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 60px 30px;
}
.branding-collecction-list, .branding-collection-item {
position: relative;
}
.what-we-do-tabs {
display: flex;
}
.wwd-tabs-content {
width: 80%;
}
.branding-content {
width: 100%;
height: 100%;
}
.branding-nav {
color: #555;
background-color: #0000;
border: 1px solid #fff0;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
margin-top: 0;
margin-bottom: 10px;
font-size: 2em;
text-decoration: none;
display: flex;
}
.branding-nav.w--current {
color: #fff;
background-color: #0000;
border-color: #ad292e;
}
.branding-nav.click1 {
width: 200px;
height: 60px;
}
.branding-nav.click1.w--current {
color: #333;
border-width: .2rem;
border-color: #e67f25;
width: 200px;
}
.innerwrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
}
.red-span {
color: #ad292e;
}
.wrapper {
z-index: 1;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.wwd-tabs-menu {
width: 15%;
}
.heading-44 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.375rem;
line-height: 100%;
}
.paragraph-40 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
line-height: 100%;
}
.heading-45 {
color: #333;
font-size: 3rem;
line-height: 100%;
}
.text-span-7 {
color: #e67f25;
}
.content-slider {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
justify-content: center;
align-items: center;
height: 100%;
margin-left: 5rem;
display: flex;
}
.footer-wrap {
background-color: #e67f25;
justify-content: center;
align-items: center;
width: 100%;
height: 20vh;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.button-19 {
background-color: #3898ec00;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 100%;
}
.div-block-41 {
flex-flow: column;
width: 30%;
display: flex;
}
.div-block-42 {
width: 15%;
height: 50%;
}
.paragraph-41 {
color: #fff;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 150%;
}
.portfolio-wrap {
width: 100%;
height: 100vh;
}
.testimonial-slider-large {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-9 {
width: 90%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.testimonial-slider-two {
background-color: #0000;
height: auto;
}
.testimonial-slide {
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 12px 12px 12px 64px;
display: flex;
}
.testimonial-content {
flex-direction: column;
align-items: flex-start;
max-width: 460px;
margin-right: 40px;
display: flex;
}
.testimonial-quote-icon {
margin-bottom: 24px;
}
.testimonial-quote {
margin-bottom: 32px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.testimonial-info-two {
align-items: center;
display: flex;
}
.testimonial-image {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name {
font-weight: 700;
}
.testimonial-image-two {
object-fit: cover;
width: 350px;
height: 400px;
}
.testimonial-author-image-three {
object-fit: cover;
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 24px;
}
.testimonial-slider-arrow {
display: none;
}
.testimonial-slider-nav {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.hero-heading-right {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 47%;
display: flex;
}
.shadow-two {
border-radius: 50px;
box-shadow: 0 4px 24px #96a3b514;
}
.margin-bottom-24px-2 {
margin-bottom: 24px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 100%;
}
.button-primary-4 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #333;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 12px 25px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .75rem;
line-height: 100%;
transition: all .2s;
display: flex;
}
.button-primary-4:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-4:active {
background-color: #43464d;
}
.hero-heading-left {
background-color: #fcfcf6;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-10 {
width: 70%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.heading-46 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.375rem;
line-height: 100%;
}
.heading-47 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.hero-stack-2 {
background-color: #000000ba;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/662a4c2d3ce2edce691e281b_pexels-spencer-selover-428431.png");
background-position: 50%;
background-size: cover;
border-bottom: 1px solid #e4ebf3;
height: 91vh;
margin-top: 6.8rem;
padding: 80px 30px;
position: relative;
}
.container-11 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/662a4c2d3ce2edce691e281b_pexels-spencer-selover-428431.png");
background-position: 0 0;
background-size: cover;
width: 100%;
max-width: 100%;
height: 65rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hero-wrapper-two-2 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-3 {
color: #fff;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.125rem;
line-height: 120%;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #e67f25;
border-radius: 50px;
padding: 12px 25px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: .75rem;
line-height: 100%;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #333;
}
.button-primary-5:active {
background-color: #43464d;
}
.hero-image-2 {
width: 100%;
margin-top: 50px;
}
.body-3 {
background-color: #fcfcf7;
}
.heading-48 {
color: #fff;
margin-bottom: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.875rem;
line-height: 100%;
}
.features-metrics {
background-color: #e67f25;
border-bottom: 1px solid #e4ebf3;
padding: 60px 30px;
position: relative;
}
.container-12 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.features-wrapper {
justify-content: space-around;
align-items: center;
display: flex;
}
.features-block {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.features-title {
color: #fcfcf6;
margin-bottom: 8px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 48px;
}
.features-title-small {
font-size: 24px;
line-height: 32px;
}
.text-block-11 {
color: #fcfcf6;
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.team-slider-2 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-13 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-2 {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-2 {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-slider-wrapper-2 {
background-color: #0000;
height: auto;
margin-top: 50px;
}
.team-slide-wrapper-2 {
width: 30%;
margin-right: 5%;
}
.team-block-2 {
background-color: #fff;
padding-bottom: 24px;
}
.team-member-image-two-2 {
margin-bottom: 18px;
}
.team-block-info-2 {
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.team-member-name-two-2 {
margin-bottom: 12px;
font-weight: 600;
}
.team-member-text-2 {
margin-bottom: 20px;
}
.text-link-arrow-2 {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed-2 {
margin-left: 2px;
display: flex;
}
.team-slider-arrow-2 {
display: none;
}
.team-slider-nav-2 {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.image-24 {
object-fit: cover;
}
.line {
float: left;
background-color: #0000004d;
width: 50px;
height: 1px;
margin-top: 42px;
margin-right: 30px;
}
.line.white {
background-color: #ffffff80;
margin-top: 10px;
}
.service-photo-block {
z-index: -1;
justify-content: center;
align-items: center;
transition: transform .4s, box-shadow .4s;
display: flex;
}
.service-photo-block:hover {
transform: scale(1.03)translate(5px, -5px);
box-shadow: -16px 37px 50px -40px #000000b3;
}
.line-link {
color: #b62654;
text-align: center;
letter-spacing: 1.4px;
text-transform: uppercase;
border-bottom-style: none;
margin-top: 40px;
font-size: 16px;
font-weight: 300;
text-decoration: none;
}
.line-link:hover {
text-decoration: none;
}
.line-link:active {
color: #888;
border-bottom-color: #833777;
}
.service-text-block {
float: left;
width: 70%;
margin-top: 30px;
}
.btn-white {
z-index: 2;
color: #292929;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
margin-top: 0;
padding: 20px 30px;
font-weight: 700;
transition: box-shadow .4s, transform .4s;
position: absolute;
}
.btn-white:hover {
text-decoration: none;
transform: translate(3px, -3px);
box-shadow: -10px 10px 23px #000000b3;
}
.more-line {
opacity: 0;
background-color: #b62654;
width: 0%;
height: 1px;
margin-top: 1px;
margin-left: auto;
margin-right: auto;
display: block;
}
.container-14 {
z-index: 1;
perspective: 679px;
perspective-origin: 100%;
padding-left: 16.6667%;
padding-right: 16.6667%;
position: relative;
}
.sec {
padding-top: 10vh;
padding-bottom: 10vh;
}
.service-block {
align-items: center;
display: flex;
}
.service-content-wrapper {
transform-origin: 0 0;
flex: none;
width: 70%;
padding-right: 5%;
}
.service-photo-wrapper {
flex: none;
width: 40%;
}
.list-name {
color: #8d8d8d;
margin-top: 30px;
margin-bottom: 10px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 700;
}
.container-15, .container-16, .container-17 {
z-index: 1;
perspective: 679px;
perspective-origin: 100%;
padding-left: 16.6667%;
padding-right: 16.6667%;
position: relative;
}
.text-block-12, .text-block-13, .text-block-14 {
color: #fcfcf6;
}
.heading-49 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.paragraph-42 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
}
.list-item, .list-item-2, .list-item-3 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.line-col {
border-right: 1px solid #0000001a;
height: 100vh;
}
.line-col.dark {
background-color: #292929;
border-right-color: #ffffff1a;
height: 100%;
}
.grey-text {
color: #8d8d8d;
display: inline-block;
}
.contact-item {
margin-bottom: 30px;
margin-left: 1rem;
}
.container-18 {
z-index: 1;
perspective: 679px;
perspective-origin: 100%;
padding-left: 16.6667%;
padding-right: 16.6667%;
position: relative;
}
.col {
padding-left: 0;
padding-right: 0;
}
.lines-row-form {
z-index: -1;
align-items: flex-end;
display: flex;
position: absolute;
inset: 0;
}
.contacts-link {
color: #8d8d8d;
margin-top: 0;
margin-right: 10px;
font-size: 20px;
font-weight: 700;
}
.contacts-link:hover {
color: #fff;
text-decoration: none;
}
.form-sec {
z-index: 2;
padding-top: 20vh;
padding-bottom: 20vh;
position: relative;
}
.form-sec.about {
margin-bottom: -40px;
padding-top: 10vh;
padding-bottom: 10vh;
transform: translate(0, 29px);
}
.contact-block {
margin-top: 70px;
margin-bottom: 50px;
}
.order-btn {
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #e67f25;
border-radius: 50px;
margin-top: 0;
margin-left: 1rem;
padding: 20px 50px;
font-size: 14px;
font-weight: 700;
transition: box-shadow .2s;
box-shadow: 0 16px 22px -7px #83377766;
}
.order-btn:hover {
color: #fff;
text-decoration: none;
box-shadow: 0 10px 100px #e67f25, 0 15px 40px 11px #e67f2512;
}
.order-btn:active {
box-shadow: 0 8px 50px 17px #83377766;
}
.white-text {
color: #fff;
margin-left: 1rem;
}
.heading-50 {
color: #e67f25;
margin-left: 1rem;
}
.heading-51 {
color: #8d8d8d;
font-size: 20px;
}
.impressum-hero-wrap {
background-color: #fcfcf7;
width: 100%;
height: 80vh;
}
.paragraph-43 {
text-align: center;
width: 80%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 10rem;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.125rem;
}
.job-rte {
color: #000;
font-size: 16px;
line-height: 1.4;
}
.h6 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
}
.job-square {
color: #fff;
background-color: #e67f25;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.spacer-10 {
width: 100%;
height: 10px;
}
.job_description {
margin-top: 25px;
}
.spacer-20 {
width: 100%;
height: 20px;
}
.job-description_heading {
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.job_labels-wrap {
justify-content: space-between;
margin-bottom: 45px;
display: flex;
}
.job-flex {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.job-left {
width: 72%;
}
.spacer-40 {
width: 100%;
height: 40px;
}
.paragraph-44 {
opacity: .9;
color: #000;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.paragraph-44.job-link {
color: #434de7;
font-weight: 600;
}
.container-19 {
width: 100%;
max-width: 1100px;
}
.spacer-30 {
width: 100%;
height: 30px;
}
.job-sticky {
width: 25%;
position: sticky;
top: 20px;
}
.job_label-flex {
grid-column-gap: 10px;
color: #000;
align-items: center;
display: flex;
}
.h4 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
font-weight: 600;
}
.heading-52 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2.125rem;
line-height: 100%;
}
.job_label-card {
text-align: left;
}
.job-wrapper {
position: relative;
}
.all-jobs {
grid-column-gap: 10px;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: none;
display: flex;
}
.section-3 {
flex-direction: column;
align-items: center;
width: 100%;
padding: 100px 5%;
display: flex;
}
.section-3.jobs {
background-color: #fcfcf7;
padding-top: 35px;
padding-bottom: 40px;
display: flex;
}
.job_sticky-card {
border: 1px solid #f2f3ff;
border-radius: 15px;
padding: 35px 30px;
}
.button-20 {
color: #fff;
background-color: #e67f25;
border-radius: 50px;
height: 50px;
padding: 15px 35px;
font-size: 15px;
font-weight: 500;
box-shadow: 0 10px 20px -3px #1d01501a;
}
.button-20:hover {
box-shadow: none;
background-color: #000;
}
.embed-icon {
margin-bottom: -4px;
overflow: visible;
}
.flex-wrap {
align-items: center;
display: flex;
}
.spacer-15 {
width: 100%;
height: 15px;
}
.job-body {
padding-bottom: 35px;
padding-left: 70px;
padding-right: 70px;
}
.job-card {
border: 1px solid #f2f3ff;
border-radius: 20px;
overflow: hidden;
}
.job_title-wrap {
width: 100%;
padding-top: 40px;
padding-left: 70px;
padding-right: 70px;
}
.team-circles {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-20 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-3 {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-3 {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-grid {
grid-column-gap: 64px;
grid-row-gap: 56px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.team-card {
text-align: center;
flex-direction: column;
align-items: center;
font-size: 14px;
line-height: 22px;
display: flex;
}
.team-member-image {
object-fit: cover;
border-radius: 50%;
width: 270px;
height: 270px;
margin-bottom: 24px;
}
.team-member-name {
margin-bottom: 6px;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.team-member-position {
margin-bottom: 24px;
}
.the-sticky-div-title {
z-index: 300;
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: none;
background-color: #3498db00;
width: 100%;
margin-top: 25vh;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 60px;
font-weight: 300;
line-height: 45px;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: perspective(2000px);
}
.a-block {
background-color: #dededeb8;
border-radius: 6px;
flex: none;
width: 300px;
height: 40vh;
margin-left: 40px;
margin-right: 40px;
overflow: hidden;
box-shadow: 0 0 100px 8px #cd2bb140;
}
.the-width-400vh-scrollable-div {
flex-wrap: wrap;
align-items: center;
width: 400vh;
height: 100%;
display: flex;
}
.the-content {
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 40px;
display: flex;
position: relative;
}
.text-span-8 {
font-size: 31px;
line-height: 34px;
display: inline;
}
.gradient {
text-align: center;
border-radius: 0;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.the-overflow-hidden-mask {
z-index: 200;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.the-height-400vh-section {
background-color: #fff;
border-top: 60px #24242417;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400vh;
margin-top: -14vh;
margin-left: 0;
display: flex;
position: relative;
}
.the-height-400vh-section:focus {
box-shadow: inset 0 0 0 85px #ff00004a;
}
.night-sky-fixed-background {
z-index: 100;
opacity: 1;
background-color: #e67f25;
width: 800vh;
height: 100%;
position: absolute;
}
.the-sticky-div {
background-color: #ffffff82;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin: 0 auto;
display: flex;
position: sticky;
top: 0;
bottom: 0;
overflow: hidden;
}
.tabs-menu {
border-bottom: 2px solid #ddd;
}
.top-block {
color: #fff;
background-color: #e67f25;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66599b2b8d411a517e605d0e_AdobeStock_186238127.png");
background-position: 100% 17%;
background-repeat: no-repeat;
background-size: 65%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
width: 100%;
padding: 30px 40px 40px 60px;
}
.jobs-wrap {
padding: 30px;
}
.tab-link {
color: #a3a3a3;
background-color: #0000;
margin-bottom: -2px;
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
}
.tab-link.w--current {
color: #3ebff6;
background-color: #0000;
border-bottom: 2px solid #3ebff6;
}
.tab-content-wrap {
padding-top: 80px;
}
.job-board {
background-color: #fff;
border-radius: 5px;
width: 80%;
max-width: 1000px;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
box-shadow: 0 10px 20px #00000026;
}
.tabs {
padding-top: 30px;
padding-bottom: 30px;
}
.lisitng-wrap {
padding-left: 20px;
padding-right: 20px;
}
.section-intro {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.skills__video-nav-ico {
z-index: 0;
opacity: 0;
cursor: pointer;
transition: all .3s;
position: absolute;
transform: scale(.7);
}
.skills__video-nav-ico.active {
z-index: 1;
opacity: 1;
display: block;
transform: translate(0);
}
.skills__video-nav-ico.active:hover {
opacity: .7;
}
.footer__copyright {
align-items: center;
display: flex;
}
.form__submit-result-wrap {
z-index: 2;
justify-content: flex-start;
align-items: center;
padding-left: 1.4rem;
display: flex;
position: absolute;
inset: 0%;
}
.form__submit-result-wrap.mod--modal {
padding-left: .75rem;
}
.reviews__card-ava {
border-radius: 100px;
flex: none;
width: 56px;
height: 56px;
margin-right: 12px;
}
.content {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
.hero__person-txt-more {
opacity: 0;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
bottom: 78px;
}
.hero__person-txt-more.mod--1 {
padding-left: 100px;
overflow: visible;
}
.form__submit-result {
align-items: center;
width: 0;
transition: all .2s;
display: flex;
overflow: hidden;
}
.form__submit-result.active {
width: 1rem;
transition-duration: 1s;
}
.skills__achieve {
background-color: #97c680;
justify-content: center;
align-items: center;
margin-top: 48px;
margin-bottom: -185px;
display: flex;
overflow: hidden;
}
.skills__achieve.mod--desctop {
background-color: #e67f25;
width: 42vw;
margin-top: 139px;
}
.skills__achieve.mob--mob {
display: none;
}
.swiper-slide {
justify-content: center;
align-items: stretch;
height: auto;
display: block;
position: relative;
}
.swiper-slide.slide--reviews {
width: 25%;
height: auto;
}
.form__submit-result-ico {
filter: invert(90%);
flex: none;
width: 1rem;
max-width: none;
display: block;
}
.header-block {
z-index: 90;
padding: 38px 80px;
position: absolute;
inset: 0% 0% auto;
}
.header-block.mod--fixed {
background-color: #fff;
padding-top: 18px;
padding-bottom: 18px;
transition: all .5s;
position: fixed;
transform: translate(10px, -100px);
}
.btn-border {
text-align: center;
background-color: #97c680;
border-radius: 100px;
min-width: 160px;
padding: 10px 30px;
box-shadow: inset 0 45px #1e1e2f;
}
.btn-border:hover {
color: #1e1e2f;
box-shadow: inset 0 45px 0 -50px #1e1e2f;
}
.btn-2 {
text-align: center;
background-color: #97c680;
border-radius: 100px;
min-width: 160px;
padding: 10px 30px;
box-shadow: inset 0 45px #1e1e2f;
}
.btn-2:hover {
color: #1e1e2f;
box-shadow: inset 0 45px 0 -50px #1e1e2f;
}
.footer-2 {
padding-left: 80px;
padding-right: 80px;
}
.hero__person-count {
text-align: center;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
height: 0%;
font-size: 36px;
line-height: 100%;
transition: all .6s;
display: flex;
overflow: hidden;
}
.modal__heading {
max-width: 11.25rem;
font-size: 1.25rem;
}
.header__btn-menu {
cursor: pointer;
background-color: #1e1e2f;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-left: 24px;
display: none;
position: relative;
}
.category__tabs-menu {
text-align: center;
margin-bottom: 56px;
}
.skills__achieve-txt-wrap {
align-items: center;
margin-top: 36px;
margin-bottom: 36px;
display: flex;
}
.hero__person-title {
flex: none;
font-size: 34px;
line-height: 1.1em;
}
.footer__columns {
border-bottom: 1px solid #1e1e2f1a;
justify-content: space-between;
align-items: flex-start;
min-height: 120px;
margin-bottom: 24px;
padding-top: 56px;
padding-bottom: 56px;
display: flex;
}
.header__columns {
justify-content: space-between;
align-items: center;
display: flex;
}
.modal__close {
z-index: 5;
opacity: .4;
filter: invert();
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66599d7fabb0d72393f8eb11_ico-close-modal.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
transition: all .2s;
position: absolute;
top: 1.5rem;
right: 1.5rem;
}
.modal__close:hover {
opacity: .9;
}
.skills__list-item {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
}
.skills__achieve-desc {
text-transform: uppercase;
font-size: 14px;
line-height: 1.4em;
}
.skills__achieve-desc.stroke--06 {
color: #333;
}
.hero__person-square {
z-index: -1;
background-color: #1e1e2f;
width: 120px;
height: 100%;
margin-left: -24px;
display: block;
position: absolute;
}
.header-2 {
z-index: 90;
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: 0% 0% auto;
}
.skills__list-line {
border-left: 1px dashed #1e1e2f99;
width: 1px;
margin-top: 103px;
margin-bottom: -14px;
position: absolute;
inset: 0% auto 0% 28px;
}
.skills__video-nav {
z-index: 5;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
position: absolute;
inset: auto 32px 32px auto;
}
.footer__bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer__copyright-logo {
flex: none;
margin-right: 14px;
}
.modal__text {
max-width: 15rem;
margin-bottom: 0;
line-height: 1.5rem;
}
.skills__columns {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero__col.col--1 {
flex-direction: column;
justify-content: flex-end;
padding-bottom: 56px;
display: flex;
}
.hero__col.col--2 {
z-index: 0;
flex: 1;
overflow: visible;
}
.header__col.col--3 {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
}
.header__col.col--1 {
min-width: 250px;
}
.reviews__card-name {
margin-bottom: 12px;
}
.hero__person-count-title {
margin-bottom: -20px;
line-height: 1em;
display: inline-block;
}
.form__submit {
z-index: 3;
opacity: 0;
position: absolute;
inset: 0%;
}
.skills__video {
width: 100%;
height: 110%;
margin-bottom: -30px;
position: absolute;
inset: auto 0% 0%;
}
.skills__achieve-line {
background-color: #1e1e2f;
flex: none;
width: 1px;
height: 40px;
margin-left: 52px;
margin-right: 52px;
}
.skills__top {
z-index: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.remodal.remodal--global {
text-align: left;
background-color: #fff;
border-radius: 1.25rem;
width: 100%;
max-width: 37.25rem;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
transform: translate(0);
}
.btn-submit {
z-index: 1;
color: #1e1e2f;
background-color: #97c680;
justify-content: center;
align-items: center;
width: 64px;
height: 100%;
transition: all .3s;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
box-shadow: inset 0 0 #feba88;
}
.btn-submit:hover {
box-shadow: inset 0 -70px #feba88;
}
.btn-submit.stroke--btn-1.active {
opacity: 0;
transition-duration: .2s;
}
.btn-submit.mod--hero {
width: 120px;
font-size: 34px;
}
.btn-submit.mod--hero:hover {
box-shadow: inset 0 -120px #feba88;
}
.btn-submit.mod--form-footer {
height: auto;
position: relative;
}
.btn-submit.mod--modal {
flex: none;
width: 40px;
height: 40px;
position: absolute;
top: auto;
bottom: 1rem;
}
.skills__txt-desc {
margin-bottom: 0;
font-size: 20px;
}
.section-4 {
padding: 64px 80px;
}
.section-4.section--overflow-hidden {
overflow: hidden;
}
.section-4.section--hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 120px;
display: block;
overflow: hidden;
}
.section-4.section--cat, .menu {
display: none;
}
.category__columns {
flex-flow: row;
place-content: stretch flex-start;
align-items: flex-start;
margin-left: -16px;
margin-right: -16px;
display: flex;
}
.reviews__card-spec {
color: #97c680;
font-size: 14px;
line-height: 1em;
}
.modal__text-wrap {
justify-content: space-between;
width: 100%;
margin-bottom: 1rem;
display: flex;
}
.nav__link {
color: #1e1e2f;
text-align: center;
margin-right: 40px;
text-decoration: none;
display: inline-block;
box-shadow: inset 0 0 #97c680;
}
.nav__link:hover, .nav__link.mod--fixed.w--current {
box-shadow: inset 0 -9px #97c680;
}
.form-2 {
position: relative;
}
.btn-submit__arrow {
opacity: 1;
transition: all .2s;
display: block;
}
.btn-submit__arrow.active {
opacity: 0;
}
.skills__achieve-title {
margin-right: 16px;
font-size: 52px;
line-height: 1em;
}
.skills__achieve-title.stroke--08 {
color: #fff;
}
.footer__subs-title {
margin-bottom: 20px;
font-size: 20px;
}
.hero__columns {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.dot {
font-family: Varela, sans-serif;
}
.skills__list-ico {
background-color: #fff;
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-right: 24px;
display: flex;
box-shadow: 0 4px 40px #0000000d;
}
.category__card-arrow {
z-index: 2;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
transition: all .5s;
display: flex;
position: absolute;
inset: -60px 16px auto auto;
}
.dot-green {
color: #97c680;
font-family: Varela, sans-serif;
}
.hero__person-cont {
border-radius: 20px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modal__content {
z-index: 2;
border-radius: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
padding: 2.5rem 3rem 3rem;
transition: all .3s;
display: flex;
position: relative;
overflow: hidden;
}
.input {
z-index: 0;
border: 1px solid #1e1e2f33;
border-radius: 0;
width: 300px;
height: 64px;
padding-left: 25px;
font-size: 16px;
transition: all .3s;
position: relative;
}
.input:hover {
border-color: #1e1e2f66;
}
.input:focus {
border-color: #97c680;
}
.input::placeholder {
color: #1e1e2f;
}
.input.mod--hero {
border-width: 1px;
border-color: #fff;
width: 450px;
height: 120px;
margin-bottom: 0;
padding-left: 50px;
font-size: 20px;
box-shadow: 0 46px 50px #00000008;
}
.input.mod--hero:hover {
box-shadow: 0 46px 50px #0000001a;
}
.input.mod--hero:focus {
border-color: #97c680;
box-shadow: 0 46px 50px #0000001a;
}
.input.mod--modal {
background-color: #fff0;
border-width: 0 0 1px;
flex: 1;
width: auto;
height: 72px;
margin-bottom: 0;
padding-left: 0;
}
.input.mod--modal::placeholder {
color: #1e1e2f99;
}
.input.mod--footer {
width: 240px;
margin-bottom: 0;
margin-right: -1px;
}
.hero__person-count-span {
flex: none;
width: 100%;
font-size: 14px;
display: inline-block;
}
.category__card-title {
margin-bottom: 12px;
font-size: 24px;
}
.category__card-title.stroke--skills-06 {
line-height: 100%;
}
.swiper__nav-arrow {
opacity: .8;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66599d7aabb0d72393f8e937_ico_arrow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border: 1px solid #1e1e2f00;
border-radius: 100px;
width: 48px;
height: 48px;
margin-left: 12px;
margin-right: 12px;
transition: all .3s;
}
.swiper__nav-arrow:hover {
opacity: 1;
border-color: #1e1e2f26;
}
.swiper__nav-arrow.mod--right {
transform: rotate(180deg);
}
.footer__nav-list-item {
width: 50%;
margin-bottom: 40px;
}
.skills__col.mod--video {
flex: 1;
}
.footer__follow-heart {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66599d80abb0d72393f8eb76_follow-heart.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40px;
height: 40px;
margin-top: -20px;
margin-bottom: -20px;
margin-left: -10px;
display: inline-block;
position: relative;
top: -7px;
right: -4px;
}
.form-block-3 {
z-index: 1;
margin-bottom: 0;
position: relative;
}
.form-block-3.mod--modal {
width: 100%;
}
.header__btn-menu-line {
background-color: #fff;
width: 16px;
height: 2px;
position: absolute;
transform: none;
}
.header__btn-menu-line.mod--1 {
transform: translate(0, -3px);
}
.header__btn-menu-line.mod--2 {
transform: translate(0, 3px);
}
.footer__follow-wrap {
background-color: #1e1e2f;
border-top: 1px solid #29242a;
justify-content: center;
align-items: center;
min-height: 56px;
margin-top: 24px;
margin-left: -80px;
margin-right: -80px;
font-size: 16px;
display: flex;
}
.footer__follow-link {
color: #fff;
display: inline-block;
}
.hero__person-img {
z-index: 0;
object-fit: cover;
min-width: 100%;
height: 115%;
display: block;
position: relative;
}
.hero__person-img.mod--1 {
overflow: visible;
}
.hero__person {
cursor: pointer;
border-radius: 20px;
width: 21%;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: hidden;
}
.hero__person.mod--1, .hero__person.mod--3 {
overflow: hidden;
}
.footer__col.col--nav {
flex: 1;
justify-content: center;
align-items: flex-start;
display: flex;
}
.footer__follow-and {
color: #fff;
}
.reviews__card-p {
color: #1e1e2fcc;
margin-bottom: 0;
}
.heading--center {
text-align: center;
margin-bottom: 2vh;
}
.swiper__nav {
justify-content: center;
align-items: center;
margin-top: 44px;
display: flex;
}
.hero__person-grad {
z-index: 1;
color: #fff;
background-image: linear-gradient(#0000 50%, #000c);
position: absolute;
inset: 0%;
overflow: visible;
}
.footer__soc-link {
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: 8px;
margin-right: 8px;
display: flex;
}
.footer__soc-link:hover {
background-color: #1e1e2f;
}
.category__tabs-mask {
overflow: visible;
}
.footer__social {
justify-content: flex-end;
align-items: center;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.reviews__card-author {
flex-direction: row;
flex: none;
align-items: center;
margin-top: 48px;
display: flex;
}
.category__card-img {
border-radius: 20px;
margin-bottom: 24px;
padding-top: 0;
display: block;
}
.category__card-img.mod--desctop {
display: block;
}
.category__card-img.mod--mob {
display: none;
}
.swiper {
border-radius: 16px;
width: 100%;
overflow: hidden;
}
.swiper.swiper--persons {
display: none;
}
.swiper.swiper--reviews {
overflow: visible;
}
.category__card {
color: #1e1e2f;
text-decoration: none;
position: relative;
overflow: hidden;
}
.category__card:hover {
color: #97c680;
}
.category__tab-link {
background-color: #0000;
border-bottom: 2px solid #0000;
border-radius: 0;
min-height: 32px;
margin-left: 20px;
margin-right: 20px;
padding: 0;
line-height: 1.5em;
}
.category__tab-link:hover {
border-bottom-color: #0003;
min-height: 26px;
}
.category__tab-link.w--current {
background-color: #0000;
border-bottom-color: #000;
min-height: 26px;
}
.category__tab-link.w--current:hover {
border-bottom-color: #000;
}
.footer__nav-link-2 {
color: #1e1e2f;
text-align: center;
margin-right: 0;
text-decoration: none;
display: inline-block;
box-shadow: inset 0 0 #97c680;
}
.footer__nav-link-2:hover {
box-shadow: inset 0 -9px #97c680;
}
.hero__person-txt-less {
opacity: 1;
justify-content: flex-start;
align-items: center;
width: 120px;
height: 120px;
display: flex;
position: absolute;
bottom: 80px;
transform: rotate(-90deg);
}
.hero__person-txt-less.mod--1 {
padding-top: 20px;
right: 0;
}
.hero__person-txt-less.mod--1.hide {
display: none;
}
.skills__list {
max-width: 270px;
margin-right: 60px;
}
.category__col {
width: 25%;
padding-left: 16px;
padding-right: 16px;
position: sticky;
top: 40vh;
}
.skills__list-title {
margin-bottom: 16px;
font-size: 20px;
}
.skills__list-title.stroke--06 {
line-height: 100%;
}
.reviews__card {
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 24px;
transition: all .6s;
display: flex;
box-shadow: 0 64px 50px -32px #06072508;
}
.skills__video-wrap {
z-index: 0;
cursor: pointer;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65d5fd19e396a8f9b49c7f28_blackwhite.jpg");
background-position: 50%;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 950px;
min-height: 470px;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.swiper-wrapper {
flex-direction: row;
align-items: stretch;
width: 100%;
display: flex;
}
.modal__img {
object-fit: cover;
width: 100%;
display: block;
position: relative;
}
.category__card-month {
color: #1e1e2f;
}
.skills__list-desc {
color: #1e1e2fcc;
}
.form__content {
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
}
.footer__nav-list {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: 400px;
margin-bottom: -40px;
margin-right: -50px;
display: flex;
}
.hero__persons {
z-index: 0;
justify-content: flex-end;
height: 590px;
margin-left: -85px;
margin-right: -20px;
display: flex;
position: relative;
}
.footer__soc-img {
object-fit: scale-down;
border: 1px solid #1e1e2f1a;
border-radius: 100px;
width: 100%;
height: 100%;
transition: all .3s;
display: block;
}
.footer__soc-img:hover {
filter: brightness(0%) invert();
}
.footer__follow {
z-index: 1;
color: #fff9;
text-align: center;
line-height: 1.5em;
position: relative;
}
.skills__head-desc {
z-index: 1;
width: 100%;
max-width: 544px;
margin-right: 80px;
position: relative;
}
.main-2 {
background-image: linear-gradient(-5deg, #f8f4f1 60%, #fefeff 98%);
margin-top: 5vh;
}
.button-21 {
background-color: #333;
border-radius: 50px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 100%;
font-weight: 700;
line-height: 200%;
}
.mitarbeiter-content {
object-fit: fill;
background-color: #333;
height: 110vh;
padding-top: 10vh;
}
.heading-53 {
color: #fff;
text-align: center;
width: 70%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 3rem;
line-height: 100%;
}
.text-span-9 {
color: #e67f25;
}
.card-body-2 {
height: 100%;
padding: 30px;
}
.btn-3 {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #3862ec;
border-radius: 5px;
padding: 15px 25px;
font-size: 1rem;
transition: background-color .3s ease-out;
}
.btn-3:hover {
background-color: #213ea0;
}
.div-block-43 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.heading-54 {
font-size: 32px;
}
.paragraph-45 {
font-size: 18px;
}
.heading-55, .heading-56, .heading-57, .heading-58, .heading-59 {
font-size: 30px;
}
.heading-60 {
width: 100%;
margin-top: 0;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 26px;
line-height: 100%;
}
.paragraph-46 {
margin-top: 3vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
line-height: 100%;
}
.carousel-slider-2 {
margin-left: 5%;
margin-right: 5%;
}
.carousel-slider-2._3 {
right: -42%;
}
.carousel-slider-2._8 {
right: -147%;
}
.carousel-slider-2._4 {
right: -63%;
}
.carousel-slider-2._2 {
right: -21%;
}
.carousel-slider-2._7 {
right: -126%;
}
.carousel-slider-2._5 {
right: -84%;
}
.carousel-slider-2._6 {
right: -105%;
}
.carousel-slider-3 {
margin-left: 5%;
margin-right: 5%;
}
.carousel-slider-3._3 {
right: -42%;
}
.carousel-slider-3._8 {
right: -147%;
}
.carousel-slider-3._4 {
right: -63%;
}
.carousel-slider-3._2 {
right: -21%;
}
.carousel-slider-3._7 {
right: -126%;
}
.carousel-slider-3._5 {
right: -84%;
}
.carousel-slider-3._6 {
right: -105%;
}
.carousel-slider-4 {
margin-left: 5%;
margin-right: 5%;
}
.carousel-slider-4._3 {
right: -42%;
}
.carousel-slider-4._8 {
right: -147%;
}
.carousel-slider-4._4 {
right: -63%;
}
.carousel-slider-4._2 {
right: -21%;
}
.carousel-slider-4._7 {
right: -126%;
}
.carousel-slider-4._5 {
right: -84%;
}
.carousel-slider-4._6 {
right: -105%;
}
.carousel-slider-5 {
margin-left: 5%;
margin-right: 5%;
}
.carousel-slider-5._3 {
right: -42%;
}
.carousel-slider-5._8 {
right: -147%;
}
.carousel-slider-5._4 {
right: -63%;
}
.carousel-slider-5._2 {
right: -21%;
}
.carousel-slider-5._7 {
right: -126%;
}
.carousel-slider-5._5 {
right: -84%;
}
.carousel-slider-5._6 {
right: -105%;
}
.card-header-2 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d6fd4bb73cb5f48a6eab7b_aramis.png");
background-position: 50% 30%;
background-size: cover;
height: 550px;
}
.card-header-3 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/669639153fdf61a39389aa9b_chris-website.png");
background-position: 50% 30%;
background-size: cover;
height: 550px;
}
.card-header-4 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d9763cf409012c03d08d5b_michele-website.jpg");
background-position: 50% 30%;
background-size: cover;
height: 550px;
}
.card-header-5 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d979202239bb3f347a6529_maximilian.jpg");
background-position: 50% 30%;
background-size: cover;
height: 550px;
}
.body-4 {
background-color: #333;
}
.hero-content-karriere {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 270vh;
margin-top: 7.5rem;
display: flex;
}
.navbar-no-shadow {
background-color: #e67f25;
height: 15vh;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand {
width: 50%;
}
.nav-menu-2 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-11 {
color: #fff;
letter-spacing: .25px;
background-color: #333;
width: 100%;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px 5px 1vh;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
}
.nav-link-11:hover {
color: #e67f25;
}
.nav-link-11:focus-visible, .nav-link-11[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-3 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-3 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-3:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-3 {
margin-right: 10px;
}
.nav-dropdown-list-3 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-3.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-3 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper {
margin-left: 120px;
}
.button-primary-6 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
margin-top: 5vh;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-6:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-6:active {
background-color: #43464d;
}
.image-26 {
max-width: 50%;
}
.hero-stack-3 {
background-color: #f3e8d4;
border-bottom: 1px solid #e4ebf3;
height: 85vh;
padding: 80px 30px;
position: relative;
}
.container-21 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two-3 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-4 {
margin-bottom: 24px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 4rem;
font-weight: 700;
line-height: 100%;
}
.hero-image-3 {
width: 100%;
margin-top: 50px;
}
.buttons-socials {
flex-flow: row;
justify-content: space-between;
width: 80%;
margin-top: 3vh;
display: flex;
}
.heading-61 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 100%;
}
.hero-stack-4 {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.hero-wrapper-two-4 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-5 {
margin-bottom: 24px;
}
.button-primary-7 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-7:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-7:active {
background-color: #43464d;
}
.heading-62 {
color: #fff;
margin-top: 8vh;
font-size: 2.5rem;
line-height: 100%;
}
.hero-subscribe-left {
background-color: #f3e8d4;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-22 {
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split-2 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 46%;
display: flex;
}
.margin-bottom-24px-6 {
text-align: center;
margin-bottom: 24px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.hero-form {
margin-bottom: 12px;
}
.hero-form-container {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.hero-form-input {
color: #1a1b1f;
border: 1px solid #d1d6db;
width: 240px;
height: auto;
margin-bottom: 0;
margin-right: 9px;
padding: 5px 16px;
font-size: 14px;
line-height: 20px;
transition: all .2s;
}
.hero-form-input:hover, .hero-form-input:focus {
border-color: #76879d;
}
.hero-form-input::placeholder {
color: #1a1b1fcc;
}
.button-primary-8 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-8:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-8:active {
background-color: #43464d;
}
.text-link-arrow-3 {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed-3 {
margin-left: 2px;
display: flex;
}
.shadow-two-2 {
box-shadow: 0 4px 24px #96a3b514;
}
.heading-63 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.button-22 {
background-color: #333;
font-family: Tahoma, Verdana, Segoe, sans-serif;
line-height: 100%;
}
.footer-light {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px 40px;
position: relative;
}
.container-23 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.footer-wrapper-two {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.footer-brand {
max-width: 40%;
}
.footer-block-two {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 70%;
display: flex;
}
.footer-title {
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.footer-link-two {
color: #fff;
width: 50%;
margin-top: 20px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
text-decoration: none;
}
.footer-link-two:hover {
color: #1a1b1fbf;
}
.footer-form {
width: 315px;
max-width: 100%;
margin-bottom: 0;
}
.footer-form-block {
justify-content: center;
align-items: center;
margin-top: 24px;
display: flex;
}
.footer-form-field {
border: 1px solid #a6b1bf;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 14px;
line-height: 22px;
transition: all .2s;
}
.footer-form-field:hover, .footer-form-field:focus {
border-color: #76879d;
}
.footer-form-field::placeholder {
color: #1a1b1fcc;
font-size: 14px;
line-height: 22px;
}
.footer-form-submit {
background-color: #1a1b1f;
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a29b112aac4_ic%20Arrow%20Go.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 50px;
height: 48px;
transition: all .2s;
}
.footer-form-submit:hover {
background-color: #3a4554;
}
.footer-divider-two {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
}
.footer-bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-copyright {
color: #3a4554;
}
.footer-social-block-two {
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-left: -12px;
display: flex;
}
.footer-social-link {
margin-left: 12px;
}
.image-27 {
max-width: 80%;
}
.footer-block-two-copy {
color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 20%;
display: flex;
}
.paragraph-47 {
color: #fff;
width: 50%;
}
.container-21-copy {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.team-circles-2 {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-24 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-4 {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-4 {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-grid-2 {
grid-column-gap: 64px;
grid-row-gap: 56px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.team-card-2 {
text-align: center;
flex-direction: column;
align-items: center;
font-size: 14px;
line-height: 22px;
display: flex;
}
.team-member-image-2 {
object-fit: cover;
border-radius: 50%;
width: 270px;
height: 270px;
margin-bottom: 24px;
}
.team-member-name-2 {
color: #fff;
margin-bottom: 6px;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.team-member-position-2 {
margin-bottom: 24px;
}
.container-25 {
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.paragraph-48, .paragraph-49, .paragraph-50, .paragraph-51, .paragraph-52, .paragraph-53 {
color: #fff;
}
.image-28, .facebook, .linkedin {
width: 5%;
}
.body-5 {
max-width: 100%;
}
.div-block-44 {
width: 100%;
max-width: 100%;
height: auto;
}
.navbar-no-shadow-2 {
background-color: #333;
}
.navbar-no-shadow-container-2 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-2 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand-2 {
max-width: 20%;
}
.nav-menu-3 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-12 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-12:hover {
color: #1a1b1fbf;
}
.nav-link-12:focus-visible, .nav-link-12[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-4 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-4 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-4:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-4:focus-visible, .nav-dropdown-toggle-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-4 {
margin-right: 10px;
}
.nav-dropdown-list-4 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-4.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-4 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-4:focus-visible, .nav-dropdown-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-2 {
margin-left: 120px;
}
.button-primary-9 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-9:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-9:active {
background-color: #43464d;
}
.image-29 {
max-width: 100%;
}
.button-23 {
background-color: #e67f25;
border-radius: 50px;
font-family: PT Sans, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
}
.hero-stack-5 {
background-color: #fff;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-26 {
width: 100%;
max-width: 1020px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two-5 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-7 {
margin-bottom: 24px;
font-size: 1.5rem;
line-height: 100%;
}
.hero-image-4 {
width: 100%;
margin-top: 50px;
}
.hero-image-4.shadow-two {
max-height: 900px;
margin-top: 50px;
}
.heading-64 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 3rem;
line-height: 100%;
}
.div-block-45 {
justify-content: space-between;
align-items: center;
width: 50%;
margin-top: 30px;
display: flex;
}
.instagram-icon {
width: 7%;
}
.image-30-copy {
width: 5%;
}
.facebook-icon, .linkedin-icon {
width: 7%;
}
.div-block-46 {
background-color: #fff;
width: 100%;
height: auto;
}
.testimonial-slider-large-2 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-27 {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.testimonial-slider-two-2 {
background-color: #0000;
height: auto;
}
.testimonial-slide-2 {
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 12px 12px 12px 64px;
display: flex;
}
.testimonial-content-2 {
flex-direction: column;
align-items: flex-start;
max-width: 460px;
margin-right: 40px;
display: flex;
}
.testimonial-quote-icon-2 {
margin-bottom: 24px;
}
.testimonial-quote-2 {
margin-bottom: 32px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.testimonial-info-two-2 {
align-items: center;
display: flex;
}
.testimonial-image-2 {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name-2 {
font-weight: 700;
}
.testimonial-image-two-2 {
object-fit: cover;
width: 350px;
height: 400px;
}
.testimonial-author-image-three-2 {
object-fit: cover;
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 24px;
}
.testimonial-slider-arrow-2 {
display: none;
}
.testimonial-slider-nav-2 {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.team-circles-3 {
background-color: #fff;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.centered-heading-5 {
color: #323232;
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-5 {
color: #323232;
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-grid-3 {
grid-column-gap: 64px;
grid-row-gap: 56px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.team-card-3 {
text-align: center;
flex-direction: column;
align-items: center;
font-size: 14px;
line-height: 22px;
display: flex;
}
.team-member-image-3 {
object-fit: cover;
border-radius: 50%;
width: 270px;
height: 270px;
margin-bottom: 24px;
}
.team-member-name-3 {
color: #323232;
margin-bottom: 6px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 100%;
}
.team-member-position-3 {
margin-bottom: 24px;
}
.paragraph-54, .paragraph-55, .paragraph-56, .paragraph-57, .paragraph-58, .paragraph-59 {
color: #323232;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
}
.hero-subscribe-left-2 {
-webkit-text-fill-color: inherit;
background-color: #e67f25;
background-clip: border-box;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-28 {
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px-8 {
margin-bottom: 24px;
}
.hero-form-2 {
margin-bottom: 12px;
}
.hero-form-container-2 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.hero-form-input-2 {
color: #1a1b1f;
border: 1px solid #d1d6db;
width: 240px;
height: auto;
margin-bottom: 0;
margin-right: 9px;
padding: 5px 16px;
font-size: 14px;
line-height: 20px;
transition: all .2s;
}
.hero-form-input-2:hover, .hero-form-input-2:focus {
border-color: #76879d;
}
.hero-form-input-2::placeholder {
color: #1a1b1fcc;
}
.text-link-arrow-4 {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed-4 {
margin-left: 2px;
display: flex;
}
.shadow-two-3 {
box-shadow: 0 4px 24px #96a3b514;
}
.button-24 {
background-color: #323232;
margin-left: auto;
margin-right: auto;
}
.footer-dark {
background-color: #333;
border-bottom: 1px solid #e4ebf3;
padding: 50px 30px 15px;
position: relative;
}
.container-29 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.footer-wrapper {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer-brand-2 {
width: 60%;
max-width: 60%;
}
.footer-content {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.footer-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title-small {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.footer-link {
color: #fff;
margin-top: 12px;
margin-bottom: 6px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.footer-link:hover {
color: #1a1b1fbf;
}
.footer-social-block {
justify-content: flex-start;
align-items: center;
margin-top: 12px;
margin-left: -12px;
display: flex;
}
.footer-social-link-2 {
margin-left: 12px;
}
.footer-divider {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 70px;
margin-bottom: 15px;
}
.footer-copyright-center {
text-align: center;
font-size: 14px;
line-height: 16px;
}
.paragraph-60 {
color: #fff;
width: 100%;
}
.body-6 {
max-width: 100%;
}
.div-block-48 {
max-width: 1920px;
}
.wbs-blog-card-date {
margin-left: auto;
}
.wbs-blog-author-name {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.wbs-blog-card-author-name-wrap {
text-align: left;
}
.wbs-blog-card-author-image {
border-radius: 100%;
width: 30px;
height: 30px;
}
.wbs-blog-card-author {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.wbs-blog-card-author-wrap {
align-items: center;
width: 100%;
margin-top: 30px;
display: flex;
}
.wbs-blog-card-title {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
}
.wbs-blog-card-category-2 {
background-color: var(--flowstica-webflow-library--honeydew);
color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 5px;
margin-bottom: 15px;
padding: 2px 10px;
text-decoration: none;
display: block;
}
.wbs-blog-card-info {
flex-direction: column;
align-items: flex-start;
padding: 25px;
display: flex;
}
.wbs-blog-card-image {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wbs-blog-card-image-wrap {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.wbs-blog-card-item {
color: var(--flowstica-webflow-library--black);
border: 1px solid #010b151f;
border-radius: 10px;
text-decoration: none;
}
.wbs-blog-card-date-primary {
color: var(--flowstica-webflow-library--white);
margin-left: auto;
}
.wbs-blog-author-name-primary {
color: var(--flowstica-webflow-library--white);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.wbs-blog-card-author-wrap-primary {
align-items: center;
width: 100%;
margin-top: auto;
display: flex;
}
.wbs-blog-card-primary {
color: var(--flowstica-webflow-library--white);
}
.wbs-blog-card-title-primary {
color: var(--flowstica-webflow-library--white);
margin-top: 0;
margin-bottom: 20px;
}
.wbs-blog-card-category-primary {
background-color: var(--flowstica-webflow-library--white);
color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 5px;
margin-bottom: 20px;
padding: 2px 10px;
text-decoration: none;
}
.wbs-blog-card-info-primary {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wbs-blog-card-item-primary {
border: 1px solid var(--flowstica-webflow-library--medium-sea-green);
background-color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 10px;
flex-direction: column;
align-items: flex-start;
padding: 25px;
text-decoration: none;
display: flex;
}
.wbs-blog-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-container {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section {
background-color: #333;
padding: 6.25rem 5%;
}
.wbs-team-social-icon {
height: 24px;
}
.wbs-team-social {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-top: 20px;
display: flex;
}
.wbs-team-title {
color: var(--white);
text-align: center;
margin-top: 0;
margin-bottom: 5px;
font-size: 2rem;
}
.wbs-team-title-link {
text-decoration: none;
}
.wbs-team-info {
padding-top: 15px;
}
.wbs-team-image {
border-radius: 10px;
}
.wbs-team-image-wrap {
border-radius: 10px;
overflow: hidden;
}
.wbs-team-item {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.wbs-team-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.wbs-feature-image {
border-radius: 10px;
}
.wbs-feature-split-3-image {
position: relative;
}
.wbs-button-link {
color: var(--flowstica-webflow-library--black);
border-radius: 6px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-accordion-content {
padding-top: 10px;
overflow: hidden;
}
.wbs-accordion-icon {
width: 14px;
margin-top: 5px;
}
.wbs-accordion-title {
color: var(--flowstica-webflow-library--black);
margin-bottom: 0;
font-size: 1.2rem;
line-height: 100%;
}
.wbs-accordion-heading {
cursor: pointer;
justify-content: space-between;
display: flex;
}
.wbs-accordion-item {
background-color: #0000;
border: 1px solid #010b151f;
border-radius: 10px;
padding: 2rem 20px;
}
.wbs-accordion {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.wbs-spacing-20 {
height: 1.25rem;
}
.wbs-lead-text {
color: var(--flowstica-webflow-library--black);
font-size: 1.12rem;
line-height: 1.6rem;
}
.wbs-heading-h4 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 3.3rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-feature-split-3 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
grid-auto-columns: 1fr;
place-items: center start;
width: 85%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.paragraph-62, .paragraph-63, .paragraph-64 {
font-size: 1rem;
}
.wbs-section-copy {
padding: 6.25rem 5%;
}
.wbs-team-round-title {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
}
.wbs-team-round-image-wrap {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 50%;
overflow: hidden;
}
.wbs-team-round-item {
color: var(--flowstica-webflow-library--black);
text-align: center;
text-decoration: none;
}
.wbs-team-round-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.wbs-section-2 {
padding: 6.25rem 5%;
}
.wbs-container-copy {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.insta-icon, .image-31, .image-32, .link-block, .link-block-2, .link-block-3 {
width: 3rem;
}
.wbs-step-3-arrow-image-last {
opacity: .25;
position: absolute;
inset: auto 23% -20% auto;
}
.wbs-step-3-arrow-image-top {
opacity: .25;
position: absolute;
inset: -20% 0% 0% 26%;
}
.wbs-step-3-arrow-image-bottom {
opacity: .25;
position: absolute;
inset: auto 0% -20%;
}
.wbs-heading-h5 {
color: var(--flowstica-webflow-library--black);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-step-3-simple-number {
color: var(--flowstica-webflow-library--medium-sea-green);
margin-top: 0;
margin-bottom: 10px;
font-size: 26px;
}
.wbs-step-3-item-top {
margin-top: 100px;
}
.wbs-step-3 {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.wbs-section-3 {
padding: 15rem 5% 10rem;
}
.paragraph-65, .paragraph-66, .paragraph-67, .paragraph-68, .paragraph-69, .paragraph-70 {
text-align: center;
}
.fn-cover-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.fh-hero-image-wrapper-second {
border-radius: 300px;
width: 542px;
height: 720px;
overflow: hidden;
}
.fn-button-secondery {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery:hover {
background-color: #3e4545;
}
.fn-button {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-button-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fn-paragraph {
color: #ecf0ef;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-1 {
margin-top: 0;
margin-bottom: 24px;
font-size: 64px;
line-height: 1.2em;
}
.fn-column {
flex-direction: column;
align-items: flex-start;
display: block;
}
.fn-column.tabs-992 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
}
.fn-container-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #333;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 3rem;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.fn-container-grid.relative {
grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
position: relative;
}
.fn-section {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-button-dark {
color: #fff;
background-color: #1d1f1e;
border: 1px solid #000;
border-radius: 8px;
margin: 20px 12px;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: color .25s, background-color .25s;
display: none;
overflow: visible;
}
.fn-button-dark:hover {
color: #0f1213;
background-color: #e67f25;
border-color: #0f1213;
}
.fn-button-dark.w--current {
background-color: #1d1f1e;
}
.fn-button-dark.w--current:hover {
background-color: #0000;
}
.fn-button-secondery-dark {
color: #1d1f1e;
background-color: #0000;
border: 1px solid #1d1f1e;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: color .25s, background-color .25s;
display: flex;
}
.fn-button-secondery-dark:hover {
color: #df0;
background-color: #1d1f1e;
}
.fn-navbar-link-box {
color: #333;
padding-top: 32px;
padding-bottom: 32px;
font-size: 15px;
font-weight: 700;
line-height: 1.3em;
text-decoration: none;
transition: opacity .25s;
}
.fn-navbar-link-box:hover {
opacity: .7;
}
.fn-navbar-link-box.w--current {
color: var(--flowstica-webflow-library--black);
}
.fn-navbar-link-box.navbar-link-box-last.current.w--current {
color: #000;
}
.fn-navbar-links-wrapper {
justify-content: center;
align-items: center;
padding-left: 12em;
display: flex;
}
.fn-navbar-menu-wrapper {
flex: 1;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.fn-navbar-menu-box {
flex: 1;
justify-content: space-between;
display: flex;
}
.fn-contain-logo {
color: #df0;
object-fit: contain;
object-position: 0% 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-contain-logo.dark-logo {
color: #1d1f1e;
}
.fn-brand-box {
object-fit: contain;
object-position: 0% 50%;
width: 106px;
height: 21.55px;
margin-right: 0;
transition: opacity .25s;
}
.fn-brand-box:hover {
opacity: .7;
}
.fn-brand-box.side-margin.w--current {
margin-right: 20px;
}
.fn-navbar-container-box {
background-color: #e67f25;
border-radius: 16px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 100%;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.fn-navbar-box {
background-color: #333;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: none;
}
.image-33 {
vertical-align: baseline;
}
.fn-logos-image {
color: #687373;
object-fit: contain;
object-position: 50% 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: 150px;
height: 42px;
display: flex;
}
.fn-logos-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.fn-label {
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-section-2 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-2.overflow-none {
overflow: hidden;
}
.body-7 {
background-color: #333;
overflow: visible;
}
.fn-faq-link {
color: #df0;
font-size: 18px;
font-weight: 700;
line-height: 1.1em;
text-decoration: none;
transition: opacity .25s;
}
.fn-faq-link:hover {
opacity: .7;
}
.form-label-no-margin {
color: #939b9b;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-faq-arrow {
color: #e67f25;
align-items: center;
width: 12px;
height: 8px;
margin-top: 2px;
display: flex;
}
.faq-link-text {
color: #e67f25;
text-decoration: underline;
}
.fn-show-more {
flex-direction: column;
align-items: flex-start;
height: 20px;
font-size: 18px;
display: flex;
overflow: hidden;
}
.fn-faq-link-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #df0;
cursor: pointer;
align-items: center;
margin-top: 16px;
text-decoration: underline;
display: flex;
}
.fn-paragraph-no-margin {
color: #333;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-faq-line {
background-color: #687373;
width: 100%;
height: 1px;
margin-bottom: 16px;
}
.fn-heading-4 {
color: #333;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-faq-dark-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #f3e8d4;
border-radius: 16px;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 24px;
display: flex;
}
.fn-heading-2 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.text-span-10 {
color: #e67f25;
}
.fn-hero-quote-line {
background-color: #e67f25;
width: 100%;
height: 1px;
margin-top: 25px;
margin-bottom: 25px;
}
.fn-author-image {
border-radius: 50%;
width: 50px;
height: 50px;
overflow: hidden;
}
.fn-author-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ecf0ef;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.6em;
display: flex;
}
.fn-hero-quote {
color: #e67f25;
width: 229px;
height: 164px;
margin-bottom: 200px;
}
.fn-link-arrow {
color: #e67f25;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-hero-box-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
display: flex;
}
.fn-heading-jambo {
margin-top: 0;
margin-bottom: 24px;
font-size: 52px;
font-weight: 400;
line-height: 1.1em;
}
.fn-section-off-black {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.text-block-15 {
color: #e67f25;
text-decoration: underline;
}
.fn-button-2 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-2:hover {
opacity: .9;
border-color: #0f1213;
}
.fh-features-image-wrapper {
border-radius: 24px;
width: 100%;
height: 400px;
overflow: hidden;
}
.fn-featured-tabs-content-wrapper {
flex: 0 auto;
width: 80%;
}
.fn-featured-tabs-content {
justify-content: flex-end;
align-items: center;
width: 60%;
display: flex;
position: absolute;
inset: 0% 15px 0% auto;
}
.fn-tabs-paragraph {
flex: none;
overflow: hidden;
}
.fn-tabs-link-title-icon {
color: #e67f25;
object-fit: contain;
width: 19px;
height: 19px;
}
.fn-tabs-link-title {
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #cdd3d2;
align-items: center;
display: flex;
}
.fn-tabs-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #939b9b;
background-color: #0000;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 15px;
transition: opacity .25s;
display: flex;
}
.fn-tabs-link:hover {
opacity: .8;
color: #939b9b;
}
.fn-tabs-link.w--current {
background-color: #0f1213;
flex-flow: column;
}
.fn-featured-tabs-menu {
flex-direction: column;
width: 100%;
display: flex;
}
.fn-featured-tabs {
width: 100%;
margin-bottom: 32px;
position: static;
}
.fn-heading-5 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-section-3 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-footer-copyright {
color: #687373;
font-size: 16px;
}
.fn-footer-legal-link {
color: #939b9b;
transition: color .25s;
}
.fn-footer-legal-link:hover {
color: #f3e8d4;
}
.fn-legal-links-wrapper {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-wrap: wrap;
display: flex;
}
.fn-standard-white-link {
color: #ecf0ef;
font-size: 18px;
line-height: 1.4em;
transition: color .25s;
display: block;
}
.fn-standard-white-link:hover {
color: #f3e8d4;
}
.fn-standard-white-link.w--current {
color: #e67f25;
}
.fn-footer-line {
background-color: #3e4545;
width: 100%;
height: 1px;
margin-top: 36px;
margin-bottom: 10px;
}
.fn-footer-second {
background-color: #333;
}
.wbs-client-logo {
height: 30px;
}
.wbs-client-logo-item {
text-align: center;
border: 1px solid #010b151f;
border-radius: 10px;
padding: 30px;
}
.wbs-client-grid-border {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.wbs-spacing-30 {
height: 1.875rem;
}
.wbs-heading-h5-2 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-client-title-wrap-center {
text-align: center;
}
.wbs-container-2 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-4 {
padding: 6.25rem 5%;
}
.fh-hero-image-wrapper-first {
border-radius: 24px;
width: 100%;
height: 534px;
margin-top: 36px;
overflow: hidden;
}
.fn-button-3 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-3:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-column-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-section-4 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.image-34 {
clear: none;
max-width: 10rem;
padding-top: .75rem;
}
.body-8 {
background-color: #333;
}
.fn-get-a-demo-shape-second {
color: #e67f25;
border: 1px solid #e67f25;
border-radius: 50%;
flex: none;
width: 193px;
height: 193px;
position: absolute;
inset: auto auto auto 0;
}
.fn-get-a-demo-shape {
color: #e67f25;
border: 1px solid #e67f25;
border-radius: 50%;
flex: none;
width: 230px;
height: 230px;
position: absolute;
inset: 0% 0% 0% auto;
}
.fn-get-a-demo-link {
color: #df0;
letter-spacing: .1em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
height: 230px;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
transition: letter-spacing .25s;
display: flex;
position: relative;
}
.fn-get-a-demo-link:hover {
color: #df0;
letter-spacing: .3em;
}
.fn-get-a-demo-link.w--current:hover, .fn-span-color-text {
color: #df0;
}
.fn-heading-jambo-2 {
margin-top: 0;
margin-bottom: 24px;
font-size: 74px;
font-weight: 400;
line-height: 1.1em;
}
.fn-label-jambo {
color: #cdd3d2;
letter-spacing: .2em;
text-transform: uppercase;
max-width: 640px;
margin-bottom: 96px;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-section-off-black-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #ecf0ef;
background-color: #333;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.text-span-11, .text-span-12 {
color: #e67f25;
}
.text-block-16 {
color: #fff;
}
.fn-section-5 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-5.overflow-none {
overflow: hidden;
}
.text-span-13 {
font-size: 60px;
font-weight: 800;
}
.fn-container-grid-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-6 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-6.overflow-none {
background-color: #e67f25;
flex-flow: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.text-span-14 {
font-size: 16px;
}
.text-span-15 {
font-size: 72px;
}
.heading-65, .heading-66, .heading-67, .heading-68 {
text-align: center;
}
.fn-heading-3 {
color: #333;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.3em;
}
.fn-label-icon {
background-color: #e67f25;
border: 3px solid #e67f25;
width: 63px;
height: 1px;
margin-bottom: 24px;
}
.fn-slider-column {
padding: 46px 100px 46px 24px;
}
.fn-slider-image {
object-fit: cover;
width: 100%;
display: block;
}
.fn-slide-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f3e8d4;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 16px;
display: grid;
overflow: hidden;
}
.fn-link-arrow-2 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-heading-6 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-container-grid-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-7 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-banner-image-three {
object-fit: contain;
width: 246px;
height: 246px;
position: absolute;
inset: auto -55px -61px auto;
}
.fn-banner-image-two {
object-fit: contain;
width: 172px;
height: 172px;
position: absolute;
inset: -67px 186px auto auto;
}
.fn-banner-image-one {
object-fit: contain;
width: 287px;
height: 287px;
position: absolute;
inset: auto auto -62px -44px;
}
.fn-button-dark-2 {
color: #f3e8d4;
background-color: #1d1f1e;
border: 1px solid #000;
border-radius: 8px;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: color .25s, background-color .25s;
}
.fn-button-dark-2:hover {
color: #0f1213;
background-color: #e67f25;
border-color: #0f1213;
}
.fn-button-dark-2.w--current {
background-color: #1d1f1e;
}
.fn-button-dark-2.w--current:hover {
background-color: #0000;
}
.fn-paragraph-dark {
color: #1d1f1e;
margin-bottom: 32px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-7 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 48px;
line-height: 1.2em;
}
.fn-cta-banner-column {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 532px;
display: flex;
}
.fn-cta-banner {
color: #1d1f1e;
text-align: center;
background-color: #e67f25;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.fn-container {
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
}
.fn-section-8 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-8.overflow-none {
background-color: #333;
overflow: hidden;
}
.text-span-16 {
color: #f3e8d4;
}
.fn-button-secondery-2 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-2:hover {
background-color: #3e4545;
}
.fn-link-arrow-3 {
color: #e67f25;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-2 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-paragraph-2 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-paragraph-2.hide-on-mobile {
color: #333;
font-size: 10px;
}
.fn-heading-8 {
color: #333;
margin: 2em auto 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-category-pill {
color: #ecf0ef;
background-color: #3e4545;
border-radius: 34px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding: 6px 10px;
line-height: 1em;
display: flex;
}
.fn-blog-info-wrapper {
grid-column-gap: 8px;
color: #333;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 16px;
font-size: 14px;
display: flex;
}
.fn-features-card-column {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
padding: 24px 3px;
display: flex;
}
.fn-features-card-image {
object-fit: cover;
width: 100%;
height: 400px;
}
.fn-features-card-with-image {
color: #ecf0ef;
background-color: #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.fn-features-card-with-image:hover {
color: #ecf0ef;
}
.fn-features-card-with-image.slider-cards {
background-color: #f3e8d4;
justify-content: center;
align-items: center;
min-width: 25%;
max-width: 30%;
height: 90%;
min-height: 0%;
}
.fn-heading-9 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-9.fn-heading-8 {
margin-top: 2em;
font-size: 24px;
}
.fn-blog-slider {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
min-height: 50%;
display: flex;
}
.fn-paragraph-no-margin-2 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1px;
line-height: 1.6em;
overflow: hidden;
}
.fn-heading-10 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-2 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.fn-container-grid-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.body-9 {
background-color: #333;
}
.fn-blog-info-wrapper-second {
grid-column-gap: 8px;
color: #939b9b;
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.fn-heading-11 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.spacer-s {
width: 24px;
height: 24px;
}
.fn-features-card {
color: #ecf0ef;
background-color: #0f1213;
border: 1px solid #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 26px;
text-decoration: none;
transition: border-color .25s;
display: flex;
}
.fn-features-card:hover {
color: #ecf0ef;
border-color: #e67f2500;
}
.fn-heading-12 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-heading-13 {
color: #333;
margin-top: auto;
margin-bottom: auto;
font-family: Open Sans, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-14 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-14.fn-heading-13 {
text-align: left;
font-size: 40px;
}
.fn-heading-15 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 46px;
line-height: 1.2em;
}
.text-block-17, .text-block-18, .text-block-19 {
color: #e67f25;
text-decoration: underline;
}
.fn-link-arrow-4 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-heading-16 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-features-card-image-2 {
object-fit: cover;
width: 100%;
height: 225px;
}
.fn-paragraph-no-margin-3 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-heading-17 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-3 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-section-9 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-link-arrow-5 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-author-image-2 {
border-radius: 50%;
width: 100px;
height: 100px;
overflow: hidden;
}
.fn-author-wrapper-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ecf0ef;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.6em;
display: flex;
}
.testimonials-stars {
color: #aecccc;
object-fit: contain;
width: 164px;
height: 24px;
margin-bottom: 24px;
}
.fn-slide-item-wrapper-testimonial {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #939b9b;
background-color: #0000;
border: 1px solid #687373;
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: 100%;
padding: 24px;
text-decoration: none;
display: flex;
}
.fn-testimonial-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fn-heading-18 {
color: var(--white);
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 50px;
line-height: 1.2em;
}
.fn-column-center-2 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-section-10 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-10.overflow-none {
background-color: #333;
overflow: hidden;
}
.body-10 {
background-color: #333;
}
.fn-rich-text {
color: #939b9b;
}
.fn-rich-text h2 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 40px;
font-size: 52px;
line-height: 1.2em;
}
.fn-rich-text h4 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 24px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-rich-text p {
margin-bottom: 24px;
font-size: 16px;
line-height: 1.6em;
}
.fn-rich-text blockquote {
border-left-style: none;
margin-bottom: 24px;
padding: 0;
font-size: 24px;
line-height: 1.6em;
}
.fn-rich-text figure {
width: 100%;
min-width: 100%;
margin-bottom: 56px;
margin-left: 0;
margin-right: 0;
}
.fn-rich-text figcaption {
text-align: right;
justify-content: flex-end;
text-decoration: underline;
display: flex;
}
.fn-rich-text img {
border-radius: 12px;
}
.fn-rich-text ul, .fn-rich-text ol {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
margin-bottom: 24px;
padding-left: 20px;
font-size: 16px;
display: flex;
}
.fn-rich-text h1 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 24px;
font-size: 64px;
line-height: 1.2em;
}
.fn-rich-text h3 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 24px;
font-size: 36px;
line-height: 1.2em;
}
.fn-rich-text h5 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 12px;
font-size: 24px;
line-height: 1.3em;
}
.fn-rich-text h6 {
color: #ecf0ef;
margin-top: 0;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.2em;
}
.fn-section-11 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-features-card-image-copy {
vertical-align: baseline;
object-fit: cover;
width: 100%;
height: auto;
}
.image-35 {
display: block;
overflow: hidden;
}
.fn-error-message {
text-align: center;
background-color: #c33939;
border-radius: 8px;
margin-top: 24px;
}
.fn-success-message-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 200px;
display: flex;
}
.fn-success-message {
color: #0f1213;
background-color: #df0;
border-radius: 8px;
width: 100%;
font-size: 24px;
font-weight: 400;
line-height: 1.3em;
}
.fn-button-form {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 42px;
padding: 12px 42px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-form:hover {
background-color: #3e4545;
}
.fn-checkbox {
border: 1px solid #687373;
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 8px;
}
.fn-checkbox.w--redirected-checked {
background-color: #df0;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66f50770d593d7389f362c1d_Vector%201%20(Stroke).svg");
background-size: 8px 8px;
}
.fn-checkbox.w--redirected-focus {
box-shadow: none;
}
.fn-checkbox-wrapper {
align-items: center;
margin-bottom: 0;
display: flex;
}
.fn-form-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.fn-field-message {
color: #ecf0ef;
background-color: #0000;
border: 1px solid #3e4545;
border-radius: 8px;
width: 100%;
max-width: 100%;
min-height: 160px;
max-height: 160px;
margin-bottom: 24px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
line-height: 1em;
}
.fn-field-message:hover {
border-color: #cdd3d2;
}
.fn-field-message:active, .fn-field-message:focus {
border-color: #df0;
}
.fn-field-message::placeholder {
color: #ecf0ef;
}
.fn-radio-button {
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 8px;
}
.fn-radio-button.w--redirected-checked {
background-color: #df0;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66f50770d593d7389f362c1d_Vector%201%20(Stroke).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-color: #0000;
}
.fn-radio-button.w--redirected-focus {
box-shadow: none;
}
.fn-radio-wrapper {
align-items: center;
display: flex;
}
.fn-radio-buttons-wrapper {
grid-column-gap: 90px;
grid-row-gap: 16px;
flex-wrap: wrap;
margin-bottom: 16px;
display: flex;
}
.form-label {
color: #939b9b;
margin-bottom: 18px;
font-size: 18px;
font-weight: 700;
line-height: 1.3em;
}
.form-label.no-margin {
margin-bottom: 0;
}
.fn-select-field {
color: #ecf0ef;
background-color: #0000;
border: 1px solid #3e4545;
border-radius: 8px;
width: 100%;
max-width: 100%;
min-height: 42px;
margin-bottom: 24px;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
line-height: 1em;
}
.fn-field {
color: #ecf0ef;
background-color: #0000;
border: 1px solid #3e4545;
border-radius: 8px;
width: 100%;
max-width: 100%;
min-height: 42px;
margin-bottom: 24px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
line-height: 1em;
transition: border-color .25s;
}
.fn-field:hover {
border-color: #cdd3d2;
}
.fn-field:active, .fn-field:focus {
border-color: #df0;
}
.fn-field::placeholder {
color: #ecf0ef;
}
.fn-form-advance {
grid-column-gap: 24px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fn-form {
flex-direction: column;
align-items: stretch;
margin-top: 0;
display: flex;
}
.fn-paragraph-no-margin-4 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-paragraph-3 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-19 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-label-small {
color: #df0;
margin-bottom: 24px;
line-height: 1em;
}
.fn-column-4 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-container-grid-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-12 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-form-standard {
flex-direction: column;
display: flex;
}
.fn-column-center-3 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.body-11 {
background-color: #333;
}
.fn-cover-image-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.fh-hero-image-wrapper-second-2 {
border-radius: 300px;
width: 542px;
height: 720px;
overflow: hidden;
}
.fn-button-secondery-3 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-3:hover {
background-color: #3e4545;
}
.fn-button-4 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-4:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-button-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fn-paragraph-4 {
color: #333;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-20 {
margin-top: 0;
margin-bottom: 24px;
font-size: 58px;
line-height: 1.2em;
}
.fn-column-5 {
flex-direction: column;
align-items: flex-start;
min-width: 50%;
display: flex;
}
.fn-container-grid-6 {
grid-column-gap: 19px;
grid-row-gap: 19px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-13 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-link-arrow-6 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-3 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-heading-21 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-features-icon {
color: #e67f25;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 19px;
height: 19px;
margin-bottom: 24px;
display: flex;
}
.fn-features-card-2 {
color: #ecf0ef;
background-color: #f3e8d4;
border: 1px solid #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 26px;
text-decoration: none;
transition: border-color .25s;
display: flex;
}
.fn-features-card-2:hover {
color: #ecf0ef;
border-color: #e67f25;
}
.fn-paragraph-no-margin-5 {
color: #333;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-heading-22 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-section-14 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-faq-link-2 {
color: #df0;
font-size: 18px;
font-weight: 700;
line-height: 1.1em;
text-decoration: none;
transition: opacity .25s;
}
.fn-faq-link-2:hover {
opacity: .7;
}
.form-label-no-margin-2 {
color: #939b9b;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-faq-arrow-2 {
color: #e67f25;
align-items: center;
width: 12px;
height: 8px;
margin-top: 2px;
display: flex;
}
.faq-link-text-2 {
color: #e67f25;
text-decoration: underline;
display: block;
}
.fn-show-more-2 {
flex-direction: column;
align-items: flex-start;
height: 20px;
font-size: 18px;
display: flex;
overflow: hidden;
}
.fn-faq-link-wrapper-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #df0;
cursor: pointer;
align-items: center;
margin-top: 16px;
text-decoration: underline;
display: flex;
}
.fn-faq-line-2 {
background-color: #687373;
width: 100%;
height: 1px;
margin-bottom: 16px;
}
.fn-heading-23 {
color: #333;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-faq-item-dark-2 {
height: 100%;
}
.fn-faq-dark-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
color: #333;
background-color: #f3e8d4;
border-radius: 16px;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 24px;
display: flex;
}
.fn-heading-24 {
min-width: 50%;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
line-height: 1.2em;
}
.fn-section-15 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-heading-25 {
color: #333;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-26 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 46px;
line-height: 1.2em;
}
.fn-section-16 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-faq-link-3 {
color: #df0;
font-size: 18px;
font-weight: 700;
line-height: 1.1em;
text-decoration: none;
transition: opacity .25s;
}
.fn-faq-link-3:hover {
opacity: .7;
}
.form-label-no-margin-3 {
color: #939b9b;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-column-6 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-paragraph-no-margin-6 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.spacer-s-2 {
width: 24px;
height: 24px;
}
.fn-faq-arrow-down {
flex-direction: column;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
}
.fn-heading-5-no-margin {
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-faq-intro {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fn-faq-item-toggle {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
background-color: #0f1213;
border-radius: 16px;
flex-direction: column;
padding: 24px;
display: flex;
}
.fn-faq-classic-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.fn-heading-27 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-container-grid-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-17 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-button-5 {
color: #0f1213;
text-align: center;
background-color: #df0;
border: 1px solid #df0;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-5:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-hero-box {
grid-column-gap: 96px;
grid-row-gap: 96px;
border-left: 1px solid #df0;
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
display: flex;
}
.fn-heading-jambo-3 {
margin-top: 0;
margin-bottom: 24px;
font-size: 88px;
font-weight: 400;
line-height: 1.1em;
}
.fn-section-off-black-3 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.fn-link-arrow-7 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-4 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-blog-info-wrapper-second-2 {
grid-column-gap: 8px;
color: #939b9b;
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.fn-heading-28 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-category-pill-2 {
color: #ecf0ef;
background-color: #3e4545;
border-radius: 34px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding: 6px 10px;
line-height: 1em;
display: flex;
}
.fn-features-card-3 {
color: #ecf0ef;
background-color: #0f1213;
border: 1px solid #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 26px;
text-decoration: none;
transition: border-color .25s;
display: flex;
}
.fn-features-card-3:hover {
color: #ecf0ef;
border-color: #df0;
}
.fn-paragraph-5 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-blog-info-wrapper-2 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.fn-features-card-column-2 {
flex-direction: column;
flex: 1;
align-items: flex-start;
padding: 24px;
display: flex;
}
.fn-features-card-image-3 {
object-fit: cover;
width: 100%;
height: 225px;
}
.fn-features-card-with-image-2 {
color: #ecf0ef;
background-color: #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.fn-features-card-with-image-2:hover {
color: #ecf0ef;
}
.fn-button-secondery-4 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-4:hover {
background-color: #3e4545;
}
.fn-heading-29 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-30 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-button-secondery-navbar {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-navbar:hover {
background-color: #3e4545;
}
.fn-button-wrapper-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fn-features-card-about {
color: #ecf0ef;
background-color: #1d1f1e;
border: 1px solid #0f1213;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: -12px;
padding: 24px;
text-decoration: none;
transition: border-color .25s;
display: flex;
}
.fn-features-card-about:hover {
border-color: #df0;
}
.fn-standard-white-link-2 {
color: #ecf0ef;
font-size: 18px;
line-height: 1.4em;
transition: color .25s;
display: block;
}
.fn-standard-white-link-2:hover, .fn-standard-white-link-2.w--current {
color: #df0;
}
.fn-navbar-label-line-about {
background-color: #3e4545;
width: 100%;
height: 1px;
}
.fn-navbar-about-us-link-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #cdd3d2;
flex-direction: column;
align-items: stretch;
margin-bottom: 24px;
display: flex;
}
.fn-links-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.fn-navbar-link-list-conetainer {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-navbar-link-list-advence {
text-align: left;
background-color: #0f1213;
border-radius: 0;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
padding-top: 40px;
padding-bottom: 40px;
display: none;
inset: 100% auto auto 0%;
}
.fn-navbar-link-list-advence.first-look {
display: flex;
}
.fn-dropdown-link-icon {
justify-content: center;
align-items: center;
width: 12px;
height: 8px;
margin-left: 8px;
display: flex;
}
.fn-navbar-link-second {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-right: 20px;
transition: color .25s;
display: flex;
}
.fn-navbar-link-second:hover, .fn-navbar-link-second.w--current {
color: #df0;
}
.fn-navbar-link-second-2 {
color: #ecf0ef;
padding-top: 32px;
padding-bottom: 32px;
font-size: 18px;
font-weight: 400;
line-height: 1.3em;
text-decoration: underline;
}
.fn-dorpdown-link-advence {
margin-left: 0;
margin-right: 0;
position: static;
}
.fn-paragraph-no-margin-navbar {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-product-icon {
color: #df0;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.fn-product-icon-2 {
object-fit: contain;
width: 19px;
height: 19px;
margin-bottom: 0;
}
.navbar-product-card-intro {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ecf0ef;
flex-wrap: wrap;
align-items: center;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.navbar-product-card {
background-color: #1d1f1e;
border-radius: 16px;
padding: 26px;
text-decoration: none;
transition: background-color .25s;
}
.navbar-product-card:hover {
background-color: #3e4545;
}
.fn-heading-31 {
color: #fff;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.navbar-product-card-featured-card {
color: #ecf0ef;
border: 1px solid #df0;
border-radius: 16px;
flex-direction: column;
padding: 24px 100px 24px 24px;
text-decoration: none;
display: flex;
}
.fn-navbar-label-line {
background-color: #3e4545;
flex: 1;
height: 1px;
}
.fn-navbar-label {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #cdd3d2;
align-items: center;
display: flex;
}
.fn-paragraph-navbar-2 {
color: #cdd3d2;
margin-bottom: 32px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-features-icon-2 {
color: #df0;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 19px;
height: 19px;
margin-bottom: 24px;
display: flex;
}
.fn-navbar-card-solution {
color: #ecf0ef;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 256px;
padding: 0;
text-decoration: none;
display: flex;
}
.fn-navbar-links-wrapper-advence {
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.fn-navbar-menu-wrapper-second {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex: 1;
justify-content: flex-end;
display: flex;
}
.fn-navbar-menu-advence {
flex: 1;
justify-content: space-between;
display: flex;
position: static;
}
.fn-contain-logo-2 {
color: #df0;
object-fit: contain;
object-position: 0% 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-brand-box-2 {
object-fit: contain;
object-position: 0% 50%;
width: 106px;
height: 21.55px;
margin-right: 0;
transition: opacity .25s;
}
.fn-brand-box-2:hover {
opacity: .7;
}
.fn-navbar-container-advence {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1310px;
display: flex;
}
.fn-navbar-advence {
background-color: #0f1213;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.wbs-button-black {
background-color: var(--flowstica-webflow-library--black);
color: var(--flowstica-webflow-library--white);
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-button-black:hover {
background-color: var(--flowstica-webflow-library--black-2);
color: var(--flowstica-webflow-library--white);
}
.wbs-pricing-2-button {
margin-top: auto;
}
.wbs-pricing-2-list-icon {
height: 18px;
}
.wbs-pricing-2-list-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.wbs-pricing-2-list {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.wbs-heading-h4-2 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 2.125rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-heading-h6 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-pricing-2-item {
background-color: #323232;
border: 3px solid #f3e8d4;
border-radius: 10px;
flex-direction: column;
padding: 25px;
display: flex;
}
.wbs-button-primary-1 {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white);
text-align: center;
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: background-color .3s ease-in-out;
}
.wbs-button-primary-1:hover {
background-color: var(--flowstica-webflow-library--black);
}
.wbs-pricing-2-item-active {
border: 1px solid var(--flowstica-webflow-library--medium-sea-green);
border-radius: 10px;
flex-direction: column;
padding: 25px;
display: flex;
}
.wbs-pricing-2-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-container-3 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-5 {
background-color: #f3e8d4;
padding: 6.25rem 5%;
}
.wbs-step-3-arrow-image-last-2 {
opacity: .25;
color: #fff;
position: absolute;
inset: auto 23% -20% auto;
}
.wbs-step-3-arrow-image-top-2 {
opacity: .25;
position: absolute;
inset: -20% 0% 0% 26%;
}
.wbs-step-3-arrow-image-bottom-2 {
opacity: .25;
margin-bottom: 4em;
position: absolute;
inset: auto 0% -20%;
}
.wbs-heading-h5-3 {
color: #e67f25;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-step-3-simple-number-2 {
color: #e67f25;
margin-top: 0;
margin-bottom: 10px;
font-size: 26px;
}
.wbs-step-3-item-top-2 {
margin-top: 100px;
}
.wbs-step-4 {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.wbs-step-3-arrow-image-last-3 {
opacity: .25;
margin-top: 2.1rem;
margin-bottom: 2.5em;
position: absolute;
inset: auto 23% -20% auto;
}
.wbs-heading-h5-4 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-feature-title {
color: #333;
margin-top: 0;
font-size: 1.25rem;
line-height: 1.2em;
text-decoration: underline;
}
.wbs-feature-title:hover {
color: #e67f25;
}
.wbs-feature-icon {
color: #fff;
flex: none;
height: 80px;
}
.wbs-feature-icon-simple {
margin-bottom: 20px;
}
.wbs-feature-split-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 60%;
display: grid;
}
.wbs-button-link-icon-image {
height: 20px;
}
.wbs-button-link-icon {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--flowstica-webflow-library--black);
border-radius: 6px;
align-items: center;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
}
.wbs-feature-split-button {
margin-top: auto;
}
.wbs-heading-h5-5 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-feature-split-left {
background-color: #f3e8d4;
border-radius: 10px;
flex-direction: column;
padding: 30px;
display: flex;
position: relative;
}
.wbs-feature-split {
grid-column-gap: 40px;
grid-row-gap: 16px;
background-color: #f3e8d4;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
max-width: 80%;
height: 0%;
min-height: 0%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.wbs-spacing-31 {
height: 1.875rem;
}
.wbs-lead-text-2 {
color: #e67f25;
font-size: 1.125rem;
line-height: 1.6rem;
}
.wbs-heading-h4-3 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 2.125rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-feature-title-wrap-center {
text-align: center;
}
.wbs-feature-component-2 {
height: 70%;
margin-top: 3rem;
}
.wbs-container-4 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-6 {
padding: 6.25rem 5%;
}
.paragraph-71, .paragraph-72, .paragraph-73, .paragraph-74 {
color: #fff;
}
.fn-paragraph-4-copy {
color: #fff;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-button-6 {
color: #0f1213;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-6:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-hero-box-2 {
grid-column-gap: 96px;
grid-row-gap: 96px;
border-left: 1px solid #e67f25;
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
display: flex;
}
.fn-heading-jambo-4 {
margin-top: 0;
margin-bottom: 24px;
font-size: 88px;
font-weight: 400;
line-height: 1.1em;
}
.fn-container-grid-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-off-black-4 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.body-12 {
background-color: #333;
}
.fn-column-7 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-author-image-3 {
border-radius: 50%;
width: 50px;
height: 50px;
overflow: hidden;
}
.fn-author-wrapper-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ecf0ef;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
line-height: 1.6em;
display: flex;
}
.fn-paragraph-6 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 15px;
line-height: 1.6em;
}
.fn-heading-32 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.3em;
}
.fn-label-icon-2 {
background-color: #e67f25;
width: 63px;
height: 1px;
margin-bottom: 24px;
}
.fn-slider-column-2 {
padding: 46px 100px 46px 24px;
}
.fn-slider-image-2 {
object-fit: cover;
width: 100%;
}
.fn-slide-item-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0f1213;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 16px;
display: grid;
overflow: hidden;
}
.fn-link-arrow-8 {
color: #e67f25;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-5 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-heading-33 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-center-4 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-container-grid-9 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-18 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.text-block-21 {
color: #e67f25;
text-decoration: underline;
}
.wbs-hero-7-image {
border: 1px solid #010b151a;
border-radius: 10px;
width: 80%;
margin-top: -480px;
}
.wbs-container-5 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-spacing-40 {
height: 2.5rem;
}
.wbs-button-link-icon-image-2 {
height: 20px;
}
.wbs-button-link-icon-white {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--flowstica-webflow-library--white);
border-radius: 6px;
align-items: center;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
}
.wbs-button-primary-2 {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white);
text-align: center;
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: background-color .3s ease-in-out;
}
.wbs-button-primary-2:hover {
background-color: var(--flowstica-webflow-library--black);
}
.wbs-hero-3-button {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: center;
display: flex;
}
.wbs-spacing-41 {
height: 1.875rem;
}
.wbs-hero-7-lead-text {
color: var(--flowstica-webflow-library--white-smoke);
font-size: 1.125rem;
line-height: 1.6rem;
}
.wbs-hero-7-title {
color: var(--flowstica-webflow-library--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-size: 3.75rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-hero-title-wrap-center {
text-align: center;
}
.wbs-hero-inner-7-content {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.wbs-hero-7-content {
background-color: var(--flowstica-webflow-library--black);
padding-top: 80px;
padding-bottom: 500px;
}
.wbs-hero-7 {
text-align: center;
}
.wbs-section-7 {
padding: 6.25rem 5%;
}
.wbs-feature-image-2 {
border-radius: 10px;
margin-top: auto;
}
.wbs-feature-title-2 {
color: var(--white);
margin-top: 0;
font-size: 1.25rem;
line-height: 1.2em;
}
.wbs-feature-icon-2 {
color: #fff;
flex: none;
height: 40px;
}
.wbs-feature-icon-simple-2 {
margin-bottom: 20px;
}
.wbs-feature-5-item {
color: #000;
background-color: #000;
border: 1px solid #010b151a;
border-radius: 10px;
padding: 30px;
}
.wbs-feature-split-right-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-lead-text-3 {
color: #e67f25;
font-size: 1.125rem;
line-height: 1.6rem;
}
.wbs-heading-h4-4 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 2.125rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-feature-split-2 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
grid-auto-columns: 1fr;
align-items: end;
margin-left: auto;
margin-right: auto;
display: grid;
}
.paragraph-75, .paragraph-76, .paragraph-77, .paragraph-78 {
color: #fff;
font-size: 12px;
}
.fn-404-image-third {
object-fit: contain;
width: 120px;
height: 120px;
position: absolute;
inset: auto auto -55% 20%;
}
.fn-404-image-second {
object-fit: contain;
width: 250px;
height: 250px;
position: absolute;
inset: -56% auto auto -5%;
}
.fn-404-image-first {
object-fit: contain;
width: 411px;
height: 405px;
position: absolute;
inset: -80% -10% auto auto;
}
.fn-link-arrow-9 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-classic {
color: #df0;
align-items: center;
margin-top: 0;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-paragraph-7 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-jambo-5 {
margin-top: 0;
margin-bottom: 24px;
font-size: 88px;
font-weight: 400;
line-height: 1.1em;
}
.fn-column-center-5 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-container-grid-10 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-container-grid-10.relative {
position: relative;
}
.fn-section-404 {
color: #ecf0ef;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.heading-69 {
color: #333;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.paragraph-79 {
color: #333;
}
.banner-h3 {
color: #fff;
letter-spacing: -.3px;
margin-bottom: 20px;
font-size: 34px;
font-weight: 500;
line-height: 1.2;
}
.help-block {
padding: 20px;
position: absolute;
inset: 15px 15px auto auto;
}
.slide-banner {
background-color: #e67f25;
width: 30%;
min-width: 310px;
}
.form-section-title {
color: #0a1f44;
margin-bottom: 12px;
font-size: 36px;
font-weight: 400;
line-height: 32px;
}
.slider-2 {
background-color: #0000;
height: 100vh;
min-height: 850px;
position: relative;
}
.author-image {
border-radius: 100px;
width: 50px;
margin-right: 14px;
box-shadow: 1px 1px 3px #00000024;
}
.submit-button-2 {
color: #fff;
background-color: #5b3acc;
border-radius: 4px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
}
.form-wrapper {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.error-message {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.checkbox-base {
background-color: #fff;
border: 1.2px solid #3e34c81a;
border-radius: 8px;
flex-direction: row;
justify-content: flex-start;
width: 100%;
height: 100px;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding: 15px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px #c6d3ff47;
}
.slide-wrapper {
min-height: 100vh;
display: flex;
}
.slide-4 {
border-radius: 20px;
flex-wrap: wrap;
width: 100%;
height: 100%;
position: static;
}
.arrow-cta {
width: 100px;
position: absolute;
inset: auto auto -120% -20%;
}
.star-row {
margin-bottom: 30px;
}
.price-field {
border: 1.3px solid #bec9d5;
border-radius: 4px;
min-height: 55px;
margin-bottom: 0;
font-size: 16px;
position: relative;
}
.price-field:focus {
border-width: 1.3px;
border-color: #007bfc;
}
.price-field::placeholder {
color: #61728375;
}
.previous-placeholder {
opacity: 0;
justify-content: center;
align-items: center;
width: auto;
max-width: 100px;
height: 35px;
margin-bottom: 30px;
transition: opacity .2s;
display: none;
}
.previous-placeholder:hover {
opacity: 1;
}
.form-item-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 40px;
display: flex;
}
.form-item-wrapper.fixed-height {
min-height: 160px;
}
.form-wrap {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.form-wrap.extra-space {
margin-bottom: 40px;
}
.checkbox {
z-index: 5;
opacity: 0;
cursor: pointer;
border: 2px solid #0000;
border-radius: 10px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.checkbox:active {
border: 1px solid #000;
}
.slide-content {
background-color: #fff;
justify-content: center;
align-items: center;
width: 70%;
padding: 100px 3%;
display: flex;
position: relative;
overflow: visible;
}
.button-wrapper {
position: relative;
}
.global-icon-x-small {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.checkbox-icon {
z-index: 9;
background-color: #5b3acc0d;
border-radius: 15px;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
margin-right: 25px;
display: flex;
position: relative;
}
.slide-counter {
justify-content: center;
align-items: center;
width: 100%;
min-height: 20px;
margin-top: 40px;
display: flex;
}
.banner-content {
flex-direction: column;
justify-content: flex-start;
height: 100%;
padding: 25% 40px 50px;
display: flex;
position: relative;
overflow: hidden;
}
.author-testimonial {
justify-content: flex-start;
align-items: center;
display: flex;
}
.form-title-wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 35px;
display: flex;
}
.author-name {
color: #fff;
margin-bottom: 4px;
font-size: 16px;
font-weight: 500;
}
.paragraph-intro {
color: #ffffffc7;
max-width: 650px;
margin-bottom: 30px;
font-size: 16px;
line-height: 1.6;
}
.checkbox-text-wrapper {
z-index: 9;
cursor: pointer;
position: relative;
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
width: 24%;
min-width: 150px;
height: 140px;
margin-left: 6px;
margin-right: 6px;
display: flex;
}
.logo-2 {
margin-bottom: 40px;
}
.checkbox-h4 {
margin-top: 0;
margin-bottom: 3px;
}
.paragraph-80 {
color: #ffffffc7;
max-width: 650px;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.6;
}
.button-menu {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #8c54ff;
background-image: linear-gradient(159deg, #8c54ff, #7b41f1);
border-radius: 50px;
justify-content: center;
align-items: center;
min-width: 150px;
min-height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
text-decoration: none;
transition: all .4s ease-out;
display: flex;
box-shadow: inset -1px -1px 3px #201b3d99, inset 1px 1px 3px #eee6ff70, 1px 1px 2px #5b3acc;
}
.button-menu:hover {
box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 1px 1px 2px #5b3acc;
}
.text-block-22 {
color: #5b617c;
}
.checkbox-text {
color: #5b617c;
font-weight: 400;
}
.dot-2 {
background-color: #5b617c1a;
border-radius: 100px;
width: 10px;
height: 10px;
margin-left: 8px;
margin-right: 8px;
}
.dot-2.active-dot {
background-color: #e67f25;
}
.global-button-primary {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #fff;
white-space: nowrap;
background-color: #6f5cff;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 32px;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: color .3s ease-out, background-color .3s ease-out;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 4px 12px #9b8eff4d, inset 0 1px #9b8eff99, 0 -1px 1px #5b29ffcc, 0 0 0 1px #6e5bff;
}
.global-button-primary:hover {
background-color: #7f6fff;
}
.global-button-primary:active {
background-color: #705cfa;
}
.icon-5 {
width: 25px;
}
.form-full {
justify-content: center;
align-items: flex-start;
min-height: 100vh;
display: flex;
}
.next-placeholder {
justify-content: center;
align-items: center;
width: auto;
max-width: 159px;
height: 47px;
margin: auto auto 25px;
display: none;
overflow: visible;
}
.text-field-4 {
border: 1.3px solid #bec9d5;
border-radius: 4px;
min-height: 55px;
margin-bottom: 0;
font-size: 16px;
position: relative;
}
.text-field-4:focus {
border-width: 1.3px;
border-color: #007bfc;
}
.text-field-4::placeholder {
color: #61728375;
}
.slider-left {
color: #fff;
background-color: #151c340f;
border-radius: 4px;
justify-content: center;
align-items: center;
min-width: 80px;
margin-right: 10px;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.slider-left:hover {
background-color: #151c3426;
}
.next-button {
background-color: #5b3acc;
border-radius: 5px;
flex: 1;
align-self: center;
padding: 12px 32px;
font-size: 15px;
transition: background-color .2s ease-in;
display: none;
}
.notice {
color: #ffffffa6;
background-color: #333;
margin-bottom: 20px;
padding: 15px;
font-size: 15px;
line-height: 23px;
}
.form-paragraph {
color: #5b617c;
max-width: 550px;
font-size: 18px;
line-height: 23px;
}
.text-block-23 {
color: #5b617c;
font-family: Oswald, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 20px;
}
.success-message {
letter-spacing: 1px;
padding: 50px;
}
.text-span-17 {
color: #fff;
}
.button-wrap-2 {
width: 100%;
display: flex;
}
.slider-right {
color: #fff;
text-align: center;
background-color: #e67f25;
border-radius: 4px;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
transition: all .2s;
}
.slider-right:hover {
background-color: #333;
}
.checkbox-title {
color: #5b3acc;
justify-content: center;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 14px;
display: none;
}
.form-content {
flex-direction: column;
align-items: flex-start;
width: 100%;
min-width: 490px;
max-width: 560px;
margin-bottom: -20px;
display: flex;
}
.field-label-3 {
color: #617283;
margin-bottom: 8px;
font-size: 15px;
font-weight: 500;
}
.banner-logo {
border-bottom: 1px solid #ffffff14;
justify-content: flex-start;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 40px;
display: flex;
position: relative;
}
.previous-button {
opacity: 1;
color: #5b617c;
text-indent: -2px;
flex: none;
align-self: center;
padding: 5px 0;
font-size: 15px;
transition: opacity .2s ease-in;
display: none;
}
.previous-button:hover {
opacity: 1;
border-bottom-color: #0000008c;
}
.slide-5 {
border-radius: 20px;
flex-wrap: wrap;
width: 100%;
height: 100%;
position: static;
}
.paragraph-81 {
color: #ffffffc7;
max-width: 650px;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.6;
}
.text-block-24 {
color: #5b617c;
}
.icon-6 {
width: 25px;
}
.text-block-25 {
color: #5b617c;
font-family: Oswald, sans-serif;
font-size: 100px;
font-weight: 700;
line-height: 20px;
}
.text-span-18 {
color: #fff;
}
.field-label-4 {
color: #000;
margin-bottom: 8px;
font-size: 15px;
font-weight: 500;
}
.text-span-19, .text-span-20 {
color: #e67f25;
}
.area-label {
z-index: 1;
color: #0000004d;
background-color: #fff;
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
font-weight: 600;
transition: font-size .3s, color .3s, top .3s cubic-bezier(.25, .46, .45, .94);
display: inline-block;
position: absolute;
top: 10px;
}
.form-next {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #7f58e2;
border-radius: 10px;
flex: 1;
width: 48%;
min-height: 60px;
margin-left: 10px;
margin-right: 10px;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
position: static;
}
.form-next:hover {
letter-spacing: 3px;
background-color: #9775ee;
box-shadow: 0 20px 30px -11px #7f58e299;
}
.form-next:active {
border: 1px #000;
}
.hero-block {
z-index: 2;
justify-content: space-between;
align-items: center;
margin-bottom: 140px;
display: flex;
position: relative;
}
.link {
color: #7f58e2;
text-decoration: none;
}
.link:hover {
text-decoration: underline;
}
.note-heading {
font-size: 40px;
font-weight: 900;
}
.hero-content-2 {
width: 50%;
}
.radiobutton {
border: 2px solid #0000000d;
border-radius: 50%;
flex: none;
width: 30px;
height: 30px;
margin-top: 0;
margin-bottom: 5px;
margin-right: 15px;
transition: border-width .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s;
}
.radiobutton:hover {
border-color: #00000026;
}
.radiobutton.w--redirected-checked {
background-color: #7f58e24d;
border-width: 9px;
border-color: #7f58e280;
}
.radiobutton.w--redirected-focus {
box-shadow: none;
border-color: #7f58e280;
}
.hero-img-wrap {
width: 40%;
margin-top: -60px;
}
.form-heading {
width: 100%;
margin-bottom: 30px;
font-size: 26px;
font-weight: 900;
}
.checkbox-2 {
border-width: 2px;
border-color: #0000000d;
border-radius: 7px;
flex: none;
width: 30px;
height: 30px;
margin-top: 0;
margin-right: 15px;
transition: background-color .3s cubic-bezier(.25, .46, .45, .94), border-color .3s;
}
.checkbox-2:hover {
border-color: #00000026;
}
.checkbox-2.w--redirected-checked {
background-color: #7f58e24d;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6704eb39387d90c56e81a450_done-violet.svg");
background-size: 16px;
border-color: #7f58e280;
}
.checkbox-2.w--redirected-focus {
box-shadow: none;
border-color: #7f58e280;
}
.subtitle {
color: #7c89a5;
max-width: 900px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
}
.button-25 {
color: #7f58e2;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border: 2px solid #7f58e2;
border-radius: 10px;
flex: 1;
min-height: 60px;
padding: 15px 50px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
display: inline-block;
position: static;
}
.button-25:hover {
letter-spacing: 3px;
}
.button-25:active {
border: 1px #000;
}
.bg-blob {
position: absolute;
inset: auto 10% 5% auto;
}
.text-area {
color: #7f58e2;
background-color: #0000;
border: 2px solid #0000000d;
border-radius: 10px;
min-height: 240px;
padding-top: 12px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 700;
transition: border-color .3s;
}
.text-area:hover {
border-color: #00000026;
display: block;
}
.text-area:focus {
border-color: #7f58e280;
}
.radio-button-label {
display: none;
}
.form-slide {
flex: none;
width: 100%;
margin-right: 40px;
}
.radiobutton-field {
align-items: flex-start;
margin-bottom: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
transition: color .3s;
display: flex;
}
.radiobutton-field:hover {
color: #7f58e2;
}
.form-back {
color: #7f58e2;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #7f58e21a;
border: 2px solid #7f58e2;
border-radius: 10px;
flex: 1;
width: 48%;
min-height: 60px;
margin-left: 10px;
margin-right: 10px;
padding: 13px 30px;
font-size: 16px;
font-weight: 700;
transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
position: static;
}
.form-back:hover {
letter-spacing: 3px;
box-shadow: 0 20px 30px -11px #7f58e24d;
}
.form-back:active {
box-shadow: 0 11px 20px -11px #7f58e299;
}
.form-step {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin-bottom: 20px;
display: flex;
}
.form-step.last-step {
margin-bottom: 0;
padding-bottom: 70px;
}
.form-slider {
background-color: #0000;
flex-flow: wrap;
justify-content: space-between;
height: auto;
display: flex;
}
.note-link {
color: #c5387a;
background-color: #c5387a33;
border: 2px dashed #c5387a66;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-bottom: 20px;
font-size: 24px;
font-weight: 900;
text-decoration: none;
display: flex;
}
.note-link:hover {
background-color: #c5387a4d;
}
.slide-nav-2 {
display: none;
}
.success-message-2 {
background-color: #0000;
padding: 0;
}
.text-field-wrapper {
text-align: left;
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-bottom: 20px;
padding-left: 2px;
padding-right: 2px;
display: flex;
position: relative;
}
.text-field-wrapper.third {
width: 31%;
}
.text-field-wrapper.half {
width: 48%;
}
.field-label-5 {
z-index: 1;
color: #0000004d;
align-self: flex-start;
margin-left: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
transition: background-color .3s, font-size .3s, color .3s, top .3s cubic-bezier(.25, .46, .45, .94);
display: inline-block;
position: absolute;
top: 19px;
}
.note {
color: #c5387a;
text-align: center;
background-color: #c5387a1a;
border: 3px solid #c5387a66;
border-radius: 20px;
margin-top: 60px;
padding: 60px;
font-size: 24px;
}
.text-field-5 {
color: #7f58e2;
background-color: #0000;
border: 2px solid #0000000d;
border-radius: 10px;
height: 60px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 700;
transition: border-color .3s;
position: static;
inset: 0%;
}
.text-field-5:hover {
border-color: #00000026;
display: block;
}
.text-field-5:focus {
border-color: #7f58e280;
}
.radio-buttons {
flex: none;
justify-content: space-between;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.text-area-wrapper {
text-align: left;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
min-height: 120px;
margin-bottom: 20px;
padding-left: 2px;
padding-right: 2px;
display: flex;
position: relative;
}
.step-number {
color: #7f58e280;
width: 100%;
font-size: 16px;
font-weight: 900;
}
.container-30 {
z-index: 2;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.radio-button-field {
text-align: center;
justify-content: center;
align-items: center;
width: 48%;
height: 100px;
display: flex;
position: relative;
}
.form-mask {
height: auto;
margin-bottom: -40px;
margin-left: -40px;
margin-right: -40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.radio-button {
cursor: pointer;
background-color: #fcfcfc;
border: 2px solid #fcfcfc;
border-radius: 10px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.radio-button:hover {
background-color: #7f58e233;
}
.radio-button.w--redirected-checked {
background-color: #7f58e24d;
border: 2px solid #7f58e280;
transition: border-color .3s, background-color .3s cubic-bezier(.25, .46, .45, .94);
}
.radio-button.gender {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6704eb39387d90c56e81a45e_genders-02.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto 50%;
transition: border-color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}
.radio-button.gender:hover {
border-color: #7f58e233;
}
.radio-button.gender.w--redirected-focus {
box-shadow: none;
}
.radio-button.gender.male {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6704eb39387d90c56e81a57a_genders-01.svg");
}
.radio-button.gender.male.w--redirected-focus {
box-shadow: none;
}
.form-button {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #7f58e2;
border-radius: 10px;
width: 100%;
min-height: 70px;
padding: 20px 30px;
font-size: 18px;
font-weight: 700;
transition: letter-spacing .3s, box-shadow .4s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: auto 0% 20px;
}
.form-button:hover {
letter-spacing: 3px;
background-color: #9775ee;
box-shadow: 0 20px 30px -11px #7f58e299;
}
.form-button:active, .form-button:focus {
border: 1px #000;
}
.bg-blob-top {
position: absolute;
inset: -10% auto auto 5%;
}
.section-5 {
flex: 1;
padding: 120px 60px;
}
.section-5.grey {
background-color: #fcfcfc;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6704eb3a387d90c56e81a76f_wave.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
position: relative;
overflow: hidden;
}
.checkbox-field-2 {
align-items: flex-start;
margin-bottom: 20px;
padding-right: 20px;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
transition: color .3s;
display: flex;
}
.checkbox-field-2:hover {
color: #7f58e2;
}
.fields-group {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.text-field-done {
opacity: 0;
background-color: #7f58e233;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6704eb39387d90c56e81a450_done-violet.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 11px;
border: 2px solid #7f58e2;
border-radius: 50%;
width: 1px;
height: 1px;
margin-left: 20px;
margin-right: 20px;
transition: height .3s cubic-bezier(.25, .46, .45, .94), width .3s cubic-bezier(.25, .46, .45, .94);
position: absolute;
inset: 50% 0% auto auto;
transform: translate(0, -50%);
}
.text-field-done.area-done {
width: 10px;
height: 10px;
position: absolute;
inset: 30px 0% auto auto;
}
.form-3 {
text-align: left;
flex-flow: wrap;
justify-content: space-between;
}
.form-block-4 {
background-color: #fff;
border-radius: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding: 60px 80px 70px;
box-shadow: 0 20px 50px -50px #202d4933;
}
.success-subtitle {
margin-top: -20px;
margin-bottom: 30px;
}
.creator {
text-align: center;
font-size: 16px;
position: absolute;
inset: auto 0% 40px;
}
.form-label-2 {
width: 100%;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
}
.radio_field {
margin-top: .4em;
margin-right: .6em;
padding: 1.125em;
position: relative;
}
.padding-vertical {
padding-top: 0;
padding-bottom: 0;
}
.padding-vertical.padding-huge {
background-color: #fff;
padding-top: 5em;
padding-bottom: 5em;
overflow: visible;
}
.left_form_wrapperr {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.header--content {
z-index: 1;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
padding-right: 0;
display: flex;
position: relative;
}
.field_wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-bottom: 0;
transition: all .3s;
display: flex;
position: relative;
}
.field_wrap.is-radio {
margin-right: 1rem;
display: block;
}
.field_wrap.select {
align-items: stretch;
}
.margin-bottom.margin-tiny {
margin-bottom: .5em;
}
.margin-bottom.margin-medium {
padding-bottom: 1em;
}
.cms_version {
z-index: 99;
align-items: center;
width: auto;
height: auto;
display: flex;
position: fixed;
inset: auto 4.95em 3.125em auto;
}
.image_collection {
background-color: #0b2726;
width: 40vw;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.image_collection.hide-tablet-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
}
.top-text_wrapper {
margin-bottom: 57px;
}
.submit_button {
color: #000;
background-color: #e67f25;
padding-top: .9875em;
padding-bottom: .9875em;
font-size: 1.5em;
}
.radio_wrap {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.container-large {
width: 100%;
max-width: 101.75em;
margin-left: auto;
margin-right: auto;
}
.lottie-animation {
filter: invert();
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.error-message-2 {
color: #e5a7ff;
background-color: #ffffff17;
border-radius: .5em;
margin-top: 2.3em;
padding: 1.9em 2.1em;
}
.logo-3 {
color: #fff;
}
.logo-3.w--current {
mix-blend-mode: difference;
}
.select-field {
z-index: 1;
background-color: #0000;
height: 73px;
min-height: 73px;
font-size: 1.25rem;
position: relative;
}
.select-field.wide {
z-index: 30;
color: #c2e7e7e6;
border: 1px #dde4e1;
border-bottom: 1px solid #c2e7e77d;
border-radius: 0;
align-items: center;
height: 76px;
min-height: 76px;
margin-bottom: 0;
padding-top: 1.075rem;
padding-bottom: 1.075rem;
padding-left: 0;
font-size: 1.5em;
line-height: 1;
display: flex;
}
.text-size-regular-20 {
max-width: none;
margin-bottom: 0;
margin-left: 0;
font-size: 1.25rem;
line-height: 1.5;
}
.text-size-regular-20.text-weight-medium {
z-index: 5;
font-size: 1.3em;
font-weight: 500;
position: relative;
}
.max-width-medium {
max-width: 35.875em;
}
.image_item {
width: 100%;
}
.text-size-tiny {
font-size: 12px;
}
.field_label {
z-index: 1;
transform-origin: 0%;
color: #c2e7e7e6;
margin-bottom: .7em;
font-size: 1em;
font-weight: 400;
transition: transform .2s;
position: relative;
}
.field_label.large {
margin-bottom: .4em;
font-size: 1.4em;
font-weight: 400;
transform: scale(1.2)translate(0, 1.6em);
}
.field_label.is-radio {
color: #e67f25;
margin-bottom: .5em;
font-size: 1.25em;
}
.radio_button {
z-index: 2;
border-color: #c2e7e74d;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: background-color .1s, border-width .1s;
position: absolute;
inset: 0%;
}
.radio_button:hover {
background-color: #e67f25;
}
.radio_button.w--redirected-checked {
background-color: #002a29;
border: 1px #fff;
}
.radio_button.w--redirected-focus {
box-shadow: none;
border-width: 2px;
}
.section-main-form {
position: relative;
overflow: hidden;
}
.field {
z-index: 2;
color: #fff;
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #c2e7e77d;
border-radius: 0;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 75px;
min-height: 75px;
max-height: 7em;
margin-bottom: 0;
padding: 0;
font-size: 2.5em;
font-weight: 400;
transition: all .3s;
position: relative;
}
.field:focus {
border-bottom-color: #fff;
}
.field.phone {
color: #c2e7e7;
margin-top: -8px;
font-size: 1.9em;
}
.field.message {
color: #333;
height: 240px;
min-height: 240px;
font-size: 1.7em;
font-weight: 400;
}
.field.email {
color: #e67f25;
border-bottom-color: #c2e7e77d;
height: 50px;
min-height: 50px;
max-height: 5em;
margin-top: -8px;
font-size: 1.5em;
font-weight: 400;
}
.field.name {
color: #e67f25;
border-bottom-color: #c2e7e77d;
margin-top: -8px;
font-size: 1.9em;
font-weight: 400;
transition-property: all;
transition-duration: .3s;
}
.field.name::placeholder {
color: #c2e7e7;
}
.text-style-muted {
opacity: .8;
}
.image-37 {
transform: scale(.7);
}
.checkbox-3 {
z-index: 10;
cursor: default;
border: 1px solid #c2e7e74d;
border-radius: 0;
flex: 0 auto;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
font-weight: 500;
transition: background-color .1s;
display: block;
position: absolute;
inset: 0%;
}
.checkbox-3:hover {
background-color: #ffffff17;
}
.checkbox-3.w--redirected-checked {
z-index: 4;
background-color: #002a29;
background-image: none;
border-style: none;
}
.checkbox-3.w--redirected-focus {
box-shadow: none;
border-color: #c2e7e74d;
border-radius: 0;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.checkbox-3.w--redirected-focus-visible {
border-color: #fff9;
width: 100%;
height: 100%;
margin-left: 0;
inset: 0%;
}
.page-padding {
padding-left: 2.35em;
padding-right: 2.35em;
}
.success {
text-align: center;
background-color: #ffffff24;
border-radius: .6em;
padding: 2.5em;
}
.success_text {
font-size: 1.4em;
font-weight: 500;
line-height: 1.4;
}
.checkbox-form_component {
grid-column-gap: 0px;
border: 1px solid #0000;
border-radius: 0;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
min-width: auto;
height: auto;
min-height: auto;
max-height: none;
margin-bottom: 0;
padding: .925em 1.125em;
font-weight: 500;
display: flex;
position: relative;
}
.checkbox-form_component:focus {
border-color: #fff9;
}
.error2 {
color: #e5a7ff;
width: 100%;
min-width: 100%;
margin-top: .6em;
font-size: 1.2em;
display: block;
}
.error-message_text {
color: #333;
font-size: 1.3em;
}
.radio_label {
z-index: 3;
margin-bottom: 0;
font-size: 1.3em;
font-weight: 300;
line-height: 1;
position: relative;
}
.radio_label:hover {
background-color: #e67f25;
}
.form-4 {
grid-row-gap: 3em;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: repeat(auto-fit, minmax(151px, 1fr));
grid-auto-columns: auto;
grid-auto-flow: row;
place-content: flex-start;
place-items: center start;
min-height: auto;
display: flex;
}
.heading-qr_wrapper {
position: relative;
}
.hide-mobile-ins {
display: none;
}
.text-style-allcaps {
text-transform: uppercase;
}
.text-style-allcaps.slide-up.tricks {
overflow: hidden;
}
.cms_button {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #dce4cb;
background-color: #444b3778;
}
.icon-1x1 {
display: flex;
}
.margin-top-contact {
margin-top: 10px;
}
.main-head-wrapper {
z-index: 998;
background-color: #0000;
justify-content: center;
align-items: center;
width: auto;
padding: 3.75em 0 0;
transition: all .4s;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.main-form_component {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.form_sucess_trigger {
display: none;
}
.hide-tablet-mobile {
margin-right: 4px;
display: block;
}
.icon_wrapper {
background-color: #002a29;
border: 1px solid #c2e7e730;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5.2em;
height: 5.2em;
display: flex;
position: absolute;
inset: 2.7em -4.2em auto auto;
}
.form-5 {
width: 80%;
margin-bottom: 0;
}
.text-span-21, .text-span-22, .text-span-23 {
color: #e67f25;
}
.div-block-49 {
justify-content: space-between;
align-items: center;
display: flex;
}
.image-38 {
display: inline-block;
}
.text-span-24 {
color: #e67f25;
}
.fn-paragraph-copy {
color: #ecf0ef;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-button-secondery-5 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-5:hover {
background-color: #3e4545;
}
.spacer-s-3 {
width: 24px;
height: 24px;
}
.fn-list-checkmark-icon {
color: #0f1213;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 11px;
height: 10px;
display: flex;
}
.fn-list-checkmark {
background-color: #e67f25;
border-radius: 50%;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-right: 8px;
display: flex;
overflow: hidden;
}
.fn-list-item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.fn-list {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #cdd3d2;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin-bottom: 45px;
padding-left: 0;
font-size: 16px;
line-height: 1.6em;
list-style-type: none;
display: flex;
}
.fn-pricing-line {
background-color: #3e4545;
width: 100%;
height: 1px;
margin-bottom: 24px;
}
.fn-label-small-gray {
color: #939b9b;
margin-bottom: 24px;
line-height: 1em;
}
.fn-heading-34 {
color: #ecf0ef;
font-size: 18px;
}
.fn-pricing-cost {
margin-bottom: 4px;
font-size: 40px;
font-weight: 700;
line-height: .9em;
}
.fn-pricing-icon {
color: #df0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-bottom: 32px;
display: flex;
}
.fn-classic-pricing-card {
background-color: #f3e8d4;
border-radius: 16px;
flex-direction: column;
width: 100%;
padding: 32px;
display: flex;
}
.fn-button-7 {
color: #0f1213;
text-align: center;
background-color: #df0;
border: 1px solid #df0;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-7:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-feature-pricing-card {
background-color: #f3e8d4;
border: 1px solid #df00;
border-radius: 16px;
padding: 32px;
}
.fn-paragraph-8 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-35 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-center-6 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-container-grid-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-405 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-heading-36 {
color: #323232;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
}
.sizing {
flex: 1;
width: 100%;
}
.fn-heading-37 {
color: #fff;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-pricing-info-wrapper {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.fn-pricing-tabs-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fn-pricing-tabs-content-wrapper, .fn-pricing-tabs-content {
width: 100%;
}
.fn-pricing-tabs-link-right {
color: #ecf0ef;
background-color: #0000;
border: 1px solid #ecf0ef;
border-left-style: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 133px;
min-height: 38px;
padding: 4px 36px;
font-size: 16px;
display: flex;
}
.fn-pricing-tabs-link-right:hover {
color: #e67f25;
border-style: solid;
border-color: #e67f25;
}
.fn-pricing-tabs-link-right.w--current {
color: #1d1f1e;
background-color: #df0;
border-style: solid;
border-color: #df0;
}
.fn-pricing-tabs-link-right.w--current:hover {
border-top-color: #df0;
border-bottom-color: #df0;
border-right-color: #df0;
}
.fn-pricing-tabs-link-left {
color: #ecf0ef;
background-color: #0000;
border: 1px solid #ecf0ef;
border-right-style: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 133px;
min-height: 38px;
padding: 4px 36px;
font-size: 16px;
display: flex;
}
.fn-pricing-tabs-link-left:hover {
color: #df0;
border-top-color: #df0;
border-bottom-color: #df0;
border-left-color: #df0;
}
.fn-pricing-tabs-link-left.w--current {
color: #1d1f1e;
background-color: #e67f25;
border-style: solid;
border-color: #e67f25;
display: none;
}
.fn-pricing-tabs-link-left.w--current:hover {
border-top-color: #df0;
border-bottom-color: #df0;
border-left-color: #df0;
}
.fn-pricing-tabs-menu {
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
overflow: hidden;
}
.fn-pricing-tabs {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.fn-heading-38 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-section-406 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.body-13 {
background-color: #333;
}
.fn-cover-image-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.fh-hero-image-wrapper-first-2 {
border-radius: 24px;
width: 100%;
height: 534px;
margin-top: 36px;
overflow: hidden;
}
.fn-button-8 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-8:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-paragraph-9 {
color: #fff;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-39 {
color: var(--white);
margin-top: 0;
margin-bottom: 24px;
font-size: 64px;
line-height: 1.2em;
}
.fn-column-center-7 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-container-grid-12 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
margin-top: auto;
margin-bottom: auto;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-407 {
color: #ecf0ef;
background-color: #333;
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/673731981b00c428cbaf4d06_pexels-alena-koval-233944-886521.jpg");
background-position: 0 100%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 95vh;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-cta-banner-dark-image {
object-fit: cover;
width: 100%;
}
.fn-button-9 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-9:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-paragraph-10 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-40 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 38px;
line-height: 1.2em;
}
.fn-banner-dark-column {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 80px 20px;
display: flex;
}
.fn-cta-banner-dark {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #ecf0ef;
background-color: #333;
border-radius: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr .75fr .5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
display: grid;
position: relative;
overflow: hidden;
}
.fn-container-2 {
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
}
.fn-section-408 {
color: #ecf0ef;
background-color: #e67f25;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.wbs-blog-card-date-2 {
margin-left: auto;
}
.wbs-blog-author-name-2 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.wbs-blog-card-author-name-wrap-2 {
text-align: left;
}
.wbs-blog-card-author-image-2 {
border-radius: 100%;
width: 30px;
height: 30px;
}
.wbs-blog-card-author-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.wbs-blog-card-author-wrap-2 {
align-items: center;
width: 100%;
margin-top: 30px;
display: flex;
}
.wbs-blog-card-title-2 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
}
.wbs-blog-card-title-2:hover {
text-decoration: none;
}
.wbs-blog-card-category-4 {
background-color: var(--flowstica-webflow-library--honeydew);
color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 5px;
margin-bottom: 15px;
padding: 2px 10px;
text-decoration: none;
display: block;
}
.wbs-blog-card-info-3 {
background-color: #fff;
flex-direction: column;
align-items: flex-start;
padding: 25px;
display: flex;
}
.wbs-blog-card-image-2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wbs-blog-card-image-wrap-2 {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.wbs-blog-card-item-2 {
color: var(--flowstica-webflow-library--black);
border: 1px solid #010b151f;
border-radius: 10px;
text-decoration: none;
}
.wbs-blog-card-date-primary-2 {
color: var(--flowstica-webflow-library--white);
margin-left: auto;
}
.wbs-blog-author-name-primary-2 {
color: var(--flowstica-webflow-library--white);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.wbs-blog-card-author-wrap-primary-2 {
align-items: center;
width: 100%;
margin-top: auto;
display: flex;
}
.wbs-blog-card-primary-2 {
color: var(--flowstica-webflow-library--white);
}
.wbs-blog-card-title-primary-2 {
color: var(--flowstica-webflow-library--white);
margin-top: 0;
margin-bottom: 20px;
}
.wbs-blog-card-category-primary-2 {
background-color: var(--flowstica-webflow-library--white);
color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 5px;
margin-bottom: 20px;
padding: 2px 10px;
text-decoration: none;
}
.wbs-blog-card-info-primary-2 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wbs-blog-card-item-primary-2 {
border: 1px solid var(--flowstica-webflow-library--medium-sea-green);
background-color: var(--flowstica-webflow-library--medium-sea-green);
border-radius: 10px;
flex-direction: column;
align-items: flex-start;
padding: 25px;
text-decoration: none;
display: flex;
}
.wbs-blog-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: ". . Area"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-container-6 {
border-radius: 0;
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-8 {
padding: 6.25rem 5%;
}
.image-39 {
width: 100%;
}
.fn-button-10 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-10:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-hero-box-3 {
grid-column-gap: 96px;
grid-row-gap: 96px;
border: 1px #e67f25;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 24px;
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
display: flex;
}
.fn-heading-jambo-6 {
margin-top: 0;
margin-bottom: 24px;
font-size: 76px;
font-weight: 400;
line-height: 1.1em;
}
.fn-container-grid-13 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-off-black-5 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.text-block-26 {
font-size: 24px;
}
.wbs-feature-title-3 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
font-size: 1.25rem;
line-height: 1.2em;
}
.wbs-feature-icon-3 {
flex: none;
height: 60px;
margin-top: 2em;
}
.wbs-feature-icon-simple-3 {
margin-bottom: 20px;
}
.wbs-feature-item {
text-align: center;
}
.wbs-feature-items {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-feature-component-4 {
background-color: #e67f25;
border-radius: 15px;
}
.fn-paragraph-copy-copy {
color: #333;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.text-block-27, .text-block-28 {
font-size: 14px;
}
.text-block-29, .text-block-30, .text-block-31, .text-block-32 {
font-size: 15px;
}
.text-block-33 {
font-size: 14px;
}
.text-block-34 {
font-size: 15px;
}
.text-block-35 {
font-size: 14px;
}
.text-block-36, .text-block-37, .text-block-38, .text-block-39, .text-block-40, .text-block-41 {
font-size: 12px;
}
.link-block-4, .link-block-5, .link-block-6, .link-block-7 {
padding-top: 1vh;
padding-bottom: 1vh;
}
.fn-cta-banner-dark-image-2 {
object-fit: cover;
width: 100%;
}
.fn-button-11 {
color: #0f1213;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-11:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-paragraph-11 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-41 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-banner-dark-column-2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 80px;
display: flex;
}
.fn-cta-banner-dark-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #ecf0ef;
background-color: #333;
border-radius: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
display: grid;
position: relative;
overflow: hidden;
}
.fn-container-3 {
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
}
.fn-section-409 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 5vh;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.paragraph-82 {
font-family: Open Sans, sans-serif;
}
.tab {
color: #fff;
text-align: left;
background-color: #262626;
border-radius: .25rem;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
padding: 25px 20px;
font-size: 14px;
line-height: 1.4;
overflow: hidden;
}
.tab.w--current {
background-color: #222;
}
.tab-heading {
font-family: Open Sans, sans-serif;
font-weight: 700;
}
.paragraph-83 {
font-family: Open Sans, sans-serif;
}
.tab-image-wrapper {
border-radius: .25rem;
justify-content: flex-end;
align-items: flex-start;
height: 30rem;
max-height: 65vh;
display: flex;
position: relative;
overflow: hidden;
}
.tab-image-wrapper.center {
height: auto;
}
.paragraph-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.paragraph-wrapper.inner-padding-small {
color: #fff;
}
.tab-grid {
grid-column-gap: 70px;
grid-row-gap: 1.5vw;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.tab-subtext {
z-index: 1;
color: #ffffff80;
position: relative;
}
.tab-text {
z-index: 1;
font-size: 1rem;
position: relative;
}
.tab-fill {
z-index: 0;
background-color: #e67f25;
width: 0%;
position: absolute;
inset: 0%;
}
.tab-container {
z-index: 2;
flex: 1;
justify-content: center;
align-items: center;
max-width: 1380px;
min-height: 25rem;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
.paragraph-84 {
color: #fff;
font-family: Open Sans, sans-serif;
font-size: 2.3rem;
line-height: 130%;
}
.tab-menu {
flex-direction: column;
justify-content: flex-start;
width: 100%;
max-width: none;
margin-top: 0;
margin-bottom: 35px;
display: flex;
}
.auto-rotate-styles, .auto-rotate-script {
display: none;
}
.fn-paragraph-no-margin-7 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-heading-42 {
color: #fff;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-faq-item {
color: #939b9b;
border-bottom: 1px solid #687373;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 24px;
padding-bottom: 16px;
display: flex;
}
.fn-faq-classic-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.fn-faq-link-4 {
color: #df0;
font-size: 18px;
font-weight: 700;
line-height: 1.1em;
text-decoration: none;
transition: opacity .25s;
}
.fn-faq-link-4:hover {
opacity: .7;
}
.form-label-no-margin-4 {
color: #939b9b;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-paragraph-12 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-43 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-8 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-container-grid-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-410 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.wbs-step-3-arrow-image-bottom-2-copy {
opacity: .25;
margin-bottom: -2em;
position: absolute;
inset: auto 0% -20%;
}
.udesly-paragraph-small {
color: #525252;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.udesly-udesly-text-semibold {
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 600;
}
.udesly-icon-block-medium {
background-color: #f5f5f5;
border: 1px solid #e6e6e6;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.udesly-stats-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
padding: 24px;
display: flex;
box-shadow: 0 1px 2px -1px #1018281a, 0 1px 3px #10182840;
}
.udesly-stats-card.udesly-flex-top {
align-items: flex-start;
}
.udesly-stats-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.udesly-stats-grid.udesly-mt-32 {
grid-template-rows: auto auto;
margin-top: 32px;
}
.udesly-stats-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
display: flex;
}
.udesly-button {
color: #fff;
background-color: #333;
border-radius: 6px;
flex: none;
min-height: 48px;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: background-color .25s ease-out;
}
.udesly-button:hover {
background-color: #171717d9;
}
.udesly-button-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
margin-top: 32px;
display: flex;
}
.udesly-paragraph-large {
color: #404040;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.udesly-text-extrabold {
margin-top: 0;
margin-bottom: 20px;
font-weight: 800;
}
.udesly-column {
width: 100%;
position: relative;
}
.udesly-grid-two-column {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.udesly-container {
background-color: #f3e8d4;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1216px;
margin: auto;
padding: 2em;
display: flex;
}
.body-14 {
background-color: #696969;
justify-content: center;
align-items: center;
display: flex;
}
.text-span-25 {
color: #e67f25;
}
.fn-logos-image-2 {
color: #687373;
object-fit: contain;
object-position: 50% 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: 150px;
height: 42px;
display: flex;
}
.fn-logos-wrapper-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.fn-label-2 {
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-container-grid-15 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-section-411 {
color: #ecf0ef;
background-color: #1d1f1e;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-section-411.overflow-none {
overflow: hidden;
}
.image-40 {
min-width: 25%;
max-width: 25%;
margin-top: auto;
margin-bottom: auto;
margin-right: 3rem;
}
.text-span-26 {
color: #e67f25;
}
.fn-button-secondery-6 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-6:hover {
background-color: #3e4545;
}
.fn-link-arrow-10 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-6 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-paragraph-13 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-paragraph-13.hide-on-mobile {
color: #333;
}
.fn-heading-44 {
color: #333;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-44:hover {
text-decoration: underline;
}
.fn-category-pill-3 {
color: #ecf0ef;
background-color: #3e4545;
border-radius: 34px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding: 6px 10px;
line-height: 1em;
display: flex;
}
.fn-blog-info-wrapper-3 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.fn-features-card-column-3 {
color: #ecf0ef;
background-color: #f3e8d4;
flex-direction: column;
flex: 1;
align-items: flex-start;
padding: 24px;
display: flex;
}
.fn-features-card-image-4 {
object-fit: cover;
width: 100%;
height: 225px;
}
.fn-features-card-with-image-3 {
color: #ecf0ef;
background-color: #0f1213;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.fn-features-card-with-image-3:hover {
color: #ecf0ef;
}
.fn-features-card-with-image-3.slider-cards {
flex-flow: column;
min-width: 33%;
max-width: 33%;
}
.fn-heading-45 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.3em;
}
.fn-blog-slider-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
display: flex;
}
.fn-paragraph-no-margin-8 {
color: #cdd3d2;
margin-bottom: 0;
padding-bottom: 25px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
overflow: hidden;
}
.fn-heading-46 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-9 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-container-grid-16 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1.75fr 1fr 1fr 1fr 1.75fr 1fr 1fr 1fr 1fr 1fr 1fr 1.75fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1800px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-container-grid-16.relative {
grid-template-rows: auto auto;
position: relative;
}
.fn-section-412 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.fn-get-a-demo-shape-second-2 {
border: 1px solid #e67f25;
border-radius: 50%;
flex: none;
width: 193px;
height: 193px;
position: absolute;
inset: auto auto auto 0;
}
.fn-get-a-demo-shape-2 {
color: #e67f25;
border: 1px solid #e67f25;
border-radius: 50%;
flex: none;
width: 230px;
height: 230px;
position: absolute;
inset: 0% 0% 0% auto;
}
.fn-get-a-demo-link-2 {
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
height: 230px;
margin: 2em auto 5em;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
transition: letter-spacing .25s;
display: flex;
position: relative;
}
.fn-get-a-demo-link-2:hover {
color: #df0;
letter-spacing: .3em;
}
.fn-get-a-demo-link-2.w--current:hover, .fn-span-color-text-2 {
color: #df0;
}
.fn-heading-jambo-7 {
margin-top: -1em;
margin-bottom: 24px;
font-size: 52px;
font-weight: 400;
line-height: 1.1em;
}
.fn-label-jambo-2 {
color: #cdd3d2;
letter-spacing: .2em;
text-transform: uppercase;
max-width: 480px;
margin-top: 3em;
margin-bottom: 96px;
font-size: 16px;
line-height: 1.6em;
}
.fn-section-off-black-6 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.text-block-42 {
color: #fff;
font-size: 12px;
}
.text-span-27 {
color: #e67f25;
font-size: 64px;
}
.fn-faq-dark-wrapper-2-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
color: #333;
background-color: #f3e8d4;
border-radius: 16px;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 24px;
display: flex;
}
.paragraph-85 {
margin-bottom: 10rem;
}
.counter {
text-align: center;
font-size: 75px;
}
.heading-1 {
text-align: center;
}
.fn-cover-image-4 {
object-fit: cover;
width: 100%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
display: inline-block;
overflow: visible;
}
.fh-hero-image-wrapper-first-3 {
border-radius: 50px;
width: 100%;
height: auto;
margin-top: 36px;
overflow: visible;
}
.fn-button-12 {
color: #fff;
text-align: center;
background-color: #e67f25;
border: 1px solid #e67f25;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40%;
margin-top: 1rem;
margin-left: 9.5em;
margin-right: 0;
padding: 6px 12px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-12:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-heading-47 {
margin-top: 0;
margin-bottom: 24px;
font-size: 56px;
line-height: 1.2em;
}
.fn-column-center-8 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-section-413 {
color: #ecf0ef;
background-color: #333;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.caroussell-home {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 30px;
padding-bottom: 30px;
display: block;
position: relative;
}
.bild-container {
min-width: 100%;
height: 25%;
position: relative;
left: auto;
}
.image-41 {
min-width: 25%;
max-width: 25%;
}
.fn-button-wrapper-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fh-features-image-wrapper-2 {
border-radius: 24px;
flex-flow: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 500px;
margin-top: 5rem;
margin-bottom: auto;
display: flex;
position: static;
overflow: hidden;
}
.fn-featured-tabs-content-wrapper-2 {
width: 100%;
}
.fn-featured-tabs-content-2 {
width: 60%;
display: flex;
position: absolute;
inset: 0% 15px 0% auto;
}
.fn-tabs-paragraph-2 {
flex: none;
overflow: hidden;
}
.fn-tabs-link-title-icon-2 {
color: #e67f25;
object-fit: contain;
width: 19px;
height: 19px;
}
.fn-tabs-link-title-2 {
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #cdd3d2;
align-items: center;
display: flex;
}
.fn-tabs-link-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #939b9b;
background-color: #0000;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 15px;
transition: opacity .25s;
display: flex;
}
.fn-tabs-link-2:hover {
opacity: .8;
color: #939b9b;
}
.fn-tabs-link-2.w--current {
background-color: #0f1213;
}
.fn-featured-tabs-menu-2 {
flex-direction: column;
display: flex;
}
.fn-featured-tabs-2 {
width: 100%;
margin-bottom: 32px;
position: static;
}
.fn-heading-48 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-section-414 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.wbs-feature-title-4 {
color: var(--white);
margin-top: 0;
font-size: 1.25rem;
line-height: 1.2em;
}
.wbs-feature-icon-4 {
flex: none;
height: 100px;
}
.wbs-feature-icon-simple-4 {
margin-bottom: 20px;
}
.wbs-feature-item-2 {
text-align: center;
}
.wbs-feature-items-2 {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-container-7 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-9 {
background-color: #e67f25;
padding: 6.25rem 5%;
}
.paragraph-86, .paragraph-87, .paragraph-88, .paragraph-89 {
color: #fff;
}
.fn-404-image-third-2 {
object-fit: contain;
width: 120px;
height: 120px;
position: absolute;
inset: auto auto -55% 20%;
}
.fn-404-image-second-2 {
object-fit: contain;
width: 250px;
height: 250px;
position: absolute;
inset: -56% auto auto -5%;
}
.fn-404-image-first-2 {
object-fit: contain;
width: 411px;
height: 405px;
position: absolute;
inset: -80% -10% auto auto;
}
.fn-link-arrow-11 {
color: #e67f25;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.fn-link-with-arrow-classic-2 {
color: #df0;
align-items: center;
margin-top: 0;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-paragraph-14 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-jambo-8 {
margin-top: 0;
margin-bottom: 24px;
font-size: 52px;
font-weight: 400;
line-height: 1.1em;
}
.fn-column-center-9 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.fn-container-grid-17 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-container-grid-17.relative {
position: relative;
}
.fn-section-415 {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 30vh;
max-height: 30vh;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
overflow: hidden;
}
.text-block-43 {
color: #e67f25;
text-decoration: underline;
}
.paragraph-90, .paragraph-91 {
margin-bottom: 10rem;
}
.text-block-44, .text-block-45, .text-block-46, .text-block-47, .text-block-48, .text-block-49 {
color: #323232;
}
.wbs-testimonial-5-content {
color: var(--flowstica-webflow-library--black);
font-size: 17px;
line-height: 1.4em;
}
.wbs-testimonial-7-rating-star {
height: 20px;
}
.wbs-testimonial-7-rating {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
background-color: #f3e8d4;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
position: relative;
}
.wbs-heading-h5-6 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-testimonial-7-rating-logo {
max-width: 50%;
height: auto;
display: block;
}
.wbs-testimonial-7-wrap {
z-index: 1;
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 30px;
display: grid;
}
.wbs-container-8 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-10 {
padding: 6.25rem 5%;
}
.gallery-slider {
background-color: #e67f25;
border-bottom: 1px solid #e4ebf300;
padding: 80px 30px;
position: relative;
}
.container-31 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image {
position: relative;
}
.gallery-image {
width: 100%;
max-width: 75%;
}
.gallery-slide-text {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left {
justify-content: center;
align-items: center;
width: 40px;
margin-left: 5rem;
display: flex;
left: -50px;
}
.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed {
color: #1a1b1f;
}
.gallery-slider-right {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav {
display: none;
}
.heading-70 {
color: #fff;
margin-bottom: 30px;
font-size: 38px;
line-height: 100%;
}
.paragraph-92 {
color: #fff;
font-size: 16px;
line-height: 100%;
}
.mask-2 {
margin-left: 5rem;
}
.image-42 {
height: 30px;
display: inline-block;
position: static;
}
.udesly-overline-large {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
line-height: 20px;
}
.udesly-logo-card {
background-color: #fff;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 40px;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.udesly-logo-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
margin-top: 16px;
margin-bottom: 32px;
}
.udesly-text-extrabold-2 {
margin-top: 0;
margin-bottom: 10px;
font-weight: 800;
}
.udesly-container-2 {
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
}
.udesly-container-2.udesly-all-centered {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1440px;
display: flex;
}
.wbs-client-logo-2 {
height: 160px;
margin-left: auto;
margin-right: auto;
}
.wbs-client-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
}
.wbs-client-grid-wrap {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: .5fr 2fr;
grid-auto-columns: 1fr;
place-items: center stretch;
display: grid;
}
.wbs-heading-h5-7 {
color: var(--white);
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.3em;
}
.div-block-50 {
margin-top: 0;
margin-bottom: 90px;
}
.div-block-51 {
padding-left: 0;
}
.link-block-8 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-51-copy {
width: 100%;
padding-left: 0;
}
.wbs-menu-button {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 10px;
}
.wbs-menu-button.w--open {
background-color: var(--flowstica-webflow-library--medium-sea-green);
}
.wbs-button-primary-3 {
background-color: var(--flowstica-webflow-library--honeydew);
color: var(--flowstica-webflow-library--medium-sea-green);
text-align: center;
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: background-color .3s ease-in-out;
}
.wbs-button-primary-3:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white-smoke);
}
.wbs-button-link-2 {
color: var(--flowstica-webflow-library--black);
border-radius: 6px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-nav-center-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.wbs-logo {
height: 4rem;
}
.wbs-nav-link {
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: 700;
}
.wbs-nav-link:hover, .wbs-nav-link.w--current {
color: #fff;
}
.wbs-dropdown-link {
color: var(--flowstica-webflow-library--black);
font-size: 16px;
font-weight: 700;
transition: color .3s ease-in-out;
}
.wbs-dropdown-link:hover {
color: var(--flowstica-webflow-library--medium-sea-green);
}
.wbs-dropdown-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.wbs-dropdown-grid-3-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wbs-dropdown-list {
background-color: var(--flowstica-webflow-library--white);
border: 1px solid #010b151f;
border-radius: 10px;
padding: 15px 10px;
}
.wbs-nav-logo-center-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr .5fr 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.wbs-container-9 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-navbar-logo-center {
background-color: #0000;
padding-top: 15px;
padding-bottom: 15px;
}
.wbs-section-11 {
background-color: #e67f25;
padding: 2px 5%;
}
.code-embed {
text-align: center;
width: 80%;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.testimonial-slider-large-3 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-32 {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.testimonial-slider-two-3 {
background-color: #0000;
height: auto;
}
.testimonial-slide-3 {
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 12px 12px 12px 64px;
display: flex;
}
.testimonial-content-3 {
flex-direction: column;
align-items: flex-start;
max-width: 460px;
margin-right: 40px;
display: flex;
}
.testimonial-quote-icon-3 {
margin-bottom: 24px;
}
.testimonial-quote-3 {
margin-bottom: 32px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.testimonial-info-two-3 {
align-items: center;
display: flex;
}
.testimonial-image-3 {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name-3 {
font-weight: 700;
}
.testimonial-image-two-3 {
object-fit: cover;
width: 350px;
height: 400px;
}
.testimonial-author-image-three-3 {
object-fit: cover;
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 24px;
}
.testimonial-slider-arrow-3 {
display: none;
}
.testimonial-slider-nav-3 {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.udesly-slide-nav {
justify-content: center;
align-items: center;
height: 9px;
padding-top: 6px;
display: flex;
inset: auto 0% -18px;
}
.udesly-hide {
display: none;
}
.udesly-testimonial-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 340px;
padding-bottom: 40px;
display: flex;
}
.udesly-slide {
height: auto;
margin-right: 32px;
}
.udesly-slider {
background-color: #fff;
width: 100%;
height: auto;
}
.testimonial-slider-small {
background-color: #f5f7fa00;
border-bottom: 0 solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.centered-heading-6 {
color: #fff;
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-6 {
color: #fff;
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.testimonial-slider {
background-color: #0000;
max-width: 800px;
height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
top: auto;
left: auto;
}
.testimonial-slide-wrapper {
max-width: 48%;
margin-right: 4%;
}
.testimonial-card {
background-color: #fff;
flex-direction: column;
align-items: flex-start;
min-height: 24vh;
padding: 24px;
display: flex;
}
.testimonial-info {
align-self: stretch;
align-items: center;
margin-top: 24px;
display: flex;
}
.testimonial-author {
margin-bottom: 2px;
}
.tagline {
margin-bottom: 10px;
font-size: 12px;
line-height: 16px;
}
.testimonial-icon-wrapper {
flex: 1;
justify-content: flex-end;
display: flex;
}
.testimonial-slider-left {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -70px;
}
.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed-2 {
color: #1a1b1f;
}
.testimonial-slider-right {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -70px;
}
.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.testimonial-slide-nav {
display: none;
}
.mask-3 {
left: auto;
overflow: visible;
}
.body-15 {
background-color: #333;
}
.wbs-testimonial-avatar-name {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.wbs-testimonial-avatar-name-wrap {
text-align: left;
}
.wbs-blog-avatar-image {
border-radius: 100%;
width: 50px;
height: 50px;
}
.wbs-blog-list-author {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin-top: auto;
display: flex;
}
.wbs-blog-list-title {
color: var(--white);
margin-top: 0;
font-size: 20px;
}
.wbs-blog-list-category {
color: #e67f25;
margin-bottom: 0;
margin-left: 11em;
text-decoration: none;
display: block;
}
.wbs-blog-list-info {
border-bottom: 0 solid #e67f25;
border-left: 0 solid #e67f25;
border-right: 0 solid #e67f25;
flex-direction: column;
width: 50%;
height: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.wbs-blog-list-image {
border-radius: 10px;
}
.wbs-blog-list-image-wrap {
border-radius: 10px;
overflow: hidden;
}
.wbs-blog-list-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: var(--flowstica-webflow-library--black);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
text-decoration: none;
display: grid;
}
.wbs-blog-list {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
width: 85%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wbs-container-10 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-12 {
padding: 6.25rem 5%;
}
.paragraph-93 {
color: var(--white);
text-align: left;
margin-left: 8.5em;
font-size: 18px;
}
.fn-get-a-demo-link-2-copy {
color: #df0;
letter-spacing: .1em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
height: 230px;
margin-top: 5em;
margin-bottom: 5em;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
transition: letter-spacing .25s;
display: flex;
position: relative;
}
.div-block-52 {
justify-content: center;
align-items: flex-end;
height: 200%;
display: flex;
}
.div-block-53 {
margin-top: 3em;
}
.fn-cover-image-4-copy {
object-fit: cover;
width: 80%;
height: 80%;
margin-top: auto;
margin-bottom: auto;
display: inline-block;
overflow: visible;
}
.line-rounded-icon.dropdown-arrow {
margin-left: 8px;
}
.line-rounded-icon.link-icon-left {
margin-right: 6px;
display: inline-block;
}
.grid-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-1-column.dropdown-link-column {
grid-column-gap: 0px;
grid-row-gap: 18px;
justify-items: start;
}
.btn-primary {
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #4a3aff;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.btn-primary:hover {
color: #fff;
background-color: #3324d5;
transform: translate3d(0, -3px, .01px);
}
.btn-primary.small {
padding: 18px 24px;
font-size: 16px;
line-height: 18px;
}
.btn-primary.small.header-btn-hidde-on-mb {
background-color: #333;
margin-left: 24px;
}
.dropdown-column-wrapper {
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 20px;
overflow: hidden;
transform: translate(-50%);
box-shadow: 0 2px 12px #14142b14;
}
.header-logo {
max-width: 240px;
}
.flex-horizontal {
justify-content: center;
align-items: center;
display: flex;
}
.flex-horizontal.end {
justify-content: flex-end;
}
.flex-horizontal.start {
justify-content: flex-start;
}
.header-wrapper {
background-color: #fff;
padding-top: 32px;
padding-bottom: 32px;
}
.header-wrapper.header-top {
background-color: #fff0;
padding-top: 0;
padding-bottom: 0;
}
.hamburger-menu-wrapper {
padding: 0;
}
.hamburger-menu-wrapper.w--open {
background-color: #0000;
}
.container-default {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.header-nav-link {
padding: 0;
font-size: 20px;
}
.header-nav-link:hover, .header-nav-link.w--current {
color: #fff;
}
.header-right-side {
justify-content: flex-end;
align-items: center;
display: flex;
}
.header-top-wrapper {
border-bottom: 1px #eff0f6;
padding-top: 5px;
padding-bottom: 5px;
}
.dropdown-link {
color: #6e7191;
width: 100%;
padding: 0;
line-height: 20px;
}
.dropdown-link:hover {
color: #4a3aff;
}
.dropdown-toggle {
align-items: center;
padding: 0;
transition: color .3s;
display: flex;
}
.dropdown-toggle:hover {
color: #4a3aff;
}
.social-icon-font {
line-height: 21px;
}
.dropdown-pd {
padding: 40px;
}
.link-wrapper {
color: #211f54;
transition: none;
display: inline-block;
}
.link-wrapper:hover {
color: #4a3aff;
}
.header-logo-link {
transform-style: preserve-3d;
padding-left: 0;
transition: transform .3s, color .3s;
}
.header-logo-link:hover {
transform: scale3d(.96, .96, 1.01);
}
.social-media-grid-top {
flex: 1;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 36px);
justify-content: start;
justify-items: start;
}
.social-media-grid-top.right {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: end;
justify-items: end;
}
.social-icon-square {
background-color: #f2f1ff;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 36px;
min-width: 36px;
height: 36px;
min-height: 36px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.social-icon-square:hover {
color: #fff;
background-color: #4a3aff;
}
.social-icon-square.size-30px {
background-color: #f2f1ff00;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
font-size: 16px;
}
.header-nav-menu-list {
z-index: 1;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns.header-top {
grid-template-columns: 2fr;
}
.header-content-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-content-wrapper.header-top {
padding-top: 10px;
padding-bottom: 10px;
}
.link-text {
transition: color .3s;
display: inline-block;
}
.header-nav-list-item {
margin-bottom: 0;
padding-left: 32px;
}
.header-nav-list-item.show-in-tablet {
display: none;
}
.hamburger-menu-bar {
background-color: #211f54;
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.fn-button-secondery-7 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 137px;
padding: 12px 24px;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-7:hover {
background-color: #3e4545;
}
.fn-button-13 {
color: #0f1213;
text-align: center;
background-color: #df0;
border: 1px solid #df0;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-13:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-button-wrapper-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fn-cover-image-5 {
object-fit: cover;
width: 100%;
height: 100%;
}
.fh-features-image-wrapper-3 {
border-radius: 24px;
width: 100%;
height: 500px;
overflow: hidden;
}
.fn-featured-tabs-content-wrapper-3 {
width: 100%;
margin-top: auto;
margin-bottom: auto;
}
.fn-featured-tabs-content-3 {
width: 60%;
display: flex;
position: absolute;
inset: 0% 15px 0% auto;
}
.fn-tabs-paragraph-3 {
flex: none;
overflow: hidden;
}
.fn-tabs-link-title-icon-3 {
color: #df0;
object-fit: contain;
width: 19px;
height: 19px;
}
.fn-tabs-link-title-3 {
grid-column-gap: 15px;
grid-row-gap: 15px;
color: #cdd3d2;
align-items: center;
display: flex;
}
.fn-tabs-link-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #939b9b;
background-color: #0000;
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 15px;
transition: opacity .25s;
display: flex;
}
.fn-tabs-link-3:hover {
opacity: .8;
color: #939b9b;
}
.fn-tabs-link-3.w--current {
background-color: #0f1213;
}
.fn-featured-tabs-menu-3 {
flex-direction: column;
display: flex;
}
.fn-featured-tabs-3 {
width: 100%;
margin-bottom: 32px;
position: static;
}
.fn-paragraph-15 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-heading-49 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 52px;
line-height: 1.2em;
}
.fn-column-10 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.fn-container-grid-18 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-container-grid-18.relative {
position: relative;
}
.fn-section-416 {
color: #ecf0ef;
background-color: #1d1f1e00;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.div-block-54 {
justify-content: space-around;
align-items: flex-start;
width: 85%;
min-width: 85%;
display: flex;
}
.image-43 {
width: auto;
min-width: 20%;
max-width: 20%;
height: auto;
}
.div-block-55 {
justify-content: space-around;
align-items: center;
display: flex;
}
.image-44 {
width: 20%;
}
.image-44-copy {
width: 20%;
margin-left: 1em;
}
.div-block-55-copy {
justify-content: flex-start;
align-items: center;
display: flex;
}
.wbs-blog-list-title-copy {
color: var(--white);
margin-top: 0;
margin-left: 1.7em;
font-size: 20px;
}
.cccc {
justify-content: flex-start;
align-items: center;
display: flex;
}
.nee-klasse {
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-44-copy {
width: 20%;
}
.wbs-blog-list-title-copy {
color: var(--white);
margin-top: 0;
font-size: 20px;
}
.image-45 {
margin-left: .5em;
}
.udesly-hero-image {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6735b226651ff1eb14ea716d_placeholder.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
max-width: 50%;
height: 600px;
padding: 24px;
display: flex;
position: absolute;
inset: 64px 0% 0% auto;
}
.udesly-paragraph-small-2 {
color: #525252;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.udesly-udesly-text-semibold-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
font-weight: 600;
}
.udesly-numbers-wrapper {
justify-content: space-between;
align-items: center;
max-width: 420px;
margin-top: 92px;
display: flex;
}
.udesly-button-media {
border: 1px solid #a3a3a3;
border-radius: 6px;
flex: none;
transition: all .25s ease-out;
overflow: hidden;
}
.udesly-button-media:hover {
transform: translate(0, -2px);
}
.udesly-media-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.udesly-paragraph-large-2 {
color: #404040;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.udesly-paragraph-large-2.udesly-max-width-480 {
max-width: 480px;
font-weight: 500;
}
.udesly-display-large {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 24px;
font-size: 52px;
font-weight: 500;
line-height: 56px;
}
.udesly-display-large.udesly-text-extrabold-3 {
font-size: 52px;
}
.udesly-text-extrabold-3 {
margin-top: 0;
margin-bottom: 10px;
font-weight: 800;
}
.udesly-overline-large-2 {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 12px;
font-weight: 600;
line-height: 20px;
}
.udesly-column-2 {
width: 100%;
position: relative;
}
.udesly-grid-two-column-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.udesly-container-3 {
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
}
.udesly-section {
background-color: #fff;
padding: 50px 5%;
position: relative;
}
.udesly-section.udesly-2-columns {
background-color: #fff;
margin-bottom: 40px;
padding-top: 150px;
padding-bottom: 56px;
}
.brix---opacity-10 {
opacity: .1;
}
.brix---floating-image-hero-v1---1 {
z-index: -1;
position: absolute;
inset: auto auto -32% -41%;
}
.brix---opacity-20 {
opacity: .2;
}
.brix---floating-image-hero-v1---2 {
z-index: -1;
max-width: 600px;
position: absolute;
inset: auto 11% 8% auto;
transform: rotate(140deg);
}
.brix---btn-icon-left {
width: 10%;
margin-right: 8px;
}
.brix---btn-download-app-white {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--accent--primary-1);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
align-items: center;
padding: 20px 32px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
display: flex;
box-shadow: 0 3px 6px #211f540f;
}
.brix---btn-download-app-white:hover {
background-color: var(--elements-webflow-library--secondary--color-2);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-download-app {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
align-items: center;
padding: 20px 32px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
display: flex;
box-shadow: 0 3px 8px #4a3aff1a;
}
.brix---btn-download-app:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---button-row-left {
margin-right: 24px;
}
.brix---buttons-row {
align-items: center;
display: flex;
}
.brix---paragraph-default {
color: var(--white);
margin-top: 2em;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---color-neutral-600 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-40px {
margin-bottom: 40px;
}
.brix---heading-h1-size {
color: var(--white);
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 66px;
}
.brix---color-neutral-800 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---grid-hero-v16 {
grid-column-gap: 80px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .9fr .8fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---container-default {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-hero-small {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
overflow: hidden;
}
.fn-get-a-demo-link-2-copy {
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
height: 230px;
margin-top: 0;
margin-bottom: 5em;
margin-left: 15em;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
transition: letter-spacing .25s;
display: flex;
position: relative;
}
.hero-karriere-final {
color: #ecf0ef;
background-color: #333;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
font-family: Open Sans, sans-serif;
display: flex;
}
.hero-karriere-final.overflow-none {
background-color: #333;
overflow: hidden;
}
.karriere-jobangebote {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 2.25fr 1.25fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.karriere-heading {
flex-direction: column;
justify-content: center;
align-items: center;
width: 120%;
display: flex;
}
.icon-text {
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-block-50 {
margin-left: 1em;
}
.brix---btn-circle-primary-small {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
transform-style: preserve-3d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
font-size: 22px;
text-decoration: none;
transition: transform .3s, background-color .3s, color .3s;
display: flex;
}
.brix---btn-circle-primary-small:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: scale3d(.94, .94, 1.01);
}
.brix---text-200-bold {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---color-neutral-801 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---flex-horizontal-space-between {
justify-content: space-between;
align-items: center;
display: flex;
}
.brix---paragraph-default-2 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---mg-bottom-32px {
margin-bottom: 32px;
}
.brix---heading-h4-size {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
.brix---mg-bottom-12px {
margin-bottom: 12px;
}
.brix---blog-card-content-inside {
padding: 32px 32px 40px;
}
.brix---badge-secondary-small {
border: 1px solid var(--elements-webflow-library--neutral--400);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-01);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
border-radius: 40px;
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
text-decoration: none;
display: inline-block;
}
.brix---blog-card-badge-wrapper-top {
position: absolute;
inset: 20px 20px auto auto;
}
.brix---blog-card-image-wrapper-inside-card {
object-fit: fill;
border-radius: 24px 24px 0 0;
position: relative;
overflow: hidden;
transform: translate(0);
}
.brix---blog-card-wrapper-shadow {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
border-radius: 24px;
height: 100%;
text-decoration: none;
overflow: hidden;
box-shadow: 0 2px 12px #14142b0d;
}
.brix---grid-3-columns-gap-row-48px {
grid-column-gap: 28px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---badge-secondary-category-badges {
border: 1px solid var(--elements-webflow-library--neutral--400);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-01);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
border-radius: 40px;
margin-left: 24px;
padding: 18px 28px;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: border-color .3s, background-color .3s, color .3s;
display: inline-block;
}
.brix---badge-secondary-category-badges:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
}
.brix---badge-secondary-category-badges.w--current {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
cursor: default;
}
.brix---categories-badges-item-wrapper {
flex-direction: row;
display: flex;
}
.brix---categories-badges-wrapper {
justify-content: flex-end;
display: flex;
}
.brix---heading-h2-size {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 33px;
font-weight: 500;
line-height: 50px;
}
.brix---grid-title-and-categories {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 64px;
display: grid;
}
.brix---section-small {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---blog-card-image-featured {
object-fit: cover;
width: 100%;
height: 100%;
}
.brix---blog-card-image-wrapper-featured-v4 {
border-radius: 24px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 900px;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0);
}
.brix---blog-card-wrapper-featured-v4 {
width: 100%;
margin-left: auto;
text-decoration: none;
}
.brix---text-200 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
}
.brix---mg-bottom-8px {
margin-bottom: 8px;
}
.brix---avatar-circle-03 {
border-radius: 50%;
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
overflow: hidden;
transform: translate(0);
}
.brix---mg-right-16px {
margin-right: 16px;
}
.brix---flex-horizontal-start {
justify-content: flex-start;
align-items: center;
display: flex;
}
.brix---badge-primary-small {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
border-radius: 40px;
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
display: inline-block;
}
.brix---mg-bottom-16px {
margin-bottom: 16px;
}
.brix---card-blog-featured-v4 {
z-index: 1;
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
border-radius: 24px;
max-width: 658px;
padding: 40px 36px;
text-decoration: none;
transition: transform .3s;
position: absolute;
inset: 50% auto auto 0%;
transform: translate(0, -50%);
}
.brix---card-blog-featured-v4:hover {
transform: scale(.98)translate(0, -50%);
}
.brix---flex-card---image-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.brix---heading-h1-size-2 {
color: var(--white);
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 66px;
}
.brix---subtitle {
color: var(--elements-webflow-library--accent--primary-1);
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---text-center {
text-align: center;
}
.brix---inner-container-700px-center {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-48px {
margin-bottom: 48px;
}
.brix---section {
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
}
.text-span-28 {
color: #e67f25;
font-weight: 400;
text-decoration: underline;
}
.brix---header-nav-link {
color: var(--elements-webflow-library--neutral--800);
padding: 0;
font-size: 18px;
line-height: 20px;
transition: color .3s;
}
.brix---header-nav-link:hover, .brix---header-nav-link.w--current {
color: var(--white);
}
.brix---header-nav-list-item-middle {
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
}
.brix---dropdown-link {
color: var(--elements-webflow-library--neutral--600);
align-items: center;
width: 100%;
padding: 0;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.brix---dropdown-link:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---dropdown-links-grid {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---dropdown-pd {
padding: 40px;
}
.brix---dropdown-card {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 20px;
min-width: 280px;
top: 32px;
overflow: hidden;
}
.brix---dropdown-column-wrapper {
background-color: #0000;
padding-top: 32px;
transform: translate(0);
}
.brix---dropdown-column-wrapper.w--open {
transform: translate(-50%);
}
.brix---dropdown-chevron {
width: 14px;
margin-left: 6px;
}
.brix---dropdown-toggle {
color: var(--elements-webflow-library--neutral--800);
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color .3s;
display: flex;
}
.brix---dropdown-toggle:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---header-nav-menu-list {
z-index: 1;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.brix---header-right-col {
justify-content: flex-end;
align-items: center;
display: flex;
}
.brix---flex-center {
justify-content: center;
display: flex;
}
.brix---social-icon-square-30px {
background-color: var(--elements-webflow-library--secondary--color-2);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
text-decoration: none;
transition: transform .3s, background-color .3s, color .3s;
display: flex;
}
.brix---social-icon-square-30px:hover {
transform: scale(.92);
}
.brix---mg-left-12px {
margin-left: 12px;
}
.brix---social-media-flex-right {
justify-content: flex-end;
align-items: center;
min-width: 250px;
max-width: 250px;
display: flex;
}
.brix---hamburger-menu-bar-bottom, .brix---hamburger-menu-bar-top {
background-color: var(--elements-webflow-library--neutral--800);
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.brix---hamburger-menu-wrapper {
padding: 0;
transition: transform .3s;
}
.brix---hamburger-menu-wrapper:hover {
transform: scale(.96);
}
.brix---hamburger-menu-wrapper.w--open {
background-color: #0000;
}
.brix---header-left-col-top {
align-items: center;
display: flex;
}
.brix---header-logo {
min-width: 250px;
max-width: 250px;
}
.brix---header-logo-link {
transform-style: preserve-3d;
padding-left: 0;
transition: transform .3s, color .3s;
}
.brix---header-logo-link:hover {
transform: scale3d(.96, .96, 1.01);
}
.brix---link-text {
transition: color .3s;
display: inline-block;
}
.brix---link-icon-left {
margin-right: 6px;
}
.brix---link-wrapper {
color: var(--elements-webflow-library--neutral--800);
align-items: center;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.brix---link-wrapper:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---header-right-col-hidden-on-tablet {
justify-content: flex-end;
align-items: center;
min-width: 250px;
max-width: 250px;
display: flex;
}
.brix---header-content-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.brix---mg-bottom-24px---0-on-tablet {
margin-bottom: 12px;
}
.brix---header-wrapper {
background-color: #e67f25;
padding-top: 10px;
padding-bottom: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.div-block-56 {
min-width: 60%;
min-height: auto;
}
.image-46 {
min-width: 100%;
}
.hero-heading-center {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-33 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-7 {
text-align: center;
margin-bottom: 16px;
}
.centered-heading-7.margin-bottom-32px {
margin-bottom: 32px;
}
.hero-wrapper-4 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px-9 {
margin-bottom: 24px;
}
.button-primary-10 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-10:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-10:active {
background-color: #43464d;
}
.shadow-two-4 {
box-shadow: 0 4px 24px #96a3b514;
}
.carousel-container-new {
flex-flow: row;
display: flex;
overflow: hidden;
}
.bilder-container {
flex-flow: row;
justify-content: center;
min-width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
left: auto;
}
.slider-image {
min-width: 25%;
max-width: 25%;
height: auto;
position: static;
}
.div-block-57 {
background-color: #fff;
flex-flow: column;
width: auto;
margin-left: auto;
display: flex;
position: relative;
}
.image-47 {
padding: 10px;
}
.c-help-link {
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.help-icon {
z-index: 500;
height: 25px;
}
.b-help-btn {
background-image: linear-gradient(45deg, #e67f25, #9d6839);
border-radius: 5000px;
align-items: center;
padding: 12px;
display: flex;
}
.c-faq-btn {
text-align: right;
padding: 10px;
position: relative;
}
.c-faq-btn.faq {
margin-top: 10px;
padding-top: 0;
padding-bottom: 0;
}
._w-help-btn {
background-color: #13131326;
border: 1px solid #ffffff80;
border-radius: 5000px;
padding: 5px;
box-shadow: 0 0 15px #13131326;
}
.help-text {
color: #fff;
white-space: nowrap;
padding-left: 12px;
font-weight: 500;
}
.c-help-text {
perspective-origin: 0%;
transform-origin: 0%;
overflow: hidden;
}
.div-block-58 {
z-index: 99;
position: fixed;
inset: auto 0% 0% auto;
}
.paragraph-94 {
font-weight: 700;
}
.fn-get-a-demo-link-2-copy {
color: #fff;
letter-spacing: .1em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
width: 260px;
height: 230px;
margin: 2em 0 5em auto;
font-size: 16px;
line-height: 1.4em;
text-decoration: none;
transition: letter-spacing .25s;
display: flex;
position: relative;
}
.fn-get-a-demo-link-2-copy:hover {
color: #df0;
letter-spacing: .3em;
}
.fn-get-a-demo-link-2-copy.w--current:hover {
color: #df0;
}
.team-circles-4 {
border-bottom: 0 solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-34 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-8 {
color: #fff;
text-align: center;
margin-bottom: 16px;
}
.centered-subheading-7 {
color: #fff;
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.team-grid-4 {
grid-column-gap: 64px;
grid-row-gap: 56px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.team-card-4 {
color: #fff;
text-align: center;
flex-direction: column;
align-items: center;
font-size: 14px;
line-height: 22px;
display: flex;
}
.team-member-image-4 {
object-fit: cover;
border-radius: 50%;
width: 300px;
height: 300px;
margin-bottom: 24px;
}
.team-member-name-4 {
margin-bottom: 6px;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.team-member-position-4 {
margin-bottom: 24px;
}
.paragraph-95 {
color: #e67f25;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
font-weight: 700;
}
.body-16 {
background-color: #333;
}
.gallery-scroll {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-wrapper-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-sticky {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 80px;
}
.gallery-link {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link:hover {
color: #1a1b1fcc;
}
.gallery-link.w--current {
font-weight: 600;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image-wrapper {
position: relative;
}
.gallery-image-2 {
width: 100%;
}
.gallery-image-text {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.brix---color-neutral-802 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-803 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-8px-2 {
margin-bottom: 8px;
}
.brix---mg-bottom-24px {
margin-bottom: 24px;
}
.brix---mg-bottom-32px-2 {
margin-bottom: 32px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 48px;
}
.brix---mg-right-16px-2 {
margin-right: 16px;
}
.brix---text-201 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
}
.brix---container-default-2 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h1-size-3 {
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 66px;
}
.brix---heading-h2-size-2 {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---heading-h3-size {
margin-top: 0;
margin-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.brix---text-center-2 {
text-align: center;
}
.brix---subtitle-2 {
color: var(--elements-webflow-library--accent--primary-1);
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---blog-card-featured-wrapper {
width: 100%;
text-decoration: none;
}
.brix---blog-card-image-wrapper {
border-radius: 24px;
overflow: hidden;
transform: translate(0);
}
.brix---categories-badges-item-wrapper-2 {
flex-direction: row;
display: flex;
}
.brix---categories-badges-wrapper-2 {
justify-content: flex-end;
display: flex;
}
.brix---blog-card-wrapper {
text-decoration: none;
}
.brix---section-small-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---paragraph-default-3 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---text-200-bold-2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---grid-3-columns-gap-row-72px {
grid-column-gap: 28px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---avatar-circle-4 {
border-radius: 50%;
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
overflow: hidden;
transform: translate(0);
}
.brix---inner-container-700px-center-2 {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.brix---flex-horizontal-start-2 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.brix---section-pd-bottom-56px {
padding-top: 176px;
padding-bottom: 56px;
}
.brix---blog-card-featured {
grid-column-gap: 48px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1.1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---blog-card-image-featured-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.brix---blog-card-image-featured-wrapper-v1 {
border-radius: 24px;
height: 448px;
overflow: hidden;
transform: translate(0);
}
.brix---badge-primary-small-light {
background-color: var(--elements-webflow-library--secondary--color-2);
color: var(--elements-webflow-library--accent--primary-1);
border-radius: 40px;
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
display: inline-block;
}
.brix---grid-title-and-categories-2 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 64px;
display: grid;
}
.brix---badge-secondary-category-badges-2 {
border: 1px solid var(--elements-webflow-library--neutral--400);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-01);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
border-radius: 40px;
margin-left: 24px;
padding: 18px 28px;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: border-color .3s, background-color .3s, color .3s;
display: inline-block;
}
.brix---badge-secondary-category-badges-2:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
}
.brix---badge-secondary-category-badges-2.w--current {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
cursor: default;
}
.gallery-slider-2 {
color: #fff;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-block-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide-2 {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper-2 {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image-2 {
position: relative;
}
.gallery-slide-text-2 {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left-2 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left-2:focus-visible, .gallery-slider-left-2[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed-3 {
color: #1a1b1f;
}
.gallery-slider-right-2 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right-2:focus-visible, .gallery-slider-right-2[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav-2 {
display: none;
}
.fn-heading-50 {
color: #fff;
margin-bottom: 16px;
font-size: 32px;
font-weight: 600;
line-height: 1.3em;
}
.fn-heading-51 {
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3em;
}
.fn-paragraph-16 {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-button-14 {
color: #0f1213;
text-align: center;
background-color: #df0;
border: 1px solid #df0;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
transition: opacity .25s, border-color .25s;
display: flex;
}
.fn-button-14:hover {
opacity: .9;
border-color: #0f1213;
}
.fn-button-wrapper-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
display: grid;
}
.fn-features-icon-3 {
color: #df0;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 19px;
height: 19px;
margin-bottom: 24px;
display: flex;
}
.fn-link-with-arrow-7 {
color: #df0;
align-items: center;
margin-top: auto;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-link-arrow-12 {
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12px;
height: 18px;
margin-left: 10px;
display: flex;
}
.spacer-s-4 {
width: 24px;
height: 24px;
}
.fn-category-pill-4 {
color: #ecf0ef;
background-color: #3e4545;
border-radius: 34px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding: 6px 10px;
line-height: 1em;
display: flex;
}
.fn-blog-info-wrapper-second-3 {
grid-column-gap: 8px;
color: #939b9b;
justify-content: flex-start;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.fn-brand-box-3 {
object-fit: contain;
object-position: 0% 50%;
width: 106px;
height: 21.55px;
margin-right: 0;
transition: opacity .25s;
}
.fn-brand-box-3:hover {
opacity: .7;
}
.fn-contain-logo-3 {
color: #df0;
object-fit: contain;
object-position: 0% 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-navbar-link-second-3 {
color: #ecf0ef;
padding-top: 32px;
padding-bottom: 32px;
font-size: 18px;
font-weight: 400;
line-height: 1.3em;
text-decoration: underline;
}
.fn-navbar-menu-wrapper-second-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex: 1;
justify-content: flex-end;
display: flex;
}
.fn-navbar-link-second-4 {
align-items: center;
margin-left: 0;
margin-right: 0;
padding-right: 20px;
transition: color .25s;
display: flex;
}
.fn-navbar-link-second-4:hover, .fn-navbar-link-second-4.w--current {
color: #df0;
}
.fn-dropdown-link-icon-2 {
justify-content: center;
align-items: center;
width: 12px;
height: 8px;
margin-left: 8px;
display: flex;
}
.fn-button-secondery-navbar-2 {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: background-color .25s;
display: flex;
}
.fn-button-secondery-navbar-2:hover {
background-color: #3e4545;
}
.fn-navbar-advence-2 {
background-color: #0f1213;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.fn-navbar-container-advence-2 {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1310px;
display: flex;
}
.fn-navbar-links-wrapper-advence-2 {
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.fn-navbar-link-list-advence-2 {
text-align: left;
background-color: #0f1213;
border-radius: 0;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
padding-top: 40px;
padding-bottom: 40px;
display: none;
inset: 100% auto auto 0%;
}
.fn-navbar-link-list-advence-2.first-look {
display: flex;
}
.fn-dorpdown-link-advence-2 {
margin-left: 0;
margin-right: 0;
position: static;
}
.fn-navbar-menu-advence-2 {
flex: 1;
justify-content: space-between;
display: flex;
position: static;
}
.fn-navbar-link-list-conetainer-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1310px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: grid;
}
.fn-navbar-card-solution-2 {
color: #ecf0ef;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 256px;
padding: 0;
text-decoration: none;
display: flex;
}
.fn-navbar-label-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #cdd3d2;
align-items: center;
display: flex;
}
.fn-navbar-label-line-2 {
background-color: #3e4545;
flex: 1;
height: 1px;
}
.navbar-product-card-2 {
background-color: #1d1f1e;
border-radius: 16px;
padding: 26px;
text-decoration: none;
transition: background-color .25s;
}
.navbar-product-card-2:hover {
background-color: #3e4545;
}
.navbar-product-card-intro-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #ecf0ef;
flex-wrap: wrap;
align-items: center;
margin-bottom: 12px;
font-size: 18px;
line-height: 1.4em;
text-decoration: underline;
display: flex;
}
.fn-product-icon-3 {
object-fit: contain;
width: 19px;
height: 19px;
margin-bottom: 0;
}
.navbar-product-card-featured-card-2 {
color: #ecf0ef;
border: 1px solid #df0;
border-radius: 16px;
flex-direction: column;
padding: 24px 100px 24px 24px;
text-decoration: none;
display: flex;
}
.fn-links-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.fn-navbar-about-us-link-wrap-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #cdd3d2;
flex-direction: column;
align-items: stretch;
margin-bottom: 24px;
display: flex;
}
.fn-navbar-label-line-about-2 {
background-color: #3e4545;
width: 100%;
height: 1px;
}
.fn-standard-white-link-3 {
color: #ecf0ef;
font-size: 18px;
line-height: 1.4em;
transition: color .25s;
display: block;
}
.fn-standard-white-link-3:hover, .fn-standard-white-link-3.w--current {
color: #df0;
}
.fn-features-card-about-2 {
color: #ecf0ef;
background-color: #1d1f1e;
border: 1px solid #0f1213;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: -12px;
padding: 24px;
text-decoration: none;
transition: border-color .25s;
display: flex;
}
.fn-features-card-about-2:hover {
border-color: #df0;
}
.fn-paragraph-navbar-3 {
color: #cdd3d2;
margin-bottom: 32px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-paragraph-no-margin-navbar-2 {
color: #cdd3d2;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.fn-product-icon-4 {
color: #df0;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.udesly-paragraph-medium {
color: #404040;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.udesly-paragraph-medium.udesly-text-color-neutral-500 {
color: #fff;
font-weight: 500;
}
.udesly-paragraph-small-3 {
color: #525252;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.udesly-paragraph-small-3.udesly-text-color-neutral-900 {
font-weight: 700;
}
.udesly-flex {
align-items: center;
display: flex;
}
.udesly-flex.udesly-gap-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
}
.udesly-section-2 {
color: #fff;
background-color: #fff0;
border-top: 0 solid #000;
margin-top: 0;
padding: 50px 5%;
position: relative;
}
.udesly-image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.udesly-article-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.udesly-article-card {
color: #442c2c;
flex-direction: column;
display: flex;
}
.udesly-image-wrapper {
border-radius: 6px;
overflow: hidden;
}
.udesly-image-wrapper.udesly-article {
max-width: 176px;
}
.udesly-dot {
color: #737373;
margin-left: 4px;
margin-right: 4px;
font-size: 14px;
line-height: 20px;
}
.udesly-article-detail {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
padding-top: 24px;
display: flex;
}
.udesly-article-detail.udesly-mb-24 {
margin-bottom: 24px;
padding-top: 0;
}
.udesly-article-detail.udesly-n-padding {
padding-top: 0;
padding-bottom: 0;
}
.udesly-avatar {
outline-offset: 0px;
border-radius: 50%;
outline: 1px solid #fff;
width: 40px;
height: 40px;
overflow: hidden;
}
.udesly-article-card-small {
grid-column-gap: 32px;
grid-row-gap: 32px;
color: #333;
border: 0 solid #fff;
border-bottom-width: 2px;
align-items: flex-start;
margin-bottom: 24px;
padding-bottom: 24px;
display: flex;
}
.udesly-article-card-small.udesly-last {
border-bottom-style: none;
border-left-width: 0;
}
.udesly-image {
border: 2px solid #d6d6d6;
border-radius: 100px;
}
.heading-71, .heading-72, .heading-73, .heading-74 {
color: #e67f25;
}
.wbs-container-11 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-heading-h1 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-button-black-2 {
background-color: var(--flowstica-webflow-library--black);
color: var(--flowstica-webflow-library--white);
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-button-black-2:hover {
background-color: var(--flowstica-webflow-library--black-2);
color: var(--flowstica-webflow-library--white);
}
.wbs-button-link-icon-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--flowstica-webflow-library--black);
border-radius: 6px;
align-items: center;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
}
.wbs-button-link-icon-image-3 {
height: 20px;
}
.wbs-section-13 {
background-color: #fff;
border-radius: 20px;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 6.25rem 5%;
}
.wbs-spacing-42 {
height: 1.875rem;
}
.wbs-lead-text-4 {
color: var(--flowstica-webflow-library--black);
font-size: 1.2rem;
line-height: 1.5rem;
}
.wbs-hero-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: grid;
}
.wbs-hero-2-tagline {
color: #e67f25;
}
.wbs-hero-2-button {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.wbs-hero-2-rating {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wbs-hero-2-rating-wrap {
margin-left: 15px;
}
.wbs-hero-2-rating-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.wbs-hero-2-rating-client-image {
border-radius: 50%;
width: 40px;
height: 40px;
margin-left: -15px;
}
.wbs-hero-2-image {
z-index: -1;
height: 480px;
position: absolute;
inset: -7% 0% 0% auto;
transform: rotate(-10deg);
}
.wbs-hero-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
position: relative;
}
.image-48 {
min-width: 100%;
}
.modal-wrapper {
z-index: 98;
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: center;
align-items: center;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
display: inline-flex;
position: fixed;
inset: 0%;
}
.div-block-59 {
cursor: pointer;
background-color: #00000057;
min-width: 100%;
min-height: 100%;
}
.wrapper-modal {
z-index: 99;
grid-column-gap: 16px;
grid-row-gap: 16px;
vertical-align: baseline;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: none;
position: fixed;
inset: 0%;
}
.background-modal {
cursor: pointer;
background-color: #0003;
position: absolute;
inset: 0%;
}
.popup-form-block---brix {
width: 100%;
margin-bottom: 0;
}
.error-message---brix {
border-radius: 16px;
padding: 20px;
}
.popup-content-wrapper---brix {
z-index: 100;
border-radius: 32px;
position: relative;
overflow: hidden;
box-shadow: 0 3px 14px #4a3aff29, 0 -2px 4px #14142b1f, 0 12px 44px #14142b57;
}
.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
max-width: 690px;
margin-left: auto;
margin-right: auto;
display: block;
}
.popup-1---brix {
text-align: center;
background-color: #fff;
border-radius: 32px;
flex-direction: column;
align-items: center;
padding: 64px 64px 80px;
display: flex;
position: relative;
}
.overlay---brix {
z-index: 10;
background-color: #0000009c;
position: absolute;
inset: 0%;
}
.popup-1-form---brix {
align-items: center;
display: flex;
position: relative;
}
.input---brix {
color: #170f49;
border: 1px solid #eff0f6;
border-radius: 500px;
min-height: 60px;
margin-bottom: 0;
padding: 30px 20px;
font-size: 18px;
line-height: 20px;
transition: color .2s, border-color .2s;
}
.input---brix:hover, .input---brix:focus {
color: #4a3aff;
border-color: #4a3aff;
}
.input---brix::placeholder {
color: #6f6c90;
}
.input---brix.large---brix {
min-height: 74px;
padding: 24px 40px;
}
.subscribe-button---brix {
color: #fff;
text-align: center;
background-color: #4a3aff;
background-image: none;
border-radius: 80px;
padding: 16px 32px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: transform .3s, box-shadow .3s, background-color .3s;
position: absolute;
inset: auto 12px auto auto;
box-shadow: 0 3px 12px #4a3aff1f;
}
.subscribe-button---brix:hover {
background-color: #3527d8;
transform: translate(0, -2px);
box-shadow: 0 4px 10px #4a3aff26;
}
.popup-wrapper---brix {
z-index: 99999;
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.success-message---brix {
color: #fff;
background-color: #4a3aff;
border-radius: 16px;
}
.popup-1-illustration---brix {
margin-bottom: 24px;
}
.close-popup---brix {
cursor: pointer;
transition: transform .2s;
position: absolute;
inset: 24px 24px auto auto;
}
.close-popup---brix:hover {
transform: scale(.9);
}
.button-26 {
background-color: #fff;
border: 2px solid #333;
border-radius: 50px;
margin-top: 3rem;
padding: 15px 30px;
}
.text-span-29 {
color: #333;
border: 0 solid #333;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 16px;
}
.paragraph-96, .heading-75 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.link-block-9 {
color: #fff;
text-decoration: none;
}
.paragraph-97 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.link-block-10 {
color: #fff;
font-family: Tahoma, Verdana, Segoe, sans-serif;
text-decoration: none;
}
.mobil-liste {
display: none;
overflow: visible;
}
.div-block-63 {
flex-flow: row;
display: flex;
}
.fn-button-dark-copy {
color: #fff;
background-color: #1d1f1e;
border: 1px solid #000;
border-radius: 8px;
margin-left: 12px;
margin-right: 12px;
padding: 12px 24px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 1.6em;
transition: color .25s, background-color .25s;
}
.fn-button-dark-copy:hover {
color: #0f1213;
background-color: #e67f25;
border-color: #0f1213;
}
.fn-button-dark-copy.w--current {
background-color: #1d1f1e;
}
.fn-button-dark-copy.w--current:hover {
background-color: #0000;
}
.fn-paragraph-13-copy {
color: #cdd3d2;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.6em;
}
.fn-paragraph-13-copy.hide-on-mobile {
color: #333;
text-decoration: underline;
display: none;
}
.code-embed-2 {
display: block;
}
.paragraph-101 {
margin-bottom: 30px;
}
.fn-heading-44-copy {
color: #333;
margin-top: 0;
margin-bottom: 24px;
font-family: Open Sans, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.3em;
}
.fn-heading-44-copy:hover {
text-decoration: none;
}
.wbs-blog-card-title-2-copy {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
}
.wbs-blog-card-title-2-copy:hover, .wbs-blog-card-category-3-copy:hover {
text-decoration: underline;
}
.div-block-64 {
background-color: #e67f25;
width: 100%;
height: 10vh;
}
.heading-79 {
color: #fff;
text-align: center;
margin-top: auto;
margin-bottom: auto;
padding-top: 25px;
font-size: 2rem;
line-height: 100%;
}
.udesly-menu-links.udesly-margin-right {
margin-right: 16px;
}
.udesly-button-navigation-secondary {
color: #171717;
background-color: #0000;
border-radius: 6px;
flex: none;
min-height: 40px;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
transition: background-color .25s ease-out;
}
.udesly-button-navigation-secondary:hover {
background-color: #f5f5f5;
}
.udesly-navigation-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.udesly-navigation-buttons.udesly-align-right {
border-left: 1px solid #e6e6e6;
padding-left: 20px;
}
.udesly-container-navigation {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.udesly-navigation {
background-color: #fff;
width: 100%;
padding: 16px 5%;
}
.udesly-menu-buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
display: none;
}
.udesly-button-navigation {
color: #fff;
background-color: #171717;
border-radius: 6px;
flex: none;
min-height: 40px;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
transition: background-color .25s ease-out;
}
.udesly-button-navigation:hover {
background-color: #171717d9;
}
.udesly-nav-link {
color: #404040;
text-align: center;
border: 1px solid #0000;
border-radius: 6px;
min-height: 40px;
margin-left: 4px;
margin-right: 4px;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
transition: all .25s ease-out;
}
.udesly-nav-link:hover {
color: #000;
border: 1px solid #e6e6e6;
}
.udesly-nav-link.w--current {
color: #171717;
transition-property: all;
}
.udesly-nav-content-container {
display: flex;
}
.brix---container-default-3 {
max-width: 1600px;
padding-left: 24px;
padding-right: 24px;
}
.brix---header-wrapper-2 {
background-color: #e67f25;
padding-top: 32px;
padding-bottom: 32px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.brix---header-content-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.brix---header-nav-menu-list-2 {
z-index: 1;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.brix---header-nav-link-2 {
color: var(--elements-webflow-library--neutral--800);
padding: 0;
font-size: 18px;
line-height: 20px;
transition: color .3s;
}
.brix---header-nav-link-2:hover {
color: var(--white);
}
.brix---header-nav-link-2.w--current {
color: var(--flowstica-webflow-library--black);
font-weight: 700;
text-decoration: none;
}
.brix---header-nav-link-2.w--current:hover {
color: var(--white);
}
.brix---dropdown-toggle-2 {
color: var(--elements-webflow-library--neutral--800);
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color .3s;
display: flex;
}
.brix---dropdown-toggle-2:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---dropdown-card-2 {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 20px;
min-width: 280px;
top: 32px;
overflow: hidden;
}
.brix---dropdown-link-2 {
color: var(--elements-webflow-library--neutral--600);
align-items: center;
width: 100%;
padding: 0;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.brix---dropdown-link-2:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---dropdown-pd-2 {
padding: 40px;
}
.brix---header-logo-2 {
max-width: 130px;
}
.brix---header-logo-link-2 {
transform-style: preserve-3d;
padding-left: 0;
transition: transform .3s, color .3s;
}
.brix---header-logo-link-2:hover {
transform: scale3d(.96, .96, 1.01);
}
.brix---hamburger-menu-wrapper-2 {
padding: 0;
transition: transform .3s;
}
.brix---hamburger-menu-wrapper-2:hover {
transform: scale(.96);
}
.brix---hamburger-menu-wrapper-2.w--open {
background-color: #0000;
}
.brix---header-right-col-2 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.brix---dropdown-chevron-2 {
width: 14px;
margin-left: 6px;
}
.brix---dropdown-links-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---dropdown-column-wrapper-2 {
background-color: #0000;
padding-top: 32px;
transform: translate(0);
}
.brix---dropdown-column-wrapper-2.w--open {
transform: translate(-50%);
}
.brix---hamburger-menu-bar-top-2, .brix---hamburger-menu-bar-bottom-2 {
background-color: var(--elements-webflow-library--neutral--800);
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.brix---btn-primary-small {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 18px 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-small:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-header-hidden-on-mbl {
margin-left: 24px;
}
.brix---header-nav-list-item-show-in-mbl {
margin-bottom: 0;
padding-left: 32px;
display: none;
}
.brix---header-nav-list-item-middle-2 {
margin-bottom: 0;
padding-left: 16px;
padding-right: 16px;
}
.section-6 {
background-color: #333;
width: 100%;
height: 10vh;
display: none;
}
.paragraph-102 {
color: #fff;
text-align: center;
width: 80%;
margin: auto;
padding-top: 15px;
padding-bottom: 15px;
font-size: 2rem;
line-height: 150%;
}
.hero-stack-6 {
background-color: #fff;
border-bottom: 1px solid #e4ebf3;
margin-top: 30rem;
padding: 80px 30px;
position: relative;
}
.container-35 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two-6 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-10 {
margin-bottom: 24px;
}
.button-primary-11 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-11:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-11:active {
background-color: #43464d;
}
.hero-image-5 {
width: 100%;
margin-top: 50px;
}
.heading-80 {
font-size: 5rem;
}
.hero-stack-7 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-36 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two-7 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-11 {
margin-bottom: 24px;
}
.button-primary-12 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-12:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-12:active {
background-color: #43464d;
}
.hero-image-6 {
width: 100%;
margin-top: 50px;
}
.brix---color-neutral-100 {
color: var(--elements-webflow-library--neutral--100);
}
.brix---mg-bottom-40px-2 {
margin-bottom: 40px;
}
.brix---container-default-4 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h1-size-4 {
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 66px;
}
.brix---text-center-3 {
text-align: center;
}
.brix---paragraph-default-4 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---button-row-left-2 {
margin-right: 24px;
}
.brix---buttons-row-center {
justify-content: center;
align-items: center;
display: flex;
}
.brix---inner-container-574px---center {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---bg-image-full-width {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.brix---btn-primary-white {
background-color: var(--elements-webflow-library--neutral--100);
color: #e67f25;
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-white:hover {
background-color: var(--elements-webflow-library--secondary--color-2);
color: #333;
transform: translate3d(0, -3px, .01px);
}
.brix---btn-secondary-white {
border: 1px solid var(--elements-webflow-library--neutral--300);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 48px;
padding: 26px 38px;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary-white:hover {
border-color: var(--elements-webflow-library--neutral--100);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--neutral--800);
transform: translate3d(0, -3px, .01px);
}
.brix---hero-card-bg-image {
background-image: linear-gradient(#0009, #0009);
border-radius: 40px;
padding: 196px 40px;
position: relative;
overflow: hidden;
}
.brix---section-extra-small {
padding-top: 32px;
padding-bottom: 32px;
position: relative;
overflow: hidden;
}
.brix---buttons-row-2 {
align-items: center;
display: flex;
}
.brix---play-button-large {
box-shadow: 0 24px 65px 0 var(--elements-webflow-library--general--shadow-05);
transform-style: preserve-3d;
border-radius: 50%;
transition: transform .3s;
}
.brix---play-button-large:hover {
transform: scale3d(.94, .94, 1.01);
}
.brix---hero-bg-image-dark {
background-image: linear-gradient(#0000004d, #0000004d);
padding-top: 234px;
padding-bottom: 234px;
position: relative;
overflow: hidden;
}
.brix---grid-hero-play-button {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.div-block-65 {
text-align: left;
}
.efi-button {
background-color: #000;
padding: 20px 40px;
font-size: 18px;
font-weight: 400;
transition: all .7s;
}
.efi-button:hover {
transform: translate(0, -7px);
}
.efi-cta-03 {
background-color: #f2e8d3;
padding: 60px 5%;
display: none;
}
.efi-cta-03-container {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.efi-cta-03-text-inner {
text-align: center;
width: 70%;
}
.efi-paragraph {
margin-top: 20px;
margin-bottom: 20px;
font-family: Open Sans, sans-serif;
font-size: 16px;
line-height: 100%;
}
.efi-h2 {
margin-bottom: 20px;
}
.text-span-30 {
color: #e67f25;
}
.text-span-31 {
color: #e67f25;
-webkit-text-stroke-color: #333;
}
.countdown {
margin-top: 40px;
display: block;
overflow: visible;
}
.brix---color-neutral-804 {
color: var(--elements-webflow-library--neutral--100);
}
.brix---mg-bottom-32px-3 {
margin-bottom: 32px;
}
.brix---mg-top-64px {
margin-top: 64px;
}
.brix---container-default-5 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h2-size-3 {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---text-center-4 {
text-align: center;
}
.brix---icon-list-item-wrapper {
align-items: center;
display: flex;
}
.brix---icon-list {
margin-right: 16px;
}
.brix---button-row-left-3 {
margin-right: 24px;
}
.brix---buttons-row-center-2 {
justify-content: center;
align-items: center;
display: flex;
}
.brix---text-200-list-bold {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.brix---grid-3-icon-list {
grid-column-gap: 56px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.brix---btn-primary-white-2 {
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--accent--primary-1);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-white-2:hover {
background-color: var(--elements-webflow-library--secondary--color-2);
color: var(--elements-webflow-library--accent--primary-1);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-secondary-white-2 {
border: 1px solid var(--elements-webflow-library--neutral--300);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 48px;
padding: 26px 38px;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary-white-2:hover {
border-color: var(--elements-webflow-library--neutral--100);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--neutral--800);
transform: translate3d(0, -3px, .01px);
}
.brix---inner-container-600px---center {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.brix---z-index-1 {
z-index: 1;
margin-left: auto;
margin-right: auto;
position: relative;
}
.brix---inner-container-900px-center {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.brix---cta-v7-floating-item-01 {
position: absolute;
inset: 0% auto auto 0%;
}
.brix---cta-v6-floating-item-02-2 {
position: absolute;
inset: auto 3% 24% auto;
}
.brix---cta-v7-section {
background-color: #e67f25;
padding-top: 160px;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.text-span-32, .text-span-33 {
color: #333;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 16px;
}
.brix---mg-bottom-40px-3 {
margin-bottom: 40px;
}
.brix---buttons-row-3 {
align-items: center;
display: flex;
}
.brix---cta-section {
background-color: #f2e8d3;
padding-top: 20px;
padding-bottom: 20px;
display: none;
position: relative;
overflow: hidden;
}
.brix---paragraph-default-5 {
color: #333;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---grid-cta-v4 {
grid-column-gap: 100px;
grid-row-gap: 28px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: .86fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---cta-v5-floating-item-01 {
position: absolute;
inset: 0% auto auto -1%;
}
.brix---cta-v4-floating-item-02 {
position: absolute;
inset: auto 0% 0% auto;
}
.image-53 {
max-width: 70%;
}
.div-block-66 {
text-align: right;
}
.div-block-67 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/6729c8f7e783307e21848015_LKW1.jpg");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 80vh;
}
.code-embed-3 {
margin-top: 0;
margin-bottom: 0;
}
.margin-15 {
margin-bottom: 15px;
}
.right-floating-cookie {
background-color: #000;
border-radius: 10px;
width: 625px;
padding: 25px;
position: absolute;
inset: auto 30px 30px auto;
}
.learn-more-span {
color: #fff;
font-weight: 600;
text-decoration: underline;
}
.cookie-button-blue {
color: #000;
background-color: #ff7417;
border-radius: 5px;
margin-right: 20px;
padding-left: 56px;
padding-right: 56px;
}
.cookie-button-blue:hover {
border-bottom-style: solid;
border-bottom-color: #203492;
}
.white-text-2 {
color: #fff;
}
.cookie-content {
align-items: center;
display: flex;
}
.right-cookie-image {
align-self: flex-start;
width: 150px;
height: 150px;
margin-right: 25px;
}
.flowappz-cookie-consent-hide-cookie-button {
color: #333;
cursor: pointer;
background-color: #fff;
border-radius: 100%;
width: 48px;
height: 48px;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
display: block;
position: fixed;
bottom: 2%;
left: 2%;
box-shadow: 0 2px 5px #0003;
}
.flowappz-cookie-consent-hide-cookie-button:hover {
box-shadow: 0 5px 30px #0003;
}
.video-4 {
width: 80%;
margin-top: 3rem;
margin-left: auto;
margin-right: auto;
}
.radio-button-field-2 {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.form-6 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-around;
align-items: center;
width: 60%;
margin-top: 4rem;
margin-left: auto;
display: flex;
}
.form-block-5 {
margin-top: 2rem;
}
.div-block-68 {
width: 80%;
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
}
.submit-button-3 {
overflow: hidden;
}
.brix---color-neutral-805 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-806 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-40px-4 {
margin-bottom: 40px;
}
.brix---border-radius-24px {
z-index: -1;
border-radius: 24px;
overflow: hidden;
transform: translate(0);
}
.brix---btn-primary {
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #e67f26;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary:hover {
color: var(--elements-webflow-library--neutral--100);
background-color: #ca6f20;
transform: translate3d(0, -3px, .01px);
}
.brix---btn-secondary {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
color: #211f54;
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
background-color: #e67f26;
transform: translate3d(0, -3px, .01px);
}
.brix---buttons-row-4 {
align-items: center;
display: flex;
}
.brix---container-default-6 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h1-size-5 {
color: #333;
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 66px;
}
.brix---opacity-10-2 {
opacity: .1;
}
.brix---opacity-20-2 {
opacity: .2;
}
.brix---flex-card---image-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.brix---img-below-card {
max-width: 976px;
margin-left: auto;
}
.brix---paragraph-default-6 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---button-row-left-4 {
margin-right: 24px;
}
.brix---floating-image-hero-v1---3 {
z-index: -1;
position: absolute;
inset: auto auto -32% -41%;
}
.brix---floating-image-hero-v1---4 {
z-index: -1;
max-width: 600px;
position: absolute;
inset: auto 11% 8% auto;
transform: rotate(140deg);
}
.brix---card-over-image {
z-index: 1;
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 5px 5px 10px 0 var(--elements-webflow-library--general--shadow-01);
border-radius: 24px;
max-width: 728px;
padding: 80px 72px;
position: absolute;
}
.brix---section-hero-short {
background-color: #fff;
padding-top: 72px;
padding-bottom: 72px;
position: relative;
overflow: hidden;
}
.brix---color-neutral-807 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-808 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-24px-2 {
margin-bottom: 24px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 48px;
}
.brix---grid-3-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---mg-bottom-0 {
margin-bottom: 0;
font-size: 16px;
}
.brix---square-icon {
border-radius: 16px;
}
.brix---container-default-7 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-2 {
color: #fff;
background-color: #333;
padding-top: 176px;
padding-bottom: 176px;
}
.brix---heading-h2-size-4 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---heading-h3-size-2 {
margin-top: 0;
margin-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 34px;
}
.brix---text-center-5 {
text-align: center;
}
.brix---mg-bottom-12px-2 {
margin-bottom: 12px;
}
.brix---paragraph-default-7 {
color: #bdbdbd;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---inner-container-600px---center-2 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.brix---card-content-center {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
text-align: center;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 48px 24px;
display: flex;
}
.brix---color-accent-1 {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---color-neutral-809 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-16px-3 {
margin-bottom: 16px;
}
.brix---display-2 {
color: #e67f26;
-webkit-text-stroke-color: #e67f26;
font-size: 72px;
font-weight: 700;
line-height: 84px;
}
.brix---color-neutral-810 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-811 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---color-neutral-812 {
color: var(--elements-webflow-library--neutral--100);
}
.brix---mg-bottom-8px-3 {
margin-bottom: 8px;
}
.brix---mg-bottom-40px-5 {
margin-bottom: 40px;
}
.brix---btn-primary-2 {
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #e37d26;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-2:hover {
color: var(--elements-webflow-library--neutral--100);
background-color: #333;
transform: translate3d(0, -3px, .01px);
}
.brix---input {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 100px;
min-height: 70px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 18px;
line-height: 20px;
transition: box-shadow .3s, color .3s, border-color .3s;
}
.brix---input:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}
.brix---input:focus {
border-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--800);
}
.brix---input::placeholder {
color: var(--elements-webflow-library--neutral--600);
font-size: 18px;
}
.brix---text-area {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 22px;
min-height: 144px;
padding: 16px 24px;
font-size: 18px;
line-height: 28px;
transition: box-shadow .3s, color .3s, border-color .3s;
}
.brix---text-area:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}
.brix---text-area:focus {
border-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--800);
}
.brix---text-area::placeholder {
color: var(--elements-webflow-library--neutral--600);
font-size: 18px;
}
.brix---heading-h1-size-6 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 66px;
}
.brix---heading-h3-size-3 {
margin-top: 0;
margin-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.brix---success-message {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
border-radius: 24px;
padding: 28px 28px 32px;
font-size: 18px;
line-height: 30px;
}
.brix---error-message {
color: #ff5a65;
text-align: center;
background-color: #ffeff0;
border-radius: 16px;
margin-top: 20px;
padding: 20px 24px;
font-size: 18px;
line-height: 30px;
}
.brix---subtitle-3 {
color: #e67f26;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---icon-link-wrapper {
transform-style: preserve-3d;
align-items: center;
text-decoration: none;
transition: transform .3s, color .3s;
display: flex;
}
.brix---icon-link-wrapper:hover {
transform: translate3d(8px, 0, .01px);
}
.brix---input-label {
color: var(--elements-webflow-library--neutral--800);
margin-bottom: 16px;
font-size: 18px;
line-height: 20px;
}
.brix---icon-success-message-big {
width: 60px;
margin-bottom: 10px;
}
.brix---text-200-bold-3 {
color: #e57e27;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 20px;
}
.brix---big-icon-left {
border-radius: 16px;
max-width: 20%;
margin-right: 16px;
}
.brix---section-position-relative {
padding-top: 176px;
padding-bottom: 176px;
position: relative;
overflow: hidden;
}
.brix---form-grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---card-pd-64px---56px {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-01);
border-radius: 24px;
padding: 64px 56px;
}
.brix---text-200-medium {
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.brix---contact-v6-half-bg-right {
z-index: -1;
background-color: #e67f26;
width: 36%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.brix---grid-contact-v6 {
grid-column-gap: 60px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1.1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.brix---grid-1-column-gap-row-24px {
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-span-34 {
color: #e67f26;
}
@media screen and (min-width: 1440px) {
.card {
aspect-ratio: auto;
object-fit: fill;
height: 100%;
display: block;
position: static;
overflow: hidden;
}
.carousel-slider {
max-height: 900px;
}
.card-header {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66963ac4a23a325832cc5495_natalie-website.png");
height: 40rem;
}
.carousel-mask, .carousel.is_contained {
height: 100%;
}
.page-wrap {
width: 100%;
}
.hero-content {
background-color: #f9f5f2;
height: 100vh;
}
.hero-treepot {
height: 80vh;
}
.karriere-wrap {
height: 150vh;
margin-top: 0;
}
.image-22 {
width: 40%;
height: 35%;
}
.caroussell-karriere {
overflow: hidden;
}
.werte-wrap {
height: 100%;
}
.textwrap {
background-color: #fff;
height: 100%;
}
.what-we-do-tabs {
justify-content: flex-start;
align-items: center;
height: 100%;
}
.innerwrapper {
background-color: #fff;
height: 50rem;
}
.paragraph-40 {
width: 60%;
line-height: 110%;
}
.footer-wrap {
background-color: #333;
flex-flow: row;
justify-content: center;
align-items: center;
position: relative;
inset: auto 0% 0%;
}
.impressum-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.impressum-hero-wrap {
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 10%;
display: block;
}
.paragraph-43 {
margin-top: auto;
}
.team-member-image {
width: 270px;
height: 270px;
max-height: none;
}
.the-content {
position: relative;
}
.the-height-400vh-section {
flex: 0 auto;
}
.the-sticky-div {
object-fit: fill;
position: sticky;
left: auto;
right: auto;
}
.content {
max-width: 1440px;
}
.hero__person-txt-more.mod--1 {
display: flex;
position: absolute;
}
.skills__achieve.mod--desctop {
width: 110%;
}
.hero__person-count {
font-size: 36px;
line-height: 110%;
}
.hero__person-title {
display: none;
}
.hero__person-title.stroke--white-02 {
display: block;
}
.hero__person-square {
display: none;
}
.hero__h1 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 32px;
line-height: 90%;
}
.section-4.section--hero {
background-color: #f9f5f2;
}
.section-4.section--cat {
display: none;
}
.hero__person-cont, .hero__person-grad {
display: block;
}
.swiper.swiper--persons {
display: none;
}
.hero__person-txt-less.mod--1.hide {
display: block;
}
.hero__persons {
margin-left: auto;
margin-right: auto;
display: flex;
}
.main-2 {
margin-top: 5vh;
}
.button-21.w--current {
display: none;
}
.mitarbeiter-content {
height: 130vh;
overflow: hidden;
}
.card-body-2 {
height: 10%;
}
.div-block-43 {
height: 100vh;
}
.heading-58 {
-webkit-text-fill-color: inherit;
background-clip: padding-box;
}
.carousel-slider-2 {
height: 100%;
max-height: 900px;
}
.carousel-slider-3, .carousel-slider-4, .carousel-slider-5 {
max-height: 900px;
}
.card-header-2 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d6fd4bb73cb5f48a6eab7b_aramis.png");
height: 40rem;
}
.card-header-3 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/669639153fdf61a39389aa9b_chris-website.png");
height: 40rem;
}
.card-header-4 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d9763cf409012c03d08d5b_michele-website.jpg");
height: 40rem;
}
.card-header-5 {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66d979202239bb3f347a6529_maximilian.jpg");
height: 40rem;
}
.hero-content-karriere {
background-color: #f9f5f2;
height: 280vh;
}
.navbar-no-shadow {
background-color: #e67f25;
}
.image-26 {
max-width: 60%;
}
.container-21 {
max-width: 1920px;
}
.hero-image-3.shadow-two {
width: 60%;
max-width: 50%;
height: 100%;
}
.container-23 {
max-width: 1440px;
}
.container-21-copy {
max-width: 1200px;
}
.team-circles-2 {
background-color: #333;
}
.centered-heading-4 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.centered-subheading-4 {
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 18px;
}
.team-member-image-2 {
width: 270px;
height: 270px;
max-height: none;
}
.team-member-name-2 {
color: #fff;
}
.container-25 {
max-width: 1920px;
}
.paragraph-48, .paragraph-49, .paragraph-50, .paragraph-51, .paragraph-52, .paragraph-53 {
color: #fff;
}
.body-5 {
text-align: left;
display: block;
}
.div-block-44 {
margin-left: auto;
margin-right: auto;
}
.navbar-brand-2 {
max-width: 50%;
}
.team-circles-3 {
width: 100%;
}
.centered-heading-5 {
font-size: 2rem;
line-height: 130%;
}
.centered-subheading-5 {
font-size: 1rem;
line-height: 130%;
}
.team-member-image-3 {
width: 270px;
height: 270px;
max-height: none;
}
.paragraph-54, .paragraph-55, .paragraph-56, .paragraph-57, .paragraph-58, .paragraph-59 {
font-size: .9rem;
}
.hero-subscribe-left-2 {
background-color: var(--orange);
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.container-28 {
max-width: 1920px;
}
.button-24 {
background-color: #333;
margin-left: auto;
margin-right: auto;
}
.footer-dark {
background-color: #333;
width: 100%;
max-width: 100%;
}
.container-29, .footer-wrapper {
max-width: 1440px;
}
.footer-brand-2 {
width: 20%;
}
.footer-content {
width: 90%;
}
.footer-block, .footer-link {
color: #fff;
}
.paragraph-60 {
color: #fff;
width: 15rem;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
}
.image-30 {
max-width: 80%;
}
.paragraph-61 {
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
}
.wbs-container {
max-width: 1920px;
}
.wbs-section {
background-color: #333;
}
.wbs-section-copy {
background-color: #fff;
}
.wbs-container-copy {
margin-top: 5rem;
}
.insta-icon, .image-31, .image-32 {
width: 3rem;
}
.fn-navbar-links-wrapper {
padding-left: 2em;
}
.faq-link-text {
overflow: visible;
}
.fn-show-more {
height: 20px;
}
.fn-features-card-image-copy {
padding-left: 2em;
padding-right: 2em;
}
.wbs-feature-icon {
height: 80px;
}
.fn-paragraph-copy, .fn-paragraph-copy-copy {
color: #333;
}
.caroussell-home {
overflow: hidden;
}
.header-logo {
max-width: 200px;
}
.header-top-wrapper, .header-content-wrapper.header-top {
padding-top: 2px;
padding-bottom: 2px;
}
.brix---paragraph-default {
font-size: 1px;
}
.brix---grid-hero-v16 {
grid-column-gap: 90px;
}
.brix---blog-card-image-wrapper-featured-v4 {
max-width: 1012px;
}
.team-member-image-4 {
width: 270px;
height: 270px;
max-height: none;
}
.brix---z-index-1 {
margin-left: auto;
margin-right: auto;
}
.brix---form-grid-2-columns {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.brix---grid-contact-v6 {
grid-column-gap: 100px;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 1920px) {
.caroussell-karriere {
color: #fff;
height: 40rem;
padding-top: 0;
}
.textwrap, .innerwrapper {
background-color: #fff;
}
.container-11 {
justify-content: center;
align-items: center;
width: 100vw;
max-width: none;
height: 65rem;
display: flex;
}
.body-5 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-44 {
width: 100%;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.navbar-no-shadow-2 {
width: 100%;
}
.image-29 {
max-width: 50%;
}
.div-block-46 {
background-color: #fff;
height: auto;
}
.div-block-47 {
width: 100%;
max-width: 1440px;
height: auto;
}
.fn-cover-image {
margin-left: auto;
}
.fn-paragraph {
width: 50%;
font-size: 22px;
}
.fn-column {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.fn-container-grid {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 4em;
display: flex;
}
.fn-navbar-link-box {
font-size: 22px;
}
.fn-navbar-link-box.w--current {
font-size: 24px;
}
.fn-faq-dark-wrapper {
flex-flow: column;
}
.fh-features-image-wrapper {
height: 350px;
}
.fn-featured-tabs-content-wrapper {
width: 70%;
}
.fn-featured-tabs-menu {
width: 50%;
min-width: 20%;
}
.fn-legal-links-wrapper {
font-size: 20px;
}
.fn-button-3 {
font-size: 1px;
}
.fn-section-407 {
background-position: 50% 0;
}
.wbs-container-6 {
max-width: 1920px;
}
.paragraph-84 {
font-size: 2.3rem;
}
.udesly-container {
background-color: #f3e8d4;
border-radius: 15px;
max-width: 1440px;
padding: 2em;
}
.image-40 {
min-width: 25%;
max-width: 25%;
margin-top: auto;
margin-bottom: auto;
margin-right: 3em;
}
.caroussell-home {
color: #fff;
justify-content: flex-start;
align-items: center;
height: 40rem;
padding-top: 0;
display: flex;
overflow: hidden;
}
.bild-container {
background-color: #333;
justify-content: space-around;
align-items: center;
min-width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
left: auto;
}
.image-41 {
max-width: 25%;
}
.wbs-section-11 {
padding-top: 10px;
padding-bottom: 10px;
}
.btn-primary.small.header-btn-hidde-on-mb {
background-color: #333;
}
.container-default {
max-width: 1800px;
}
.header-right-side {
justify-content: flex-end;
align-items: center;
}
.header-top-wrapper {
padding-top: 5px;
padding-bottom: 5px;
}
.header-content-wrapper.header-top {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media screen and (max-width: 991px) {
.hero-section {
height: 68vh;
}
.header {
height: 8vh;
}
.heromain {
background-color: #ffffff4d;
height: 100%;
margin-top: -8vh;
display: block;
}
.herotext {
width: 100%;
padding-top: 10vh;
}
.heropic {
width: 100%;
height: 40vh;
display: none;
}
.heading-2 {
margin-top: 16vh;
}
.button {
margin-left: 7vw;
}
.main {
height: 165vh;
}
.leistungen {
height: 135vh;
display: block;
}
.direkt-u-sonder, .komplett-u-teil {
width: 100%;
height: 28%;
display: block;
}
.bermass-u-schwer, .luft {
width: 100%;
height: 28%;
}
.image-2 {
width: 15%;
margin-top: 5vh;
}
.heading-3 {
font-size: 1.8rem;
font-weight: 400;
}
.text-block-2 {
font-size: 1rem;
line-height: 100%;
}
.leistungen-button {
margin-top: 6vh;
}
.button-2 {
margin-top: 15vh;
}
.frachtanfrage {
height: 121vh;
margin-top: 18vh;
}
.headingfracht {
height: 12%;
display: block;
}
.paragraph-2 {
margin-bottom: 0;
}
.steps {
display: block;
}
.first, .second, .third {
width: 100%;
height: 35vh;
}
.image-3 {
width: 50%;
}
._4erblock {
height: 150vh;
}
.anpassungsf-hig {
height: 100vh;
display: block;
}
.anpassungtext, .anpassungbild {
width: 100%;
}
.messetransporte {
height: 85vh;
display: block;
}
.messebild {
width: 100%;
display: none;
}
.messetext {
width: 100%;
}
.button-3 {
width: 20%;
margin-left: 9vw;
}
.heading-6-copy {
margin-top: 0;
padding-top: 15vh;
}
.nav-menu {
display: none;
}
.mitarbeiter-innen {
height: 200vh;
display: block;
}
.mitarbeiter-teil1 {
height: 96vh;
display: block;
}
.mitarbeiter-teil2 {
height: 46vh;
display: block;
}
.heading-mitarbeiter {
width: 100%;
height: 50vh;
}
.buttons-mitarbeiter {
width: 100%;
margin-top: 37vh;
}
._3-gr-nde {
width: 100%;
}
.media-mitarbeiter {
width: 100%;
display: none;
}
.image-4 {
margin-top: 0;
display: inline-block;
}
.button-4 {
margin-top: -6vh;
}
.heading-10 {
padding-top: 35vh;
font-size: 3.5rem;
}
.paragraph-9 {
font-size: 1.1rem;
}
.button-7, .button-8 {
width: 25vw;
}
.div-block-2 {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.div-block-3 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.image-6 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.heading-11 {
margin-top: 23vh;
}
.galerie {
display: none;
}
.contact-form-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.success-message-cf4 {
font-size: 16px;
font-weight: 600;
}
.contact-form-wrapper-2 {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.homepage-full {
display: none;
}
.header-section {
height: 80vh;
}
.hero-homepage {
height: 64vh;
}
.card {
width: 100%;
}
.carousel-mask {
width: 90%;
}
.heading-34 {
text-align: center;
}
.homepage-tablet {
width: 100%;
height: 100%;
display: block;
}
.hero-section-tablet {
background-image: url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/65ead831cf817690e365847b_shutterstock_1067989727.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 75vh;
display: block;
}
.container-2 {
max-width: 728px;
}
.navbar-wrapper-three {
justify-content: space-between;
}
.navbar-brand-three {
position: relative;
}
.nav-menu-wrapper-three {
background-color: #0000;
top: 70px;
}
.nav-menu-three {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-9 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.menu-button {
padding: 12px;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.image-20 {
width: 20%;
height: 100%;
}
.icon-3 {
color: #fff;
}
.div-block-34 {
width: 100%;
height: 55vh;
display: flex;
}
.div-block-35 {
width: 50%;
height: 100%;
}
.heading-35 {
color: var(--white);
margin-top: 20vh;
font-size: 4vw;
line-height: 130%;
}
.div-block-36 {
width: 50%;
height: 100%;
}
.karriere-tablet {
background-color: #333;
width: 100%;
height: 160vh;
}
.werte-tablet {
height: 93vh;
}
.container-3 {
max-width: 728px;
}
.navbar-wrapper-three-2 {
justify-content: space-between;
}
.navbar-brand-three-2 {
position: relative;
}
.nav-menu-wrapper-three-2 {
background-color: #0000;
top: 70px;
}
.nav-menu-three-2 {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-10 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: absolute;
}
.menu-button-2 {
padding: 12px;
}
.menu-button-2.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-4, .container-7 {
max-width: 728px;
}
.team-slide-wrapper {
width: 47%;
margin-right: 6%;
}
.hero-content {
height: 50vh;
}
.sub-heading {
margin-top: 2rem;
font-size: 1rem;
}
.heading-42 {
font-size: 3rem;
}
.hero-treepot {
flex-flow: column;
justify-content: center;
align-items: center;
height: 30rem;
}
.button-wrap {
margin-left: 0;
display: none;
}
.hero-links-wrap {
justify-content: center;
align-items: center;
margin-top: 3vh;
margin-right: 0;
display: flex;
}
.sm-icon-link {
margin-right: 16px;
}
.karriere-wrap {
height: 80vh;
}
.image-22 {
width: 70%;
height: 25vh;
margin-top: 4rem;
}
.heading-43 {
margin-top: 4rem;
font-size: 2rem;
}
.caroussell-karriere {
height: 15rem;
margin-top: 4rem;
}
.c-nav-brand {
margin-left: 4px;
}
.c-nav {
padding-left: 0;
padding-right: 0;
}
.c-nav_wrap {
justify-content: flex-end;
width: 100%;
padding-right: 0;
}
.c-small-text {
top: 500px;
left: 60px;
}
.c-title-2 {
font-size: 58px;
}
.c-title-1 {
font-size: 130px;
}
.c-slider {
margin-top: 10px;
margin-left: 59px;
margin-right: 0;
}
.c-section {
padding-top: 60px;
padding-bottom: 60px;
}
.c-bg-container {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.c-big-text.cc-bottom {
bottom: 400px;
right: -120px;
}
.c-big-text.cc-top {
top: -150px;
left: -140px;
}
.c-slide_image.c-move-to-bottom {
transform: none;
}
.c-arrows-wrapper {
margin-top: 34px;
margin-right: 44px;
}
.container-8 {
padding-left: 3em;
padding-right: 3em;
}
.p-item {
width: 20rem;
}
.werte-wrap {
height: 35rem;
}
.what-we-do-tabs {
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 3vh;
}
.branding-nav.click1, .branding-nav.click1.w--current {
width: 100px;
height: 30px;
}
.paragraph-40 {
font-size: 1rem;
}
.footer-wrap {
height: 15vh;
}
.button-19 {
font-size: .7rem;
}
.div-block-41 {
width: 24%;
}
.div-block-42 {
width: 30%;
}
.paragraph-41 {
font-size: .75rem;
line-height: 200%;
}
.container-9 {
max-width: 728px;
}
.testimonial-slide {
padding-left: 32px;
}
.testimonial-quote {
overflow: visible;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.container-10 {
max-width: 728px;
}
.text-block-5, .text-block-6 {
font-size: 1em;
}
.bold-text {
font-size: .6rem;
}
.bold-text-2 {
font-size: .7rem;
}
.bold-text-3, .bold-text-4 {
font-size: .75rem;
}
.container-11 {
max-width: 1440px;
}
.container-12 {
max-width: 728px;
}
.features-wrapper {
justify-content: space-between;
}
.container-13 {
max-width: 728px;
}
.team-slide-wrapper-2 {
width: 47%;
margin-right: 6%;
}
.service-photo-block {
width: 100%;
margin-top: 20px;
position: static;
}
.service-photo-block:hover {
transform: none;
}
.line-link {
margin-top: 20px;
}
.service-text-block {
width: 80%;
}
.sec, .form-sec.about {
padding-top: 15vh;
padding-bottom: 15vh;
}
.order-btn {
margin-top: 20px;
}
.job-flex {
flex-direction: column-reverse;
}
.job-left {
width: 100%;
}
.job-sticky {
width: 100%;
margin-top: 60px;
position: static;
}
.section-3 {
padding-top: 80px;
padding-bottom: 80px;
}
.container-20 {
max-width: 728px;
}
.team-grid {
grid-column-gap: 40px;
}
.team-member-image {
width: 190px;
height: 190px;
}
.jobs-wrap {
padding: 20px;
}
.tab-content-wrap {
padding-top: 30px;
}
.job-board {
width: 95%;
}
.tabs {
padding-bottom: 0;
}
.hero__person-txt-more {
opacity: 1;
padding-left: 16px;
padding-right: 16px;
bottom: 20px;
}
.hero__person-txt-more.mod--1 {
padding-left: 16px;
}
.skills__achieve.mod--desctop {
display: none;
}
.skills__achieve.mob--mob {
z-index: 3;
background-color: #e67f25;
width: 180px;
height: 70px;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: absolute;
inset: -35px 16px auto auto;
}
.swiper-slide.slide--persons, .swiper-slide.slide--reviews {
width: auto;
}
.header-block {
padding: 24px;
}
.header-block.mod--absolute {
background-color: #fff;
}
.header-block.mod--fixed {
display: none;
}
.btn-border {
box-shadow: none;
color: #1e1e2f;
background-color: #0000;
border: 1px solid #1e1e2f33;
}
.btn-border.mod--menu {
margin-right: 16px;
}
.footer-2 {
padding-left: 24px;
padding-right: 24px;
}
.header__btn-menu {
cursor: pointer;
background-color: #1e1e2f;
width: 32px;
height: 32px;
padding: 0;
transition: all .2s;
display: flex;
}
.skills__achieve-txt-wrap {
margin-top: 0;
margin-bottom: 0;
position: absolute;
transform: translate(0, -60px);
}
.skills__achieve-txt-wrap.active {
opacity: 1;
transition: all .3s;
transform: none;
}
.skills__achieve-txt-wrap.active.done {
transform: translate(0, 60px);
}
.hero__person-title {
font-size: 22px;
}
.menu__btns {
border-top: 1px solid #1e1e2f1a;
width: 100%;
padding-top: 24px;
display: flex;
}
.footer__columns {
flex-wrap: wrap;
padding-bottom: 16px;
}
.skills__achieve-desc {
font-size: 12px;
line-height: 1.2em;
}
.nav {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
overflow: hidden;
}
.header-2 {
position: fixed;
}
.skills__video-nav {
bottom: 20px;
right: 20px;
}
.hero__col.col--2, .header__col.col--2, .header__col.col--3 {
display: none;
}
.header__col.col--1 {
min-width: auto;
}
.hero__person-count-title {
font-size: 32px;
}
.skills__video {
height: 29vw;
margin-bottom: -5px;
}
.skills__achieve-line {
display: none;
}
.skills__top {
margin-bottom: 30px;
display: block;
}
.hero__h1 {
margin-bottom: 30px;
}
.skills__txt-desc {
margin-top: -14px;
}
.menu__content {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding-top: 115px;
padding-bottom: 24px;
display: flex;
}
.section-4 {
padding-left: 24px;
padding-right: 24px;
}
.menu {
z-index: -1;
background-color: #fff;
height: 0%;
padding-left: 24px;
padding-right: 24px;
display: block;
position: fixed;
inset: 0%;
overflow: hidden;
}
.category__columns {
flex-wrap: wrap;
max-width: 800px;
margin-bottom: -40px;
margin-left: auto;
margin-right: auto;
}
.nav__link {
text-align: left;
border-bottom: 1px solid #1e1e2f1a;
margin-bottom: -1px;
margin-right: 0;
padding-top: 24px;
padding-bottom: 24px;
}
.nav__link:hover {
box-shadow: none;
}
.skills__achieve-title {
margin-right: 8px;
font-size: 28px;
}
.footer__subs-title {
margin-bottom: 16px;
}
.hero__columns {
display: block;
}
.nav__link-2.mod--login {
margin-right: 24px;
}
.category__card-arrow {
top: 16px;
}
.input.mod--hero {
width: 100%;
}
.hero__person-count-span {
font-size: 12px;
}
.swiper__nav-arrow:hover {
border-color: #0000;
}
.swiper__nav-arrow.mod--active {
border-color: #1e1e2f26;
}
.footer__nav-list-item {
margin-bottom: 24px;
}
.skills__col {
flex: none;
}
.skills__col.mod--video {
position: relative;
}
.form-block-3 {
width: 100%;
max-width: 300px;
}
.form-block-3.mod--modal {
max-width: 100%;
}
.form-block-3.mod--hero {
width: 100%;
max-width: 450px;
}
.footer__follow-wrap {
margin-top: 24px;
margin-left: -24px;
margin-right: -24px;
}
.hero__person {
width: 240px;
height: 376px;
padding-left: 0;
padding-right: 0;
}
.footer__col {
width: 100%;
margin-bottom: 40px;
}
.swiper__nav, .reviews__card-author {
margin-top: 32px;
}
.swiper.swiper--persons {
margin-bottom: 40px;
display: block;
overflow: visible;
}
.footer__nav-link-2 {
text-align: left;
}
.footer__nav-link-2:hover {
box-shadow: none;
}
.hero__person-txt-less {
display: none;
}
.category__col {
flex-direction: column;
align-items: center;
width: 50%;
margin-bottom: 40px;
display: flex;
position: relative;
top: auto;
}
.reviews__card {
width: 240px;
}
.skills__video-wrap {
align-items: stretch;
max-width: 50vw;
height: 26.5vw;
min-height: auto;
}
.footer__nav-list {
margin-bottom: 0;
margin-right: auto;
}
.hero-content-karriere {
height: 270vh;
}
.navbar-no-shadow {
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar-no-shadow-container {
justify-content: flex-start;
align-items: center;
max-width: 1920px;
display: flex;
}
.container-regular {
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
}
.navbar-brand {
width: 100%;
}
.nav-menu-wrapper {
background-color: #0000;
}
.nav-menu-2 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-11 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper {
width: 100%;
margin-left: 0;
}
.menu-button-3 {
padding: 12px;
}
.menu-button-3.w--open {
color: #fff;
background-color: #a6b1bf;
}
.image-26 {
max-width: 40%;
margin-left: auto;
}
.container-21, .container-22 {
max-width: 728px;
}
.hero-wrapper-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-2 {
max-width: 100%;
margin-bottom: 40px;
}
.container-23 {
max-width: 728px;
}
.footer-wrapper-two {
flex-wrap: wrap;
}
.footer-form {
width: 100%;
margin-top: 40px;
}
.footer-form-container {
max-width: 350px;
}
.paragraph-47 {
display: none;
}
.container-21-copy, .container-24 {
max-width: 728px;
}
.team-grid-2 {
grid-column-gap: 40px;
}
.team-member-image-2 {
width: 190px;
height: 190px;
}
.container-25 {
max-width: 728px;
}
.nav-menu-wrapper-2 {
background-color: #0000;
}
.nav-menu-3 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-12 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-2 {
width: 100%;
margin-left: 0;
}
.menu-button-4 {
padding: 12px;
}
.menu-button-4.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-26, .container-27 {
max-width: 728px;
}
.testimonial-slide-2 {
padding-left: 32px;
}
.testimonial-quote-2 {
overflow: visible;
}
.team-grid-3 {
grid-column-gap: 40px;
}
.team-member-image-3 {
width: 190px;
height: 190px;
}
.container-28 {
max-width: 728px;
}
.hero-wrapper-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-3 {
max-width: 100%;
margin-bottom: 40px;
}
.container-29 {
max-width: 728px;
}
.footer-content {
grid-column-gap: 60px;
}
.wbs-blog-card-image {
width: 100%;
}
.wbs-blog-grid {
grid-template-columns: 1fr;
}
.wbs-section {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-team-grid {
grid-column-gap: 15px;
grid-template-columns: 1fr 1fr 1fr;
}
.wbs-feature-image {
width: 100%;
}
.wbs-feature-split-3 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
width: 100%;
}
.wbs-section-copy {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-team-round-grid {
grid-column-gap: 15px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.wbs-section-2 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-step-3-arrow-image-last, .wbs-step-3-arrow-image-top, .wbs-step-3-arrow-image-bottom {
display: none;
}
.wbs-step-3-item-top {
text-align: center;
width: 400px;
margin-top: 0;
}
.wbs-step-3-item {
text-align: center;
width: 400px;
}
.wbs-step-3 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-wrap: wrap;
grid-template-columns: 1fr;
justify-items: center;
}
.wbs-section-3 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.fh-hero-image-wrapper-second {
width: 100%;
height: 460px;
}
.fn-button-secondery {
transition: none;
}
.fn-button-secondery:hover {
background-color: #0000;
}
.fn-heading-1 {
font-size: 48px;
}
.fn-container-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-nav-line-3, .fn-nav-line-2, .fn-nav-line-1 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.nav-menu-button-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-menu-button {
margin-right: -18px;
padding-right: 18px;
}
.fn-menu-button.w--open {
z-index: 2;
background-color: #0000;
}
.fn-button-dark:hover {
color: #df0;
background-color: #1d1f1e;
}
.fn-button-secondery-dark {
transition: none;
}
.fn-button-secondery-dark:hover {
color: #1d1f1e;
background-color: #0000;
}
.fn-navbar-link-box {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 12px 0;
transition: none;
}
.fn-navbar-link-box:hover {
opacity: 1;
}
.fn-navbar-link-box.navbar-link-box-last {
margin-bottom: 12px;
}
.fn-navbar-links-wrapper {
flex-direction: column;
align-items: flex-start;
}
.fn-navbar-menu-wrapper {
background-color: #df0;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
padding: 12px 24px 24px;
display: flex;
position: relative;
}
.fn-navbar-menu-box {
background-color: #0000;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.fn-brand-box {
z-index: 2;
transition: none;
}
.fn-brand-box:hover {
opacity: 1;
}
.fn-navbar-container-box {
padding-left: 15px;
padding-right: 15px;
}
.fn-logos-image {
max-width: 100px;
}
.fn-section-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-faq-link {
transition: none;
}
.fn-faq-link:hover {
opacity: 1;
}
.fn-heading-4 {
font-size: 28px;
}
.fn-heading-2 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-hero-quote {
display: none;
}
.fn-heading-jambo {
font-size: 76px;
}
.fn-section-off-black {
padding-top: 60px;
padding-bottom: 60px;
}
.fh-features-image-wrapper {
height: 450px;
}
.fn-featured-tabs-content {
width: 58%;
}
.fn-tabs-link {
transition: none;
}
.fn-tabs-link:hover {
opacity: 1;
}
.fn-heading-5 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-footer-legal-link {
transition: none;
}
.fn-footer-legal-link:hover {
color: #939b9b;
}
.fn-standard-white-link {
transition: none;
}
.fn-standard-white-link:hover {
color: #ecf0ef;
}
.fn-footer-second {
padding-bottom: 60px;
}
.wbs-client-logo-item {
padding: 20px;
}
.wbs-section-4 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.fh-hero-image-wrapper-first {
height: 464px;
margin-top: 12px;
}
.fn-section-4 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-get-a-demo-shape-second {
width: 184px;
height: 184px;
left: auto;
}
.fn-get-a-demo-shape {
width: 218px;
height: 218px;
top: auto;
bottom: auto;
right: auto;
}
.fn-get-a-demo-link {
width: 218px;
height: 218px;
}
.fn-get-a-demo-link:hover {
letter-spacing: .1em;
}
.fn-heading-jambo-2 {
font-size: 76px;
}
.fn-label-jambo {
margin-bottom: 26px;
}
.fn-section-off-black-2, .fn-section-5 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-container-grid-2 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-6 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-3 {
font-size: 32px;
}
.fn-slider-column {
padding-right: 34px;
}
.fn-heading-6 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-3 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-7 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-banner-image-three, .fn-banner-image-two, .fn-banner-image-one {
display: none;
}
.fn-button-dark-2:hover {
color: #df0;
background-color: #1d1f1e;
}
.fn-heading-7 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-cta-banner-column {
width: 100%;
max-width: none;
}
.fn-cta-banner {
padding: 60px;
}
.fn-section-8 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-button-secondery-2 {
transition: none;
}
.fn-button-secondery-2:hover {
background-color: #0000;
}
.fn-features-card-with-image.slider-cards {
flex: none;
width: 411px;
}
.fn-heading-9 {
font-size: 32px;
}
.fn-blog-slider {
flex-flow: row;
width: 100vw;
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
overflow: auto;
}
.fn-heading-10 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-4 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-features-card:hover {
border-color: #0f1213;
}
.fn-heading-12 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-heading-14 {
font-size: 32px;
}
.fn-heading-15, .fn-heading-17 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-9 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-testimonial-wrapper {
grid-template-columns: 1fr 1fr;
}
.fn-heading-18 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-10 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-rich-text h2 {
font-size: 40px;
}
.fn-rich-text h4 {
font-size: 28px;
}
.fn-rich-text h1 {
font-size: 52px;
}
.fn-rich-text h3 {
font-size: 32px;
}
.fn-rich-text h5 {
font-size: 22px;
}
.fn-rich-text h6 {
font-size: 16px;
}
.fn-section-11 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-19 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-12 {
padding-top: 60px;
padding-bottom: 60px;
}
.fh-hero-image-wrapper-second-2 {
width: 100%;
height: 460px;
}
.fn-button-secondery-3 {
transition: none;
}
.fn-button-secondery-3:hover {
background-color: #0000;
}
.fn-heading-20 {
font-size: 48px;
}
.fn-container-grid-6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-13 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-features-card-2:hover {
border-color: #0f1213;
}
.fn-heading-22 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-14 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-faq-link-2 {
transition: none;
}
.fn-faq-link-2:hover {
opacity: 1;
}
.fn-heading-23 {
font-size: 28px;
}
.fn-heading-24 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-15 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-26 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-16 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-faq-link-3 {
transition: none;
}
.fn-faq-link-3:hover {
opacity: 1;
}
.fn-heading-27 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-7 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-17 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-hero-box {
grid-column-gap: 60px;
grid-row-gap: 60px;
font-size: 28px;
}
.fn-heading-jambo-3 {
font-size: 76px;
}
.fn-section-off-black-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-features-card-3:hover {
border-color: #0f1213;
}
.fn-button-secondery-4 {
transition: none;
}
.fn-button-secondery-4:hover {
background-color: #0000;
}
.fn-heading-30 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-nav-line-4 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-4.green-line {
background-color: #df0;
}
.fn-nav-line-5 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-5.green-line {
background-color: #df0;
}
.fn-nav-line-6 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-6.green-line {
background-color: #df0;
}
.nav-menu-button-wrap-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-menu-button-second {
margin-right: -15px;
padding-right: 18px;
}
.fn-menu-button-second.w--open {
background-color: #0000;
}
.fn-button-secondery-navbar {
color: #ecf0ef;
border-color: #ecf0ef;
}
.fn-button-secondery-navbar:hover {
background-color: #0000;
}
.fn-standard-white-link-2 {
transition: none;
}
.fn-standard-white-link-2:hover {
color: #ecf0ef;
}
.fn-navbar-link-list-conetainer {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.fn-navbar-link-list-advence.w--open {
width: 100%;
padding-top: 0;
padding-bottom: 40px;
position: relative;
}
.fn-navbar-link-second {
color: #ecf0ef;
border-top: 1px solid #3e4545;
padding-top: 32px;
padding-bottom: 32px;
}
.fn-navbar-link-second:hover, .fn-navbar-link-second.w--current, .fn-navbar-link-second.w--current:hover {
color: #ecf0ef;
}
.fn-navbar-link-second-2 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 24px 0;
}
.fn-dorpdown-link-advence {
width: 100%;
}
.fn-dorpdown-link-advence.last-dropdown-link {
border-bottom: 1px solid #3e4545;
}
.fn-paragraph-no-margin-navbar {
display: none;
}
.navbar-product-card-intro {
margin-bottom: 0;
}
.navbar-product-card {
transition: none;
}
.navbar-product-card:hover {
background-color: #1d1f1e;
}
.fn-heading-31 {
font-size: 28px;
}
.fn-paragraph-navbar {
display: none;
}
.fn-navbar-links-wrapper-advence {
flex-direction: column;
align-items: flex-start;
}
.fn-navbar-menu-wrapper-second {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0f1213;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
padding: 0 0 24px;
display: flex;
}
.fn-navbar-menu-advence {
background-color: #0f1213;
height: 482px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
overflow: auto;
}
.fn-brand-box-2 {
z-index: 2;
transition: none;
}
.fn-brand-box-2:hover {
opacity: 1;
}
.fn-navbar-container-advence {
justify-content: space-between;
}
.wbs-pricing-2-wrap {
grid-template-columns: 1fr 1fr;
}
.wbs-section-5 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-step-3-arrow-image-last-2, .wbs-step-3-arrow-image-top-2, .wbs-step-3-arrow-image-bottom-2 {
display: none;
}
.wbs-step-3-item-top-2 {
text-align: center;
width: 400px;
margin-top: 0;
}
.wbs-step-3-item-2 {
text-align: center;
width: 400px;
}
.wbs-step-4 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-wrap: wrap;
grid-template-columns: 1fr;
justify-items: center;
}
.wbs-step-3-arrow-image-last-3 {
display: none;
}
.wbs-feature-split-right {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wbs-feature-split {
max-width: 100%;
}
.wbs-section-6 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.fn-hero-box-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
font-size: 28px;
}
.fn-heading-jambo-4 {
font-size: 76px;
}
.fn-container-grid-8 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-off-black-4 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-32 {
font-size: 32px;
}
.fn-slider-column-2 {
padding-right: 34px;
}
.fn-heading-33 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-9 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-18 {
padding-top: 60px;
padding-bottom: 60px;
}
.wbs-hero-7-title {
font-size: 3.2rem;
line-height: 1.2em;
}
.wbs-hero-7 {
max-width: 100%;
}
.wbs-section-7 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-feature-image-2 {
width: 100%;
}
.wbs-feature-split-right-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wbs-feature-split-2 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.fn-404-image-first {
width: 350px;
height: 350px;
}
.fn-heading-jambo-5 {
font-size: 76px;
}
.fn-container-grid-10 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-404 {
padding-top: 60px;
padding-bottom: 60px;
}
.banner-h3 {
font-size: 30px;
}
.slide-banner {
width: 100%;
display: none;
}
.author-image {
margin-bottom: 10px;
}
.checkbox-base {
height: auto;
min-height: 100px;
}
.slide-wrapper {
flex-direction: column;
}
.slide-content {
align-items: center;
width: 100%;
min-height: 100vh;
padding-top: 140px;
padding-bottom: 140px;
}
.banner-content {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.author-testimonial {
flex-direction: column;
align-items: flex-start;
}
.banner-logo {
padding-top: 26px;
padding-bottom: 26px;
}
.hero-img-wrap {
width: 50%;
margin-top: 0;
}
.bg-blob {
bottom: 0%;
left: -10%;
}
.section-5 {
padding: 100px 40px;
}
.image-36 {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.header--content {
justify-content: space-between;
}
.field_wrap {
align-items: flex-start;
}
.field_wrap.select {
align-items: stretch;
}
.cms_version {
z-index: 99;
}
.page-padding {
z-index: 20;
position: relative;
}
.main-form_component {
flex-direction: column;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 189px;
display: flex;
}
.hide-tablet-mobile {
display: none;
}
.form-5 {
width: 100%;
}
.fn-button-secondery-5 {
transition: none;
}
.fn-button-secondery-5:hover {
background-color: #0000;
}
.fn-heading-35 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-11 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-405 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-36 {
font-size: 32px;
}
.fn-heading-37 {
font-size: 28px;
}
.fn-pricing-tabs-link-right:hover {
color: #ecf0ef;
border-top-color: #ecf0ef;
border-bottom-color: #ecf0ef;
border-right-color: #ecf0ef;
}
.fn-pricing-tabs-link-right.w--current:hover {
color: #1d1f14;
background-color: #df0;
}
.fn-pricing-tabs-link-left:hover {
color: #ecf0ef;
border-top-color: #ecf0ef;
border-bottom-color: #ecf0ef;
border-left-color: #ecf0ef;
}
.fn-pricing-tabs-link-left.w--current:hover {
color: #1d1f1e;
background-color: #df0;
}
.fn-heading-38 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-406 {
padding-top: 60px;
padding-bottom: 60px;
}
.fh-hero-image-wrapper-first-2 {
height: 464px;
margin-top: 12px;
}
.fn-heading-39 {
font-size: 48px;
}
.fn-container-grid-12 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-407 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-40 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-banner-dark-column {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
.fn-section-408 {
padding-top: 60px;
padding-bottom: 60px;
}
.wbs-blog-card-image-2 {
width: 100%;
}
.wbs-blog-grid-2 {
grid-template-columns: 1fr;
}
.wbs-section-8 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.fn-hero-box-3 {
grid-column-gap: 60px;
grid-row-gap: 60px;
font-size: 28px;
}
.fn-heading-jambo-6 {
font-size: 76px;
}
.fn-container-grid-13 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-off-black-5 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-heading-41 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-banner-dark-column-2 {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
.fn-section-409 {
padding-top: 60px;
padding-bottom: 60px;
}
.tab {
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.tab-image-wrapper {
max-height: none;
}
.tab-grid {
flex-direction: column;
}
.tab-container {
flex: 0 auto;
}
.tab-menu {
justify-content: flex-start;
}
.fn-heading-42 {
font-size: 28px;
}
.fn-faq-link-4 {
transition: none;
}
.fn-faq-link-4:hover {
opacity: 1;
}
.fn-heading-43 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-14 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-410 {
padding-top: 60px;
padding-bottom: 60px;
}
.wbs-step-3-arrow-image-bottom-2-copy {
display: none;
}
.udesly-udesly-text-semibold {
font-size: 14px;
}
.udesly-grid-two-column {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.fn-logos-image-2 {
max-width: 100px;
}
.fn-container-grid-15 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-411 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-button-secondery-6 {
transition: none;
}
.fn-button-secondery-6:hover {
background-color: #0000;
}
.fn-features-card-with-image-3.slider-cards {
flex: none;
width: 411px;
}
.fn-heading-45 {
font-size: 32px;
}
.fn-blog-slider-2 {
width: 100vw;
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
overflow: auto;
}
.fn-heading-46 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-16 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-412 {
padding-top: 60px;
padding-bottom: 60px;
}
.fn-get-a-demo-shape-second-2 {
width: 184px;
height: 184px;
left: auto;
}
.fn-get-a-demo-shape-2 {
width: 218px;
height: 218px;
top: auto;
bottom: auto;
right: auto;
}
.fn-get-a-demo-link-2 {
width: 218px;
height: 218px;
}
.fn-get-a-demo-link-2:hover {
letter-spacing: .1em;
}
.fn-heading-jambo-7 {
font-size: 76px;
}
.fn-label-jambo-2 {
margin-bottom: 26px;
}
.fn-section-off-black-6 {
padding-top: 60px;
padding-bottom: 60px;
}
.fh-hero-image-wrapper-first-3 {
height: 464px;
margin-top: 12px;
}
.fn-heading-47 {
font-size: 48px;
}
.fn-section-413 {
padding-top: 60px;
padding-bottom: 60px;
}
.caroussell-home {
height: 15rem;
margin-top: 4rem;
}
.fh-features-image-wrapper-2 {
height: 450px;
}
.fn-featured-tabs-content-2 {
width: 58%;
}
.fn-tabs-link-2 {
transition: none;
}
.fn-tabs-link-2:hover {
opacity: 1;
}
.fn-heading-48 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-section-414 {
padding-top: 60px;
padding-bottom: 60px;
}
.wbs-section-9 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.fn-404-image-first-2 {
width: 350px;
height: 350px;
}
.fn-heading-jambo-8 {
font-size: 76px;
}
.fn-container-grid-17 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-415 {
padding-top: 60px;
padding-bottom: 60px;
}
.wbs-testimonial-7-wrap {
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.wbs-section-10 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-31 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.udesly-logo-grid {
grid-template-columns: 1fr 1fr;
}
.wbs-client-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wbs-client-grid-wrap {
grid-column-gap: 30px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.wbs-menu-button {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 10px;
margin-left: auto;
padding: 15px;
}
.wbs-menu-button.w--open {
background-color: var(--flowstica-webflow-library--medium-sea-green);
}
.wbs-nav-center-right {
display: none;
}
.wbs-nav-center-menu {
background-color: var(--flowstica-webflow-library--white);
border: 1px solid #010b151a;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.wbs-nav-logo-center-wrap {
grid-template-columns: 1fr .25fr;
}
.wbs-section-11 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-32 {
max-width: 728px;
}
.testimonial-slide-3 {
padding-left: 32px;
}
.testimonial-quote-3 {
overflow: visible;
}
.testimonial-slider-left {
left: -20px;
}
.testimonial-slider-right {
right: -20px;
}
.wbs-blog-list-info {
width: 100%;
}
.wbs-blog-list {
flex-flow: column;
width: 100%;
}
.wbs-section-12 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.header-nav-menu-wrapper {
background-color: #fff;
border-top: 1px solid #eff0f6;
border-bottom: 1px solid #eff0f6;
padding: 24px;
}
.btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.dropdown-column-wrapper {
box-shadow: none;
border-width: 0;
border-radius: 0;
}
.dropdown-column-wrapper.w--open {
position: static;
}
.header-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
.hamburger-menu-wrapper.w--open {
background-color: #0000;
}
.dropdown-pd {
padding: 20px 0 14px;
}
.social-media-grid-top.right {
grid-column-gap: 10px;
}
.social-media-grid-top.right.center-tablet {
justify-content: center;
}
.header-nav-menu-list {
flex-direction: column;
align-items: flex-start;
}
.grid-2-columns.header-top {
grid-template-columns: 1.8fr 1fr;
}
.header-nav-list-item {
margin-bottom: 12px;
padding-left: 0;
}
.header-nav-list-item.show-in-tablet {
display: block;
}
.hamburger-menu-bar {
width: 44px;
height: 3px;
}
.hamburger-menu-bar.bottom {
margin-top: 12px;
margin-bottom: 12px;
}
.fn-button-secondery-7 {
transition: none;
}
.fn-button-secondery-7:hover {
background-color: #0000;
}
.fh-features-image-wrapper-3 {
height: 450px;
}
.fn-featured-tabs-content-3 {
width: 58%;
}
.fn-tabs-link-3 {
transition: none;
}
.fn-tabs-link-3:hover {
opacity: 1;
}
.fn-heading-49 {
margin-bottom: 12px;
font-size: 40px;
}
.fn-container-grid-18 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.fn-section-416 {
padding-top: 60px;
padding-bottom: 60px;
}
.udesly-hero-image {
max-width: none;
height: 520px;
position: static;
}
.udesly-udesly-text-semibold-2 {
font-size: 14px;
}
.udesly-display-large.udesly-text-extrabold-3 {
font-size: 32px;
line-height: 1.2;
}
.udesly-grid-two-column-2 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.udesly-section.udesly-2-columns {
margin-bottom: 0;
padding-top: 80px;
}
.brix---floating-image-hero-v1---1 {
bottom: -14%;
left: -42%;
}
.brix---floating-image-hero-v1---2 {
top: 24%;
right: -30%;
}
.brix---btn-download-app-white, .brix---btn-download-app {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---heading-h1-size {
font-size: 48px;
line-height: 60px;
}
.brix---grid-hero-v16 {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.brix---section-hero-small {
padding-top: 100px;
padding-bottom: 100px;
}
.hero-karriere-final {
padding-top: 60px;
padding-bottom: 60px;
}
.karriere-jobangebote {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.brix---mg-bottom-32px {
margin-bottom: 24px;
}
.brix---heading-h4-size {
font-size: 22px;
line-height: 32px;
}
.brix---blog-card-image {
width: 100%;
}
.brix---grid-3-columns-gap-row-48px {
grid-template-columns: 1fr 1fr;
}
.brix---badge-secondary-category-badges {
margin-left: 0;
margin-right: 24px;
}
.brix---categories-badges-wrapper {
justify-content: flex-start;
}
.brix---heading-h2-size {
font-size: 30px;
line-height: 46px;
}
.brix---grid-title-and-categories {
grid-template-columns: 1fr;
}
.brix---section-small {
padding-top: 80px;
padding-bottom: 80px;
}
.brix---blog-card-image-featured {
width: 100%;
}
.brix---card-blog-featured-v4 {
max-width: 610px;
margin-bottom: -120px;
margin-left: 29px;
padding: 32px;
position: relative;
inset: auto auto 0% 0%;
transform: none;
}
.brix---card-blog-featured-v4:hover {
transform: scale(.98);
}
.brix---flex-card---image-wrapper {
display: block;
}
.brix---heading-h1-size-2 {
font-size: 48px;
line-height: 60px;
}
.brix---mg-bottom-48px {
margin-bottom: 40px;
}
.brix---section {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---header-nav-list-item-middle {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
.brix---dropdown-pd {
padding: 20px 0 14px;
}
.brix---dropdown-card {
box-shadow: none;
background-color: #0000;
border-width: 0;
border-radius: 0;
min-width: auto;
}
.brix---dropdown-card.w--open {
position: static;
}
.brix---dropdown-column-wrapper {
padding-top: 0;
position: static;
}
.brix---dropdown-column-wrapper.w--open {
transform: none;
}
.brix---header-nav-menu-list {
flex-direction: column;
align-items: flex-start;
}
.brix---header-menu-wrapper {
border-top: 1px solid var(--elements-webflow-library--neutral--300);
border-bottom: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
padding: 24px;
}
.brix---hamburger-menu-bar-bottom {
width: 44px;
height: 3px;
margin-top: 12px;
margin-bottom: 12px;
}
.brix---hamburger-menu-bar-top {
width: 44px;
height: 3px;
}
.brix---hamburger-menu-wrapper {
order: -1;
transition: transform .3s;
}
.brix---hamburger-menu-wrapper:hover {
transform: scale(.96);
}
.brix---hamburger-menu-wrapper.w--open {
background-color: #0000;
}
.brix---header-logo {
max-width: 232px;
}
.brix---header-right-col-hidden-on-tablet {
display: none;
}
.brix---mg-bottom-24px---0-on-tablet {
margin-bottom: 0;
}
.brix---header-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
.container-33 {
max-width: 728px;
}
.hero-wrapper-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-4 {
max-width: 100%;
margin-bottom: 40px;
}
.fn-get-a-demo-link-2-copy {
width: 218px;
height: 218px;
}
.fn-get-a-demo-link-2-copy:hover {
letter-spacing: .1em;
}
.container-34 {
max-width: 728px;
}
.team-grid-4 {
grid-column-gap: 40px;
}
.team-member-image-4 {
width: 190px;
height: 190px;
}
.gallery-wrapper-2 {
grid-template-columns: 1fr 1fr;
}
.gallery-sticky {
position: relative;
top: 0;
}
.brix---mg-bottom-32px-2 {
margin-bottom: 24px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 40px;
}
.brix---heading-h1-size-3 {
font-size: 48px;
line-height: 60px;
}
.brix---heading-h2-size-2 {
font-size: 30px;
line-height: 46px;
}
.brix---heading-h3-size {
font-size: 22px;
line-height: 32px;
}
.brix---blog-card-image-2 {
width: 100%;
}
.brix---categories-badges-wrapper-2 {
justify-content: flex-start;
}
.brix---section-small-2 {
padding-top: 80px;
padding-bottom: 80px;
}
.brix---grid-3-columns-gap-row-72px {
grid-template-columns: 1fr 1fr;
}
.brix---section-pd-bottom-56px {
padding-top: 118px;
}
.brix---blog-card-featured {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.brix---blog-card-image-featured-2 {
width: 100%;
}
.brix---blog-card-image-featured-wrapper-v1 {
height: 100%;
}
.brix---grid-title-and-categories-2 {
grid-template-columns: 1fr;
}
.brix---badge-secondary-category-badges-2 {
margin-left: 0;
margin-right: 24px;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.fn-heading-50 {
font-size: 28px;
}
.fn-brand-box-3 {
z-index: 2;
transition: none;
}
.fn-brand-box-3:hover {
opacity: 1;
}
.nav-menu-button-wrap-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.fn-nav-line-7 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-7.green-line {
background-color: #df0;
}
.fn-nav-line-8 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-8.green-line {
background-color: #df0;
}
.fn-nav-line-9 {
background-color: #19224c;
border-radius: 4px;
width: 16px;
height: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-bottom: 0;
padding-right: 0;
}
.fn-nav-line-9.green-line {
background-color: #df0;
}
.fn-navbar-link-second-3 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 24px 0;
}
.fn-navbar-menu-wrapper-second-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0f1213;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
padding: 0 0 24px;
display: flex;
}
.fn-navbar-link-second-4 {
color: #ecf0ef;
border-top: 1px solid #3e4545;
padding-top: 32px;
padding-bottom: 32px;
}
.fn-navbar-link-second-4:hover, .fn-navbar-link-second-4.w--current, .fn-navbar-link-second-4.w--current:hover {
color: #ecf0ef;
}
.fn-menu-button-second-2 {
margin-right: -15px;
padding-right: 18px;
}
.fn-menu-button-second-2.w--open {
background-color: #0000;
}
.fn-button-secondery-navbar-2 {
color: #ecf0ef;
border-color: #ecf0ef;
}
.fn-button-secondery-navbar-2:hover {
background-color: #0000;
}
.fn-navbar-container-advence-2 {
justify-content: space-between;
}
.fn-navbar-links-wrapper-advence-2 {
flex-direction: column;
align-items: flex-start;
}
.fn-navbar-link-list-advence-2.w--open {
width: 100%;
padding-top: 0;
padding-bottom: 40px;
position: relative;
}
.fn-dorpdown-link-advence-2 {
width: 100%;
}
.fn-dorpdown-link-advence-2.last-dropdown-link {
border-bottom: 1px solid #3e4545;
}
.fn-navbar-menu-advence-2 {
background-color: #0f1213;
height: 482px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
overflow: auto;
}
.fn-navbar-link-list-conetainer-2 {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.navbar-product-card-2 {
transition: none;
}
.navbar-product-card-2:hover {
background-color: #1d1f1e;
}
.navbar-product-card-intro-2 {
margin-bottom: 0;
}
.fn-standard-white-link-3 {
transition: none;
}
.fn-standard-white-link-3:hover {
color: #ecf0ef;
}
.fn-paragraph-navbar-4, .fn-paragraph-no-margin-navbar-2 {
display: none;
}
.udesly-article-wrapper {
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.udesly-image-wrapper {
max-height: 400px;
}
.wbs-heading-h1 {
font-size: 3.2rem;
line-height: 1.2em;
}
.wbs-section-13 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-hero-2 {
grid-template-columns: 1fr;
}
.wbs-hero-2-image {
position: static;
}
.popup-content-wrapper---brix {
width: auto;
}
.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
margin-left: auto;
margin-right: auto;
position: absolute;
left: 24px;
right: 24px;
}
.fn-button-dark-copy:hover {
color: #df0;
background-color: #1d1f1e;
}
.udesly-nav-menu {
background-color: #fff;
padding: 24px;
}
.udesly-button-navigation-secondary.udesly-full {
border: 1px solid #d4d4d4;
}
.udesly-navigation-buttons {
display: none;
}
.udesly-container-navigation {
justify-content: space-between;
}
.udesly-menu-buttons {
justify-content: center;
margin-top: 32px;
display: flex;
}
.udesly-lottie-animation {
width: 32px;
height: 32px;
}
.udesly-menu-button {
border: 1px solid #e6e6e6;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 7px;
display: flex;
}
.udesly-menu-button.w--open {
background-color: #0000;
justify-content: center;
align-items: center;
display: flex;
}
.brix---header-wrapper-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---header-menu-wrapper-2 {
border-top: 1px solid var(--elements-webflow-library--neutral--300);
border-bottom: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
padding: 24px;
}
.brix---header-nav-menu-list-2 {
flex-direction: column;
align-items: flex-start;
}
.brix---dropdown-card-2 {
box-shadow: none;
background-color: #0000;
border-width: 0;
border-radius: 0;
min-width: auto;
}
.brix---dropdown-card-2.w--open {
position: static;
}
.brix---dropdown-pd-2 {
padding: 20px 0 14px;
}
.brix---header-logo-2 {
max-width: 232px;
}
.brix---hamburger-menu-wrapper-2 {
order: -1;
transition: transform .3s;
}
.brix---hamburger-menu-wrapper-2:hover {
transform: scale(.96);
}
.brix---hamburger-menu-wrapper-2.w--open {
background-color: #0000;
}
.brix---dropdown-column-wrapper-2 {
padding-top: 0;
position: static;
}
.brix---dropdown-column-wrapper-2.w--open {
transform: none;
}
.brix---hamburger-menu-bar-top-2 {
width: 44px;
height: 3px;
}
.brix---hamburger-menu-bar-bottom-2 {
width: 44px;
height: 3px;
margin-top: 12px;
margin-bottom: 12px;
}
.brix---header-nav-list-item-show-in-mbl {
margin-bottom: 16px;
padding-left: 0;
}
.brix---header-nav-list-item-middle-2 {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
.container-35, .container-36 {
max-width: 728px;
}
.brix---heading-h1-size-4 {
font-size: 48px;
line-height: 60px;
}
.brix---btn-primary-white {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---hero-card-bg-image {
padding-top: 148px;
padding-bottom: 148px;
}
.brix---section-extra-small {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---hero-bg-image-dark {
padding-top: 160px;
padding-bottom: 160px;
}
.brix---grid-hero-play-button {
grid-row-gap: 40px;
grid-template-columns: .8fr;
}
.brix---play-button-large-wrapper {
width: 110px;
}
.efi-cta-03-text-inner {
width: 100%;
}
.brix---mg-bottom-32px-3 {
margin-bottom: 24px;
}
.brix---mg-top-64px {
margin-top: 48px;
}
.brix---heading-h2-size-3 {
font-size: 30px;
line-height: 46px;
}
.brix---grid-3-icon-list {
grid-row-gap: 16px;
grid-template-columns: auto;
}
.brix---btn-primary-white-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---cta-v7-floating-item-01 {
width: 25%;
display: none;
}
.brix---cta-v6-floating-item-02-2 {
width: 35%;
bottom: 9%;
right: -4%;
}
.brix---cta-v7-section {
padding-top: 112px;
}
.brix---cta-section {
padding-top: 112px;
padding-bottom: 112px;
}
.brix---grid-cta-v4 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.brix---cta-v5-floating-item-01 {
width: 40%;
display: none;
}
.brix---cta-v4-floating-item-02 {
width: 70%;
}
.brix---btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---heading-h1-size-5 {
font-size: 48px;
line-height: 60px;
}
.brix---flex-card---image-wrapper-2 {
display: block;
}
.brix---floating-image-hero-v1---3 {
bottom: -14%;
left: -42%;
}
.brix---floating-image-hero-v1---4 {
top: 24%;
right: -30%;
}
.brix---card-over-image {
margin-bottom: 34px;
padding: 56px 48px;
position: static;
}
.brix---section-hero-short {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 40px;
}
.brix---grid-3-columns {
grid-template-columns: 1fr 1fr;
}
.brix---section-2 {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---heading-h2-size-4 {
font-size: 30px;
line-height: 46px;
}
.brix---heading-h3-size-2 {
font-size: 22px;
line-height: 32px;
}
.brix---display-2 {
font-size: 58px;
line-height: 70px;
}
.brix---btn-primary-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---heading-h1-size-6 {
font-size: 48px;
line-height: 60px;
}
.brix---heading-h3-size-3 {
font-size: 22px;
line-height: 32px;
}
.brix---section-position-relative {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---contact-v6-half-bg-right {
width: 100%;
height: 30%;
inset: auto 0% 0%;
}
.brix---grid-contact-v6 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.herotext {
padding-top: 0;
}
.button {
width: 33%;
}
.heading-3 {
font-size: 1.5rem;
}
.text-block-2 {
font-size: .9rem;
}
.button-3 {
width: 26%;
}
.icon {
width: 33%;
}
.text {
width: 90%;
}
.contact-form {
padding: 40px 20px;
}
.contact-form-wrapper {
margin-left: auto;
margin-right: auto;
}
.text-field-cf4.big {
height: 150px;
}
.submit-button-cf4 {
margin-left: 0;
}
.form-column-cf4 {
width: 100%;
margin-right: 0;
}
.contact-form-2 {
padding: 40px 20px;
}
.form-subwrapper-cf4 {
flex-direction: column;
align-items: flex-end;
}
.contact-form-wrapper-2 {
margin-left: auto;
margin-right: auto;
}
.form-cf4 {
text-align: center;
}
.carousel-slider._3 {
right: -18%;
}
.carousel-slider._8 {
right: -63%;
}
.carousel-slider._4 {
right: -27%;
}
.carousel-slider._2 {
right: -9%;
}
.carousel-slider._7 {
right: -54%;
}
.carousel-slider._5 {
right: -36%;
}
.carousel-slider._6 {
right: -45%;
}
.carousel-mask {
width: 60%;
}
.navbar-brand-three {
padding-left: 0;
}
.nav-menu-three {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-menu-block {
flex-direction: column;
}
.nav-link-9 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.navbar-brand-three-2 {
padding-left: 0;
}
.nav-menu-three-2 {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-menu-block-2 {
flex-direction: column;
}
.nav-link-10 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-link-accent-2 {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.hero-stack, .karriere---versuch, .team-slider {
padding: 60px 15px;
}
.hero-content {
height: 45vh;
}
.sub-heading {
font-size: .8rem;
}
.heading-42 {
font-size: 2.5rem;
}
.heading-43 {
font-size: 1.5rem;
}
.c-nav_buttons {
align-items: center;
display: none;
}
.c-text-1 {
font-size: 13px;
line-height: 28px;
}
.c-nav {
width: 100%;
}
.c-nav_logo-1 {
margin-right: 0;
}
.c-small-text {
z-index: 200;
margin-left: -30px;
top: 570px;
left: 50%;
transform: translate(-50%);
}
.c-title-2 {
font-size: 58px;
line-height: 58px;
}
.c-title-1 {
font-size: 130px;
line-height: 130px;
}
.c-slider {
max-width: 100%;
height: auto;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.c-slide {
height: auto;
min-height: 0;
margin-left: auto;
margin-right: auto;
}
.c-section {
padding: 40px 24px;
}
.c-big-text.cc-bottom {
opacity: .5;
bottom: 170px;
right: -160px;
}
.c-big-text.cc-top {
opacity: .5;
top: -80px;
left: -180px;
}
.c-bg-line {
display: none;
}
.c-slide_image {
width: 286px;
height: 388px;
margin-left: auto;
margin-right: auto;
display: block;
}
.c-arrows-wrapper {
margin-top: 100px;
}
.slide_item {
width: 80%;
}
.what-we-do-tabs {
justify-content: space-between;
}
.wwd-tabs-content {
width: 75%;
margin-left: 1%;
}
.wwd-tabs-menu {
width: 20%;
}
.heading-44 {
font-size: 2rem;
}
.content-slider {
margin-left: 0;
}
.footer-wrap {
height: 20vh;
}
.paragraph-41 {
font-size: .5rem;
}
.testimonial-slider-large {
padding: 60px 15px;
}
.testimonial-slide {
flex-direction: column;
padding: 23px;
}
.testimonial-content {
max-width: none;
margin-bottom: 40px;
margin-right: 0;
}
.testimonial-quote-icon {
width: 50px;
margin-bottom: 16px;
}
.testimonial-image-two {
width: 100%;
height: auto;
}
.hero-heading-right {
padding: 60px 15px;
}
.margin-bottom-24px-2 {
font-size: .75rem;
}
.hero-heading-left {
padding: 60px 15px;
}
.text-block-5, .text-block-6, .text-block-7, .text-block-8, .text-block-9, .text-block-10 {
font-size: .7em;
}
.hero-stack-2, .features-metrics {
padding: 60px 15px;
}
.features-wrapper {
flex-wrap: wrap;
margin-bottom: -40px;
}
.features-block {
width: 50%;
margin-bottom: 40px;
}
.team-slider-2 {
padding: 60px 15px;
}
.line {
width: 10%;
margin-right: 10%;
}
.service-photo-block {
margin-top: 0;
}
.btn-white {
display: none;
}
.sec {
padding-top: 10vh;
padding-bottom: 10vh;
}
.service-block {
flex-direction: column;
align-items: stretch;
}
.service-content-wrapper {
width: 100%;
padding-right: 0%;
}
.service-photo-wrapper {
order: -1;
width: 80%;
margin-bottom: 30px;
}
.job-sticky {
margin-top: 40px;
}
.section-3 {
padding-top: 40px;
padding-bottom: 40px;
}
.job-body {
padding-bottom: 45px;
padding-left: 30px;
padding-right: 30px;
}
.job_title-wrap {
padding-left: 30px;
padding-right: 30px;
}
.team-circles {
padding: 60px 15px;
}
.team-grid {
grid-template-columns: 1fr 1fr;
}
.the-sticky-div-title {
text-align: center;
font-size: 52px;
}
.tabs-menu {
text-align: center;
border-bottom-style: none;
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.top-block {
text-align: center;
background-image: linear-gradient(#e67f25, #e67f25), url("https://cdn.prod.website-files.com/65c24323ce18eaa3e6e735f6/66599b2b8d411a517e605d0e_AdobeStock_186238127.png");
background-position: 0 0, 100% 17%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
padding-left: 40px;
}
.jobs-wrap {
padding-top: 0;
}
.tab-link {
color: #fff;
text-align: center;
background-color: #333;
border-radius: 25px;
margin-top: 5px;
margin-bottom: 5px;
}
.tab-link.w--current {
color: #fff;
background-color: #ffab5a;
border-bottom-color: #ffab5a;
}
.section-intro {
width: 100%;
}
.footer__copyright {
justify-content: center;
}
.reviews__card-ava {
width: 48px;
height: 48px;
}
.content, .swiper-slide {
width: 100%;
}
.header-block {
padding-top: 20px;
padding-bottom: 20px;
}
.category__tabs-menu {
margin-bottom: 32px;
margin-left: -24px;
margin-right: -24px;
padding-bottom: 6px;
padding-left: 24px;
display: flex;
overflow: auto;
}
.footer__columns {
margin-bottom: 24px;
padding-top: 40px;
padding-bottom: 0;
}
.modal__close {
top: 1rem;
right: 1rem;
}
.footer__bottom {
flex-direction: column-reverse;
}
.footer__copyright-logo {
width: 30px;
}
.skills__columns {
flex-direction: column-reverse;
align-items: stretch;
}
.hero__col.col--1 {
justify-content: center;
align-items: flex-start;
padding-bottom: 20px;
display: block;
}
.skills__video {
height: 52vw;
}
.skills__top {
margin-bottom: 68px;
}
.remodal.remodal--global {
max-width: 30rem;
}
.btn-submit.mod--hero {
width: 86px;
font-size: 24px;
}
.menu__content {
padding-top: 100px;
}
.section-4 {
padding-top: 36px;
padding-bottom: 36px;
}
.section-4.section--hero {
padding-top: 100px;
display: none;
}
.section-4.section--cat {
display: block;
}
.category__columns {
flex-wrap: wrap;
}
.footer__subs-title {
font-size: 16px;
}
.hero__columns {
display: block;
}
.modal__content {
padding: 1.5rem;
}
.input.mod--hero {
height: 86px;
padding-left: 32px;
font-size: 16px;
box-shadow: 0 32px 36px #00000008;
}
.input.mod--hero:hover, .input.mod--hero:focus {
box-shadow: 0 32px 36px #0000001a;
}
.category__card-title {
font-size: 22px;
}
.form-block-3.mod--hero {
max-width: 340px;
}
.footer__col {
margin-bottom: 40px;
}
.footer__col.col--nav {
margin-top: -8px;
}
.heading--center {
margin-top: 4vh;
}
.footer__soc-link {
margin-left: 10px;
margin-right: 10px;
}
.footer__social {
margin-bottom: 24px;
}
.category__card-img {
object-fit: cover;
width: 100%;
height: 42vw;
margin-bottom: 20px;
}
.category__card {
width: 100%;
}
.category__tab-link {
flex: none;
margin-left: 0;
margin-right: 32px;
}
.skills__list {
margin-right: 0;
}
.category__col {
width: 50%;
position: static;
top: auto;
}
.reviews__card {
border-radius: 20px;
padding: 16px;
transform: none;
}
.skills__video-wrap {
max-width: none;
height: 48vw;
}
.footer__nav-list {
max-width: 310px;
margin-bottom: -14px;
}
.footer__follow {
font-size: 14px;
}
.mitarbeiter-content {
height: 120vh;
}
.carousel-slider-2._3 {
right: -18%;
}
.carousel-slider-2._8 {
right: -63%;
}
.carousel-slider-2._4 {
right: -27%;
}
.carousel-slider-2._2 {
right: -9%;
}
.carousel-slider-2._7 {
right: -54%;
}
.carousel-slider-2._5 {
right: -36%;
}
.carousel-slider-2._6 {
right: -45%;
}
.carousel-slider-3._3 {
right: -18%;
}
.carousel-slider-3._8 {
right: -63%;
}
.carousel-slider-3._4 {
right: -27%;
}
.carousel-slider-3._2 {
right: -9%;
}
.carousel-slider-3._7 {
right: -54%;
}
.carousel-slider-3._5 {
right: -36%;
}
.carousel-slider-3._6 {
right: -45%;
}
.carousel-slider-4._3 {
right: -18%;
}
.carousel-slider-4._8 {
right: -63%;
}
.carousel-slider-4._4 {
right: -27%;
}
.carousel-slider-4._2 {
right: -9%;
}
.carousel-slider-4._7 {
right: -54%;
}
.carousel-slider-4._5 {
right: -36%;
}
.carousel-slider-4._6 {
right: -45%;
}
.carousel-slider-5._3 {
right: -18%;
}
.carousel-slider-5._8 {
right: -63%;
}
.carousel-slider-5._4 {
right: -27%;
}
.carousel-slider-5._2 {
right: -9%;
}
.carousel-slider-5._7 {
right: -54%;
}
.carousel-slider-5._5 {
right: -36%;
}
.carousel-slider-5._6 {
right: -45%;
}
.hero-content-karriere {
height: 330vh;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu-2 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-11 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-3 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-3.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-12 {
margin-top: 10px;
}
.hero-stack-3, .hero-stack-4, .hero-subscribe-left {
padding: 60px 15px;
}
.footer-light {
padding-left: 15px;
padding-right: 15px;
}
.footer-bottom {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-copyright {
font-size: 14px;
line-height: 20px;
}
.footer-social-block-two {
margin-top: 20px;
}
.footer-social-link {
margin-left: 20px;
}
.team-circles-2 {
padding: 60px 15px;
}
.team-grid-2 {
grid-template-columns: 1fr 1fr;
}
.navbar-brand-2 {
padding-left: 0;
}
.nav-menu-3 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-12 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-4 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-4.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-4.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-13 {
margin-top: 10px;
}
.hero-stack-5, .testimonial-slider-large-2 {
padding: 60px 15px;
}
.testimonial-slide-2 {
flex-direction: column;
padding: 23px;
}
.testimonial-content-2 {
max-width: none;
margin-bottom: 40px;
margin-right: 0;
}
.testimonial-quote-icon-2 {
width: 50px;
margin-bottom: 16px;
}
.testimonial-image-two-2 {
width: 100%;
height: auto;
}
.team-circles-3 {
padding: 60px 15px;
}
.team-grid-3 {
grid-template-columns: 1fr 1fr;
}
.hero-subscribe-left-2 {
padding: 60px 15px;
}
.footer-dark {
padding-left: 15px;
padding-right: 15px;
}
.footer-wrapper {
flex-direction: column;
align-items: center;
}
.footer-content {
grid-template-columns: 1fr;
margin-top: 40px;
}
.footer-block {
align-items: center;
}
.footer-link:hover {
color: #1a1b1fbf;
}
.footer-social-block {
margin-top: 20px;
margin-left: -20px;
}
.footer-social-link-2 {
margin-left: 20px;
}
.footer-divider {
margin-top: 60px;
}
.wbs-blog-card-author-wrap {
margin-top: 10px;
}
.wbs-blog-card-image {
width: 100%;
}
.wbs-section {
padding: 2rem 2%;
}
.wbs-accordion-icon {
margin-left: 20px;
}
.wbs-section-copy {
padding: 2rem 2%;
}
.wbs-team-round-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.wbs-section-2 {
padding: 2rem 2%;
}
.wbs-step-3-item-top, .wbs-step-3-item {
width: 300px;
}
.wbs-step-3 {
grid-template-columns: 1fr;
}
.wbs-section-3 {
padding: 2rem 2%;
}
.fh-hero-image-wrapper-second {
display: none;
}
.fn-button {
width: 100%;
}
.fn-paragraph {
margin-bottom: 24px;
}
.fn-heading-1 {
margin-bottom: 12px;
font-size: 38px;
}
.fn-container-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-button-dark {
width: 100%;
}
.fn-navbar-link-box {
padding-top: 18px;
padding-bottom: 18px;
}
.fn-navbar-menu-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 18px;
}
.fn-brand-box {
margin-right: 0;
padding-left: 0;
}
.fn-logos-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-around;
}
.fn-section-2 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.form-label-no-margin {
font-size: 20px;
}
.fn-heading-4 {
font-size: 24px;
}
.fn-heading-2 {
font-size: 34px;
}
.fn-hero-box-small {
margin-bottom: 12px;
font-size: 18px;
}
.fn-heading-jambo {
margin-bottom: 12px;
font-size: 54px;
}
.fn-section-off-black {
padding-top: 32px;
padding-bottom: 32px;
}
.fn-button-2 {
width: 100%;
}
.fh-features-image-wrapper {
height: 350px;
}
.fn-featured-tabs-content-wrapper {
width: 100%;
}
.fn-featured-tabs-content {
width: 100%;
margin-top: 12px;
position: static;
}
.fn-heading-5 {
font-size: 34px;
}
.fn-section-3 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-footer-line {
margin-top: 12px;
}
.fn-footer-second {
text-align: center;
padding-bottom: 40px;
}
.wbs-client-grid-border {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wbs-section-4 {
padding: 2rem 2%;
}
.fh-hero-image-wrapper-first {
height: 220px;
}
.fn-button-3 {
width: 100%;
}
.fn-section-4 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-get-a-demo-shape-second, .fn-get-a-demo-shape {
display: none;
}
.fn-get-a-demo-link {
width: auto;
height: auto;
}
.fn-heading-jambo-2 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-label-jambo {
margin-bottom: 0;
}
.fn-section-off-black-2 {
padding-top: 32px;
padding-bottom: 32px;
}
.fn-section-5 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-container-grid-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-6 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-heading-3 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-slider-column {
padding: 15px;
}
.fn-slider-image {
height: 280px;
}
.fn-slide-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.fn-heading-6 {
font-size: 34px;
}
.fn-container-grid-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-7 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-button-dark-2 {
width: 100%;
}
.fn-heading-7 {
font-size: 34px;
}
.fn-cta-banner {
padding: 12px;
}
.fn-section-8 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-paragraph-2 {
margin-bottom: 24px;
}
.fn-paragraph-2.hide-on-mobile {
display: none;
}
.fn-heading-8 {
font-size: 18px;
}
.fn-blog-info-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.fn-features-card-image {
height: 170px;
}
.fn-features-card-with-image.slider-cards {
width: 260px;
}
.fn-heading-9 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-heading-10 {
font-size: 34px;
}
.fn-container-grid-4 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-heading-11 {
font-size: 18px;
}
.fn-features-card {
padding: 12px;
}
.fn-heading-12 {
font-size: 34px;
}
.fn-heading-13 {
font-size: 18px;
}
.fn-heading-14 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-heading-15 {
font-size: 34px;
}
.fn-heading-16 {
font-size: 18px;
}
.fn-features-card-image-2 {
height: 170px;
}
.fn-heading-17 {
font-size: 34px;
}
.fn-section-9 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-testimonial-wrapper {
grid-template-columns: 1fr;
}
.fn-heading-18 {
font-size: 34px;
}
.fn-section-10 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-rich-text figure {
margin-bottom: 36px;
}
.fn-rich-text h1 {
font-size: 48px;
}
.fn-rich-text h3 {
font-size: 32px;
}
.fn-section-11 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-features-card-image-copy {
height: 170px;
}
.fn-form-advance {
grid-template-columns: 1fr;
}
.fn-paragraph-3 {
margin-bottom: 24px;
}
.fn-heading-19 {
font-size: 34px;
}
.fn-label-small {
margin-bottom: 12px;
}
.fn-container-grid-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-12 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fh-hero-image-wrapper-second-2 {
display: none;
}
.fn-button-4 {
width: 100%;
}
.fn-paragraph-4 {
margin-bottom: 24px;
}
.fn-heading-20 {
margin-bottom: 12px;
font-size: 38px;
}
.fn-container-grid-6 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-13 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-heading-21 {
font-size: 18px;
}
.fn-features-card-2 {
padding: 12px;
}
.fn-heading-22 {
font-size: 34px;
}
.fn-section-14 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.form-label-no-margin-2 {
font-size: 20px;
}
.fn-heading-23 {
font-size: 24px;
}
.fn-heading-24 {
font-size: 34px;
}
.fn-section-15 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-heading-25 {
font-size: 18px;
}
.fn-heading-26 {
font-size: 34px;
}
.fn-section-16 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.form-label-no-margin-3 {
font-size: 20px;
}
.fn-heading-5-no-margin {
font-size: 18px;
}
.fn-heading-27 {
font-size: 34px;
}
.fn-container-grid-7 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-17 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-button-5 {
width: 100%;
}
.fn-hero-box {
margin-top: 12px;
font-size: 24px;
}
.fn-heading-jambo-3 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-section-off-black-3 {
padding-top: 32px;
padding-bottom: 32px;
}
.fn-heading-28 {
font-size: 18px;
}
.fn-features-card-3 {
padding: 12px;
}
.fn-paragraph-5 {
margin-bottom: 24px;
}
.fn-paragraph-5.hide-on-mobile {
display: none;
}
.fn-blog-info-wrapper-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.fn-features-card-image-3 {
height: 170px;
}
.fn-heading-29 {
font-size: 18px;
}
.fn-heading-30 {
font-size: 34px;
}
.fn-navbar-about-us-link-wrap {
margin-bottom: 0;
}
.fn-navbar-link-second {
padding-top: 40px;
padding-bottom: 40px;
}
.fn-navbar-link-second-2 {
padding-top: 18px;
padding-bottom: 18px;
}
.fn-heading-31 {
font-size: 24px;
}
.fn-navbar-menu-wrapper-second {
padding: 0 0 18px;
}
.fn-brand-box-2 {
margin-right: 0;
padding-left: 0;
}
.wbs-section-5 {
padding: 2rem 2%;
}
.wbs-step-3-item-top-2, .wbs-step-3-item-2 {
width: 300px;
}
.wbs-step-4, .wbs-feature-split {
grid-template-columns: 1fr;
}
.wbs-section-6 {
padding: 2rem 2%;
}
.fn-paragraph-4-copy {
margin-bottom: 24px;
}
.fn-button-6 {
width: 100%;
}
.fn-hero-box-2 {
margin-top: 12px;
font-size: 24px;
}
.fn-heading-jambo-4 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-container-grid-8 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-off-black-4 {
padding-top: 32px;
padding-bottom: 32px;
}
.fn-paragraph-6 {
margin-bottom: 24px;
}
.fn-heading-32 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-slider-column-2 {
padding: 15px;
}
.fn-slider-image-2 {
height: 280px;
}
.fn-slide-item-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.fn-heading-33 {
font-size: 34px;
}
.fn-container-grid-9 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-18 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.wbs-hero-7-image {
margin-top: -210px;
}
.wbs-hero-7-title {
font-size: 2.4rem;
line-height: 1.1em;
}
.wbs-hero-inner-7-content {
width: 90%;
}
.wbs-hero-7-content {
padding-top: 50px;
padding-bottom: 220px;
}
.wbs-section-7 {
padding: 2rem 2%;
}
.fn-404-image-third {
width: 80px;
height: 80px;
}
.fn-404-image-second {
width: 150px;
height: 150px;
top: -82%;
left: 9%;
}
.fn-404-image-first {
width: 150px;
height: 150px;
top: -101%;
right: 6%;
}
.fn-paragraph-7 {
margin-bottom: 24px;
}
.fn-heading-jambo-5 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-container-grid-10 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-404 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.help-block {
top: 0;
right: 0;
}
.form-wrapper {
width: 100%;
}
.checkbox-base {
min-height: 80px;
}
.previous-placeholder {
z-index: 6;
position: fixed;
}
.form-item-wrapper {
flex-wrap: wrap;
justify-content: space-between;
}
.button-wrapper {
display: none;
}
.next-placeholder {
z-index: 6;
position: fixed;
}
.form-content {
width: 100%;
min-width: auto;
}
.form-next {
min-height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.hero-block {
flex-direction: column-reverse;
align-items: flex-start;
margin-bottom: 60px;
}
.note-heading {
margin-bottom: 20px;
font-size: 30px;
}
.hero-content-2 {
width: 100%;
}
.hero-img-wrap {
width: 80%;
max-width: 400px;
margin-bottom: 40px;
}
.form-heading {
font-size: 24px;
}
.subtitle {
font-size: 20px;
}
.button-25 {
min-height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.bg-blob {
display: none;
}
.form-slide {
flex: none;
width: 100%;
}
.form-back {
min-height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.form-step {
height: 100%;
}
.note {
padding: 40px;
font-size: 20px;
}
.radio-buttons {
flex-direction: column;
}
.radio-buttons.genders {
flex-direction: row;
}
.bg-blob-top {
width: 70%;
}
.section-5 {
padding: 40px 20px;
}
.section-5.grey {
background-position: 100% 100%;
background-size: 1000px;
padding-top: 60px;
}
.form-block-4 {
padding: 40px 40px 50px;
}
.padding-vertical {
padding-top: 5.8em;
padding-bottom: 0;
}
.cms_version {
left: 0;
right: 0;
}
.top-text_wrapper {
margin-bottom: 2em;
}
.page-padding {
padding-left: 1.25em;
padding-right: 1.25em;
}
.checkbox-form_component {
width: 100%;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: row;
display: grid;
}
.hide-mobile-ins {
display: none;
}
.text-style-allcaps.slide-up.tricks {
overflow: visible;
}
.cms_button {
margin-left: auto;
margin-right: auto;
}
.form-5 {
width: 100%;
}
.fn-paragraph-copy {
margin-bottom: 24px;
}
.fn-pricing-cost {
font-size: 32px;
}
.fn-classic-pricing-card {
padding: 24px;
}
.fn-button-7 {
width: 100%;
}
.fn-feature-pricing-card {
padding: 24px;
}
.fn-paragraph-8 {
margin-bottom: 24px;
}
.fn-heading-35 {
font-size: 34px;
}
.fn-container-grid-11 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-405 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-heading-36 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-heading-37 {
font-size: 24px;
}
.fn-heading-38 {
font-size: 34px;
}
.fn-section-406 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fh-hero-image-wrapper-first-2 {
height: 220px;
}
.fn-button-8 {
width: 100%;
}
.fn-paragraph-9 {
margin-bottom: 24px;
}
.fn-heading-39 {
margin-bottom: 12px;
font-size: 38px;
}
.fn-container-grid-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-407 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-cta-banner-dark-image {
display: none;
}
.fn-button-9 {
width: 100%;
}
.fn-paragraph-10 {
margin-bottom: 24px;
}
.fn-heading-40 {
font-size: 34px;
}
.fn-banner-dark-column {
padding: 12px;
}
.fn-section-408 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.wbs-blog-card-author-wrap-2 {
margin-top: 10px;
}
.wbs-blog-card-image-2 {
width: 100%;
}
.wbs-section-8 {
padding: 2rem 2%;
}
.fn-button-10 {
width: 100%;
}
.fn-hero-box-3 {
margin-top: 12px;
font-size: 24px;
}
.fn-heading-jambo-6 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-container-grid-13 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-off-black-5 {
padding-top: 32px;
padding-bottom: 32px;
}
.wbs-feature-items {
grid-template-columns: 1fr 1fr;
}
.fn-paragraph-copy-copy {
margin-bottom: 24px;
}
.fn-cta-banner-dark-image-2 {
display: none;
}
.fn-button-11 {
width: 100%;
}
.fn-paragraph-11 {
margin-bottom: 24px;
}
.fn-heading-41 {
font-size: 34px;
}
.fn-banner-dark-column-2 {
padding: 12px;
}
.fn-section-409 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.tab {
margin: 10px 0;
}
.paragraph-84 {
font-size: 1.2rem;
}
.tab-menu {
flex-direction: column;
}
.fn-heading-42 {
font-size: 24px;
}
.form-label-no-margin-4 {
font-size: 20px;
}
.fn-paragraph-12 {
margin-bottom: 24px;
}
.fn-heading-43 {
font-size: 34px;
}
.fn-container-grid-14 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-410 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.udesly-paragraph-small {
font-size: 12px;
}
.udesly-stats-wrapper {
flex-direction: column;
}
.fn-logos-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-around;
}
.fn-container-grid-15 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-411 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-paragraph-13 {
margin-bottom: 24px;
}
.fn-paragraph-13.hide-on-mobile {
display: none;
}
.fn-heading-44 {
font-size: 18px;
}
.fn-blog-info-wrapper-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.fn-features-card-image-4 {
height: 170px;
}
.fn-features-card-with-image-3.slider-cards {
width: 260px;
}
.fn-heading-45 {
margin-bottom: 12px;
font-size: 28px;
}
.fn-heading-46 {
font-size: 34px;
}
.fn-container-grid-16 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-412 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fn-get-a-demo-shape-second-2, .fn-get-a-demo-shape-2 {
display: none;
}
.fn-get-a-demo-link-2 {
width: auto;
height: auto;
}
.fn-heading-jambo-7 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-label-jambo-2 {
margin-bottom: 0;
}
.fn-section-off-black-6 {
padding-top: 32px;
padding-bottom: 32px;
}
.fh-hero-image-wrapper-first-3 {
height: 220px;
}
.fn-button-12 {
width: 35%;
}
.fn-heading-47 {
margin-bottom: 12px;
font-size: 38px;
}
.fn-section-413 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.fh-features-image-wrapper-2 {
height: 350px;
}
.fn-featured-tabs-content-2 {
width: 100%;
margin-top: 12px;
position: static;
}
.fn-heading-48 {
font-size: 34px;
}
.fn-section-414 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.wbs-feature-items-2 {
grid-template-columns: 1fr 1fr;
}
.wbs-section-9 {
padding: 2rem 2%;
}
.fn-404-image-third-2 {
width: 80px;
height: 80px;
}
.fn-404-image-second-2 {
width: 150px;
height: 150px;
top: -82%;
left: 9%;
}
.fn-404-image-first-2 {
width: 150px;
height: 150px;
top: -101%;
right: 6%;
}
.fn-paragraph-14 {
margin-bottom: 24px;
}
.fn-heading-jambo-8 {
margin-bottom: 12px;
font-size: 54px;
}
.fn-container-grid-17 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-415 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.wbs-testimonial-7-wrap {
grid-template-columns: 1fr;
}
.wbs-section-10 {
padding: 2rem 2%;
}
.gallery-slider {
padding: 60px 15px;
}
.gallery-slide {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text {
line-height: 30px;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.wbs-client-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wbs-dropdown-grid-3-col {
grid-template-columns: 1fr;
}
.wbs-section-11 {
padding: 2rem 2%;
}
.testimonial-slider-large-3 {
padding: 60px 15px;
}
.testimonial-slide-3 {
flex-direction: column;
padding: 23px;
}
.testimonial-content-3 {
max-width: none;
margin-bottom: 40px;
margin-right: 0;
}
.testimonial-quote-icon-3 {
width: 50px;
margin-bottom: 16px;
}
.testimonial-image-two-3 {
width: 100%;
height: auto;
}
.udesly-slide {
margin-right: 0;
}
.testimonial-slider-small {
padding: 60px 15px;
}
.testimonial-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.testimonial-card {
margin-left: 10px;
margin-right: 10px;
}
.testimonial-slider-left {
left: -10px;
}
.testimonial-slider-right {
right: -10px;
}
.wbs-blog-list-info {
margin-top: 1em;
margin-bottom: 1em;
padding-top: 0;
padding-bottom: 0;
}
.wbs-blog-list {
margin-top: 1em;
margin-bottom: 1em;
}
.wbs-section-12 {
padding: 2rem 2%;
display: block;
}
.btn-primary {
padding: 20px 32px;
}
.btn-primary.small {
padding-top: 16px;
padding-bottom: 16px;
}
.btn-primary.small.header-btn-hidde-on-mb {
display: none;
}
.header-logo {
max-width: 220px;
}
.flex-horizontal.end.center-mb, .flex-horizontal.start.center-mb {
justify-content: center;
}
.grid-2-columns {
grid-template-columns: 1fr;
}
.grid-2-columns.header-top {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.fn-button-13 {
width: 100%;
}
.fh-features-image-wrapper-3 {
height: 350px;
}
.fn-featured-tabs-content-3 {
width: 100%;
margin-top: 12px;
position: static;
}
.fn-featured-tabs-menu-3 {
margin-top: 2em;
}
.fn-paragraph-15 {
margin-bottom: 24px;
}
.fn-heading-49 {
font-size: 34px;
}
.fn-container-grid-18 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fn-section-416 {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.udesly-paragraph-small-2 {
font-size: 12px;
}
.udesly-display-large {
font-size: 56px;
line-height: 64px;
}
.udesly-section.udesly-2-columns {
padding-top: 60px;
}
.brix---floating-image-hero-v1---1 {
max-width: 500px;
}
.brix---floating-image-hero-v1---2 {
max-width: 480px;
}
.brix---btn-download-app-white, .brix---btn-download-app {
padding: 20px 22px;
}
.brix---button-row-left {
margin-right: 16px;
}
.brix---mg-bottom-40px {
margin-bottom: 24px;
}
.brix---heading-h1-size {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---grid-hero-v16 {
grid-template-columns: 1fr;
}
.brix---section-hero-small {
padding-top: 100px;
padding-bottom: 100px;
}
.hero-karriere-final {
padding-top: 32px;
padding-bottom: 32px;
overflow: visible;
}
.karriere-jobangebote {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.brix---btn-circle-primary-small {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
}
.brix---text-200-bold {
font-size: 16px;
line-height: 18px;
}
.brix---heading-h4-size {
font-size: 20px;
line-height: 26px;
}
.brix---badge-secondary-small {
padding-top: 12px;
padding-bottom: 12px;
}
.brix---grid-3-columns-gap-row-48px {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.brix---badge-secondary-category-badges {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
padding-top: 16px;
padding-bottom: 16px;
}
.brix---categories-badges-item-wrapper, .brix---categories-badges-wrapper {
flex-wrap: wrap;
}
.brix---heading-h2-size {
font-size: 28px;
line-height: 40px;
}
.brix---grid-title-and-categories {
grid-template-columns: 1fr;
}
.brix---section-small {
padding-top: 72px;
padding-bottom: 72px;
}
.brix---text-200 {
font-size: 16px;
line-height: 18px;
}
.brix---avatar-circle-03 {
width: 56px;
max-width: 56px;
height: 56px;
max-height: 56px;
}
.brix---badge-primary-small {
padding-top: 12px;
padding-bottom: 12px;
}
.brix---mg-bottom-16px {
margin-bottom: 8px;
}
.brix---card-blog-featured-v4 {
margin-bottom: -58px;
margin-left: 18px;
margin-right: 18px;
}
.brix---heading-h1-size-2 {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---subtitle {
font-size: 17px;
line-height: 19px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---section {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---hidden-on-mbl {
display: none;
}
.brix---header-logo {
max-width: 90%;
}
.hero-heading-center {
padding: 60px 15px;
}
.fn-get-a-demo-link-2-copy {
width: auto;
height: auto;
}
.team-circles-4 {
padding: 60px 15px;
}
.team-grid-4 {
grid-template-columns: 1fr 1fr;
}
.gallery-scroll {
padding: 60px 15px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---text-201 {
font-size: 16px;
line-height: 18px;
}
.brix---heading-h1-size-3 {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---heading-h2-size-2 {
font-size: 28px;
line-height: 40px;
}
.brix---subtitle-2 {
font-size: 17px;
line-height: 19px;
}
.brix---categories-badges-item-wrapper-2, .brix---categories-badges-wrapper-2 {
flex-wrap: wrap;
}
.brix---section-small-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.brix---text-200-bold-2 {
font-size: 16px;
line-height: 18px;
}
.brix---grid-3-columns-gap-row-72px {
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.brix---avatar-circle-4 {
width: 56px;
max-width: 56px;
height: 56px;
max-height: 56px;
}
.brix---section-pd-bottom-56px {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---blog-card-featured {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.brix---badge-primary-small-light {
padding-top: 12px;
padding-bottom: 12px;
}
.brix---grid-title-and-categories-2 {
grid-template-columns: 1fr;
}
.brix---badge-secondary-category-badges-2 {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 12px;
padding-top: 16px;
padding-bottom: 16px;
}
.gallery-slider-2 {
padding: 60px 15px;
}
.gallery-slide-2 {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text-2 {
line-height: 30px;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.fn-heading-50 {
font-size: 24px;
}
.fn-heading-51 {
font-size: 18px;
}
.fn-paragraph-16 {
margin-bottom: 24px;
}
.fn-button-14 {
width: 100%;
}
.fn-brand-box-3 {
margin-right: 0;
padding-left: 0;
}
.fn-navbar-link-second-3 {
padding-top: 18px;
padding-bottom: 18px;
}
.fn-navbar-menu-wrapper-second-2 {
padding: 0 0 18px;
}
.fn-navbar-link-second-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.fn-navbar-about-us-link-wrap-2 {
margin-bottom: 0;
}
.udesly-paragraph-small-3 {
font-size: 12px;
}
.udesly-image-wrapper {
max-height: 360px;
}
.wbs-heading-h1 {
font-size: 2.4rem;
line-height: 1.1em;
}
.wbs-section-13 {
padding: 2rem 2%;
}
.wbs-hero-2-image {
height: auto;
margin-top: 1.875rem;
}
.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
border-radius: 20px;
max-width: none;
left: 24px;
right: 24px;
}
.popup-1---brix {
max-width: none;
padding: 32px;
}
.popup-1-form---brix {
flex-direction: column;
}
.input---brix.large---brix {
min-height: 64px;
margin-bottom: 16px;
padding: 16px 32px;
}
.subscribe-button---brix {
background-position: 67% 52%;
width: 100%;
min-height: 66px;
line-height: 18px;
position: static;
}
.popup-wrapper---brix {
padding-left: 24px;
padding-right: 24px;
}
.popup-1-illustration---brix {
max-width: 28%;
height: auto;
margin-bottom: 16px;
}
.mobil-liste {
display: block;
}
.heading-77 {
color: #fff;
}
.fn-button-dark-copy {
width: 100%;
}
.fn-paragraph-13-copy {
margin-bottom: 24px;
}
.fn-paragraph-13-copy.hide-on-mobile {
display: none;
}
.fn-heading-44-copy {
font-size: 18px;
}
.udesly-lottie-animation {
width: 20px;
height: 20px;
}
.udesly-menu-button {
width: 36px;
height: 36px;
}
.brix---header-logo-2 {
max-width: 90%;
}
.brix---btn-primary-small {
padding: 20px 32px;
}
.brix---btn-header-hidden-on-mbl {
display: none;
}
.brix---header-nav-list-item-show-in-mbl {
display: block;
}
.hero-stack-6, .hero-stack-7 {
padding: 60px 15px;
}
.brix---mg-bottom-40px-2 {
margin-bottom: 24px;
}
.brix---heading-h1-size-4 {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---button-row-left-2 {
margin-right: 16px;
}
.brix---btn-primary-white {
padding: 20px 32px;
}
.brix---btn-secondary-white {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---hero-card-bg-image {
padding-top: 116px;
padding-bottom: 116px;
}
.brix---section-extra-small {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---hero-bg-image-dark {
padding-top: 120px;
padding-bottom: 120px;
}
.brix---grid-hero-play-button {
grid-template-columns: 1fr;
}
.brix---play-button-large-wrapper {
width: 110px;
}
.brix---mg-top-64px {
margin-top: 40px;
}
.brix---heading-h2-size-3 {
font-size: 28px;
line-height: 40px;
}
.brix---button-row-left-3 {
margin-right: 16px;
}
.brix---text-200-list-bold {
font-size: 16px;
}
.brix---grid-3-icon-list {
grid-row-gap: 18px;
grid-template-columns: auto;
}
.brix---btn-primary-white-2 {
padding: 20px 32px;
}
.brix---btn-secondary-white-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---cta-v7-section {
padding-top: 96px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 8px;
}
.brix---mg-bottom-40px-3 {
margin-bottom: 24px;
}
.brix---cta-section {
padding-top: 96px;
padding-bottom: 96px;
}
.brix---grid-cta-v4 {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.right-floating-cookie {
max-width: 90vw;
bottom: 10px;
right: 10px;
}
.cookie-content {
align-items: flex-start;
margin-bottom: 20px;
}
.right-cookie-image {
width: 120px;
height: 120px;
}
.brix---mg-bottom-40px-4 {
margin-bottom: 24px;
}
.brix---btn-primary {
padding: 20px 32px;
}
.brix---btn-secondary {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---heading-h1-size-5 {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---button-row-left-4 {
margin-right: 16px;
}
.brix---floating-image-hero-v1---3 {
max-width: 500px;
}
.brix---floating-image-hero-v1---4 {
max-width: 480px;
}
.brix---card-over-image {
padding: 45px 32px;
}
.brix---section-hero-short {
padding-top: 60px;
padding-bottom: 60px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 32px;
}
.brix---grid-3-columns {
grid-template-columns: 1fr;
}
.brix---square-icon {
border-radius: 12px;
max-width: 56px;
}
.brix---section-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---heading-h2-size-4 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 8px;
}
.brix---display-2 {
font-size: 48px;
line-height: 56px;
}
.brix---mg-bottom-40px-5 {
margin-bottom: 24px;
}
.brix---btn-primary-2 {
padding: 20px 32px;
}
.brix---input {
min-height: 60px;
padding-top: 16px;
padding-bottom: 16px;
}
.brix---text-area {
border-radius: 18px;
}
.brix---heading-h1-size-6 {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---subtitle-3 {
font-size: 17px;
line-height: 19px;
}
.brix---text-200-bold-3 {
font-size: 16px;
line-height: 18px;
}
.brix---big-icon-left {
border-radius: 12px;
max-width: 56px;
}
.brix---section-position-relative {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---form-grid-2-columns {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr;
}
.brix---card-pd-64px---56px {
padding: 58px 32px;
}
.brix---text-200-medium {
font-size: 16px;
line-height: 18px;
}
.brix---grid-contact-v6 {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 479px) {
.hero-section {
height: 50vh;
}
.image {
width: 65%;
}
.heromain {
background-color: #ffffff4d;
height: 100%;
margin-top: -8vh;
}
.herotext {
padding-top: 4vh;
}
.heading-2 {
width: 90%;
font-size: 1.2rem;
line-height: 100%;
}
.paragraph {
font-size: 1rem;
}
.button {
text-align: center;
width: 55%;
margin-top: 7vh;
margin-left: 20vw;
}
.main {
height: 170vh;
}
.leistungen {
height: 152vh;
}
.direkt-u-sonder, .komplett-u-teil, .bermass-u-schwer, .luft {
height: 25%;
}
.image-2 {
width: 32%;
}
.heading-3 {
font-size: 1rem;
font-weight: 700;
line-height: 140%;
}
.text-block-2 {
font-size: .7rem;
}
.leistungen-button {
margin-top: -4vh;
}
.button-2 {
margin-top: 12vh;
}
.frachtanfrage {
height: 120vh;
margin-top: 4vh;
}
.heading-4 {
margin-top: 16vh;
font-size: 1.2rem;
}
.paragraph-2 {
font-size: .9rem;
line-height: 100%;
}
.first {
height: 20vh;
margin-top: 5vh;
}
.second, .third {
height: 20vh;
margin-top: 10vh;
}
.heading-5 {
font-size: 1.2rem;
}
.paragraph-3 {
font-size: .9rem;
}
._4erblock {
height: 100vh;
}
.anpassungsf-hig {
height: 70vh;
}
.anpassungtext {
text-align: center;
height: 35vh;
}
.anpassungbild {
height: 35vh;
}
.messetransporte {
height: 29vh;
}
.messebild {
height: 35vh;
display: none;
}
.messetext {
text-align: center;
height: 35vh;
}
.paragraph-4 {
font-size: .9rem;
}
.button-3 {
width: 42%;
margin-left: 0;
font-size: .7rem;
line-height: 100%;
}
.heading-6-copy {
padding-top: 7vh;
font-size: 1.2rem;
}
.mitarbeiter-innen {
height: 90vh;
}
.mitarbeiter-teil1 {
height: 8vh;
}
.mitarbeiter-teil2 {
height: 50vh;
}
.heading-mitarbeiter {
height: 10vh;
}
.buttons-mitarbeiter {
margin-top: 55vh;
}
.heading-7 {
font-size: 1.2rem;
}
.image-4 {
width: 90%;
height: 54%;
display: none;
}
.paragraph-5 {
font-size: .9rem;
}
.button-4 {
margin-top: -9vh;
}
.footer {
text-align: center;
height: 66vh;
display: block;
}
.div-block {
width: 75%;
height: 20vh;
margin-left: auto;
margin-right: auto;
}
.heading-9 {
margin-top: 5vh;
margin-left: auto;
margin-right: auto;
padding-top: 5vh;
font-size: .9rem;
}
.button-6 {
margin-left: auto;
margin-right: auto;
font-size: .7rem;
}
.paragraph-8 {
margin-left: auto;
margin-right: auto;
font-size: .8rem;
}
.image-5 {
width: 58%;
margin-top: 9vh;
margin-left: auto;
margin-right: auto;
}
.heading-10 {
padding-top: 15vh;
font-size: 1.6rem;
}
.paragraph-9 {
margin-top: 5vh;
font-size: .9rem;
}
.button-7 {
width: 42vw;
margin-top: 5vh;
font-size: .7rem;
}
.button-8 {
width: 42vw;
margin-top: 6vw;
margin-left: 20vw;
font-size: .7rem;
}
.text-block-3 {
font-size: .7rem;
}
.div-block-2 {
width: 100%;
}
.heading-11, .paragraph-10 {
font-size: 1rem;
}
.heromain-karriere-content {
text-align: center;
}
.heading-12 {
font-size: 1.7rem;
}
.paragraph-11 {
font-size: .9rem;
}
.button-9 {
width: 40vw;
font-size: .7rem;
}
.button-9-copy {
width: 40vw;
margin-top: 1vh;
margin-left: 0;
font-size: .7rem;
}
.content-karriere {
height: 260vh;
}
.raster-karriere {
height: 76%;
display: block;
}
.vertrieb, .dispo, .buchhaltung {
width: 100%;
height: 28%;
}
.azubi {
width: 100%;
height: 29%;
}
.heading-14 {
font-size: 2rem;
}
.paragraph-13 {
font-size: .6rem;
}
.auszeichnung {
height: 37%;
margin-top: 20vh;
display: block;
}
.wappen {
width: 100%;
height: 19%;
}
.text-auszeichnung {
width: 100%;
height: 48%;
}
.heading-14-copy {
text-align: center;
margin-top: 38vh;
margin-bottom: 2vh;
font-size: 1.6rem;
line-height: 100%;
}
.paragraph-19 {
text-align: center;
margin-bottom: 10vh;
font-size: 1rem;
}
.gr-nde-karriere {
height: 300vh;
display: none;
}
.div-block-8 {
text-align: center;
width: 80%;
height: 10%;
display: block;
}
.div-block-9 {
text-align: center;
width: 100%;
display: block;
}
.heading-15 {
text-align: center;
margin-top: 0;
padding-top: 0;
}
.paragraph-20 {
text-align: center;
margin-top: 5vh;
}
.heading-15-copy {
text-align: center;
margin-top: -24vh;
}
.paragraph-20-copy {
text-align: center;
}
.image-9 {
display: none;
}
.hero-unternehmen {
height: 71vh;
}
.heromain-unternehmen {
height: 76vh;
}
.heromain-unternehmen-content {
text-align: center;
}
.heading-16 {
text-align: center;
padding-top: 34vh;
font-size: 1.5rem;
}
.paragraph-21 {
font-size: .9rem;
}
.div-block-11 {
text-align: center;
width: 100%;
}
.bild-unternehmen {
display: none;
}
.heading-17 {
margin-top: 6vh;
font-size: 1.5rem;
}
.button-10 {
margin-left: 0;
}
.div-block-12 {
height: 132vh;
}
._4-punkte {
height: 200vh;
display: block;
}
.div-block-13 {
width: 100%;
height: 34vh;
}
.image-10 {
width: 30%;
}
.heading-18 {
font-size: 1rem;
}
.paragraph-23 {
font-size: .8rem;
}
.standorte-unternehmen {
height: 169vh;
}
.heading-19 {
margin-top: 102vh;
font-size: 1.2rem;
}
.paragraph-24 {
font-size: .9rem;
}
.div-block-14 {
display: block;
}
.div-block-15 {
width: 100%;
}
.heading-20 {
font-size: 1rem;
}
.paragraph-25 {
font-size: .8rem;
}
.button-11 {
font-size: .6rem;
}
.unserewerte {
height: 145vh;
}
.div-block-16 {
width: 98%;
height: 100%;
}
.div-block-16-copy {
display: none;
}
.image-12 {
width: 57%;
}
.heading-22 {
margin-top: 0;
}
.icon-2 {
color: #fff;
}
.image-13 {
width: 100%;
margin-top: 11vh;
}
.div-block-9-copy {
text-align: center;
width: 100%;
margin-top: 40vh;
display: block;
}
.heading-23 {
font-size: 1.2rem;
}
.paragraph-29 {
font-size: .9rem;
}
.div-block-18 {
text-align: center;
}
.button-13 {
text-align: center;
font-size: .8rem;
display: none;
}
.div-block-19 {
height: 100vh;
display: none;
}
.div-block-21 {
text-align: center;
display: block;
}
.div-block-22 {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.image-14 {
width: 25%;
margin-top: 4vh;
}
.heading-24 {
margin-top: 1vh;
font-size: 1rem;
}
.div-block-19-copy {
height: 40vh;
}
.paragraph-30 {
font-size: .9rem;
}
.direktusonder {
height: 75vh;
}
.div-block-25 {
display: none;
}
.div-block-25-copy {
width: 96%;
height: 103%;
}
.heading-25 {
font-size: 1rem;
}
.paragraph-32 {
font-size: .8rem;
}
.luftfracht, .messe {
height: 75vh;
}
.bild4, .bild3, .bild-2 {
display: none;
}
.footer-copy {
text-align: center;
text-align: center;
height: 66vh;
margin-top: 5vh;
display: block;
}
.bild-unternehmen-copy {
display: none;
}
.contact-form {
width: 100%;
}
.contact-form-wrapper {
border-radius: 0;
width: 100%;
}
.text-field-cf4.big, .submit-button-cf4 {
min-width: 0;
}
.form-column-cf4.right, .contact-form-2 {
width: 100%;
}
.contact-form-wrapper-2 {
border-radius: 0;
width: 100%;
}
.header-section {
height: 58vh;
}
.hero-homepage {
height: 50vh;
}
.button-kontakt, .button-bewerbung {
font-size: 2vw;
}
.logo-block {
text-align: center;
}
.image-16 {
width: 37%;
font-size: 100%;
}
.heading-27 {
width: 90%;
font-size: 3vw;
}
.heading-28 {
font-size: 3vw;
}
.image-17 {
width: 75%;
height: 52%;
}
.karriere-section {
height: 115vh;
}
.image-18 {
margin-top: 24vh;
}
.heading-29 {
font-size: 8vw;
}
.button-15 {
font-size: 3vw;
}
.slider {
height: 100%;
}
.karriere-header {
height: 15vh;
}
.carousel-slider {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider._3, .carousel-slider._8, .carousel-slider._4, .carousel-slider._2, .carousel-slider._7, .carousel-slider._5, .carousel-slider._6 {
right: 0%;
}
.card-header {
height: 300px;
}
.card-body {
padding: 20px;
}
.carousel-mask {
width: 100%;
}
.container-2 {
max-width: none;
}
.nav-menu-three {
flex-direction: column;
}
.container-3 {
max-width: none;
}
.nav-menu-three-2 {
flex-direction: column;
}
.container-4, .container-7 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.team-slide-wrapper {
width: 100%;
margin-right: 0%;
}
.page-wrap {
overflow: visible;
}
.nav-contain {
justify-content: space-around;
align-items: center;
display: flex;
}
.nav-logo-wrap {
justify-content: flex-start;
align-items: center;
width: 10rem;
margin-right: 0;
}
.hero-content {
height: 70vh;
}
.sub-heading {
font-size: .6rem;
}
.heading-42 {
margin-bottom: 2.5rem;
font-size: 1.5rem;
}
.hero-treepot {
justify-content: center;
align-items: center;
height: 17.8rem;
display: block;
}
.video-wrap {
background-size: cover;
width: 90%;
height: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.sm-icon-link {
min-height: 60px;
}
.sm-icon {
width: 20px;
}
.sm-text {
font-size: .7rem;
display: none;
}
.karriere-wrap {
height: 60vh;
}
.image-22 {
height: 160px;
}
.heading-43 {
font-size: 1rem;
}
.caroussell-karriere {
height: 9rem;
display: none;
overflow: hidden;
}
.c-tools {
margin-right: 0;
}
.c-text-1 {
font-size: 13px;
}
.c-nav_logo-1 {
margin-right: 0;
}
.c-nav_wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.c-small-text {
width: 269px;
max-width: 100%;
margin-left: -10px;
top: 555px;
}
.c-title-2 {
font-size: 58px;
line-height: 58px;
}
.c-text-line {
right: -8px;
}
.c-title-1 {
font-size: 130px;
}
.c-section {
padding-top: 32px;
padding-bottom: 32px;
}
.c-slide_image {
box-shadow: none;
}
.c-arrows-wrapper {
margin-top: 110px;
}
.container-8 {
padding-left: 7%;
padding-right: 7%;
}
.slide_item {
width: 104%;
padding-right: 4%;
}
.owl-carousel-wrapper {
align-self: center;
width: auto;
margin-top: 0;
overflow: hidden;
}
.owl-carousel.owl-theme {
overflow: visible;
}
.p-item {
width: 12rem;
}
.werte-wrap {
height: 35rem;
}
.what-we-do-tabs {
flex-wrap: wrap;
}
.wwd-tabs-content {
width: 100%;
}
.branding-nav {
width: 48%;
}
.innerwrapper {
padding-bottom: 0;
}
.wwd-tabs-menu {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
display: flex;
}
.heading-44 {
font-size: 1.5rem;
}
.paragraph-40 {
font-size: .7rem;
}
.heading-45 {
font-size: 1.5rem;
}
.footer-wrap {
height: 10vh;
margin-top: 40vh;
}
.div-block-41 {
flex-flow: row;
justify-content: center;
align-items: center;
width: 80%;
}
.div-block-42 {
display: none;
}
.container-9 {
max-width: none;
}
.testimonial-quote-icon {
width: 30px;
}
.testimonial-quote {
font-size: 22px;
line-height: 30px;
}
.testimonial-author-image-three {
margin-right: 16px;
}
.hero-split {
justify-content: center;
align-items: center;
width: 100%;
}
.margin-bottom-24px-2 {
font-size: .7rem;
}
.hero-heading-left {
text-align: center;
}
.container-10 {
width: 90%;
max-width: none;
}
.heading-47 {
text-align: center;
font-size: 1.5rem;
}
.hero-stack-2 {
margin-top: 0;
}
.container-11 {
max-width: none;
height: 40rem;
}
.margin-bottom-24px-3 {
width: 80%;
font-size: .9rem;
}
.heading-48 {
width: 85%;
}
.container-12, .container-13 {
max-width: none;
}
.centered-heading-2 {
margin-bottom: 24px;
}
.team-slide-wrapper-2 {
width: 100%;
margin-right: 0%;
}
.line {
margin-top: 22px;
display: none;
}
.service-text-block {
width: 100%;
margin-top: 10px;
}
.container-14 {
padding-left: 5%;
padding-right: 5%;
}
.sec {
padding-top: 5vh;
padding-bottom: 5vh;
}
.service-photo-wrapper {
width: 100%;
margin-bottom: 10px;
}
.container-15, .container-16, .container-17 {
padding-left: 5%;
padding-right: 5%;
}
.line-col.dark {
border-right-style: none;
}
.container-18 {
padding-left: 5%;
padding-right: 5%;
}
.contacts-link {
text-decoration: underline;
}
.form-sec.about {
margin-bottom: 0;
padding-top: 5vh;
padding-bottom: 5vh;
transform: none;
}
.order-btn {
text-align: center;
vertical-align: baseline;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: flex;
}
.heading-51 {
font-size: 16px;
}
.impressum-hero-wrap {
height: 90vh;
}
.job-description_heading {
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
}
.job_labels-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-52 {
font-size: 1.5rem;
}
.job_label-card {
text-align: left;
}
.job-body {
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.job_title-wrap {
padding-left: 20px;
padding-right: 20px;
}
.container-20 {
max-width: none;
}
.centered-heading-3 {
margin-bottom: 24px;
}
.team-grid {
grid-template-columns: 1fr;
}
.the-sticky-div-title {
margin-top: 120px;
padding-left: 10px;
padding-right: 10px;
font-size: 11vw;
line-height: 9vw;
position: relative;
inset: auto 0%;
}
.a-block {
width: 50vw;
height: 30vh;
margin-left: 20px;
margin-right: 20px;
}
.the-width-400vh-scrollable-div {
height: 100%;
}
.the-content {
flex-flow: row;
height: 100%;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.text-span-8 {
font-size: 6vw;
}
.gradient {
height: 100%;
padding-left: 20px;
padding-right: 20px;
}
.the-overflow-hidden-mask {
height: 50%;
position: relative;
}
.the-height-400vh-section {
width: 100%;
height: 200vh;
margin-left: 0;
}
.top-block {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.jobs-wrap {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.job-board {
border-radius: 0;
width: 100%;
}
.lisitng-wrap {
padding-left: 0;
padding-right: 0;
}
.swiper-slide {
width: 100%;
}
.swiper-slide.slide--reviews {
width: auto;
}
.header-block {
padding-top: 20px;
padding-bottom: 20px;
}
.btn-border.mod--menu {
flex: 1;
min-width: auto;
}
.btn-2.mod--menu {
box-shadow: none;
color: #fff;
background-color: #1e1e2f;
flex: 1;
min-width: auto;
}
.modal__heading {
max-width: 100%;
margin-bottom: 1rem;
}
.skills__list-item {
padding-top: 16px;
padding-bottom: 16px;
}
.skills__list-line {
margin-top: 88px;
margin-bottom: 0;
}
.modal__text {
max-width: 20rem;
}
.skills__video {
min-width: 110vw;
height: 70vw;
margin-bottom: -14px;
margin-left: -5vw;
}
.skills__txt-desc {
font-size: 16px;
}
.modal__text-wrap {
display: block;
}
.nav__link {
font-size: 14px;
}
.skills__list-ico {
margin-right: 20px;
}
.modal__content {
justify-content: flex-start;
align-items: center;
height: 100%;
}
.input {
width: 100%;
}
.input.mod--footer {
width: 210px;
}
.footer__follow-heart {
top: -9px;
right: -5px;
}
.form-block-3, .form-block-3.mod--hero {
max-width: 100%;
}
.footer__follow-wrap {
padding-top: 24px;
padding-bottom: 24px;
}
.hero__person {
border-radius: 14px;
}
.category__card-img {
height: 300px;
}
.category__card-img.mod--desctop {
display: none;
}
.category__card-img.mod--mob {
display: block;
}
.swiper.swiper--reviews {
margin-left: auto;
margin-right: auto;
}
.logo-img {
max-width: 82px;
}
.footer__nav-link-2 {
font-size: 14px;
}
.category__col {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.skills__list-title {
margin-bottom: 12px;
font-size: 16px;
}
.skills__video-wrap {
border-radius: 8px;
align-items: center;
height: 55vw;
margin-bottom: 20px;
}
.footer__follow {
align-items: flex-start;
max-width: 240px;
padding-left: 0;
}
.button-21 {
font-size: 30%;
line-height: 200%;
display: none;
}
.button-21.w--current {
display: none;
}
.mitarbeiter-content {
height: 120vh;
overflow: hidden;
}
.heading-53 {
width: 100%;
}
.card-body-2 {
padding: 20px;
}
.heading-60, .paragraph-46 {
font-size: 12px;
}
.carousel-slider-2 {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider-2._3, .carousel-slider-2._8, .carousel-slider-2._4, .carousel-slider-2._2, .carousel-slider-2._7, .carousel-slider-2._5, .carousel-slider-2._6 {
right: 0%;
}
.carousel-slider-3 {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider-3._3, .carousel-slider-3._8, .carousel-slider-3._4, .carousel-slider-3._2, .carousel-slider-3._7, .carousel-slider-3._5, .carousel-slider-3._6 {
right: 0%;
}
.carousel-slider-4 {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider-4._3, .carousel-slider-4._8, .carousel-slider-4._4, .carousel-slider-4._2, .carousel-slider-4._7, .carousel-slider-4._5, .carousel-slider-4._6 {
right: 0%;
}
.carousel-slider-5 {
padding-left: 10px;
padding-right: 10px;
}
.carousel-slider-5._3, .carousel-slider-5._8, .carousel-slider-5._4, .carousel-slider-5._2, .carousel-slider-5._7, .carousel-slider-5._5, .carousel-slider-5._6 {
right: 0%;
}
.hero-content-karriere {
height: 400vh;
}
.image-25 {
width: 100%;
font-size: 13px;
}
.nav-menu-2 {
flex-direction: column;
}
.nav-button-wrapper {
width: auto;
}
.container-21, .container-22 {
max-width: none;
}
.hero-form {
align-self: stretch;
margin-bottom: 15px;
}
.hero-form-container {
flex-direction: column;
align-items: flex-start;
}
.hero-form-input {
width: 100%;
height: 48px;
margin-bottom: 10px;
}
.container-23 {
max-width: none;
}
.footer-wrapper-two {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-brand {
max-width: 100%;
}
.footer-block-two {
margin-top: 40px;
}
.footer-title, .footer-link-two {
width: 100%;
}
.footer-bottom {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-social-block-two {
margin-top: 20px;
}
.image-27 {
max-width: 100%;
margin-left: auto;
}
.footer-block-two-copy {
text-align: center;
width: 100%;
margin-top: 40px;
}
.container-21-copy, .container-24 {
max-width: none;
}
.centered-heading-4 {
margin-bottom: 24px;
}
.team-grid-2 {
grid-template-columns: 1fr;
}
.container-25 {
max-width: none;
}
.div-block-44 {
height: auto;
}
.navbar-wrapper-2 {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.navbar-brand-2 {
max-width: 60%;
}
.nav-menu-3 {
flex-direction: column;
}
.nav-button-wrapper-2 {
width: auto;
}
.button-23 {
display: none;
}
.container-26 {
max-width: none;
}
.div-block-45 {
width: 75%;
}
.container-27 {
max-width: none;
}
.testimonial-quote-icon-2 {
width: 30px;
}
.testimonial-quote-2 {
font-size: 22px;
line-height: 30px;
}
.testimonial-author-image-three-2 {
margin-right: 16px;
}
.centered-heading-5 {
margin-bottom: 24px;
}
.team-grid-3 {
grid-template-columns: 1fr;
}
.container-28 {
max-width: none;
}
.hero-form-2 {
align-self: stretch;
margin-bottom: 15px;
}
.hero-form-container-2 {
flex-direction: column;
align-items: flex-start;
}
.hero-form-input-2 {
width: 100%;
height: 48px;
margin-bottom: 10px;
}
.container-29 {
max-width: none;
}
.paragraph-60 {
display: none;
}
.wbs-blog-card-date {
margin-left: 0;
}
.wbs-blog-card-author-wrap {
flex-direction: column;
align-items: flex-start;
}
.wbs-blog-card-date-primary {
margin-left: 0;
}
.wbs-blog-card-author-wrap-primary {
flex-direction: column;
align-items: flex-start;
}
.wbs-team-grid {
grid-template-columns: 1fr;
}
.wbs-accordion-icon {
margin-left: 10px;
}
.wbs-accordion-title {
padding-right: 20px;
}
.wbs-heading-h4 {
font-size: 1.7rem;
}
.wbs-team-round-grid {
grid-template-columns: 1fr;
}
.insta-icon, .image-31, .image-32, .link-block, .link-block-2, .link-block-3 {
width: 2rem;
}
.wbs-step-3-item-top, .wbs-step-3-item {
width: 100%;
}
.wbs-step-3 {
grid-row-gap: 30px;
width: 100%;
}
.wbs-section-3 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.fn-button-secondery, .fn-button, .fn-button-wrapper {
width: 100%;
}
.fn-paragraph {
display: none;
}
.fn-container-grid {
overflow: hidden;
}
.fn-button-dark, .fn-navbar-link-box.w--current {
margin-left: auto;
margin-right: auto;
}
.fn-navbar-links-wrapper {
background-color: #fff0;
}
.fn-navbar-menu-wrapper {
background-color: #e67f25;
flex: 0 auto;
}
.fn-navbar-box {
flex-flow: row;
overflow: hidden;
}
.fn-logos-wrapper {
flex-flow: column;
}
.body-7 {
overflow: visible;
}
.fn-author-image {
flex: none;
}
.fn-author-wrapper {
font-size: 14px;
}
.fn-heading-jambo {
font-size: 24px;
}
.fn-section-off-black {
margin-top: 5vh;
overflow: hidden;
}
.fn-button-2 {
width: 100%;
}
.fh-features-image-wrapper {
height: 220px;
}
.fn-legal-links-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
margin-top: 12px;
margin-bottom: 12px;
}
.wbs-client-grid-border {
grid-template-columns: 1fr 1fr;
}
.fn-button-3 {
width: 100%;
}
.fn-heading-jambo-2 {
font-size: 28px;
}
.fn-label-jambo {
font-size: 10px;
}
.text-span-14 {
font-size: 12px;
}
.text-span-15 {
font-size: 40px;
}
.fn-paragraph-dark {
font-size: 12px;
}
.fn-heading-7, .text-span-16 {
font-size: 24px;
}
.fn-button-secondery-2 {
width: 100%;
margin-top: 2vh;
}
.fn-paragraph-2 {
font-size: 12px;
}
.fn-paragraph-2.hide-on-mobile {
font-size: 12px;
display: block;
}
.fn-blog-info-wrapper {
font-size: 9px;
}
.fn-features-card-image {
height: auto;
}
.fn-features-card-with-image.slider-cards {
width: 100%;
max-width: 100%;
height: 30%;
}
.fn-heading-9.fn-heading-8 {
font-size: 19px;
}
.fn-blog-slider {
flex-flow: column;
}
.fn-heading-13 {
margin-left: 10px;
}
.fn-heading-15 {
font-size: 14px;
}
.fn-heading-17 {
font-size: 24px;
}
.fn-author-image-2 {
flex: none;
}
.fn-author-wrapper-2 {
font-size: 14px;
}
.testimonials-stars {
object-position: 0% 50%;
height: 18px;
}
.fn-slide-item-wrapper-testimonial {
padding: 16px;
}
.fn-heading-18 {
font-size: 24px;
}
.fn-rich-text {
max-width: 100%;
font-size: 8px;
}
.fn-rich-text h2 {
font-size: 16px;
}
.fn-rich-text p {
font-size: 12px;
}
.fn-rich-text h1, .fn-rich-text h3 {
font-size: 24px;
}
.fn-features-card-image-copy {
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.text-block-20 {
font-size: 12px;
}
.image-35 {
width: 30%;
}
.fn-button-secondery-3, .fn-button-4, .fn-button-wrapper-2 {
width: 100%;
}
.fn-heading-20, .fn-heading-24 {
font-size: 24px;
}
.fn-button-5, .fn-button-secondery-4, .fn-button-wrapper-3 {
width: 100%;
}
.fn-links-wrapper {
margin-bottom: 12px;
}
.wbs-heading-h4-2 {
font-size: 1.7rem;
}
.wbs-pricing-2-wrap {
grid-template-columns: 1fr;
}
.wbs-step-3-item-top-2, .wbs-step-3-item-2 {
width: 100%;
}
.wbs-step-4 {
grid-row-gap: 30px;
width: 100%;
}
.wbs-feature-item-left {
text-align: center;
}
.wbs-feature-split-right {
grid-template-columns: 1fr;
}
.wbs-heading-h4-3 {
font-size: 1.7rem;
}
.fn-paragraph-4-copy {
font-size: 12px;
}
.fn-button-6 {
width: 100%;
}
.fn-heading-jambo-4 {
font-size: 34px;
}
.fn-author-image-3 {
flex: none;
}
.fn-author-wrapper-3 {
font-size: 14px;
}
.wbs-hero-7-image {
margin-top: -120px;
}
.wbs-hero-3-button {
flex-direction: column;
align-items: center;
}
.wbs-hero-7-title {
font-size: 2.3rem;
}
.wbs-hero-inner-7-content {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.wbs-hero-7-content {
padding-bottom: 120px;
}
.wbs-feature-split-right-2 {
grid-template-columns: 1fr;
}
.wbs-heading-h4-4 {
font-size: 1.7rem;
}
.fn-404-image-second {
width: 120px;
height: 120px;
top: -76%;
}
.fn-404-image-first {
width: 120px;
height: 120px;
}
.form-section-title {
font-size: 2em;
line-height: 1.3em;
}
.slider-2 {
height: auto;
min-height: 80vh;
}
.checkbox-base {
margin-bottom: 15px;
}
.previous-placeholder {
max-width: 75px;
display: flex;
}
.form-item-wrapper {
flex-wrap: wrap;
}
.global-icon-x-small {
display: none;
}
.form-content {
width: 100%;
}
.area-label {
font-size: 14px;
}
.form-next {
flex: none;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.note-heading {
margin-bottom: 10px;
font-size: 24px;
}
.subtitle {
font-size: 18px;
}
.button-25, .form-back {
flex: none;
width: 100%;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.text-field-wrapper.third, .text-field-wrapper.half {
width: 100%;
}
.note {
padding: 30px 20px 20px;
font-size: 18px;
}
.section-5 {
padding: 60px 10px;
}
.section-5.grey {
background-position: 50% 100%;
background-size: 700px;
}
.form-block-4 {
border-radius: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.radio_field {
justify-content: center;
align-items: center;
width: 100%;
margin-right: 0;
display: flex;
}
.image-36 {
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.padding-vertical {
padding-top: 3.9em;
}
.padding-vertical.padding-huge {
padding-top: 20.15em;
}
.cms_version {
left: 0;
right: 0;
}
.text-size-regular-20 {
font-size: 16px;
}
.text-size-regular-20.text-weight-medium {
flex: 0 auto;
font-size: 1em;
font-weight: 400;
}
.field_label.large {
margin-bottom: .1em;
font-size: 1.25em;
}
.field_label.is-radio {
line-height: 1.5;
}
.page-padding {
z-index: 10;
position: relative;
}
.checkbox-form_component {
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 18px;
}
.radio_label {
font-size: 1.125em;
font-weight: 400;
}
.collaborators_select {
grid-column-gap: .875rem;
grid-row-gap: 1rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
grid-auto-columns: auto;
grid-auto-flow: row;
width: 100%;
max-width: 100%;
display: grid;
}
.text-style-allcaps {
font-size: 12px;
}
.text-style-allcaps.slide-up.tricks {
font-size: 24px;
line-height: 120%;
}
.cms_button {
margin-left: auto;
margin-right: auto;
}
.main-head-wrapper {
padding-top: 1.875em;
padding-left: 20px;
padding-right: 20px;
}
.main-form_component {
margin-top: -23px;
}
.fade-up {
font-size: 10px;
}
.fn-paragraph-copy {
display: none;
}
.fn-button-secondery-5, .fn-button-7 {
width: 100%;
}
.fn-heading-36 {
font-size: 13px;
}
.fn-button-8 {
width: 100%;
}
.fn-section-407 {
height: 50vh;
}
.fn-button-9 {
width: 100%;
}
.fn-paragraph-10 {
font-size: 12px;
}
.fn-heading-40 {
font-size: 24px;
}
.fn-banner-dark-column {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.fn-cta-banner-dark {
grid-auto-flow: row;
place-items: center stretch;
display: block;
}
.wbs-blog-card-date-2 {
margin-left: 0;
}
.wbs-blog-card-author-wrap-2 {
flex-direction: column;
align-items: flex-start;
}
.wbs-blog-card-date-primary-2 {
margin-left: 0;
}
.wbs-blog-card-author-wrap-primary-2 {
flex-direction: column;
align-items: flex-start;
}
.wbs-blog-grid-2 {
flex-flow: column;
grid-auto-flow: row;
display: flex;
}
.fn-button-10 {
width: 100%;
}
.fn-hero-box-3 {
grid-column-gap: 27px;
grid-row-gap: 27px;
justify-content: center;
align-items: flex-start;
}
.fn-heading-jambo-6 {
font-size: 28px;
}
.text-block-26 {
font-size: 16px;
}
.wbs-feature-items {
grid-template-columns: 1fr;
}
.fn-paragraph-copy-copy {
display: none;
}
.fn-button-11 {
width: 100%;
}
.paragraph-wrapper {
font-size: 18px;
}
.paragraph-84 {
font-size: .8rem;
}
.udesly-container {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.fn-button-secondery-6 {
width: 100%;
}
.fn-paragraph-13.hide-on-mobile {
display: block;
}
.fn-heading-44 {
font-size: 18px;
}
.fn-features-card-column-3 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.fn-features-card-with-image-3.slider-cards {
width: 90%;
min-width: 90%;
max-width: 90%;
margin-bottom: 1vh;
}
.fn-blog-slider-2 {
flex-flow: column;
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.fn-paragraph-no-margin-8 {
max-width: 90%;
}
.fn-heading-46 {
max-width: 90%;
font-size: 24px;
}
.fn-column-9 {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 100%;
}
.fn-container-grid-16 {
grid-auto-flow: row;
max-width: 100%;
}
.text-block-42 {
border: 1px solid var(--color);
border-radius: 20px;
padding: 12px 10px;
}
.text-span-27 {
font-size: 24px;
}
.counter {
font-size: 42px;
}
.fn-button-12 {
width: 100%;
}
.fn-section-413 {
padding-bottom: 0;
overflow: hidden;
}
.caroussell-home {
height: 9rem;
}
.fn-button-wrapper-4 {
width: 100%;
}
.fh-features-image-wrapper-2 {
height: 220px;
}
.wbs-feature-items-2 {
grid-template-columns: 1fr;
}
.fn-404-image-second-2 {
width: 120px;
height: 120px;
top: -76%;
}
.fn-404-image-first-2 {
width: 120px;
height: 120px;
}
.fn-paragraph-14 {
display: none;
overflow: visible;
}
.fn-column-center-9 {
height: 50vh;
margin-top: 20vh;
}
.fn-container-grid-17.relative {
object-fit: fill;
max-width: 1310px;
height: 70vh;
position: relative;
}
.fn-section-415 {
overflow: hidden;
}
.text-block-43 {
font-size: 18px;
}
.text-block-47, .text-block-48, .text-block-49 {
font-size: 12px;
}
.wbs-testimonial-7-rating {
padding: 30px;
}
.wbs-section-10 {
overflow: hidden;
}
.container-31 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.udesly-logo-grid {
grid-template-columns: 1fr;
}
.udesly-container-2 {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.wbs-client-grid {
grid-template-columns: 1fr 1fr;
}
.code-embed {
display: none;
overflow: visible;
}
.container-32 {
max-width: none;
}
.testimonial-quote-icon-3 {
width: 30px;
}
.testimonial-quote-3 {
font-size: 22px;
line-height: 30px;
}
.testimonial-author-image-three-3 {
margin-right: 16px;
}
.udesly-testimonial-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: nowrap;
min-height: auto;
}
.udesly-heading-2 {
font-size: 15px;
}
.udesly-slider {
width: 100%;
display: flex;
position: relative;
}
.testimonial-slider-small {
overflow: hidden;
}
.centered-heading-6 {
margin-bottom: 24px;
}
.testimonial-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.testimonial-card {
margin-left: 10px;
margin-right: 10px;
}
.testimonial-slider-left {
left: -10px;
}
.testimonial-slider-right {
right: -10px;
}
.wbs-blog-list-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.wbs-blog-list {
flex-flow: column;
}
.wbs-section-12 {
display: none;
overflow: visible;
}
.btn-primary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.header-logo {
max-width: 170px;
}
.container-default {
padding-left: 20px;
padding-right: 20px;
}
.link-wrapper.mg-left-24px._16px-mb {
margin-left: 16px;
}
.social-media-grid-top {
grid-template-columns: repeat(auto-fit, 30px);
}
.social-icon-square {
border-radius: 6px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
font-size: 14px;
}
.header-nav-list-item {
text-align: left;
width: 100%;
}
.header-nav-list-item.show-in-tablet {
justify-content: flex-start;
width: 100%;
display: flex;
}
.fn-button-secondery-7, .fn-button-13, .fn-button-wrapper-5 {
width: 100%;
}
.fh-features-image-wrapper-3 {
height: 220px;
}
.fn-section-416 {
padding-top: 12px;
padding-bottom: 12px;
overflow: hidden;
}
.div-block-54 {
justify-content: center;
}
.udesly-numbers-wrapper {
margin-top: 40px;
}
.udesly-display-large {
font-size: 44px;
line-height: 54px;
}
.udesly-display-large.udesly-text-extrabold-3 {
font-size: 28px;
}
.udesly-container-3 {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.brix---floating-image-hero-v1---1 {
opacity: .2;
bottom: -5%;
left: -35%;
}
.brix---floating-image-hero-v1---2 {
display: none;
}
.brix---btn-icon-left {
width: 10%;
}
.brix---btn-download-app-white {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---btn-download-app {
text-align: left;
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---button-row-left {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row {
flex-direction: column;
align-items: stretch;
}
.brix---paragraph-default {
font-size: 12px;
line-height: 28px;
}
.brix---heading-h1-size {
margin-bottom: 10px;
font-size: 24px;
line-height: 37px;
}
.brix---container-default {
padding-left: 20px;
padding-right: 20px;
}
.brix---section-hero-small {
padding-top: 48px;
padding-bottom: 96px;
}
.karriere-jobangebote {
grid-template-columns: 1fr 1fr 1fr 1fr;
display: block;
}
.karriere-heading {
width: 100%;
}
.brix---btn-circle-primary-small {
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
}
.brix---text-200-bold {
font-size: 15px;
line-height: 16px;
}
.brix---paragraph-default-2 {
font-size: 17px;
line-height: 28px;
}
.brix---heading-h4-size {
font-size: 18px;
line-height: 24px;
}
.brix---blog-card-content-inside {
padding: 24px 24px 31px;
}
.brix---badge-secondary-small {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
}
.brix---grid-3-columns-gap-row-48px {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.brix---badge-secondary-category-badges {
margin-top: 8px;
margin-bottom: 8px;
padding: 13px 21px;
font-size: 14px;
line-height: 16px;
}
.brix---heading-h2-size {
font-size: 24px;
line-height: 34px;
}
.brix---grid-title-and-categories {
margin-bottom: 40px;
}
.brix---section-small {
padding-top: 64px;
padding-bottom: 64px;
}
.brix---blog-card-image-featured {
display: none;
}
.brix---text-200 {
font-size: 15px;
line-height: 16px;
}
.brix---mg-bottom-8px {
margin-bottom: 6px;
}
.brix---avatar-image {
width: 100%;
}
.brix---avatar-circle-03 {
width: 48px;
min-width: 48px;
max-width: 48px;
height: 48px;
min-height: 48px;
max-height: 48px;
}
.brix---badge-primary-small {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
}
.brix---mg-bottom-16px {
margin-bottom: 15px;
}
.brix---card-blog-featured-v4 {
margin-bottom: 21px;
margin-left: 0;
margin-right: 0;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h1-size-2 {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---subtitle {
font-size: 14px;
line-height: 18px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---header-nav-list-item-middle {
text-align: left;
width: 100%;
}
.brix---social-icon-square-30px {
border-radius: 6px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
font-size: 14px;
}
.brix---header-logo {
max-width: 84%;
}
.container-33 {
max-width: none;
}
.centered-heading-7 {
margin-bottom: 24px;
}
.bilder-container {
margin-bottom: 0;
}
.slider-image {
min-width: 25%;
}
.container-34 {
max-width: none;
}
.centered-heading-8 {
margin-bottom: 24px;
}
.team-grid-4, .gallery-wrapper-2 {
grid-template-columns: 1fr;
}
.brix---mg-bottom-8px-2 {
margin-bottom: 6px;
}
.brix---mg-bottom-24px {
margin-bottom: 16px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---text-201 {
font-size: 15px;
line-height: 16px;
}
.brix---container-default-2 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h1-size-3 {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---heading-h2-size-2 {
font-size: 24px;
line-height: 34px;
}
.brix---heading-h3-size {
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.brix---subtitle-2 {
font-size: 14px;
line-height: 18px;
}
.brix---avatar-image-2 {
width: 100%;
}
.brix---section-small-2 {
padding-top: 64px;
padding-bottom: 64px;
}
.brix---paragraph-default-3 {
font-size: 17px;
line-height: 28px;
}
.brix---text-200-bold-2 {
font-size: 15px;
line-height: 16px;
}
.brix---grid-3-columns-gap-row-72px {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.brix---avatar-circle-4 {
width: 48px;
min-width: 48px;
max-width: 48px;
height: 48px;
min-height: 48px;
max-height: 48px;
}
.brix---section-pd-bottom-56px {
padding-top: 96px;
padding-bottom: 96px;
}
.brix---badge-primary-small-light {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
}
.brix---grid-title-and-categories-2 {
margin-bottom: 40px;
}
.brix---badge-secondary-category-badges-2 {
margin-top: 8px;
margin-bottom: 8px;
padding: 13px 21px;
font-size: 14px;
line-height: 16px;
}
.gallery-slide-wrapper-2 {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.fn-button-14, .fn-button-wrapper-6 {
width: 100%;
}
.fn-links-wrapper-2 {
margin-bottom: 12px;
}
.udesly-flex.udesly-gap-12 {
grid-row-gap: 16px;
flex-wrap: wrap;
}
.udesly-image-wrapper.udesly-article {
max-width: none;
max-height: 180px;
}
.udesly-article-card-small {
flex-direction: column;
}
.wbs-heading-h1 {
font-size: 2.3rem;
}
.wbs-hero-2-button {
flex-direction: column;
align-items: flex-start;
}
.wbs-hero-2-image {
height: auto;
margin-top: 31px;
}
.popup-content-wrapper---brix {
border-radius: 24px;
}
.popup-content-wrapper---brix.popup-1-content-wrapper---brix-copy {
border-radius: 16px;
left: 16px;
right: 16px;
}
.popup-1---brix {
padding: 40px 16px 32px;
}
.subscribe-button---brix {
text-align: center;
background-position: 247px;
padding: 15px 34px 16px 38px;
}
.popup-wrapper---brix {
padding-left: 16px;
padding-right: 16px;
}
.popup-1-illustration---brix {
max-width: 40%;
height: auto;
}
.class-stellenanzeigen {
flex-flow: row;
display: flex;
}
.image-49 {
max-width: 20%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
margin-left: .5em;
}
.heading-76 {
color: #fff;
width: 75%;
margin-left: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
line-height: 120%;
}
.paragraph-98 {
color: #e67f25;
letter-spacing: 0;
margin-left: 1em;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-style: italic;
line-height: 100%;
}
.button-27 {
text-align: center;
background-color: #e67f25;
border-radius: 10px;
width: 50%;
margin: 1vh auto 3vh;
padding-top: 12px;
padding-bottom: 12px;
line-height: 120%;
display: block;
}
.div-block-60 {
text-align: left;
}
.mobil-liste {
margin-top: 4vh;
}
.div-block-61 {
text-align: left;
}
.paragraph-99 {
color: #e67f25;
letter-spacing: 0;
margin-left: 1em;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-style: italic;
line-height: 100%;
}
.image-50 {
max-width: 20%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
margin-left: .5em;
}
.heading-77 {
color: #fff;
width: 75%;
margin-left: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
line-height: 120%;
}
.button-28 {
text-align: center;
background-color: #e67f25;
border-radius: 10px;
width: 50%;
margin: 1vh auto 3vh;
padding-top: 12px;
padding-bottom: 12px;
line-height: 120%;
display: block;
}
.div-block-62 {
text-align: left;
}
.paragraph-100 {
color: #e67f25;
letter-spacing: 0;
margin-left: 1em;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-style: italic;
line-height: 100%;
}
.image-51 {
max-width: 20%;
height: 100%;
margin-top: auto;
margin-bottom: auto;
margin-left: .5em;
}
.heading-78 {
color: #fff;
width: 75%;
margin-left: auto;
font-family: Tahoma, Verdana, Segoe, sans-serif;
font-size: 12px;
line-height: 120%;
}
.button-29 {
text-align: center;
background-color: #e67f25;
border-radius: 10px;
width: 50%;
margin: 1vh auto 3vh;
padding-top: 12px;
padding-bottom: 12px;
line-height: 120%;
display: block;
}
.image-52 {
display: none;
}
.fn-button-dark-copy {
margin-left: auto;
margin-right: auto;
}
.fn-paragraph-13-copy.hide-on-mobile {
display: block;
}
.code-embed-2 {
overflow: hidden;
}
.fn-heading-44-copy {
font-size: 18px;
}
.udesly-button-navigation-secondary.udesly-full {
border: 1px solid #d4d4d4;
width: 100%;
}
.udesly-menu-buttons {
flex-direction: column;
}
.udesly-button-navigation {
width: 100%;
}
.brix---container-default-3 {
padding-left: 20px;
padding-right: 20px;
}
.brix---header-logo-2 {
max-width: 84%;
}
.brix---btn-primary-small {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.brix---header-nav-list-item-show-in-mbl, .brix---header-nav-list-item-middle-2 {
text-align: left;
width: 100%;
}
.hero-stack-6 {
margin-top: 20rem;
}
.container-35 {
max-width: none;
}
.heading-81 {
max-width: 100%;
font-size: 6.5vw;
}
.container-36 {
max-width: none;
}
.brix---container-default-4 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h1-size-4 {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---paragraph-default-4 {
font-size: 17px;
line-height: 28px;
}
.brix---button-row-left-2 {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row-center {
flex-direction: column;
}
.brix---btn-primary-white, .brix---btn-secondary-white {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---hero-card-bg-image {
border-radius: 16px;
padding-left: 18px;
padding-right: 18px;
}
.brix---section-extra-small {
padding-top: 48px;
padding-bottom: 96px;
}
.brix---buttons-row-2 {
flex-direction: column;
align-items: stretch;
}
.brix---hero-bg-image-dark {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---play-button-large-wrapper {
width: 80px;
}
.brix---container-default-5 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h2-size-3 {
font-size: 24px;
line-height: 34px;
}
.brix---icon-list {
width: 24px;
margin-right: 8px;
}
.brix---button-row-left-3 {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row-center-2 {
flex-direction: column;
}
.brix---grid-3-icon-list {
grid-template-columns: 1fr;
}
.brix---btn-primary-white-2, .brix---btn-secondary-white-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---cta-v7-section {
padding-top: 72px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 15px;
}
.brix---buttons-row-3 {
flex-direction: column;
align-items: stretch;
}
.brix---cta-section {
padding-top: 72px;
padding-bottom: 72px;
}
.brix---paragraph-default-5 {
font-size: 17px;
line-height: 28px;
}
.brix---cta-v5-floating-item-01 {
top: -3%;
left: -2%;
}
.button-wrapper-2 {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.right-floating-cookie {
width: 100%;
max-width: none;
bottom: 0;
right: auto;
}
.cookie-button-blue {
text-align: center;
width: 120px;
margin-bottom: 0;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.cookie-content.mobile-vertical {
flex-direction: column;
}
.right-cookie-image {
margin-bottom: 20px;
}
.brix---btn-primary, .brix---btn-secondary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---buttons-row-4 {
flex-direction: column;
align-items: stretch;
}
.brix---container-default-6 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h1-size-5 {
margin-bottom: 10px;
font-size: 1rem;
line-height: 37px;
}
.brix---paragraph-default-6 {
font-size: 17px;
line-height: 28px;
}
.brix---button-row-left-4 {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---floating-image-hero-v1---3 {
opacity: .2;
bottom: -5%;
left: -35%;
}
.brix---floating-image-hero-v1---4 {
display: none;
}
.brix---card-over-image {
padding: 34px 24px;
}
.brix---section-hero-short {
padding-top: 48px;
padding-bottom: 96px;
}
.brix---mg-bottom-24px-2 {
margin-bottom: 16px;
}
.brix---mg-bottom-48px-3 {
margin-bottom: 32px;
}
.brix---grid-3-columns {
grid-template-columns: 1fr;
}
.brix---square-icon {
border-radius: 14px;
max-width: 56px;
}
.brix---container-default-7 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h2-size-4 {
font-size: 24px;
line-height: 34px;
}
.brix---heading-h3-size-2 {
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.brix---paragraph-default-7 {
font-size: 17px;
line-height: 28px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 15px;
}
.brix---display-2 {
font-size: 38px;
line-height: 48px;
}
.brix---mg-bottom-8px-3 {
margin-bottom: 6px;
}
.brix---btn-primary-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---input {
min-height: 54px;
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---input::placeholder {
font-size: 16px;
line-height: 16px;
}
.brix---text-area {
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
line-height: 26px;
}
.brix---text-area::placeholder {
font-size: 16px;
line-height: 24px;
}
.brix---heading-h1-size-6 {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---heading-h3-size-3 {
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.brix---subtitle-3 {
font-size: 14px;
line-height: 18px;
}
.brix---icon-link-wrapper {
flex-direction: column;
align-items: flex-start;
}
.brix---text-200-bold-3 {
font-size: 15px;
line-height: 16px;
}
.brix---big-icon-left {
border-radius: 14px;
max-width: 56px;
margin-bottom: 16px;
margin-right: 0;
}
.brix---section-position-relative {
padding-top: 96px;
padding-bottom: 96px;
}
.brix---card-pd-64px---56px {
padding: 40px 24px;
}
.brix---grid-contact-v6 {
grid-row-gap: 48px;
}
}
#w-node-_88ef912c-8272-095b-2977-751c1be2f5c6-1813318a {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_88ef912c-8272-095b-2977-751c1be2f5d6-1813318a, #w-node-_88ef912c-8272-095b-2977-751c1be2f5e6-1813318a, #w-node-ddfcdb4a-fa9b-2f8d-5d9c-8a0bcd2451bf-1813318a, #w-node-ddfcdb4a-fa9b-2f8d-5d9c-8a0bcd2451e3-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61c4-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61ca-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61d0-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61d7-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61dd-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61e3-1813318a, #w-node-c5cab778-7f9d-fdf2-7100-073901dc8a13-1813318a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_00a83da3-2217-124f-e580-9fe8b3e7ca39-5614b3c9, #w-node-_00a83da3-2217-124f-e580-9fe8b3e7ca3b-5614b3c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-ba294210-fa95-db07-1f5c-231197664593-5614b3c9 {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: center;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-5614b3c9 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23652-5614b3c9 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23653-5614b3c9 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23672-5614b3c9 {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb53-5614b3c9 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb54-5614b3c9 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb5f-5614b3c9 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-dae328d8-b3e1-8b43-1dd2-fd0110476cce-a9586777, #w-node-dae328d8-b3e1-8b43-1dd2-fd0110476cd0-a9586777 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-e14ed6b9-f5e3-25fe-47dc-8039f6af6c2d-a9586777 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce2-a9586777 {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce7-a9586777, #w-node-_58c08563-d05c-5bb5-b163-6edab68233cc-a9586777, #w-node-_9c6df9ac-6f95-1623-f5c0-8d3cb2b226fd-a9586777 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bcad07da-776b-eed8-cfd5-73072217957e-a9586777 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-bcad07da-776b-eed8-cfd5-730722179589-a9586777 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-bcad07da-776b-eed8-cfd5-73072217958a-a9586777 {
align-self: stretch;
}
#w-node-bcad07da-776b-eed8-cfd5-73072217958b-a9586777 {
place-self: stretch center;
}
#w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af3-a9586777 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af5-a9586777 {
place-self: stretch center;
}
#w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af4-a9586777 {
align-self: stretch;
}
#w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b79-a9586777 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b7a-a9586777 {
align-self: stretch;
}
#w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b7b-a9586777 {
place-self: stretch center;
}
#w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3244-a9586777 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3246-a9586777 {
place-self: stretch center;
}
#w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3245-a9586777 {
align-self: stretch;
}
#w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779956-a9586777 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779957-a9586777 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779962-a9586777 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_3e759c7e-c8db-ecfe-eedc-f8e97be151a2-e54aff1c, #w-node-_3e759c7e-c8db-ecfe-eedc-f8e97be151a4-e54aff1c, #w-node-_6606b1aa-be4a-61c8-cb9c-bacb1db170c2-e54aff1c, #w-node-_6606b1aa-be4a-61c8-cb9c-bacb1db170c4-e54aff1c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b95-e54aff1c {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b9a-e54aff1c {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4bd4-e54aff1c {
grid-area: 3 / 1 / 4 / 3;
justify-self: start;
}
#w-node-_1793eb75-2d50-35ec-152a-0c0b9eb4351e-e54aff1c {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-_1793eb75-2d50-35ec-152a-0c0b9eb43523-e54aff1c {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-bb382735-0778-a17f-0110-312c9dc07d77-e54aff1c {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-bb382735-0778-a17f-0110-312c9dc07d82-e54aff1c {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f71-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f88-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f9f-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fb6-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fcd-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fe4-e54aff1c, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3ffb-e54aff1c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d01-e54aff1c {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d02-e54aff1c {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d0d-e54aff1c {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_3179ee5f-9886-c2e1-81bd-0dd1b3be6380-1c0ad70b, #w-node-_3179ee5f-9886-c2e1-81bd-0dd1b3be6382-1c0ad70b {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_8f9356ae-15ec-5920-8884-0701e258b111-1c0ad70b {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_20ee0b88-96e1-0739-fc18-bcc57067b380-1c0ad70b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_20ee0b88-96e1-0739-fc18-bcc57067b381-1c0ad70b {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_20ee0b88-96e1-0739-fc18-bcc57067b38c-1c0ad70b {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_762e225b-fe4c-9157-6ce8-87e7380a3e59-a1ec09d0, #w-node-_762e225b-fe4c-9157-6ce8-87e7380a3e5b-a1ec09d0 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-a1ec09d0 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-a1ec09d0 {
grid-area: span 1 / span 6 / span 1 / span 6;
place-self: center end;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-a1ec09d0 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-a1ec09d0 {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-a1ec09d0 {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-a1ec09d0 {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-a1ec09d0 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-a1ec09d0 {
grid-area: 2 / 4 / 3 / 7;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-a1ec09d0 {
grid-area: 2 / 7 / 3 / 10;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-a1ec09d0 {
grid-area: 2 / 10 / 3 / 13;
}
#w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb8-a1ec09d0, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb9-a1ec09d0, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bba-a1ec09d0, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ee-a1ec09d0, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ef-a1ec09d0, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0f0-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f103907d-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f1039088-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f1039089-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f1039090-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f1039097-a1ec09d0, #w-node-_0fd31374-bf72-0388-6175-39c8f103909e-a1ec09d0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_69b0cf42-5ca4-c7d0-369e-aed82538ab94-a1ec09d0 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_69b0cf42-5ca4-c7d0-369e-aed82538ab95-a1ec09d0 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_69b0cf42-5ca4-c7d0-369e-aed82538aba0-a1ec09d0 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_1ef9c192-4e44-d458-cf41-8fb26ce4002d-2e196889, #w-node-_1ef9c192-4e44-d458-cf41-8fb26ce4002f-2e196889 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-2e196889 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-2e196889 {
grid-area: span 1 / span 6 / span 1 / span 6;
place-self: center end;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-2e196889 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-2e196889 {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-2e196889 {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-2e196889 {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-2e196889 {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-2e196889 {
grid-area: 2 / 4 / 3 / 7;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-2e196889 {
grid-area: 2 / 7 / 3 / 10;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-2e196889 {
grid-area: 2 / 10 / 3 / 13;
}
#w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb8-2e196889, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb9-2e196889, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bba-2e196889, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ee-2e196889, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ef-2e196889, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0f0-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f103907d-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f1039088-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f1039089-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f1039090-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f1039097-2e196889, #w-node-_0fd31374-bf72-0388-6175-39c8f103909e-2e196889 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8705-2e196889 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8706-2e196889 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8711-2e196889 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_0aba15eb-9f9e-b21c-9e9a-e9f3f1207f7c-7724d83e, #w-node-_0aba15eb-9f9e-b21c-9e9a-e9f3f1207f7e-7724d83e {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-7724d83e {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-7724d83e {
grid-area: span 1 / span 6 / span 1 / span 6;
place-self: center end;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-7724d83e {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-7724d83e {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-7724d83e {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-7724d83e {
grid-area: span 1 / span 5 / span 1 / span 5;
align-self: center;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-7724d83e {
grid-area: 2 / 1 / 3 / 4;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-7724d83e {
grid-area: 2 / 4 / 3 / 7;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-7724d83e {
grid-area: 2 / 7 / 3 / 10;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-7724d83e {
grid-area: 2 / 10 / 3 / 13;
}
#w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb8-7724d83e, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb9-7724d83e, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bba-7724d83e, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ee-7724d83e, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0ef-7724d83e, #w-node-_232a3189-cb2e-35bb-5f27-1cef5c1af0f0-7724d83e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6c12f270-2a79-86f1-aae7-92a9d490671a-7724d83e {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-_6c12f270-2a79-86f1-aae7-92a9d490671c-7724d83e {
grid-area: 2 / 8 / 3 / 13;
}
#w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5d6-7724d83e {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5d7-7724d83e {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5e2-7724d83e {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_49aaf75f-e5d5-7409-758f-791d931931ef-67df2968, #w-node-_49aaf75f-e5d5-7409-758f-791d931931f1-67df2968 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_9796867f-671a-aa4a-1785-3dac0159e417-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e41e-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e41f-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e426-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e42d-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e434-67df2968, #w-node-_9796867f-671a-aa4a-1785-3dac0159e43b-67df2968 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fc359c83-6335-b526-1703-d25dea98d59d-67df2968 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c598f-67df2968 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c5990-67df2968 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c599b-67df2968 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-e78ecd30-27dc-abef-67e0-8f113f47c11f-61014b60, #w-node-e78ecd30-27dc-abef-67e0-8f113f47c121-61014b60 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-61014b60 {
grid-area: span 1 / span 6 / span 1 / span 6;
align-self: center;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-61014b60 {
grid-area: span 1 / span 6 / span 1 / span 6;
place-self: center end;
}
#w-node-_0fd31374-bf72-0388-6175-39c8f103907d-61014b60, #w-node-_0fd31374-bf72-0388-6175-39c8f1039088-61014b60, #w-node-_0fd31374-bf72-0388-6175-39c8f1039089-61014b60, #w-node-_0fd31374-bf72-0388-6175-39c8f1039090-61014b60, #w-node-_0fd31374-bf72-0388-6175-39c8f1039097-61014b60, #w-node-_0fd31374-bf72-0388-6175-39c8f103909e-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90eca1-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90eca6-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90eca8-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90ecae-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90ecb4-61014b60, #w-node-_0d2eb383-ae4e-8433-6409-6ea99d90ecba-61014b60 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_90170f57-6985-f2f0-ead5-ae79b452399b-61014b60 {
place-self: stretch center;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaef6-61014b60 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaefd-61014b60 {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaf25-61014b60 {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11b-61014b60 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11e-61014b60 {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac146-61014b60 {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f4-61014b60 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f9-61014b60 {
grid-area: 2 / 7 / 4 / 13;
align-self: start;
}
#w-node-aeb605ab-8791-2ee2-dcde-a4dda2a32114-61014b60 {
grid-area: 2 / 1 / 3 / 7;
align-self: start;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcf9-61014b60 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcfe-61014b60 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dd09-61014b60 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dd2d-61014b60, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb8-61014b60, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bba-61014b60, #w-node-ecdb83f8-12ee-3414-6a86-0a9a63cb1bb9-61014b60, #w-node-_8864b893-9ddd-2410-cc4c-5799cdfbf0ac-61014b60, #w-node-_8864b893-9ddd-2410-cc4c-5799cdfbf0bb-61014b60, #w-node-_8864b893-9ddd-2410-cc4c-5799cdfbf0c9-61014b60 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129525-61014b60 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129526-61014b60 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129531-61014b60 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_4dde1445-9bb4-6d43-b78d-6be432a9a9df-9991c92f, #w-node-_4dde1445-9bb4-6d43-b78d-6be432a9a9e1-9991c92f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_826723bd-9103-014f-d704-73260c57d9c5-9991c92f {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-fd29e843-0ead-1744-22c2-4bb0ac7512fd-9991c92f {
place-self: stretch center;
}
#w-node-fd29e843-0ead-1744-22c2-4bb0ac751304-9991c92f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-bb278576-f33e-3c75-f3f7-a2beae5fa418-9991c92f {
place-self: stretch center;
}
#w-node-e63562dc-8f32-5ca6-4f10-2ca4a5b354da-9991c92f, #w-node-_9f7d496d-c31a-9389-368f-3edda86019c9-9991c92f, #w-node-_95cd8a92-b2fc-2b00-3708-3e2328b18c31-9991c92f, #w-node-bafccc73-167c-4478-7a2a-547533b93dc3-9991c92f, #w-node-df3bb7b4-4267-6d1e-18d4-e8832e3a31c5-9991c92f, #w-node-e63562dc-8f32-5ca6-4f10-2ca4a5b354ea-9991c92f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e99fb32c-9840-8e1c-d2b5-223effb85910-9991c92f {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-e99fb32c-9840-8e1c-d2b5-223effb85911-9991c92f {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-e99fb32c-9840-8e1c-d2b5-223effb8591a-9991c92f {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_8df739ed-0e1a-f7d3-7e71-1e4f982e8807-11f6bcc8, #w-node-_8df739ed-0e1a-f7d3-7e71-1e4f982e8809-11f6bcc8 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-f757f589-3569-c42a-8130-4ea426b74635-11f6bcc8, #w-node-_2bf2d4d8-c3c9-a6e6-a9d8-64050e92458e-11f6bcc8, #w-node-_7950df7d-2637-2f2a-8391-44ebb8cc5800-11f6bcc8, #w-node-e97dd77e-d69b-076b-2075-7511a37ffb57-11f6bcc8, #w-node-d66c32ca-c91c-4c6c-e592-98dd9c8818be-11f6bcc8, #w-node-db5b6445-e0d5-a77f-f968-3af584c5e21b-11f6bcc8, #w-node-_143faf39-53ec-0e67-9821-db7e501f0efe-11f6bcc8, #w-node-_143faf39-53ec-0e67-9821-db7e501f0f00-11f6bcc8, #w-node-_143faf39-53ec-0e67-9821-db7e501f0f16-11f6bcc8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0323a39-df97-0614-c816-ce9094d5aa11-11f6bcc8 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-d0323a39-df97-0614-c816-ce9094d5aa12-11f6bcc8 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-d0323a39-df97-0614-c816-ce9094d5aa1d-11f6bcc8 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_97fc69ab-a6a2-2097-b25d-49fec5b532a4-0e589edd, #w-node-_97fc69ab-a6a2-2097-b25d-49fec5b532a6-0e589edd {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_032d59cf-b941-1771-7300-c0831b9cedea-0e589edd {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-ba294210-fa95-db07-1f5c-231197664593-0e589edd {
grid-area: span 1 / span 4 / span 1 / span 4;
align-self: center;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-0e589edd {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23652-0e589edd {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23653-0e589edd {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23672-0e589edd {
grid-area: 1 / 2 / 2 / 2;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb53-0e589edd {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb54-0e589edd {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb5f-0e589edd {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_051cc9ac-11a1-f62d-3fa6-f516d5021181-f92fd710, #w-node-_051cc9ac-11a1-f62d-3fa6-f516d5021183-f92fd710 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f71-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f88-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3f9f-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fb6-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fcd-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3fe4-f92fd710, #w-node-_79891592-9e8e-d6ab-eda9-8e56380f3ffb-f92fd710 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d01-f92fd710 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d02-f92fd710 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d0d-f92fd710 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-a726fabf-7847-f3a2-88bf-99dfb62b0786-b0f17491, #w-node-a726fabf-7847-f3a2-88bf-99dfb62b0788-b0f17491 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-d7e4042f-9974-7a74-e359-d015cf03761e-b0f17491 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-d7e4042f-9974-7a74-e359-d015cf03761f-b0f17491 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-d7e4042f-9974-7a74-e359-d015cf03762a-b0f17491 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_2c2129e8-b389-1ea7-d214-b8713f2c1d62-fcc66f00, #w-node-_2c2129e8-b389-1ea7-d214-b8713f2c1d64-fcc66f00 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-eb21f216-ba8e-a389-4fc1-015de85e8c21-fcc66f00 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-eb21f216-ba8e-a389-4fc1-015de85e8c22-fcc66f00 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-eb21f216-ba8e-a389-4fc1-015de85e8c2d-fcc66f00 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
#w-node-_7a384175-5946-ab6e-aeb5-ba5dca5eb0ee-8561a0c7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_7a384175-5946-ab6e-aeb5-ba5dca5eb0f2-8561a0c7 {
justify-self: start;
}
#w-node-_6316ba57-0ef1-fbac-3dba-003e2e25c9f8-8561a0c7 {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_6316ba57-0ef1-fbac-3dba-003e2e25c9f9-8561a0c7 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_6316ba57-0ef1-fbac-3dba-003e2e25ca04-8561a0c7 {
grid-area: span 1 / span 6 / span 1 / span 6;
justify-self: end;
}
@media screen and (min-width: 1440px) {
#w-node-_6bc285dd-d852-3889-8d81-1a850acf61ca-1813318a, #w-node-_6bc285dd-d852-3889-8d81-1a850acf61d0-1813318a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-_00a83da3-2217-124f-e580-9fe8b3e7ca39-5614b3c9, #w-node-_00a83da3-2217-124f-e580-9fe8b3e7ca3b-5614b3c9 {
grid-column: span 2 / span 2;
}
#w-node-ba294210-fa95-db07-1f5c-231197664593-5614b3c9 {
grid-column: span 3 / span 3;
}
#w-node-_9b61162a-24f3-fd20-3c60-2ae73e89e206-5614b3c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-5614b3c9 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23652-5614b3c9 {
grid-column: 1 / 4;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23653-5614b3c9 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23672-5614b3c9 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb53-5614b3c9 {
grid-column: span 8 / span 8;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb54-5614b3c9, #w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb5f-5614b3c9 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-dae328d8-b3e1-8b43-1dd2-fd0110476cce-a9586777, #w-node-dae328d8-b3e1-8b43-1dd2-fd0110476cd0-a9586777 {
grid-column: span 2 / span 2;
}
#w-node-_99c82bfd-a506-1102-b5e8-7a7d04888cdb-a9586777, #w-node-d845b9f2-655c-3105-7c45-6ad95e49a5d7-a9586777 {
order: 9999;
}
#w-node-e14ed6b9-f5e3-25fe-47dc-8039f6af6c2d-a9586777, #w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce2-a9586777 {
grid-column: span 8 / span 8;
}
#w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce7-a9586777, #w-node-_58c08563-d05c-5bb5-b163-6edab68233cc-a9586777, #w-node-_9c6df9ac-6f95-1623-f5c0-8d3cb2b226fd-a9586777 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-bcad07da-776b-eed8-cfd5-73072217957e-a9586777, #w-node-bcad07da-776b-eed8-cfd5-730722179589-a9586777, #w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af3-a9586777, #w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b79-a9586777, #w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3244-a9586777 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779956-a9586777 {
grid-column: span 8 / span 8;
}
#w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779957-a9586777, #w-node-_9b6f0608-cf7f-1826-49f6-abd5ea779962-a9586777 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_3e759c7e-c8db-ecfe-eedc-f8e97be151a2-e54aff1c, #w-node-_3e759c7e-c8db-ecfe-eedc-f8e97be151a4-e54aff1c, #w-node-_6606b1aa-be4a-61c8-cb9c-bacb1db170c2-e54aff1c, #w-node-_6606b1aa-be4a-61c8-cb9c-bacb1db170c4-e54aff1c {
grid-column: span 2 / span 2;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b95-e54aff1c {
grid-column: span 8 / span 8;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b9a-e54aff1c {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4bd4-e54aff1c {
grid-area: span 1 / span 8 / span 1 / span 8;
justify-self: start;
}
#w-node-_1793eb75-2d50-35ec-152a-0c0b9eb4351e-e54aff1c {
grid-column: span 8 / span 8;
}
#w-node-_1793eb75-2d50-35ec-152a-0c0b9eb43523-e54aff1c {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-bb382735-0778-a17f-0110-312c9dc07d77-e54aff1c {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-bb382735-0778-a17f-0110-312c9dc07d82-e54aff1c, #w-node-c6f3c68f-b143-bce5-1096-450762359d01-e54aff1c {
grid-column: span 8 / span 8;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d02-e54aff1c, #w-node-c6f3c68f-b143-bce5-1096-450762359d0d-e54aff1c {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_3179ee5f-9886-c2e1-81bd-0dd1b3be6380-1c0ad70b, #w-node-_3179ee5f-9886-c2e1-81bd-0dd1b3be6382-1c0ad70b {
grid-column: span 2 / span 2;
}
#w-node-_8f9356ae-15ec-5920-8884-0701e258b111-1c0ad70b {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_20ee0b88-96e1-0739-fc18-bcc57067b380-1c0ad70b {
grid-column: span 8 / span 8;
}
#w-node-_20ee0b88-96e1-0739-fc18-bcc57067b381-1c0ad70b, #w-node-_20ee0b88-96e1-0739-fc18-bcc57067b38c-1c0ad70b {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_762e225b-fe4c-9157-6ce8-87e7380a3e59-a1ec09d0, #w-node-_762e225b-fe4c-9157-6ce8-87e7380a3e5b-a1ec09d0 {
grid-column: span 2 / span 2;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-a1ec09d0, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-a1ec09d0 {
grid-column: span 4 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-a1ec09d0 {
grid-column: span 8 / span 8;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-a1ec09d0, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-a1ec09d0 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-a1ec09d0 {
grid-column: span 8 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-a1ec09d0, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-a1ec09d0, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-a1ec09d0, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-a1ec09d0 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_69b0cf42-5ca4-c7d0-369e-aed82538ab94-a1ec09d0 {
grid-column: span 8 / span 8;
}
#w-node-_69b0cf42-5ca4-c7d0-369e-aed82538ab95-a1ec09d0, #w-node-_69b0cf42-5ca4-c7d0-369e-aed82538aba0-a1ec09d0 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_1ef9c192-4e44-d458-cf41-8fb26ce4002d-2e196889, #w-node-_1ef9c192-4e44-d458-cf41-8fb26ce4002f-2e196889 {
grid-column: span 2 / span 2;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-2e196889, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-2e196889 {
grid-column: span 4 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-2e196889 {
grid-column: span 8 / span 8;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-2e196889, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-2e196889 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-2e196889 {
grid-column: span 8 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-2e196889, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-2e196889, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-2e196889, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-2e196889 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8705-2e196889 {
grid-column: span 8 / span 8;
}
#w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8706-2e196889, #w-node-_9f245ea3-0ec6-b516-eeeb-8b94986e8711-2e196889 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_0aba15eb-9f9e-b21c-9e9a-e9f3f1207f7c-7724d83e, #w-node-_0aba15eb-9f9e-b21c-9e9a-e9f3f1207f7e-7724d83e {
grid-column: span 2 / span 2;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-7724d83e, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-7724d83e {
grid-column: span 4 / span 4;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de00-7724d83e {
grid-column: span 8 / span 8;
}
#w-node-ce47e6e8-58d1-945c-84db-662079a2de05-7724d83e, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-7724d83e {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-7724d83e {
grid-column: span 8 / span 8;
}
#w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c0a-7724d83e, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c14-7724d83e, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c1e-7724d83e, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c28-7724d83e {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_6c12f270-2a79-86f1-aae7-92a9d490671a-7724d83e {
grid-column: span 8 / span 8;
}
#w-node-_6c12f270-2a79-86f1-aae7-92a9d490671c-7724d83e {
grid-area: 2 / 3 / 3 / 9;
}
#w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5d6-7724d83e {
grid-column: span 8 / span 8;
}
#w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5d7-7724d83e, #w-node-c14e9e9f-63f4-e6f8-451e-f21de4fbf5e2-7724d83e {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_49aaf75f-e5d5-7409-758f-791d931931ef-67df2968, #w-node-_49aaf75f-e5d5-7409-758f-791d931931f1-67df2968 {
grid-column: span 2 / span 2;
}
#w-node-fc359c83-6335-b526-1703-d25dea98d59d-67df2968, #w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c598f-67df2968 {
grid-column: span 8 / span 8;
}
#w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c5990-67df2968, #w-node-_2fbcc1bf-c7ea-01d3-8ec1-0db3e60c599b-67df2968 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-e78ecd30-27dc-abef-67e0-8f113f47c11f-61014b60, #w-node-e78ecd30-27dc-abef-67e0-8f113f47c121-61014b60 {
grid-column: span 2 / span 2;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa04-61014b60, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0e-61014b60 {
grid-column: span 4 / span 4;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaef6-61014b60 {
grid-column: span 8 / span 8;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaefd-61014b60, #w-node-_3a34b025-8cd4-af72-298c-f0858d2aaf25-61014b60 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11b-61014b60 {
grid-column: span 8 / span 8;
}
#w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11e-61014b60, #w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac146-61014b60 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f4-61014b60 {
grid-column: span 8 / span 8;
}
#w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f9-61014b60, #w-node-aeb605ab-8791-2ee2-dcde-a4dda2a32114-61014b60 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcf9-61014b60 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcfe-61014b60 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dd09-61014b60, #w-node-_73c5e702-923e-810c-8353-215954e6dd2d-61014b60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129525-61014b60 {
grid-column: span 8 / span 8;
}
#w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129526-61014b60, #w-node-_73ac7f87-b54a-8098-0fbb-ea07cd129531-61014b60 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_4dde1445-9bb4-6d43-b78d-6be432a9a9df-9991c92f, #w-node-_4dde1445-9bb4-6d43-b78d-6be432a9a9e1-9991c92f {
grid-column: span 2 / span 2;
}
#w-node-_826723bd-9103-014f-d704-73260c57d9c5-9991c92f {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-e99fb32c-9840-8e1c-d2b5-223effb85910-9991c92f {
grid-column: span 8 / span 8;
}
#w-node-e99fb32c-9840-8e1c-d2b5-223effb85911-9991c92f, #w-node-e99fb32c-9840-8e1c-d2b5-223effb8591a-9991c92f {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_8df739ed-0e1a-f7d3-7e71-1e4f982e8807-11f6bcc8, #w-node-_8df739ed-0e1a-f7d3-7e71-1e4f982e8809-11f6bcc8 {
grid-column: span 2 / span 2;
}
#w-node-d0323a39-df97-0614-c816-ce9094d5aa11-11f6bcc8 {
grid-column: span 8 / span 8;
}
#w-node-d0323a39-df97-0614-c816-ce9094d5aa12-11f6bcc8, #w-node-d0323a39-df97-0614-c816-ce9094d5aa1d-11f6bcc8 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_97fc69ab-a6a2-2097-b25d-49fec5b532a4-0e589edd, #w-node-_97fc69ab-a6a2-2097-b25d-49fec5b532a6-0e589edd {
grid-column: span 2 / span 2;
}
#w-node-_032d59cf-b941-1771-7300-c0831b9cedea-0e589edd {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-ba294210-fa95-db07-1f5c-231197664593-0e589edd {
grid-column: span 3 / span 3;
}
#w-node-_9b61162a-24f3-fd20-3c60-2ae73e89e206-0e589edd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-0e589edd {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23652-0e589edd {
grid-column: 1 / 4;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23653-0e589edd {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-_69e2f7cf-1a2f-4133-cf3d-856c78b23672-0e589edd {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb53-0e589edd {
grid-column: span 8 / span 8;
}
#w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb54-0e589edd, #w-node-_914bbc70-a6d2-75fa-1f18-9a0ed5bcdb5f-0e589edd {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_051cc9ac-11a1-f62d-3fa6-f516d5021181-f92fd710, #w-node-_051cc9ac-11a1-f62d-3fa6-f516d5021183-f92fd710 {
grid-column: span 2 / span 2;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d01-f92fd710 {
grid-column: span 8 / span 8;
}
#w-node-c6f3c68f-b143-bce5-1096-450762359d02-f92fd710, #w-node-c6f3c68f-b143-bce5-1096-450762359d0d-f92fd710 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-a726fabf-7847-f3a2-88bf-99dfb62b0786-b0f17491, #w-node-a726fabf-7847-f3a2-88bf-99dfb62b0788-b0f17491 {
grid-column: span 2 / span 2;
}
#w-node-d7e4042f-9974-7a74-e359-d015cf03761e-b0f17491 {
grid-column: span 8 / span 8;
}
#w-node-d7e4042f-9974-7a74-e359-d015cf03761f-b0f17491, #w-node-d7e4042f-9974-7a74-e359-d015cf03762a-b0f17491 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_2c2129e8-b389-1ea7-d214-b8713f2c1d62-fcc66f00, #w-node-_2c2129e8-b389-1ea7-d214-b8713f2c1d64-fcc66f00 {
grid-column: span 2 / span 2;
}
#w-node-eb21f216-ba8e-a389-4fc1-015de85e8c21-fcc66f00 {
grid-column: span 8 / span 8;
}
#w-node-eb21f216-ba8e-a389-4fc1-015de85e8c22-fcc66f00, #w-node-eb21f216-ba8e-a389-4fc1-015de85e8c2d-fcc66f00 {
grid-column: span 8 / span 8;
justify-self: center;
}
#w-node-_6316ba57-0ef1-fbac-3dba-003e2e25c9f8-8561a0c7 {
grid-column: span 8 / span 8;
}
#w-node-_6316ba57-0ef1-fbac-3dba-003e2e25c9f9-8561a0c7, #w-node-_6316ba57-0ef1-fbac-3dba-003e2e25ca04-8561a0c7 {
grid-column: span 8 / span 8;
justify-self: center;
}
}
@media screen and (max-width: 767px) {
#w-node-ba294210-fa95-db07-1f5c-231197664593-5614b3c9 {
grid-column: span 4 / span 4;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-5614b3c9 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce2-a9586777, #w-node-a0b8cbc4-8b97-dee2-4fe7-59268de19ce7-a9586777, #w-node-_58c08563-d05c-5bb5-b163-6edab68233cc-a9586777, #w-node-_9c6df9ac-6f95-1623-f5c0-8d3cb2b226fd-a9586777, #w-node-bcad07da-776b-eed8-cfd5-73072217957e-a9586777, #w-node-bcad07da-776b-eed8-cfd5-730722179589-a9586777 {
grid-column: span 4 / span 4;
}
#w-node-bcad07da-776b-eed8-cfd5-73072217958a-a9586777, #w-node-bcad07da-776b-eed8-cfd5-73072217958b-a9586777 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af3-a9586777 {
grid-column: span 4 / span 4;
}
#w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af5-a9586777, #w-node-_35aff8b9-9bef-5f10-d53b-ab2e1ae92af4-a9586777 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b79-a9586777 {
grid-column: span 4 / span 4;
}
#w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b7a-a9586777, #w-node-b272ec00-3a81-69b9-fac7-a526cd7d5b7b-a9586777 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3244-a9586777 {
grid-column: span 4 / span 4;
}
#w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3246-a9586777, #w-node-bf945f74-04e9-7c34-fd71-26d1f3aa3245-a9586777 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b95-e54aff1c, #w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4b9a-e54aff1c, #w-node-_0049724f-3b9c-3d2f-bea5-718c5efa4bd4-e54aff1c, #w-node-_1793eb75-2d50-35ec-152a-0c0b9eb4351e-e54aff1c, #w-node-_1793eb75-2d50-35ec-152a-0c0b9eb43523-e54aff1c, #w-node-bb382735-0778-a17f-0110-312c9dc07d77-e54aff1c, #w-node-bb382735-0778-a17f-0110-312c9dc07d82-e54aff1c, #w-node-_8f9356ae-15ec-5920-8884-0701e258b111-1c0ad70b, #w-node-ce47e6e8-58d1-945c-84db-662079a2de00-a1ec09d0, #w-node-ce47e6e8-58d1-945c-84db-662079a2de05-a1ec09d0, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-a1ec09d0, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-a1ec09d0, #w-node-ce47e6e8-58d1-945c-84db-662079a2de00-2e196889, #w-node-ce47e6e8-58d1-945c-84db-662079a2de05-2e196889, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-2e196889, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-2e196889, #w-node-ce47e6e8-58d1-945c-84db-662079a2de00-7724d83e, #w-node-ce47e6e8-58d1-945c-84db-662079a2de05-7724d83e, #w-node-ce47e6e8-58d1-945c-84db-662079a2de2d-7724d83e, #w-node-_6c37b3cf-2862-f4c5-1c71-84371ad02c05-7724d83e, #w-node-_6c12f270-2a79-86f1-aae7-92a9d490671a-7724d83e {
grid-column: span 4 / span 4;
}
#w-node-_6c12f270-2a79-86f1-aae7-92a9d490671c-7724d83e {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_90170f57-6985-f2f0-ead5-ae79b452399b-61014b60 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_3a34b025-8cd4-af72-298c-f0858d2aaef6-61014b60, #w-node-_3a34b025-8cd4-af72-298c-f0858d2aaefd-61014b60, #w-node-_3a34b025-8cd4-af72-298c-f0858d2aaf25-61014b60, #w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11b-61014b60, #w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac11e-61014b60, #w-node-e036f9c4-fd45-a2ed-eb20-a0f9f83ac146-61014b60, #w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f4-61014b60, #w-node-aeb605ab-8791-2ee2-dcde-a4dda2a320f9-61014b60, #w-node-aeb605ab-8791-2ee2-dcde-a4dda2a32114-61014b60 {
grid-column: span 4 / span 4;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcf9-61014b60 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dcfe-61014b60 {
grid-column: span 4 / span 4;
}
#w-node-_73c5e702-923e-810c-8353-215954e6dd09-61014b60, #w-node-_73c5e702-923e-810c-8353-215954e6dd2d-61014b60 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_826723bd-9103-014f-d704-73260c57d9c5-9991c92f {
grid-column: span 4 / span 4;
}
#w-node-fd29e843-0ead-1744-22c2-4bb0ac7512fd-9991c92f, #w-node-bb278576-f33e-3c75-f3f7-a2beae5fa418-9991c92f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_032d59cf-b941-1771-7300-c0831b9cedea-0e589edd, #w-node-ba294210-fa95-db07-1f5c-231197664593-0e589edd {
grid-column: span 4 / span 4;
}
#w-node-_6ae9d880-2373-9e7c-d9fb-3b8bb6ecb693-0e589edd {
grid-area: span 1 / span 4 / span 1 / span 4;
}
}
@media screen and (max-width: 479px) {
#w-node-c6292e87-c657-559a-4832-50bf46be1fc4-a9586777 {
place-self: auto center;
}
#w-node-_1793eb75-2d50-35ec-152a-0c0b9eb43523-e54aff1c {
align-self: auto;
}
#w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0a-a1ec09d0, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0a-2e196889, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0a-7724d83e, #w-node-_187f447c-18bc-563f-3d3c-d99f512cfa0a-61014b60 {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_7a384175-5946-ab6e-aeb5-ba5dca5eb0ee-8561a0c7 {
grid-column: span 1 / span 1;
}
}