html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
.w-webflow-badge,
.w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
figcaption {
text-align: center;
margin-top: 5px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw > button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control > [hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round > div {
border-radius: 100%
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert > div {
background-color: #2226
}
.w-slider-nav-invert > div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type=video] > div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure > div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type=image] > div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type=image] > figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type=video] > div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image] > div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
@font-face {
font-family: Outfit;
src: url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/672238dda92fb2d2ff03202f_Outfit-Light.woff2)format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Outfit;
src: url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/672238dd58acdf3185ce14b1_Outfit-Medium.woff2)format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Outfit;
src: url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6792780e555ee9131b891255_Outfit-Regular.woff2)format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
:root {
--text--font-family: var(--font--primary-family);
--swatch--brand-text: #222;
--text--font-size: var(--size--1rem);
--text--line-height: var(--line-height--1-3em);
--text--letter-spacing: var(--letter-spacing--0em);
--h1--font-family: var(--font--primary-family);
--h1--font-size: var(--size--5rem);
--h1--line-height: var(--line-height--1-1em);
--h1--letter-spacing: var(--letter-spacing--0-04em);
--h2--font-family: var(--font--primary-family);
--h2--font-size: var(--size--3-5rem);
--h2--line-height: var(--line-height--1-2em);
--h2--letter-spacing: var(--letter-spacing--0-04em);
--h3--font-family: var(--font--primary-family);
--h3--font-size: var(--size--3rem);
--h3--line-height: var(--line-height--1-2em);
--h3--letter-spacing: var(--letter-spacing--0-04em);
--h4--font-family: var(--font--primary-family);
--h4--font-size: var(--size--2rem);
--h4--line-height: var(--line-height--1-2em);
--h4--letter-spacing: var(--letter-spacing--0-02em);
--h5--font-family: var(--font--primary-family);
--h5--font-size: var(--size--1-5rem);
--h5--line-height: var(--line-height--1-2em);
--h5--letter-spacing: var(--letter-spacing--0-02em);
--h6--font-family: var(--font--primary-family);
--h6--font-size: var(--size--1rem);
--h6--line-height: var(--line-height--1-2em);
--h6--letter-spacing: var(--letter-spacing--0em);
--swatch--text-black-60: #2229;
--line-height--1-5em: 1.5em;
--space--small\: var(--size--1-5rem);
--border--black-10: #2222221a;
--size--0-5rem: .5rem;
--size--0-75rem: .75rem;
--swatch--bg-black-20: #2223;
--line-height--1-4em: 1.4em;
--border-width--main\: 1.5px;
--theme--border\: white;
--radius--main\: 1rem;
--size--2rem: 2rem;
--theme--text\: white;
--text-large--font-size\: var(--size--1-25rem);
--text-large--line-height\: var(--line-height--1-5em);
--space--extra-small\: var(--size--0-75rem);
--size--0-25rem: .25rem;
--size--1-5rem\: 1.5rem;
--size--1-5rem: 1.5rem;
--button--border-secondary: #ffffff1a;
--radius--round\: 100vw;
--swatch--dark\: #353233;
--button--text: white;
--button--border-hover\: white;
--button--bg-hover: #111111e6;
--button--text-hover\: white;
--swatch--bg-white: white;
--max-width--main: 90rem;
--padding-vertical--main\: var(--size--4rem);
--padding-horizontal--main\: 3rem;
--grid-gap--main\: var(--size--1rem);
--space--medium\: var(--size--2rem);
--size--4rem: 4rem;
--size--1rem: 1rem;
--swatch--text-white: white;
--size--5rem: 5rem;
--line-height--1-1em: 1.1em;
--swatch--text-white-60: #fff9;
--button--bg: #e2000f;
--button--bg-white: white;
--swatch--text-accent-grey: #9e9d9b;
--swatch--brand: #fff;
--swatch--bg-black: #111;
--size--2-5rem: 2.5rem;
--line-height--1-2em: 1.2em;
--letter-spacing--0-02em: -.02em;
--swatch--text-white-80: #fffc;
--size--1-25rem: 1.25rem;
--size--4-25rem: 4.25rem;
--border--white-20: #fff3;
--swatch--transparent: #fff0;
--border--white-10: #ffffff1a;
--size--3-75rem: 3.75rem;
--size--3-5rem: 3.5rem;
--letter-spacing--0-04em: -.04em;
--line-height--1-7em: 1.7em;
--line-height--1-3em: 1.3em;
--link-menu--text-white: white;
--link-menu--bg-hover: #ffffff1a;
--link-menu--bg-pressed: #fff3;
--button--bg-secondary-hover: #ffffff1a;
--button--bg-secondary-pressed: #fff3;
--swatch--bg-dark-grey: #242424;
--button--icon: #e2000f;
--button--bg-primary-hover: #2222220d;
--button--bg-primary-pressed: #2222221a;
--size--8-75rem: 8.75rem;
--size--5-75rem: 5.75rem;
--size--7-75rem: 7.75rem;
--swatch--bg-black-5: #2222220d;
--swatch--bg-black-40: #2226;
--swatch--bg-white-4: #ffffff0a;
--border--white-30: #ffffff4d;
--border--white-60: #fff9;
--link-footer--text: #222;
--link-footer--text-secondary: #2229;
--link-footer--text-hover-secondary: #222;
--swatch--text-black-80: #222c;
--border--orange: #e2000f;
--swatch--bg-dark: #222;
--size--7-5rem: 7.5rem;
--size--6-75rem: 6.75rem;
--size--6-25rem: 6.25rem;
--size--11rem: 11rem;
--size--7-25rem: 7.25rem;
--size--3rem: 3rem;
--swatch--bg-white-10: #ffffff1a;
--swatch--bg-black-60: #2229;
--size--14rem: 14rem;
--link-menu--text-drop: #fff9;
--link-menu--bg-drop-hover: #ffffff1a;
--link-menu--bg-drop-pressed: #fff3;
--size--1-75rem: 1.75rem;
--size--2-25rem: 2.25rem;
--size--5-25rem: 5.25rem;
--size--5-5rem: 5.5rem;
--line-height--1em: 1em;
--swatch--bg-white-20: #fff3;
--link-social-team--bg: #2222220d;
--link-social-team--bg-secondary: #222;
--swatch--text-white-40: #fff6;
--swatch--text-black-70: #222222b3;
--link-social-team--bg-hover: #222;
--link-menu--text-drop-hover: white;
--border--black-20: #2223;
--h1--font-weight: var(--font--medium);
--h1--text-transform: var(--text-transform--inherit);
--h2--font-weight: var(--font--medium);
--h2--text-transform: var(--text-transform--inherit);
--h3--font-weight: var(--font--medium);
--h3--text-transform: var(--text-transform--inherit);
--h4--font-weight: var(--font--medium);
--h4--text-transform: var(--text-transform--inherit);
--h5--font-weight: var(--font--regular);
--h5--text-transform: var(--text-transform--inherit);
--h6--font-weight: var(--font--regular);
--h6--text-transform: var(--text-transform--inherit);
--text--font-weight: var(--font--regular);
--text--text-transform: var(--text-transform--none);
--font--primary-family: Outfit, Arial, sans-serif;
--font--light: var(--font-weight--300);
--font--regular: var(--font-weight--400);
--font--medium: var(--font-weight--500);
--font--bold: var(--font-weight--600);
--font--black: var(--font-weight--700);
--font-weight--inherit: 0px;
--font-weight--100: 0px;
--font-weight--200: 0px;
--font-weight--300: 0px;
--font-weight--400: 0px;
--font-weight--500: 0px;
--font-weight--600: 0px;
--font-weight--700: 0px;
--font-weight--800: 0px;
--font-weight--900: 0px;
--letter-spacing--0em: 0em;
--letter-spacing--0-01em: -.01em;
--letter-spacing--0-03em: -.03em;
--letter-spacing--0-05em: -.05em;
--line-height--1-6em: 1.6em;
--size--0rem: 0rem;
--size--0-125rem: .125rem;
--size--2-75rem: 2.75rem;
--size--3-25rem: 3.25rem;
--size--4-5rem: 4.5rem;
--size--4-75rem: 4.75rem;
--size--6rem: 6rem;
--size--6-5rem: 6.5rem;
--size--7rem: 7rem;
--size--8rem: 8rem;
--size--8-25rem: 8.25rem;
--size--8-5rem: 8.5rem;
--size--9rem: 9rem;
--size--9-25rem: 9.25rem;
--size--9-5rem: 9.5rem;
--size--9-75rem: 9.75rem;
--size--10rem: 10rem;
--size--10-25rem: 10.25rem;
--size--10-5rem: 10.5rem;
--size--10-75rem: 10.75rem;
--size--11-25rem: 11.25rem;
--size--11-5rem: 11.5rem;
--size--11-75rem: 11.75rem;
--size--12rem: 12rem;
--size--12-25rem: 12.25rem;
--size--12-5rem: 12.5rem;
--size--12-75rem: 12.75rem;
--size--13rem: 13rem;
--size--13-25rem: 13.25rem;
--size--13-5rem: 13.5rem;
--size--13-75rem: 13.75rem;
--text-transform--inherit: 0px;
--text-transform--none: 0px;
--text-transform--uppercase: 0px;
--text-transform--capitalize: 0px;
--text-transform--lowercase: 0px
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-pagination-previous-icon {
margin-right: 4px
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec
}
body {
font-family: var(--text--font-family);
color: var(--swatch--brand-text);
font-size: var(--text--font-size);
line-height: var(--text--line-height);
letter-spacing: var(--text--letter-spacing);
overscroll-behavior: none;
font-weight: var(--text--font-weight);
text-transform: var(--text--text-transform);
background-color: #000
}
h1 {
font-family: var(--h1--font-family);
font-size: var(--h1--font-size);
line-height: var(--h1--line-height);
letter-spacing: var(--h1--letter-spacing);
font-weight: var(--h1--font-weight);
text-transform: var(--h1--text-transform)
}
h2 {
font-family: var(--h2--font-family);
font-size: var(--h2--font-size);
line-height: var(--h2--line-height);
letter-spacing: var(--h2--letter-spacing);
font-weight: var(--h2--font-weight);
text-transform: var(--h2--text-transform)
}
h3 {
font-family: var(--h3--font-family);
font-size: var(--h3--font-size);
line-height: var(--h3--line-height);
letter-spacing: var(--h3--letter-spacing);
font-weight: var(--h3--font-weight);
text-transform: var(--h3--text-transform)
}
h4 {
font-family: var(--h4--font-family);
font-size: var(--h4--font-size);
line-height: var(--h4--line-height);
letter-spacing: var(--h4--letter-spacing);
font-weight: var(--h4--font-weight);
text-transform: var(--h4--text-transform)
}
h5 {
font-family: var(--h5--font-family);
font-size: var(--h5--font-size);
line-height: var(--h5--line-height);
letter-spacing: var(--h5--letter-spacing);
font-weight: var(--h5--font-weight);
text-transform: var(--h5--text-transform)
}
h6 {
font-family: var(--h6--font-family);
font-size: var(--h6--font-size);
line-height: var(--h6--line-height);
letter-spacing: var(--h6--letter-spacing);
font-weight: var(--h6--font-weight);
text-transform: var(--h6--text-transform)
}
a {
color: inherit;
text-decoration: none
}
ul {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: var(--swatch--text-black-60);
font-size: 1.125rem;
line-height: var(--line-height--1-5em);
flex-flow: column;
margin: 0;
padding: 0 0 0 1.25rem;
font-weight: 300;
display: flex
}
ol {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
margin: 0;
padding: 0 0 0 1.2rem;
display: flex
}
li {
margin: 0;
padding: 0
}
img {
object-fit: cover;
width: 100%;
max-width: 100%
}
strong {
font-weight: 700
}
blockquote {
padding: 0px var(--space--small\);
border-left-style: solid;
border-left-width: 3px
}
.u-h5 {
font-family: var(--h5--font-family);
font-size: var(--h5--font-size);
line-height: var(--h5--line-height);
letter-spacing: var(--h5--letter-spacing);
font-weight: var(--h5--font-weight);
text-transform: var(--h5--text-transform)
}
.styleguide_card {
padding: var(--space--small\);
border: 1px solid var(--border--black-10);
border-radius: 1rem;
height: 100%;
position: relative;
overflow: hidden
}
.g_tag_wrap {
padding: var(--size--0-5rem)var(--size--0-75rem);
background-color: var(--swatch--bg-black-20);
color: var(--swatch--brand-text);
line-height: var(--line-height--1-4em);
text-align: center;
-webkit-text-stroke-color: #353233;
border-radius: .5rem;
min-width: 4rem;
display: inline-block
}
.styleguide_font_item {
border-bottom: var(--border-width--main\)solid var(--theme--border\)
}
.styleguide_font_item.u-grid-column-2 {
padding-top: var(--space--small\);
padding-bottom: var(--space--small\);
grid-column-gap: 1rem;
grid-row-gap: .75rem;
border-bottom-width: 1.5px;
border-bottom-color: var(--border--black-10);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr))
}
.form_main_field_wrap {
text-align: left;
width: 100%
}
.form_main_error_wrap {
border: var(--border-width--main\)solid var(--theme--border\);
border-radius: var(--radius--main\);
background-color: #0000;
margin-top: 1.3rem;
padding: .8rem 1.4rem
}
.form_main_field_input {
height: var(--size--2rem);
border-style: solid;
border-width: 0px 0px var(--border-width--main\);
border-color: black black var(--theme--border\);
color: var(--theme--text\);
font-size: var(--text-large--font-size\);
line-height: var(--text-large--line-height\);
background-color: #0000;
border-radius: 0;
margin-bottom: 0;
padding: 0
}
.form_main_field_input:focus {
border-bottom-color: var(--theme--text\)
}
.form_main_field_input::placeholder {
color: color-mix(in srgb, var(--theme--text)60%, transparent)
}
.u-rich-text h1 {
margin-top: var(--space--small\);
margin-bottom: var(--space--extra-small\)
}
.u-rich-text p {
margin-top: var(--space--extra-small\);
margin-bottom: var(--space--extra-small\)
}
.u-rich-text h2,
.u-rich-text h3,
.u-rich-text h4,
.u-rich-text h5,
.u-rich-text h6 {
margin-top: var(--space--small\);
margin-bottom: var(--space--extra-small\)
}
.u-rich-text figure {
margin-top: var(--space--small\);
margin-bottom: var(--space--small\)
}
.u-rich-text ul {
margin-top: var(--size--0-75rem);
margin-bottom: var(--size--0-75rem)
}
.u-rich-text li {
margin-top: var(--size--0-25rem);
margin-bottom: var(--size--0-25rem)
}
.u-rich-text blockquote {
margin-top: var(--size--1-5rem\);
margin-bottom: var(--size--1-5rem\)
}
.btn_main_wrap {
padding: var(--size--0-75rem)var(--size--1-5rem);
border: var(--border-width--main\)solid var(--button--border-secondary);
border-radius: var(--radius--round\);
background-color: var(--swatch--dark\);
color: var(--button--text);
line-height: 1;
transition: all .15s;
display: inline-block
}
.btn_main_wrap:hover {
border-color: var(--button--border-hover\);
background-color: var(--button--bg-hover);
color: var(--button--text-hover\)
}
.page_wrap {
overflow: clip
}
.page_code_wrap {
display: none;
position: fixed;
inset: 0% 0% auto
}
.styleguide_typography {
background-color: var(--swatch--bg-white)
}
.styleguide_content.u-vflex-stretch-top {
margin-top: 3rem
}
.styleguide_content.u-vflex-stretch-top.u-gap-small {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.u-container {
max-width: var(--max-width--main);
padding: var(--padding-vertical--main\)var(--padding-horizontal--main\);
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative
}
.hero_utility-page_contain.u-container {
min-height: 100vh
}
.hero_utility-page_content {
text-align: center
}
.styleguide_guide_wrap {
z-index: 2000;
pointer-events: none;
display: block;
position: fixed;
inset: 0% 0% auto;
overflow: hidden
}
.styleguide_guide_list.u-grid-custom {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.styleguide_guide_column {
color: #8a8a8a80;
background-color: #9292920f;
height: 100vh;
padding: .6rem
}
.styleguide_list.u-grid-column-4,
.styleguide_list.u-grid-column-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.u-grid-custom {
grid-column-gap: var(--grid-gap--main\);
grid-row-gap: var(--grid-gap--main\);
grid-template-rows: auto;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-auto-columns: minmax(0, 1fr);
display: grid
}
.u-hflex-left-center {
flex-flow: wrap;
place-content: center flex-start;
align-items: center;
display: flex
}
.u-vflex-left-between {
flex-flow: column;
place-content: flex-start space-between;
align-items: flex-start;
display: flex
}
.u-vflex-center-center {
flex-flow: column;
place-content: center;
align-items: center;
display: flex
}
.u-vflex-center-bottom {
flex-flow: column;
place-content: center flex-end;
align-items: center;
display: flex
}
.u-vflex-stretch-top {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.u-gap-xsmall {
grid-column-gap: var(--space--extra-small\);
grid-row-gap: var(--space--extra-small\)
}
.u-gap-small {
grid-column-gap: var(--space--small\);
grid-row-gap: var(--space--small\)
}
.u-gap-medium {
grid-column-gap: var(--space--medium\);
grid-row-gap: var(--space--medium\)
}
.u-grid-column-4 {
grid-column-gap: var(--grid-gap--main\);
grid-row-gap: var(--grid-gap--main\);
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-columns: minmax(0, 1fr);
display: grid
}
.u-grid-column-2 {
grid-column-gap: var(--grid-gap--main\);
grid-row-gap: var(--grid-gap--main\);
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-columns: minmax(0, 1fr);
display: grid
}
.styleguide_font_header.u-hflex-left-center.u-gap-xsmall {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.section_h_m {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#0009, #0009), linear-gradient(#0000 74%, #000), url(../images/banner.jpg);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, scroll;
height: 100vh;
max-height: 50.625rem;
position: relative;
overflow: hidden
}
.max_width {
max-width: var(--max-width--main);
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto
}
.container_h_m {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
padding-top: 10.5rem;
padding-bottom: 10rem;
display: flex;
position: relative
}
.container_hor_64px {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem)
}
.wrap_title_bn_h_m {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.bx_title_h_m {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
max-width: 80ch;
display: flex
}
.h_1_80_500_w {
color: var(--swatch--text-white);
font-size: var(--size--5rem);
line-height: var(--line-height--1-1em);
font-weight: 500
}
.parag_24_300_w_60 {
color: var(--swatch--text-white-60);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.bn_icon_main {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--button--bg);
color: var(--button--text);
border-radius: 100px;
flex-wrap: wrap;
flex: none;
justify-content: center;
align-items: center;
height: 4rem;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: .75rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.wrap_bn_main {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex;
overflow: hidden
}
.text_bn_main {
z-index: 1;
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
text-transform: uppercase;
justify-content: flex-start;
font-weight: 500;
display: flex;
position: relative
}
.icon_bn_main {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
font-size: 1rem;
font-weight: 500;
display: flex;
transform: rotate(0)
}
.wrap_icon_right_bn_main {
background-color: var(--button--bg-white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex
}
.wrap_icon_left_bn_main {
background-color: var(--button--bg-white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
position: absolute;
left: .75rem;
transform: translate(-4rem)
}
.span_grey {
color: var(--swatch--text-accent-grey)
}
.bx_descrip_h_m {
max-width: 68ch
}
.section_statistic {
background-color: var(--swatch--brand);
position: relative
}
.container_statistic {
padding-top: 5rem;
padding-bottom: 3.75rem
}
.bx_title_statistic {
max-width: 68ch
}
.wrap_slider_statistic {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--swatch--bg-black);
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 33.75rem;
margin-top: 2.5rem;
padding: 3rem;
display: grid;
position: relative
}
.wrap_slide_statistic {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex
}
.h_3_40_500_w {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.parag_20_300_w_80 {
color: var(--swatch--text-white-80);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.text_number_statistic {
color: var(--swatch--text-white);
font-size: var(--size--4-25rem);
line-height: var(--line-height--1-2em);
text-transform: uppercase;
font-weight: 500
}
.bx_number_slide_statistic {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
box-shadow: 0 2px 5px #0003
}
.text_slide_statistic {
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.wrap_img_circle_statistic {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 21.375vw;
max-width: 21.375rem;
height: 21.375vw;
max-height: 21.375rem;
display: flex
}
.circle-indicator {
transition: transform 1.2s
}
.wrap_step_statistic {
justify-content: center;
align-items: center;
width: 45.875vw;
max-width: 35.875rem;
height: 30.625vw;
max-height: 27.5rem;
display: flex;
position: relative;
transform: rotate(0)
}
.text_step {
color: var(--swatch--text-white);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.wrap_text_step_hor {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: absolute
}
.slider-arrow-button {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 2rem 2rem auto auto
}
.slider-arrow-button.is-project {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
position: absolute;
inset: 4rem 4rem auto auto
}
.slider-arrow-button.is-experience {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
position: absolute;
inset: auto auto 0% 0%
}
.slider-arrow-button.is-spaces {
z-index: 5;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: center;
position: absolute;
inset: auto 2rem 2rem
}
.slider-arrow-button.is-exclusive {
z-index: 5;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: center;
position: absolute;
inset: auto auto 4rem 4rem
}
.slider-arrow-button.is-kom {
z-index: 5;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: space-between;
align-items: center;
inset: auto 1.5rem 1.5rem
}
.slider-arrow-button.is-parthers {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
position: absolute;
inset: auto auto 0% 0%
}
.slider-arrow-button.is-mansory {
z-index: 5;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: center;
position: absolute;
inset: auto 2rem 2rem
}
.slider-arrow-button.is-bento {
z-index: 5;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
position: absolute;
inset: auto 1.5rem 4rem 4rem
}
.slider-arrow-button.is-mob-bisschop {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
position: relative;
top: auto
}
.slider-arrow-button.is-statistic-tab {
justify-content: center;
align-items: flex-end;
position: relative;
top: auto;
right: auto
}
.slider-button {
z-index: 5;
border: 1px solid var(--border--white-20);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: border-color .2s, background-color .2s;
display: flex;
position: relative
}
.slider-button:hover {
border-color: var(--swatch--transparent);
background-color: var(--border--white-10)
}
.slider-button:active {
background-color: var(--border--white-20)
}
.icon_bn_slider {
width: 1.5rem;
height: 1.5rem
}
.swiper.is-statistic {
align-self: stretch;
width: 100%;
overflow: hidden
}
.swiper.is-project {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.swiper.is-small-project {
width: 100%;
margin-top: auto;
margin-left: auto;
overflow: hidden
}
.swiper.is-project-text {
width: 100%;
overflow: hidden
}
.swiper.is-experience {
width: 100%;
height: 100%;
overflow: hidden
}
.swiper.is-run-logo {
overflow: hidden
}
.swiper.is-spaces,
.swiper.is-exclusive,
.swiper.is-exclusive-one {
width: 100%;
height: 100%;
overflow: hidden
}
.swiper.is-exclusive-two {
height: 100%;
overflow: visible
}
.swiper.is-gallery-cms {
width: 100%;
overflow: visible
}
.swiper.is-bisschop {
width: 100%;
height: 100%;
overflow: hidden
}
.swiper.is-bisschop-grid {
overflow: visible
}
.swiper.is-kom {
width: 100%;
height: 100%;
overflow: hidden
}
.swiper.is-parthers {
overflow: visible
}
.swiper.is-mansory,
.swiper.is-bento {
width: 100%;
height: 100%;
overflow: hidden
}
.swiper.is-mob-bisschop {
width: 100%;
height: 29.25rem;
padding-left: 4rem;
padding-right: 4rem;
overflow: hidden
}
.swiper.is-img-about {
flex: none;
width: 100%;
height: 100%;
overflow: visible
}
.swiper.is-team {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
width: 100%;
overflow: visible
}
.swiper.is-services-top {
width: 100%;
overflow: visible
}
.swiper.is-services-bottom {
overflow: visible
}
.swiper.is-value {
max-width: var(--max-width--main);
padding: var(--size--3-75rem)var(--size--4rem);
width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.swiper.is-catalog {
padding-right: var(--size--4rem);
margin-left: auto;
overflow: hidden
}
.swiper-wrapper.is-statistic,
.swiper-wrapper.is-project {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-small-project {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.swiper-wrapper.is-project-text {
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.swiper-wrapper.is-experience {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-run-logo {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-wrapper.is-spaces {
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-exclusive {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-exclusive-one {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-exclusive-two {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex
}
.swiper-wrapper.is-gallery-cms {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-wrapper.is-bisschop {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-bisschop-grid {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-wrapper.is-kom {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-parthers {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-wrapper.is-mansory,
.swiper-wrapper.is-bento {
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-mob-bisschop {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-img-about {
flex-flow: column;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-team {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex
}
.swiper-wrapper.is-services-top {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.swiper-wrapper.is-services-bottom {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-wrapper.is-value,
.swiper-wrapper.is-catalog {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.swiper-slide.is-statistic,
.swiper-slide.is-project {
flex: none;
align-self: stretch;
width: 100%
}
.swiper-slide.is-small-project {
width: var(--size--5rem);
height: var(--size--5rem);
flex: none
}
.swiper-slide.is-project-text {
flex: none;
width: 100%
}
.swiper-slide.is-experience {
flex: none;
align-self: stretch;
width: 100%
}
.swiper-slide.is-run-logo {
flex: none;
align-self: stretch
}
.swiper-slide.is-spaces {
flex: none;
align-self: stretch;
width: 100%
}
.swiper-slide.is-mansory {
flex: none;
width: 100%;
height: 100%
}
.swiper-slide.is-exclusive-one {
flex: none;
align-self: stretch;
width: 100%
}
.swiper-slide.is-exclusive-two {
flex: none;
width: 5rem;
height: 6rem;
max-height: 6rem;
transition: transform .6s
}
.swiper-slide.is-gallery-cms {
flex: none;
width: 43.75rem;
height: 27.5rem
}
.swiper-slide.is-bisschop {
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.swiper-slide.is-bisschop-grid {
flex: none;
width: 100%
}
.swiper-slide.is-kom {
border-radius: 1.25rem;
flex: none;
align-self: stretch;
width: 100%;
position: relative;
overflow: hidden
}
.swiper-slide.is-parthers {
flex: none
}
.swiper-slide.is-bento {
flex: none;
width: 100%;
height: 100%
}
.swiper-slide.is-mob-bisschop {
flex: none;
align-self: stretch;
width: 100%
}
.swiper-slide.is-img-about {
flex: none;
width: 100%;
height: 100%
}
.swiper-slide.is-team {
flex: none;
align-self: stretch;
width: 100%;
max-width: 40.75rem;
height: 45rem
}
.swiper-slide.is-services-top {
flex: none;
align-self: stretch
}
.swiper-slide.is-services-bottom {
flex: none
}
.swiper-slide.is-value,
.swiper-slide.is-catalog {
flex: none;
align-self: stretch
}
.h_2_56_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--3-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-04em)
}
.h_2_56_500_b.text_height {
line-height: var(--line-height--1-7em);
width: 100%
}
.nav-option {
cursor: pointer
}
.name_comp_slider_statistic {
width: 5.375vw;
max-width: 5.375rem;
max-height: 2.25rem;
position: absolute
}
.nav_bar {
z-index: 3000;
background-color: var(--swatch--transparent);
position: fixed;
inset: 0% 0% auto
}
.container_nav_bar {
max-width: var(--max-width--main);
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: .75rem 1.5rem;
display: flex
}
.link_logo_nav {
height: 70px;
padding-left: 0
}
.img_auto_h_100 {
width: auto;
height: 100%
}
.wrap_nav_logo_bn {
z-index: 5;
justify-content: center;
align-items: center;
min-width: 10.375rem;
position: relative
}
.nav_menu {
min-width: 35rem;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative
}
.wrap_nav_menu {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
outline-color: var(--border--white-10);
outline-offset: 0px;
border-radius: 1rem;
outline-width: 1px;
outline-style: solid;
justify-content: space-between;
align-items: center;
padding: .25rem;
display: flex
}
.link_nav {
z-index: 10;
color: var(--link-menu--text-white);
font-size: .875rem;
line-height: var(--line-height--1-5em);
text-transform: uppercase;
cursor: pointer;
border-radius: .75rem;
justify-content: center;
align-items: center;
min-height: 2.5rem;
padding: .5rem 1.25rem;
font-weight: 500;
transition: background-color .4s;
display: flex;
position: relative
}
.link_nav:hover {
background-color: var(--link-menu--bg-hover)
}
.link_nav:active,
.link_nav.w--current {
background-color: var(--link-menu--bg-pressed)
}
.bn_nav {
border: 1px solid var(--button--border-secondary);
color: var(--button--text);
border-radius: 1rem;
justify-content: center;
align-items: center;
min-height: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
transition: filter .3s, background-color .3s;
display: flex
}
.bn_nav:hover {
border-color: var(--swatch--transparent);
background-color: var(--button--bg-secondary-hover);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px)
}
.bn_nav:active {
background-color: var(--button--bg-secondary-pressed)
}
.text_bn_nav {
font-size: .875rem;
line-height: var(--line-height--1-5em);
text-transform: uppercase;
font-weight: 500
}
.container_partners {
padding-top: 3.75rem;
padding-bottom: 6.25rem
}
.bx_title_parthers {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.parag_24_300_b_60 {
color: var(--swatch--text-black-60);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.bx_subtitle_parthers {
max-width: 76ch
}
.wrap_flip {
border-radius: 1.5rem;
min-height: 30rem;
position: relative
}
.card_parthers_img {
z-index: 2;
background-image: linear-gradient(to bottom, var(--swatch--bg-dark-grey), var(--swatch--bg-dark-grey)), url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
backface-visibility: hidden;
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 1.5rem;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden
}
.card_parthers_back {
border: 1px solid var(--border--black-10);
background-color: var(--swatch--brand);
backface-visibility: visible;
transform-style: preserve-3d;
border-radius: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 2rem 2rem 1.25rem;
display: flex;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.bx_card_title_parthers {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.title_card_parthers {
font-size: var(--size--2rem);
/* line-height: var(--line-height--1-5em);*/
font-weight: 500;
line-height: 30px;
margin-bottom: 10px;
}
.descrip_card_parthers {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.bn_card_parthers {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex
}
.text_bn_parthers {
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
text-transform: uppercase
}
.wrap_icon_card_parthers {
color: var(--button--icon);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: color .3s, background-color .3s;
display: flex
}
.icon_card_parthers {
width: 1.25rem;
height: 1.25rem
}
.code_style_bn_parthers {
display: none
}
.wrap_list_parthers {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid
}
.pagination {
margin-top: 3rem
}
.bn_show_more {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border: 1px solid var(--border--black-10);
background-color: var(--button--bg-white);
color: var(--swatch--brand-text);
cursor: pointer;
border-radius: 100px;
justify-content: space-between;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 1rem 1rem 1rem 1.5rem;
transition: background-color .3s;
display: flex
}
.bn_show_more:hover {
border-color: var(--swatch--transparent);
background-color: var(--button--bg-primary-hover)
}
.bn_show_more:active {
border-color: var(--swatch--transparent);
background-color: var(--button--bg-primary-pressed)
}
.text_bn_show_more {
font-size: var(--size--1rem);
text-transform: uppercase;
font-weight: 500
}
.icon_bn_show_more {
width: 1.25rem;
height: 1.25rem
}
.item_parthers {
perspective: 1000px
}
.section_text_img_move {
border-top: 1px solid var(--border--black-10);
border-bottom: 1px solid var(--border--black-10)
}
.wrap_text_img_move {
text-align: center;
width: 100%;
max-width: 66rem;
margin-left: auto;
margin-right: auto;
padding-top: 7.5rem;
padding-bottom: 7.5rem
}
.span_img_move_one {
width: var(--size--8-75rem);
height: var(--size--5-75rem);
background-image: linear-gradient(#0003, #0003), url(../images/1.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 1rem;
justify-content: center;
align-items: center;
margin-bottom: -1.45rem;
margin-left: .75rem;
margin-right: 1rem;
display: inline-block
}
.span_img_move_two {
width: var(--size--8-75rem);
height: var(--size--5-75rem);
background-image: linear-gradient(#0003, #0003), url(../images/2.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, repeat-x;
background-size: auto, cover;
background-attachment: scroll, scroll;
border-radius: 1rem;
justify-content: center;
align-items: center;
margin-bottom: -1.45rem;
margin-left: .75rem;
margin-right: .75rem;
display: inline-block
}
.span_img_move_three {
width: var(--size--8-75rem);
height: var(--size--5-75rem);
background-image: linear-gradient(#0003, #0003), url(../images/3.jpg);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 1rem;
justify-content: center;
align-items: center;
margin-bottom: -1.45rem;
margin-left: .75rem;
margin-right: .75rem;
display: inline-block
}
.container_why {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.bx_title_why {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.wrap_list_why {
border: 1px solid var(--border--black-10);
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid
}
.card_why {
grid-column-gap: var(--size--7-75rem);
grid-row-gap: var(--size--7-75rem);
flex-flow: column;
padding: 2rem;
display: flex;
position: relative
}
.wrap_title_why {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.text_32_500_b {
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em)
}
.parag_16_300_b_60 {
color: var(--swatch--text-black-60);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.icon_why {
width: var(--size--5rem);
height: var(--size--5rem)
}
.divider_why {
background-color: var(--border--black-10);
width: 1px;
position: absolute;
inset: 0% 0% 0% auto
}
.bx_subtitle_why {
max-width: 78ch
}
.section_slider_project {
position: relative
}
.container_slider_project {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 160rem;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden
}
.img_slide_project {
height: 100%
}
.wrap_slider_project {
z-index: 5;
padding: var(--size--4rem);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: stretch stretch;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.wrap_slider_title_project {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 30.25rem;
display: flex
}
.wrap_slider_small_pfoject {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: 27.5rem;
margin-left: auto;
display: flex
}
.bx_title_slider_project {
z-index: 5;
max-width: 45ch;
position: relative
}
.h_2_56_500_w {
color: var(--swatch--text-white);
font-size: var(--size--3-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-04em)
}
.bx_title_descrip_slide_project {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.title_slide_project {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.descrip_slide_project {
font-family: var(--text--font-family);
color: var(--swatch--text-white-80);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.swiper-bullet-wrapper {
z-index: 5;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-radius: 100px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: .75rem;
display: flex;
position: relative
}
.swiper-bullet-wrapper.is-exclusive {
background-color: var(--swatch--transparent)
}
.swiper-bullet-wrapper.is-gallery-cms {
background-color: var(--swatch--bg-black-5);
justify-content: center;
align-items: center;
padding: 1rem
}
.swiper-bullet-wrapper.is-kom {
background-color: var(--swatch--bg-black-40);
display: none
}
.swiper-bullet {
background-color: var(--border--white-20);
border-radius: 100px;
width: .25rem;
height: .25rem;
padding: 0
}
.swiper-bullet.is-active {
background-color: var(--swatch--brand);
width: .75rem
}
.wrap_small_img_project {
border: 1px solid var(--swatch--transparent);
cursor: pointer;
border-radius: .625rem;
width: 100%;
height: 100%;
transition: border-color .4s;
overflow: hidden
}
.wrap_small_img_project:hover {
border-color: var(--swatch--brand)
}
.style-slide-code-project {
display: none
}
.bg_slider_project {
z-index: 2;
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#0000 50%, #000);
position: absolute;
inset: 0%
}
.section_services {
z-index: 5;
border-bottom: 1px solid var(--border--black-10);
position: relative
}
.container_services {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.wrap_services {
grid-column-gap: var(--size--4rem);
grid-row-gap: var(--size--4rem);
grid-template-rows: auto;
grid-template-columns: 1fr 1.05fr;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
display: grid
}
.wrap_drop_list_services {
z-index: 0;
flex-flow: column;
display: flex;
position: relative
}
.drop_service {
border-bottom: 1px solid var(--border--black-10);
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 1.75rem;
padding-bottom: 1.75rem
}
.drop_service.no_border {
border-bottom: 0px none var(--swatch--transparent)
}
.drop_tog_service {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
white-space: pre-wrap;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex
}
.drop_list_service {
background-color: #0000;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
.box_line_plus {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.box_plus_drop_service {
width: var(--size--2-5rem);
height: var(--size--2-5rem);
border: 1px solid #fff0;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.text_drop_faq {
color: var(--swatch--brand-text);
font-size: 1.5rem;
line-height: var(--line-height--1-2em);
font-weight: 500
}
.line_hor_service {
background-color: var(--swatch--bg-black);
border-radius: 100px;
min-width: .75rem;
height: 1.8px
}
.bx_drop_faq_text {
padding-top: .75rem;
padding-right: 2rem;
overflow: hidden
}
.line_ver_service {
background-color: var(--swatch--bg-black);
border-radius: 100px;
min-width: .75rem;
height: 1.8px;
position: absolute;
transform: rotate(90deg)
}
.wrap_img_services {
background-image: url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/673f4f84420cdc6229338b58_Services.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-radius: 1.5rem;
flex-flow: column;
justify-content: flex-end;
height: 36.25rem;
display: flex;
position: relative;
overflow: hidden
}
.wrap_tag_services {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--swatch--text-black-60);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-radius: 1rem;
justify-content: flex-start;
align-items: center;
margin-bottom: .5rem;
margin-left: .5rem;
margin-right: .5rem;
padding: 1rem 1.25rem;
display: flex
}
.icon_service {
flex: none;
width: 2.5rem;
height: 2.5rem
}
.bx_text_tag_services {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex
}
.text_16_500_w {
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 500
}
.text_16_300_w_60 {
color: var(--swatch--text-white-60);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.section_faq {
z-index: 5;
background-color: var(--swatch--brand)
}
.container_faq {
padding-top: 5rem;
padding-bottom: 2.5rem
}
.wrap_faq {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.bx_title_faq {
min-height: 25rem;
position: sticky;
top: 5rem
}
.section_form {
z-index: 5;
background-color: var(--swatch--brand)
}
.container_form {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.wrap_content_form {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 4rem;
padding-right: 4rem;
display: grid
}
.wrap_title_form {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
max-width: 55ch;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex
}
.parag_20_300_w_60 {
color: var(--swatch--text-white-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.form_m {
background-color: var(--swatch--bg-dark-grey);
border-radius: 1.5rem;
min-height: 30rem;
margin-bottom: 0;
padding: 2rem;
position: relative;
overflow: hidden
}
.wrap_form {
padding-top: 2.375rem;
padding-bottom: 3rem
}
.text_field {
border: 1px solid var(--border--white-10);
background-color: var(--swatch--bg-white-4);
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
border-radius: .625rem;
flex: 1;
min-height: 3.5rem;
margin-bottom: 0;
padding: 1rem;
font-weight: 500;
transition: border-color .2s
}
.text_field:hover {
border-color: var(--border--white-30)
}
.text_field:focus {
border-color: var(--border--white-60)
}
.text_field::placeholder {
color: var(--swatch--text-white-60)
}
.bx_text_field {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
display: flex
}
.wrap_list_text_field {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
margin-bottom: 1.5rem;
display: flex
}
.select-form {
border: 1px solid var(--border--white-10);
background-color: var(--swatch--bg-white-4);
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
border-radius: .625rem;
min-height: 3.5rem;
margin-bottom: 0;
padding: 1rem;
font-weight: 500;
transition: border-color .2s;
display: none
}
.select-form:hover {
border-color: var(--border--white-30)
}
.select-form:focus {
border-color: var(--border--white-60)
}
.select-form::placeholder {
color: var(--swatch--text-white-60)
}
.text_field_area {
border: 1px solid var(--border--white-10);
background-color: var(--swatch--bg-white-4);
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
border-radius: .625rem;
max-width: 36rem;
min-height: 6.25rem;
margin-bottom: 0;
padding: 1rem;
font-weight: 500;
transition: border-color .2s
}
.text_field_area:hover {
border-color: var(--border--white-30)
}
.text_field_area:focus {
border-color: var(--border--white-60)
}
.text_field_area::placeholder {
color: var(--swatch--text-white-60)
}
.bn_form {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--button--bg);
color: var(--button--text);
text-transform: uppercase;
cursor: pointer;
border-radius: 100px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: 3rem;
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.bn_form:hover,
.bn_form:active {
background-color: var(--button--bg-hover)
}
.success_form {
background-color: var(--swatch--transparent);
padding: 0;
position: absolute;
inset: 0%
}
.wrap_success_form {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2rem;
display: flex
}
.text_success_form {
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-5em)
}
.descrip_success_form {
color: var(--swatch--text-white-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.error_form {
background-color: var(--swatch--transparent);
color: var(--swatch--text-white-60);
text-align: center;
margin-top: .5rem;
padding: .5rem;
font-size: .875rem
}
.section_footer {
background-color: var(--swatch--bg-white)
}
.container_footer {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
flex-flow: column;
padding-top: 3.75rem;
padding-bottom: 2.5rem;
display: flex
}
.wrap_logo_links_footer {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
/* border-top: 1px solid var(--border--black-10);*/
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
display: grid
}
.wrap_link_text_footer {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 45ch;
margin-right: auto;
display: flex
}
.link_logo_footer {
height: 1.5rem
}
.wrap_links_bn_footer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-start;
display: flex
}
.wrap_list_links_footer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
display: flex
}
.link_footer {
border-bottom: 1px solid var(--swatch--transparent);
color: var(--link-footer--text);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: 500;
transition: color .2s;
display: flex
}
.link_footer:hover {
border-bottom: 1px solid var(--border--black-10)
}
.wrap_copy_social_links_footer {
/* border-bottom: 1px solid var(--border--black-10);*/
justify-content: space-between;
align-items: center;
padding-bottom: 0;
display: flex
}
.wrap_text_links_privacy_footer {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.text_14_300_b_60 {
color: var(--swatch--text-black-60);
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_links_privacy_footer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex
}
.link_privacy_footer {
color: var(--link-footer--text-secondary);
font-size: .875rem;
line-height: var(--line-height--1-5em);
cursor: pointer;
padding-top: .25rem;
padding-bottom: .25rem;
font-weight: 300;
transition: color .3s;
display: inline-block
}
.link_privacy_footer:hover {
color: var(--link-footer--text-hover-secondary)
}
.link_privacy_footer:active {
color: var(--link-footer--text-secondary)
}
.wrap_list_social_footer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: center;
display: flex
}
.wrap_social_footer {
background-color: var(--swatch--bg-black-5);
color: var(--swatch--brand-text);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: color .3s;
display: flex
}
.wrap_social_footer:hover {
color: var(--swatch--text-black-80)
}
.wrap_social_footer:active {
color: var(--swatch--text-black-60)
}
.icon_social_footer {
width: 1rem;
height: 1rem
}
.wrap_img_footer {
overflow: hidden
}
.img_footer {
width: auto;
/*max-height: 26.25rem;
margin-bottom: -5rem*/
width: 800px;
filter: grayscale(1) brightness(0.9);
margin: 0 auto;
display: block;
}
.wrap_bg_border_form {
border-top: 10px solid var(--border--orange);
background-color: var(--swatch--bg-black)
}
.trigger_section_project {
height: 1px;
padding: 0;
position: absolute;
inset: 0% 0% auto
}
.wrap_bg_section {
z-index: 25;
background-color: var(--swatch--brand)
}
.bg_nav_bar {
background-color: var(--swatch--bg-dark-grey);
display: none;
position: absolute;
inset: 0%
}
.bg_nav_bar:where(.w-variant-81c1a299-8d86-a699-1a5e-8e8a35d1021e),
.bg_nav_bar.is-active {
display: block
}
.trigger_section {
height: 1px;
padding: 0;
position: absolute;
inset: 0% 0% auto
}
.section_about_m {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#0009, #0009), linear-gradient(#0000 70%, #000), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6728f15b0192a26d369a83f6_Hero-2.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, scroll;
min-height: 45rem
}
.container_about_m {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
padding-top: 8.25rem;
padding-bottom: 4rem;
display: flex
}
.bx_title_about_m {
max-width: 75ch
}
.bx_descrip_about_m {
max-width: 78ch
}
.container_statistic_about {
padding: 4rem var(--size--4rem)
}
.card_statistic_about {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: center;
flex-flow: column;
display: flex
}
.wrap_list_statistic_about {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.title_statistic_about {
font-size: var(--size--4rem);
line-height: var(--line-height--1-1em);
letter-spacing: var(--letter-spacing--0-04em);
font-weight: 500
}
.parag_20_300_b_60 {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_number_statistic_about {
justify-content: center;
align-items: center;
display: flex
}
.counter {
font-size: var(--size--4rem);
line-height: var(--line-height--1-1em);
letter-spacing: var(--letter-spacing--0-04em);
font-weight: 500
}
.counter.one {
min-width: 3.85rem
}
.counter.two,
.counter.three {
min-width: 6.25rem
}
.counter.four {
min-width: 4.25rem
}
.wrap_number_tag_statistic_about {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: center;
align-items: center;
display: flex
}
.tag_statistic_about {
background-color: var(--button--icon);
color: var(--swatch--text-white);
font-size: var(--size--0-75rem);
line-height: var(--line-height--1-5em);
border-radius: 100px;
padding: .25rem .5rem;
font-weight: 500
}
.section_about {
border-top: 1px solid var(--border--black-10);
border-bottom: 1px solid var(--border--black-10);
position: relative;
overflow: hidden
}
.wrap_about {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 45rem;
display: grid;
position: relative
}
.wrap_title_about {
background-color: var(--swatch--bg-black);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 4rem;
display: flex;
position: relative
}
.bx_title_about {
z-index: 5;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.wrap_img_about {
z-index: 5;
background-color: var(--swatch--brand);
height: 100%;
max-height: 45rem;
position: relative
}
.wrap_list_about {
grid-column-gap: var(--size--7-75rem);
grid-row-gap: var(--size--7-75rem);
flex-flow: column;
flex: none;
display: flex
}
.wrap_list_about.one {
position: relative;
top: 2.5rem
}
.wrap_list_about.two {
position: relative;
top: 10rem
}
.img_about_scroll {
border-radius: 1.25rem;
max-width: 13.625rem;
max-height: 18.75rem;
transition: transform .6s
}
.img_about_scroll:hover {
transform: scale(1.1)
}
.img_about_scroll.two {
margin-left: 8rem
}
.container_core {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.container_core.pad_bottom_80px {
padding-bottom: 5rem
}
.bx_title_core {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.bx_subtitle_core {
max-width: 72ch
}
.wrap_list_core {
border: 1px solid var(--border--black-10);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid;
overflow: hidden
}
.card_core {
grid-column-gap: var(--size--5rem);
grid-row-gap: var(--size--5rem);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative
}
.wrap_title_core {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.number_core {
background-color: var(--swatch--bg-black-5);
color: var(--swatch--brand-text);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex
}
.container_experience {
padding-top: 3.75rem;
padding-bottom: 3rem
}
.wrap_slider_experience {
grid-column-gap: var(--size--2rem);
grid-row-gap: var(--size--2rem);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
height: 32.5rem;
display: flex;
position: relative
}
.bx_title_slider_experience {
position: absolute;
inset: 0% auto auto 0%
}
.slide_experience {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid
}
.wrap_img_slide_experience {
border: 1px solid var(--border--black-10);
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.5rem;
width: 100%;
height: 100%;
overflow: hidden
}
.slider-button-experience {
z-index: 5;
border: 1px solid var(--border--black-10);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: background-color .3s;
display: flex;
position: relative
}
.slider-button-experience:hover {
border-color: var(--swatch--transparent);
background-color: #2222220d
}
.slider-button-experience:active {
background-color: #2222221a
}
.swiper-bullet-experience {
background-color: var(--swatch--bg-black-20);
border-radius: 100px;
width: .25rem;
height: .25rem;
padding: 0;
transition: width .4s
}
.swiper-bullet-experience.is-active {
background-color: var(--swatch--bg-black);
width: .75rem
}
.wrap_run_logos {
max-width: var(--max-width--main);
margin-left: auto;
margin-right: auto;
padding-top: 1.25rem;
padding-bottom: 7.5rem
}
.logo-run {
width: auto;
height: auto;
max-height: 5.375rem
}
.wrap_run_logo {
opacity: .7;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.section_amazing {
border-top: 1px solid var(--border--black-10)
}
.container_amazing {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.wrap_amazing {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid
}
.bx_title_amazing {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 80ch;
display: flex
}
.wrap_title_bn_amazing {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.card_amazing {
border: 1px solid var(--border--black-10);
border-radius: 1.5rem;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
min-height: 35rem;
padding: 2rem 2rem 4.25rem;
display: flex;
position: relative;
overflow: hidden
}
.wrap_card_title_amazing {
z-index: 1;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
padding-right: 2rem;
display: flex;
position: relative
}
.wrap_content_card_amazing {
justify-content: space-between;
align-items: flex-end;
display: flex
}
.wrap_plus_amazing {
z-index: 2;
background-color: var(--swatch--bg-dark);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none;
position: absolute;
inset: auto 1rem 1rem auto
}
.box_line_amazing {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.line_hor_amazing {
background-color: var(--swatch--brand);
border-radius: 100px;
min-width: .75rem;
height: 1.8px
}
.line_ver_amazing {
background-color: var(--swatch--brand);
min-width: .75rem;
height: 1.8px;
position: absolute;
transform: rotate(90deg)
}
.img_card_amazing {
height: 100%;
position: absolute;
inset: 0%
}
.bg_card_amazing {
z-index: 2;
background-image: linear-gradient(#00000059, #0000 28%), linear-gradient(#0000 27% 49%, #000000b3);
width: 100%;
height: 100%;
position: relative
}
.wrap_img_card_amazing {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.title_card_amazing {
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.descrip_card_amazing {
color: var(--swatch--text-black-60);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.section_product {
background-color: var(--swatch--bg-black);
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#000000a6, #000000a6), linear-gradient(#0000 50%, #000000e6), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/672a6019ee2603250d63ee8f_Hero-3.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.section_product.wippro {
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#000000a6, #000000a6), linear-gradient(#0000 50%, #000000e6), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/673f740974a9fe0960e099b1_hero.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
min-height: 45rem
}
.section_product.bisschop {
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#0006, #0006), linear-gradient(#0000 50%, #000c), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6739fd8968dbde8a8a7bec4a_Hero-2.webp);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.section_product.gallery {
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#0000008c, #0000008c), linear-gradient(#0000 50%, #000c), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/67504b879522d9823d238152_gallery-Hero.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.section_product.kompotherm {
background-image: linear-gradient(#0009, #0000 35%), linear-gradient(#00000080, #00000080), linear-gradient(#0000 50%, #000c), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6752de82355c535a4264567c_Kompotherm.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.section_product.services {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#0009, #0009), linear-gradient(#0000 70%, #000), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6778fecdad994bbae525c07e_Hero_service.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.section_product.futura {
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#00000073, #00000073), linear-gradient(#0000 50%, #000000e6), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6783922c95081f35bf6dc78e_Hero_futura.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.container_product_m {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
min-height: 47.5rem;
padding-top: 8.25rem;
padding-bottom: 4rem;
display: flex;
position: relative
}
.wrap_title_bn_product_m {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 85ch;
display: flex
}
.wrap_title_product_m {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
max-width: 76.5ch;
display: flex
}
.wrap_title_product_m._85ch {
max-width: 80ch
}
.bx_descrip_product_m {
max-width: 68ch
}
.logo_h_product {
width: var(--size--7-5rem);
height: var(--size--7-5rem);
object-fit: fill;
position: absolute;
inset: auto 0% 4rem auto
}
.logo_h_product.wippro {
height: var(--size--5rem);
width: auto
}
.logo_h_product.bisschop {
aspect-ratio: 1;
object-fit: cover
}
.logo_h_product.kompotherm {
width: var(--size--11rem);
height: var(--size--5-75rem)
}
.logo_h_product.futura {
height: var(--size--2-5rem);
width: auto
}
.container_made {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.bx_title_made {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
max-width: 100ch;
display: flex
}
.bx_subtitle_made {
max-width: 72ch
}
.bx_subtitle_made._95ch {
max-width: 95ch
}
.wrap_list_made {
border: 1px solid var(--border--black-10);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2.5rem;
display: grid;
overflow: hidden
}
.card_made {
grid-column-gap: var(--size--2rem);
grid-row-gap: var(--size--2rem);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 22.5rem;
padding: 2rem;
display: flex;
position: relative
}
.card_made.gap_116px {
grid-column-gap: var(--size--7-25rem);
grid-row-gap: var(--size--7-25rem)
}
.number_made {
background-color: var(--swatch--bg-black-5);
color: var(--swatch--brand-text);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex
}
.wrap_title_made {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.divider_made {
background-color: var(--border--black-10);
width: 1px;
position: absolute;
inset: 0% 0% 0% auto
}
.section_tab_product {
background-color: var(--swatch--bg-black)
}
.container_tab_product {
padding: 6.25rem var(--size--4rem)
}
.tabs_product {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.tabs_menu_product {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-bottom: 1px solid var(--border--white-10);
order: 1;
justify-content: center;
align-items: center;
display: flex
}
.tabs_contant_product {
margin-bottom: 5rem
}
.tab_link_product {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--swatch--transparent);
filter: grayscale();
color: var(--swatch--text-white-60);
flex-flow: column;
flex: 1;
justify-content: center;
align-items: stretch;
padding: 0;
transition: filter .2s, color .3s;
display: flex
}
.tab_link_product:hover {
color: var(--swatch--text-white)
}
.tab_link_product.w--current {
background-color: var(--swatch--transparent);
filter: grayscale(0%);
color: var(--swatch--text-white);
mix-blend-mode: normal
}
.text_tab_link_prod {
font-size: .875rem;
line-height: var(--line-height--1-5em);
text-transform: uppercase;
font-weight: 500
}
.img_tab_link_prod {
width: auto;
height: 2rem
}
.wrap_img_text_tab_link_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex
}
.wrap_circle_tab_link_prod {
background-color: var(--swatch--brand);
justify-content: center;
align-items: center;
width: 100%;
height: 1.5px;
transition: opacity .4s;
display: flex
}
.circle_tab_link_prod {
background-color: var(--swatch--brand);
border-radius: 100px;
width: .625rem;
height: .625rem
}
.wrap_content_tab_prod {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 39.625rem;
display: grid
}
.wrap_title_option_tab_prod {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.bx_title_tab_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.wrap_option_tab_prod {
margin-top: var(--size--5rem);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
display: flex
}
.text_20_500_w_aa {
color: var(--swatch--text-white);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
text-transform: uppercase
}
.wrap_list_material_tab_prod {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex
}
.bx_material_tab_prod {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.img_material_tab_prod {
border-radius: 100%;
width: 3rem;
height: 3rem
}
.text_matarial_tab_prod {
color: var(--swatch--text-white-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_material_color_tab_prod {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.divider_option_tab_prod {
background-color: var(--border--white-20);
width: 1px
}
.wrap_img_tab_prod {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.img_tab_prod {
aspect-ratio: 1;
object-fit: cover;
width: auto;
height: auto;
max-height: 39.5rem
}
.code_tab_prod {
display: none
}
.section_spaces {
border-bottom: 1px solid var(--border--black-10)
}
.container_spaces {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.wrap_title_bn_spaces {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.bx_title_spaces {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 80ch;
display: flex
}
.wrap_list_spaces_cms {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: stretch;
margin-top: 2.5rem;
display: flex
}
.card_spaces {
border-radius: 1.5rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 33.75rem;
padding: 2rem 1rem 1rem 2rem;
transition: height .8s, flex .8s;
display: flex;
position: relative;
overflow: hidden
}
.wrap_title_bn_card_spaces {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
overflow: hidden
}
.title_card_spaces {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.descrip_card_spaces {
color: var(--swatch--text-white-80);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.icon_card_spaces {
width: 1.5rem;
height: 1.5rem
}
.wrap_arrow_card_spaces {
z-index: 2;
background-color: var(--swatch--brand);
cursor: pointer;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: opacity .3s;
display: flex;
position: relative
}
.bx_title_descrip_card_spaces {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
padding-bottom: 1rem;
transition: opacity .4s, width .8s;
display: flex;
overflow: hidden
}
.bx_plus_spaces {
background-color: var(--swatch--brand);
cursor: pointer;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-left: auto;
transition: opacity .3s;
display: flex;
overflow: hidden
}
.icon_plus_spaces {
width: 1.5rem;
height: 1.5rem
}
.code_card_spaces {
display: none
}
.bx_title_card_spaces {
min-width: 35rem;
max-width: 50ch
}
.wrap_space_cms {
width: 100%
}
.item_spaces_cms {
flex: 1;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex
}
.wrap_img_card_spaces {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.bg_card_spaces {
z-index: 2;
background-image: linear-gradient(#00000059, #0000), linear-gradient(#0000 27%, #000000b3 82%);
width: 100%;
height: 100%;
position: relative
}
.img_card_spaces {
z-index: 1;
height: 100%;
position: absolute;
inset: 0%
}
.wrap_pop_up_spaces {
z-index: 5000;
background-color: var(--swatch--bg-black-20);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
display: none;
position: fixed;
inset: 0%
}
.wrap_content_spaces {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--swatch--brand);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .55fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 90rem;
height: 100%;
max-height: 45.25rem;
margin-left: auto;
margin-right: auto;
padding: .5rem;
display: grid;
position: relative
}
.wrap_slider_spaces {
border-radius: 1.5rem;
display: flex;
position: relative;
overflow: hidden
}
.wrap_title_bn_pop_up_spaces {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 3.25rem 2rem;
display: flex
}
.bx_title_pop_up_spaces {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 73ch;
display: flex
}
.text_title_pop_up_spaces {
font-size: var(--size--3rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.descrip_pop_up_spaces {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_img_slide_spaces {
z-index: 0;
padding-right: var(--size--2-5rem);
padding-bottom: 8rem;
padding-left: var(--size--2-5rem);
border-radius: 1.5rem;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.bg_slide_spaces {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(#00000026, #0000), linear-gradient(#0000 59%, #000000b3);
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.img_slide_spaces_des {
z-index: 1;
height: 100%;
position: absolute;
inset: 0%
}
.slider-button-w {
z-index: 5;
border: 1px solid var(--border--white-30);
color: var(--swatch--text-white);
cursor: pointer;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: border-color .3s, background-color .3s;
display: flex;
position: relative
}
.slider-button-w:hover {
border-color: var(--swatch--transparent);
background-color: var(--border--white-10)
}
.slider-button-w:active {
background-color: var(--border--white-20)
}
.swiper-bullet-spaces {
background-color: var(--border--white-20);
border-radius: 100px;
width: .25rem;
height: .25rem;
padding: 0;
transition: width .4s
}
.swiper-bullet-spaces.is-active {
background-color: var(--swatch--brand);
width: .75rem
}
.close_pop_up_spaces {
border: 1px solid var(--border--black-10);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: absolute;
inset: .75rem .75rem auto auto
}
.icon_close_spaces {
width: 1.5rem;
height: 1.5rem
}
.text_drop_service {
color: var(--swatch--brand-text);
font-size: 2rem;
line-height: var(--line-height--1-2em);
font-weight: 500
}
.bx_drop_service_text {
padding-top: .75rem;
padding-right: 2rem;
overflow: hidden
}
.drop_faq {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 1.75rem;
padding-bottom: 1.75rem
}
.drop_tog_faq {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
white-space: pre-wrap;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex
}
.box_plus_drop_faq {
width: var(--size--2-5rem);
height: var(--size--2-5rem);
border: 1px solid #fff0;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.line_hor_faq {
background-color: var(--swatch--bg-black);
border-radius: 100px;
min-width: .75rem;
height: 1.8px
}
.line_ver_faq {
background-color: var(--swatch--bg-black);
border-radius: 100px;
min-width: .75rem;
height: 1.8px;
position: absolute;
transform: rotate(90deg)
}
.drop_list_faq {
background-color: #0000;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden
}
.section_tab_prod {
border-bottom: 1px solid var(--border--black-10)
}
.tab_link_res {
background-color: var(--swatch--bg-white);
flex: 1;
justify-content: center;
align-items: center;
padding: 1.5rem 3rem;
transition: border-color .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.tab_link_res.w--current {
background-color: var(--swatch--bg-black-5)
}
.text_tab_link {
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.wrap_text_icon_tab_link_res {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.bx_icon_tab_link_res {
border: 1px solid var(--swatch--transparent);
background-color: var(--swatch--bg-black-5);
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex
}
.icon_tab_link_res {
width: 1.5rem;
height: 1.5rem
}
.tabs_res {
flex-flow: column;
display: flex
}
.tabs_menu_res {
justify-content: flex-start;
align-items: center;
display: flex
}
.tab_content_res {
overflow: visible
}
.wrap_content_res {
border-right: 1px solid var(--border--black-10);
border-left: 1px solid var(--border--black-10);
grid-template-rows: auto;
grid-template-columns: .34fr 1fr;
grid-auto-columns: 1fr;
height: 38.5rem;
display: flex;
overflow: hidden
}
.wrap_list_tab_res_cms {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex
}
.wrap_tabs_res_cms {
background-color: var(--swatch--bg-black);
padding-top: 5.25rem;
padding-bottom: 5.25rem
}
.tab_link_res_cms {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
border-left: 3px solid var(--swatch--transparent);
opacity: .6;
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.tab_link_res_cms:hover,
.tab_link_res_cms:active {
background-color: var(--border--white-10)
}
.tab_link_res_cms.is-active {
border-left: 3px solid var(--border--orange);
background-color: var(--border--white-10);
opacity: 1
}
.text_tab_link_res_cms {
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 500
}
.wrap_content_tab_res_cms {
padding: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 0;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
height: 100%;
transition: opacity .4s;
display: none
}
.wrap_content_tab_res_cms.is-active {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
display: grid
}
.wrap_title_bn_tab_res_cms {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative
}
.wrap_titl_tab_res_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.wrap_img_tab_res_cms {
border-radius: 1.25rem;
width: 100%;
max-width: 26rem;
margin-left: auto;
overflow: hidden
}
.wrap_img_tab_res_cms.attic {
max-width: none
}
.wrap_content_list_tab_res_cms {
width: 100%;
height: 38.5rem;
position: relative;
overflow: hidden
}
.item_content_tab_res_cms {
width: 100%;
height: 100%;
position: absolute
}
.code_tab_pro_res {
display: none
}
.section_exclusive {
border-top: 1px solid var(--border--black-10)
}
.container_exclusive {
padding-top: 3.75rem;
padding-bottom: 3rem
}
.wrap_slider_exclusive {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: stretch stretch;
display: grid;
position: relative
}
.bx_title_slider_exclusive {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.wrap_title_bn_slider_exclusive {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.wrap_content_front_doors {
padding: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 0;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
transition: opacity .4s;
display: none
}
.wrap_content_front_doors.is-active {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
display: grid
}
.tab_link_front_doors {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
border-left: 3px solid var(--swatch--transparent);
opacity: .6;
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.tab_link_front_doors:hover,
.tab_link_front_doors:active {
background-color: var(--border--white-10)
}
.tab_link_front_doors.is-active {
border-left: 3px solid var(--border--orange);
background-color: var(--border--white-10);
opacity: 1
}
.wrap_content_res_attic {
border-right: 1px solid var(--border--black-10);
border-left: 1px solid var(--border--black-10);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
overflow: hidden
}
.wrap_content_attic {
padding: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
transition: opacity .4s;
display: grid
}
.section_product_cms {
background-color: var(--swatch--bg-black)
}
.container_prod_content_cms {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.wrap_title_bn_prod_content_cms {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.wrap_title_prod_content_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 85ch;
display: flex
}
.wrap_list_prod_content_cms {
grid-column-gap: 2rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.wrap_prod_content_cms {
flex-flow: column;
margin-top: 3rem;
display: flex
}
.card_prod_content_cms {
z-index: 50;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
cursor: default;
flex-flow: column;
height: 100%;
display: flex;
position: relative
}
.wrap_img_card_prod_content_cms {
background-color: var(--swatch--bg-black-5);
border-radius: .75rem;
justify-content: center;
align-items: center;
height: 20rem;
display: flex;
overflow: hidden
}
.wrap_title_bn_card_prod_content_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.bx_title_card_prod_content_cms {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex
}
.bn_prod_cms {
z-index: 25;
grid-column-gap: .375rem;
grid-row-gap: .375rem;
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding-top: .25rem;
padding-bottom: .25rem;
display: flex;
position: relative
}
.text_bn_prod_cms {
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 500
}
.icon_bn_prod_cms {
width: 1rem;
height: 1rem
}
.title_card_prod_cms {
color: var(--swatch--brand-text);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.descrip-prod-cms {
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 300;
overflow: hidden
}
.wrap_slider_img_exclusive {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid
}
.wrap_img_exclusive {
border-radius: 1.25rem;
width: 100%;
height: 40rem;
position: relative;
overflow: hidden
}
.img_exclusive_des {
height: 100%
}
.bx_img_exclusive {
cursor: pointer;
border-radius: .625rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.wrap_plus_exclusive {
z-index: 2;
background-color: var(--swatch--bg-dark);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
cursor: pointer;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: absolute;
inset: auto 1.25rem 1.25rem auto
}
.line_ver_exclusive {
background-color: var(--swatch--brand);
border-radius: 100px;
min-width: .75rem;
height: 1.8px;
position: absolute;
transform: rotate(90deg)
}
.line_hor_exclusive {
background-color: var(--swatch--brand);
border-radius: 100px;
min-width: .75rem;
height: 1.8px
}
.box_line_exclusive {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.container_product_cms {
z-index: 5;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
min-height: 47.5rem;
padding-top: 8.25rem;
padding-bottom: 4rem;
display: flex;
position: relative
}
.wrap_title_bn_product_cms {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 80ch;
display: flex
}
.bx_title_product_cms {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
max-width: 80ch;
display: flex
}
.bg_exclusive {
z-index: 2;
background-image: linear-gradient(#00000059, #0000 28%), linear-gradient(#0000 27% 49%, #000000b3);
width: 100%;
height: 100%;
position: absolute
}
.img_tab_res_cms {
height: 100%
}
.wrap_pop_up_slider {
z-index: 6000;
background-color: var(--swatch--bg-black-60);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%
}
.wrap_slide_pop_up {
border-radius: 1.5rem;
width: 100%;
max-width: 42.25rem;
height: 100%;
max-height: 45.75rem;
position: relative;
overflow: hidden
}
.img_slide_pop_up_des {
height: 100%
}
.bg_slide_pop_up {
z-index: 2;
background-image: linear-gradient(#0000 59%, #000c 99%), linear-gradient(#000000b3, #0000 35%);
width: 100%;
height: 100%;
position: absolute
}
.wrap_slider_pop_up_exclusive {
width: 100%;
max-width: 160rem;
height: 100svh;
max-height: 90rem;
position: relative
}
.bn_close_pop_up {
z-index: 15;
border: 1px solid var(--border--white-20);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: absolute;
inset: 2rem 2rem auto auto
}
.bn_close_pop_up:hover {
border-color: var(--swatch--transparent);
background-color: #ffffff1a
}
.bn_close_pop_up:active {
background-color: #fff3
}
.icon_close_exclusive {
width: 1.5rem;
height: 1.5rem
}
.style_code_slider {
display: none
}
.wrap_slider_list_exclusive {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex
}
.logo_h_prod_cms {
height: var(--size--5rem);
object-fit: fill;
width: auto;
position: absolute;
inset: auto 0% 4rem auto
}
.bx_title_prod_content_cms {
grid-column-gap: .5rem;
grid-row-gap: .25rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.wrap_bn_menu_nav {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
display: flex
}
.bx_descrip_prod_cms {
max-width: 73ch
}
.img_card_prod_content_cms {
height: 100%
}
.container_slider_gallery {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.bx_title_slider_gallery {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
max-width: 75ch
}
.wrap_slider_gallery {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 3rem;
display: flex
}
.swiper-bullet-gallery {
background-color: var(--swatch--bg-black-20);
border-radius: 100px;
width: .5rem;
height: .5rem;
padding: 0;
transition: width .4s
}
.swiper-bullet-gallery.is-active {
background-color: var(--swatch--bg-black);
width: 2rem
}
.wrap_bullet_button_gallery {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
margin-top: 2.5rem;
display: flex
}
.bn_play_gallery {
background-color: var(--swatch--bg-black-5);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none
}
.icon_play_gallery {
width: .75rem;
height: .875rem;
margin-left: .25rem
}
.wrap_slide_gallery_cms {
border-radius: 1.25rem;
width: 100%;
height: 100%;
overflow: hidden
}
.img_gallery_cms {
height: 100%
}
.cmsnest-element {
z-index: 5;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.wrap_cmsnest {
display: none
}
.link-block {
cursor: auto
}
.section_catalog {
background-color: var(--swatch--bg-black)
}
.container_catalog {
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: var(--size--4rem)
}
.wrap_title_links_catalog {
max-width: var(--max-width--main);
grid-column-gap: var(--size--14rem);
grid-row-gap: var(--size--14rem);
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.wrap_links_catalog_pdf {
padding-right: var(--size--4rem);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: scroll
}
.link_catalog {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: .75px solid var(--border--white-10);
border-radius: 1rem;
flex: none;
justify-content: space-between;
align-items: center;
min-width: 17.5rem;
max-width: 21.25rem;
padding: 1rem 1rem 1rem 1.5rem;
display: flex
}
.text_link_catalog {
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.bx_img_text_link_catalog {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex
}
.img_catalog {
width: 1.5rem;
height: 1.5rem
}
.icon_catalog {
flex: none;
width: 1.25rem;
height: 1.25rem
}
.wrap_col_list_doors {
width: 100%;
height: 100%
}
.wrap_cms_bn {
z-index: 500;
height: 4rem;
margin-top: auto;
margin-right: auto;
position: relative;
inset: auto auto 0% 0%
}
.drop_nav {
margin-left: 0;
margin-right: 0;
position: static
}
.drop_tog_nav {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
min-height: 2.5rem;
padding: .5rem 1rem .5rem 1.25rem;
display: flex;
position: static
}
.drop_text_nav {
color: var(--link-menu--text-white);
font-size: .875rem;
line-height: var(--line-height--1-5em);
text-transform: uppercase;
font-weight: 500
}
.drop_list_nav {
z-index: 5;
background-color: var(--swatch--transparent);
flex-flow: column;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
padding-top: 1rem;
inset: 2.5rem 0% auto;
overflow: visible
}
.icon_drop_nav {
width: 1rem;
height: 1rem
}
.drop_menu_nav {
border: 1px solid var(--border--white-10);
border-radius: 1.25rem;
flex: none;
width: 100%;
padding: 1rem;
position: relative;
overflow: hidden
}
.wrap_list_drop_menu {
z-index: 5;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative
}
.wrap_links_drop_menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
flex: 1;
display: flex
}
.title_menu_drop {
color: var(--swatch--text-white);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.wrap_list_links_drop_menu {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex
}
.link_menu_drop {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--link-menu--text-drop);
text-transform: uppercase;
cursor: pointer;
border-radius: .625rem;
justify-content: space-between;
align-items: center;
padding: .5rem .875rem .5rem 1rem;
transition: color .3s, background-color .3s;
display: flex
}
.link_menu_drop:hover {
background-color: var(--link-menu--bg-drop-hover);
color: var(--link-menu--text-white)
}
.link_menu_drop:active {
background-color: var(--link-menu--bg-drop-pressed);
color: var(--link-menu--text-white)
}
.link_menu_drop.w--current {
background-color: var(--link-menu--bg-drop-pressed)
}
.link_menu_drop.hidden {
display: none
}
.icon_drop_menu {
flex: none;
width: .75rem;
height: .75rem
}
.bx_title_drop_menu {
padding-left: 1rem;
padding-right: 1rem
}
.divider_drop_menu {
z-index: 5;
background-color: var(--border--white-10);
width: 1px;
margin-left: .5rem;
margin-right: .5rem;
padding: 0;
position: relative
}
.bg_drop_menu_blur {
z-index: 0;
background-color: var(--border--white-10);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
position: absolute;
inset: 0%
}
.bg_drop_menu_black {
z-index: 0;
background-color: var(--swatch--bg-dark-grey);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
display: none;
position: absolute;
inset: 0%
}
.bg_drop_menu_black.is-active {
display: block
}
.bg_drop_nav_blur {
z-index: 0;
background-color: var(--border--white-10);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
border-radius: 1rem;
position: absolute;
inset: 0%
}
.wrap_about_img_scroll {
grid-column-gap: var(--size--7-75rem);
grid-row-gap: var(--size--7-75rem);
flex-flow: column;
flex: none;
display: flex
}
.code_scroll {
display: none
}
.wrap_control_bn_slider {
cursor: pointer
}
.bn_pause_gallery {
background-color: var(--swatch--bg-black-5);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex
}
.icon_pause_gallery {
width: .875rem;
height: .875rem
}
.text_menu_link {
font-size: .75rem;
font-weight: 500
}
.section_anim {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#0009, #0009), linear-gradient(#0000 70%, #000);
height: 100vh;
max-height: 93rem;
position: relative;
overflow: hidden
}
.container_loader_column {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex
}
.row {
background-color: var(--border--white-10);
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.wrap_loader_flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1rem;
display: flex;
overflow: clip
}
.img_row_h {
height: 100%;
position: absolute
}
.wrap_loader {
z-index: 5000;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.bg_loader {
z-index: 5;
background-image: linear-gradient(#0000004d, #0000004d);
position: absolute;
inset: 0%
}
.section_bisschop_gallery {
border-top: 1px solid var(--border--black-10);
border-bottom: 1px solid var(--border--black-10)
}
.container_bisschop_gallery {
padding-top: 6.25rem;
padding-bottom: 5rem
}
.bx_title_bisschop_gallery {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem)
}
.wrap_bisschop_gallery {
width: 100%;
height: 31.125rem;
margin-top: 3rem
}
.wrap_list_bisschop_gallery {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex: none;
grid-template: ".""."/auto 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
width: 100%;
height: 100%;
display: grid
}
.item_bisschop_gallery {
border-radius: 1rem;
width: 100%;
min-width: 13.5rem;
height: 100%;
overflow: hidden
}
.img_bisschop_gallery {
height: 100%
}
.container_innovative {
padding-top: 5rem;
padding-bottom: 2.5rem
}
.wrap_content_innovative {
flex: none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100vh;
display: flex;
position: absolute
}
.wrap_content_innovative.one {
z-index: 0
}
.wrap_content_innovative.two {
z-index: 1
}
.wrap_content_innovative.three {
z-index: 2
}
.img_innivation {
height: 100vh;
position: absolute;
inset: 0
}
.wrap_title_innivation {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 65ch;
display: flex
}
.wrap_list_content_innovative {
width: 100%;
height: 100vh;
display: flex;
position: relative;
overflow: hidden
}
.section_projects {
border-bottom: 1px solid var(--border--black-10)
}
.container_projects {
padding-top: 6.25rem;
padding-bottom: 2rem;
padding-left: var(--size--4rem);
margin-left: auto;
margin-right: auto
}
.wrap_title_bn_projects {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.bx_titlle_projects {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 73ch;
display: flex
}
.wrap_content_projects {
margin-left: auto;
margin-right: auto;
padding-bottom: 6.25rem
}
.from_filer_projects_m {
justify-content: center;
align-items: stretch;
margin-bottom: 0;
display: flex
}
.from_filer_projects {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex
}
.wrap_list_filter_projects {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.radio_field_projects {
color: var(--swatch--text-accent-grey);
cursor: pointer;
flex: none;
justify-content: space-between;
align-items: stretch;
margin: 0;
padding: 2rem 4.25rem;
display: flex;
position: relative
}
.radio_bn_projects {
border: 0px none var(--border--black-10);
border-radius: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: absolute;
inset: 0%
}
.radio_bn_projects:hover {
border: 0px none var(--swatch--transparent);
background-color: var(--swatch--bg-black-5)
}
.radio_bn_projects.w--redirected-checked {
border-style: none none solid;
border-width: 0;
border-color: var(--swatch--transparent);
width: 100%;
height: 100%
}
.radio_bn_projects.w--redirected-focus {
border: 0px none var(--swatch--transparent);
box-shadow: 0 0 #0000
}
.text_filter_projects {
z-index: 3;
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
flex: none;
position: relative
}
.item_filter_projects {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex
}
.wrap_filter_projects {
border: 1px #000;
width: 100%;
display: flex
}
.wrap_collection_projects {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-end;
margin-top: 5rem;
display: flex
}
.wrap_text_bullet_tab_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.wrap_list_bullet_tab_prod {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex
}
.icon_bullet_tab_prod {
flex: none;
width: 1.5rem;
height: 1.5rem;
margin-top: .4rem
}
.bx_bullet_tab_prod {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.rich_text_res h1 {
font-size: var(--size--3rem);
margin-bottom: 1.5rem
}
.rich_text_res h2 {
font-size: var(--size--2-5rem);
margin-bottom: 1.25rem
}
.rich_text_res h3 {
font-size: var(--size--2rem);
margin-bottom: 1rem
}
.rich_text_res h4 {
font-size: var(--size--1-75rem);
margin-bottom: 1rem
}
.rich_text_res h5 {
font-size: var(--size--1-5rem);
margin-bottom: 1rem
}
.rich_text_res h6 {
font-size: var(--size--1-25rem);
margin-bottom: 1rem
}
.rich_text_res p {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.rich_text_res blockquote {
padding-right: 1.5rem;
padding-left: var(--size--1-25rem);
border-left-width: 4px;
border-left-color: var(--border--orange);
font-size: var(--size--1-5rem);
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: 500
}
.rich_text_res ol {
padding-left: var(--size--1-5rem);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
flex-flow: column;
font-weight: 300;
display: flex
}
.rich_text_res ul {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
flex-flow: column;
padding-left: 0;
font-weight: 300;
display: flex
}
.rich_text_res strong,
.rich_text_res a {
color: var(--swatch--brand-text)
}
.rich_text_res li {
background-image: url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/673f6b902f7ce6cedb74dda8_icon.svg);
background-position: 0 4px;
background-repeat: no-repeat;
background-size: 24px 24px;
padding-left: 2rem
}
.bg_hero_cms {
background-image: linear-gradient(#000000b3, #fff0 35%), linear-gradient(#0000004d, #0000004d), linear-gradient(#fff0 50%, #000000b3);
position: absolute;
inset: 0%
}
.wrap_cta_cms {
padding: var(--size--2-25rem);
cursor: pointer;
background-image: linear-gradient(#0006, #0006), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/673f993eafea65eed500d89f_Banner.avif);
background-position: 0 0, 0%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 1.25rem;
justify-content: space-between;
align-items: center;
margin-bottom: 6.25rem;
display: flex
}
.h_3_48_500_w {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.link_cta_cms {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: space-between;
align-items: center;
display: flex
}
.icon_cta_cms {
width: 1.5rem;
height: 1.5rem
}
.text_link_cta_cms {
color: var(--link-menu--text-white);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
text-transform: uppercase;
font-weight: 500
}
.wrap_descrip_slide_experience {
padding-top: 8.375rem
}
.wrap_img_project_m {
z-index: 5;
cursor: default;
border-radius: 1.25rem;
flex-flow: column;
justify-content: flex-end;
max-width: 22.5rem;
max-height: 29.5rem;
display: flex;
position: relative;
overflow: hidden
}
.item_collection_projects {
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.text-filer-company {
color: var(--border--orange);
display: none
}
.wrap_collection_company_projects {
flex: none
}
.bg_blur_innivation {
z-index: 5;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
position: absolute;
inset: 0%
}
.bg_project_company {
z-index: 2;
background-image: linear-gradient(#000000b3, #0000 35%), linear-gradient(#0000 50%, #000);
position: absolute;
inset: 0%
}
.style_divider {
display: none
}
.divider_check {
background-color: #0000001a;
width: 1px;
padding: 0;
position: absolute;
inset: 0% 0% 0% auto
}
.divider_check_top {
background-color: #0000001a;
width: 100%;
height: 1px;
padding: 0;
position: absolute;
inset: 0 0 auto
}
.divider_check_bottom {
background-color: #0000001a;
width: 100%;
height: 1px;
padding: 0;
position: absolute;
inset: auto 0 0
}
.wrap_list_project_comp {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
min-height: 34.75rem;
display: flex
}
.divider_check_bottom_org {
background-color: var(--border--orange);
width: 100%;
height: 3px;
padding: 0;
display: none;
position: absolute;
inset: auto 0 0
}
.wrap_slide_exclusive_pop_up {
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.section_expertise {
background-color: var(--swatch--bg-black)
}
.wrap_list_expertise {
padding-top: var(--size--6-25rem);
padding-bottom: var(--size--6-25rem);
grid-column-gap: var(--size--3rem);
grid-row-gap: var(--size--3rem);
flex-flow: column;
display: flex
}
.wrap_card_expertise {
padding-bottom: var(--size--3rem);
grid-column-gap: var(--size--3rem);
grid-row-gap: var(--size--3rem);
border-bottom: 1px solid var(--border--black-10);
flex-flow: column;
display: flex
}
.wrap_card_expertise.no_border {
border-bottom: 0px none var(--swatch--transparent)
}
.wrap_title_card_expertise {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
max-width: 85ch;
display: flex
}
.wrap_img_card_expertise {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.h3_24_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.parag_14_300_b_60 {
color: var(--swatch--text-black-60);
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 300
}
.img_card_expertise {
border-radius: var(--size--0-75rem);
background-color: var(--border--white-10);
max-height: 20rem
}
.wrap_grid_card_expertise {
grid-column-gap: var(--size--2rem);
grid-row-gap: var(--size--2rem);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.tabs_res_kom {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
height: 38.5rem;
display: flex;
overflow: hidden
}
.tabs_menu_res_kom {
padding-top: var(--size--5-25rem);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--swatch--bg-black);
flex-flow: column;
width: 100%;
max-width: 18rem;
display: flex
}
.tabs_content_res_kom {
width: 100%;
height: 100%;
display: flex
}
.tab_link_res_kom {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
border-left: 3px solid var(--swatch--transparent);
background-color: var(--swatch--transparent);
color: var(--swatch--text-white-60);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.tab_link_res_kom:hover,
.tab_link_res_kom:active {
background-color: var(--border--white-10)
}
.tab_link_res_kom.w--current {
border-left-color: var(--border--orange);
background-color: var(--swatch--bg-white-10);
color: var(--swatch--text-white)
}
.text_tab_link_res_kom {
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 500
}
.wrap_content_tab_res_kom {
padding: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-right: 1px solid var(--border--black-10);
border-left: 1px solid var(--border--black-10);
grid-template-rows: auto;
grid-template-columns: 1fr .8fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid
}
.wrap_img_tab_slider_kom {
border-radius: 1.25rem;
width: 100%;
max-width: 34rem;
margin-left: auto;
position: relative;
overflow: hidden
}
.bg_slider_kom {
z-index: 2;
background-image: linear-gradient(#00000059, #0000 28%), linear-gradient(#0000 27% 49%, #000000b3);
width: 100%;
height: 100%;
position: absolute
}
.wrap_content_res_decor {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 38.5rem;
overflow: hidden
}
.wrap_content_decor {
padding: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-right: 1px solid var(--border--black-10);
border-left: 1px solid var(--border--black-10);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
transition: opacity .4s;
display: grid
}
.wrap_title_bn_tab_res_decor {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative
}
.wrap_titl_tab_res_decor {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
max-width: 48ch;
display: flex
}
.wrap_img_tab_res_decor {
border-radius: 1.25rem;
width: 100%;
max-width: none;
margin-left: auto;
overflow: hidden
}
.img_tab_res_decor {
background-color: var(--swatch--bg-black-20);
height: 100%
}
.bx_divider_form_filter {
border-top: 1px solid var(--border--black-10);
border-bottom: 1px solid var(--border--black-10);
flex: 1;
align-self: stretch;
width: 100%
}
.wrap_filter_form_project {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 5rem;
display: flex;
overflow: scroll
}
.bn_projects_cms {
min-height: var(--size--6-25rem);
padding: 1rem var(--size--3rem);
border: 0px none var(--border--black-10);
color: var(--swatch--text-accent-grey);
cursor: pointer;
border-radius: 0;
justify-content: center;
align-items: center;
min-width: 16rem;
margin: 0;
transition: color .2s, background-color .2s;
display: flex;
position: relative
}
.bn_projects_cms:hover {
border: 0px none var(--swatch--transparent);
background-color: var(--swatch--bg-black-5)
}
.bn_projects_cms.w--redirected-checked {
border-style: none none solid;
border-width: 0;
border-color: var(--swatch--transparent);
width: 100%;
height: 100%
}
.bn_projects_cms.w--redirected-focus {
border: 0px none var(--swatch--transparent);
box-shadow: 0 0 #0000
}
.bn_projects_cms.is-active {
border-bottom-width: 3px;
border-bottom-color: var(--border--orange);
background-color: var(--swatch--bg-black-5);
color: var(--swatch--brand-text)
}
.wrap_pop_up_project {
z-index: 10;
width: var(--size--5-5rem);
height: var(--size--5-5rem);
background-color: var(--swatch--bg-black-20);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
overflow: hidden
}
.text_pop_up_project {
color: var(--swatch--text-white);
text-transform: uppercase;
font-size: 1rem;
font-weight: 500
}
.wrap_link_pop_up_project {
z-index: 6;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.drop_prod_slide {
border-bottom: 1px solid var(--border--black-10);
width: 100%;
margin-left: 0;
margin-right: 0
}
.drop_tog_prod_slide {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
white-space: pre-wrap;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex
}
.text_drop_prod_slide {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.bx_plus_drop_slide_prod {
border: 1px solid #fff0;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none;
position: relative;
overflow: hidden
}
.bx_line_plus {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.line_hor_prod_slide {
background-color: var(--swatch--brand);
border-radius: 100px;
min-width: .75rem;
height: 1.8px
}
.line_ver_prod_slide {
background-color: var(--swatch--brand);
min-width: .75rem;
height: 1.8px;
position: absolute;
transform: rotate(90deg)
}
.drop_list_prod_slide {
background-color: #0000;
flex-direction: column;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.bx_drop_prod_slide {
padding-right: 3rem;
overflow: hidden
}
.wrap_mob_slider_parthers {
display: none
}
.descrip_slide_experience {
color: var(--swatch--text-black-60);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_collection_mansory {
flex: none
}
.wrap_list_mansory {
max-width: var(--max-width--main);
padding-right: var(--size--2-5rem);
padding-left: var(--size--2-5rem);
columns: 320px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch;
column-gap: .25rem;
margin-top: 2.5rem;
margin-left: auto;
margin-right: auto
}
.item_mansory {
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.wrap_img_mansory {
z-index: 5;
cursor: default;
border-radius: 1.25rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
margin-top: .25rem;
display: flex;
position: relative
}
.img_project_mansory {
border-radius: 1.25rem;
height: 100%
}
.wrap_cmsnest_mansory {
justify-content: center;
display: flex
}
.wrap_pop_up_masory {
z-index: 6000;
background-color: var(--border--white-10);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%
}
.wrap_list_mansory_pop_up {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--swatch--bg-white);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
padding: 2rem;
display: grid;
position: relative
}
.link-block-2 {
position: absolute;
inset: 0%
}
.bg_pop_up_masory {
background-color: var(--swatch--bg-black-5);
position: absolute;
inset: 0%
}
.link-block-3 {
display: none
}
.wrap_item_mansory {
width: 100%
}
.wrap_nest_mansory {
padding: var(--size--4rem);
width: 100%;
max-width: 90rem;
height: 100vh;
max-height: 50.25rem;
position: relative
}
.wrap_tite_nest_massory {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 2rem;
display: flex
}
.card_nest_mansory {
z-index: 50;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
cursor: default;
flex-flow: column;
height: 100%;
display: flex;
position: relative
}
.wrap_img_nest_mansory {
background-color: var(--swatch--bg-black-5);
border-radius: .75rem;
justify-content: center;
align-items: center;
height: 20rem;
display: flex;
overflow: hidden
}
.img_nest_mansory {
height: 100%
}
.wrap_card_title_nest_mansory {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
flex: 1;
justify-content: space-between;
display: flex
}
.close_pop_up_mansory {
z-index: 5;
border: 1px solid var(--border--black-10);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: absolute;
top: .75rem;
right: .75rem
}
.wrap_slider_pop_up_mansory {
width: 100%;
max-width: 90rem;
height: 100%;
max-height: 50.625rem;
position: relative
}
.link_slider_nest_mansory {
cursor: default;
display: none
}
.code_slider {
display: none
}
.wrap_slide_mansory {
border-radius: 1.5rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.bg_slide_mansory {
z-index: 2;
background-image: linear-gradient(#00000059, #0000 28%), linear-gradient(#0000 27% 49%, #000000b3);
width: 100%;
height: 100%;
position: absolute
}
.img_slide_mansory {
height: 100%
}
.title_project_mansory {
color: var(--swatch--brand-text);
font-size: var(--size--3-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-04em)
}
.icon_close_mansory {
width: 1.5rem;
height: 1.5rem
}
.wrap_filter_form_mansory {
justify-content: flex-start;
align-items: stretch;
display: flex;
overflow: scroll
}
.wrap_drop_content_produrct {
padding: 6.25rem var(--size--4rem);
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: none
}
.wrap_title_drop_content_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.drop_tab_prod {
margin-left: 0;
margin-right: 0
}
.drop_tog_prod {
border-bottom: 1px solid var(--border--white-20);
justify-content: space-between;
align-items: center;
padding: .75rem 1rem;
display: flex
}
.icon_drop_prod {
width: 1.5rem;
height: 1.5rem
}
.wrap_content_mansory_pop_up {
z-index: 5;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--swatch--brand);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .55fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 82rem;
height: 100svh;
max-height: 41.25rem;
margin-left: auto;
margin-right: auto;
padding: .5rem;
display: grid;
position: relative
}
.close_mansory_pop_up {
border: 1px solid var(--border--black-10);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: absolute;
inset: .75rem .75rem auto auto
}
.icon_close_mansory_pop_up {
width: 1.5rem;
height: 1.5rem
}
.wrap_slider_mansory_pop_up {
border-radius: 1.5rem;
display: flex;
position: relative;
overflow: hidden
}
.wrap_img_slide_mansory_pop_up {
z-index: 0;
border-radius: 1.5rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.bg_slide_mansory_pop_up {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(#00000026, #0000), linear-gradient(#0000 59%, #000000b3);
width: 100%;
height: 100%;
position: relative
}
.img_slide_mansory_pop_up {
z-index: 1;
height: 100%;
position: absolute;
inset: 0%
}
.wrap_title_mansory_pop_up {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
padding: 3.25rem 2rem;
display: flex
}
.bx_title_mansory_pop_up {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 73ch;
display: flex
}
.title_mansory_pop_up {
font-size: var(--size--3rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.descrip_mansory_pop_up {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_mansory_pop_up_cms {
z-index: 6000;
background-color: var(--swatch--bg-white);
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%
}
.wrap_content_projects_cms {
height: 100vh;
padding-top: 5rem;
padding-bottom: 6.25rem;
overflow: hidden
}
.wrap_bg_section_cms {
background-color: var(--swatch--brand);
filter: blur(25px);
position: relative
}
.bx_descrip_card_spaces {
min-width: 35rem
}
.drop_res_cms {
background-color: var(--swatch--bg-black);
width: 100%;
max-width: 18rem;
margin-left: 0;
margin-right: 0;
padding-top: 5.25rem;
padding-bottom: 5.25rem
}
.drop_tog_res_cms {
flex-flow: column;
padding: 0;
display: none
}
.drop_list_res_cms {
background-color: var(--swatch--transparent);
flex-flow: column;
align-items: stretch;
padding: 0;
display: flex;
position: relative
}
.drop_text_res_cms {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.drop_text_res_cms:hover,
.drop_text_res_cms:active {
background-color: var(--border--white-10)
}
.drop_text_res_cms.is-active {
opacity: 1
}
.wrap_drop_list_tab_res_cms {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex
}
.drop_text_res_doors_cms {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.drop_text_res_doors_cms:hover,
.drop_text_res_doors_cms:active {
background-color: var(--border--white-10)
}
.drop_text_res_doors_cms.is-active {
opacity: 1
}
.bg_drop_blur {
z-index: 0;
background-color: var(--border--white-10);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
position: absolute;
inset: 0%
}
.wrap_list_bento_grid {
max-width: var(--max-width--main);
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: dense;
margin-top: 2.5rem;
margin-left: auto;
margin-right: auto;
display: grid
}
.item_bento_grid {
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.wrap_collection_bento_grid {
flex: none
}
.wrap_img_mento {
z-index: 5;
cursor: default;
border-radius: 1.25rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
min-height: 25rem;
margin-top: .25rem;
display: flex;
position: relative;
overflow: hidden
}
.img_project_mento {
border-radius: 1.25rem;
height: 100%;
position: absolute;
inset: 0%
}
.wrap_item_bento {
width: 100%;
height: 100%;
position: relative
}
.style_code_grid {
display: none
}
.wrap_comp_tab_content_kompot {
width: 100%;
height: 100%
}
.wrap_content_res_komp {
grid-template-rows: auto;
grid-template-columns: .34fr 1fr;
grid-auto-columns: 1fr;
height: 38.5rem;
display: none;
overflow: hidden
}
.drop_text_classic_cms {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.drop_text_classic_cms:hover,
.drop_text_classic_cms:active {
background-color: var(--border--white-10)
}
.drop_text_classic_cms.is-active {
opacity: 1
}
.tab_link_classic_cms {
padding: .875rem var(--size--1-25rem).875rem var(--size--3-75rem);
border-left: 3px solid var(--swatch--transparent);
opacity: .6;
color: var(--swatch--text-white);
cursor: pointer;
transition: border-color .3s, background-color .3s
}
.tab_link_classic_cms:hover,
.tab_link_classic_cms:active {
background-color: var(--border--white-10)
}
.tab_link_classic_cms.is-active {
border-left: 3px solid var(--border--orange);
background-color: var(--border--white-10);
opacity: 1
}
.wrap_filter_form_grid {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
justify-content: flex-start;
align-items: stretch;
display: flex;
overflow: scroll
}
.bn_filter_prod_cms {
border: 1px solid var(--border--black-10);
color: var(--swatch--brand-text);
cursor: pointer;
border-radius: .75rem;
flex: none;
justify-content: center;
align-items: center;
min-height: 3rem;
margin: 0;
padding: .75rem 1.5rem;
transition: color .2s, background-color .2s;
display: flex;
position: relative
}
.bn_filter_prod_cms:hover {
border: 1px solid var(--swatch--transparent);
background-color: var(--swatch--bg-black-5)
}
.bn_filter_prod_cms:active {
background-color: var(--border--black-10)
}
.bn_filter_prod_cms.w--redirected-checked {
border-style: none none solid;
border-width: 0;
border-color: var(--swatch--transparent);
width: 100%;
height: 100%
}
.bn_filter_prod_cms.w--redirected-focus {
border: 0px none var(--swatch--transparent);
box-shadow: 0 0 #0000
}
.bn_filter_prod_cms.is-active {
border-color: var(--swatch--transparent);
background-color: var(--border--black-10);
color: var(--swatch--brand-text)
}
.text_bn_filter_prod {
font-size: var(--size--1rem);
line-height: var(--line-height--1-3em);
letter-spacing: var(--letter-spacing--0-02em);
flex: none;
position: relative
}
.wrap_list_filter_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.bx_title_bento_pop_up {
z-index: 5;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 73ch;
display: flex;
position: absolute;
inset: 1.5rem auto auto 1.5rem
}
.title_bento_pop_up {
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.wrap_content_bento_pop_up {
z-index: 5;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--swatch--brand);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .55fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 82rem;
height: 100svh;
max-height: 48.25rem;
margin-left: auto;
margin-right: auto;
padding: .5rem;
display: none;
position: relative
}
.wrap_slider_bento_pop_up {
border-radius: 1.5rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.close_pop_up_bento {
z-index: 5;
border: 1px solid var(--border--white-30);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: border-color .3s, background-color .4s;
display: flex;
position: absolute;
top: 2rem;
right: 2rem
}
.close_pop_up_bento:hover {
border-color: var(--swatch--transparent);
background-color: var(--border--white-10)
}
.close_pop_up_bento:active {
background-color: var(--border--white-20)
}
.icon_close_bento {
color: var(--swatch--text-white);
width: 1.5rem;
height: 1.5rem
}
.bg_slide_bento_pop_up {
z-index: 2;
pointer-events: none;
background-image: linear-gradient(#00000040 21%, #0000), linear-gradient(#0000 53%, #000000b3);
width: 100%;
height: 100%;
position: relative
}
.h3_24_500_w {
color: var(--swatch--text-white);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.parag_14_300_w_60 {
color: var(--swatch--text-white-60);
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 300
}
.divider_tab_bottom {
background-color: var(--border--black-10);
width: 100%;
height: 1px;
position: absolute;
inset: auto 0 0
}
.divider_tab_left {
background-color: var(--border--black-10);
width: 1px;
height: 110%;
position: absolute;
inset: 0% 0% 0 auto
}
.divider_tab_top {
background-color: var(--border--black-10);
width: 100%;
height: 1px;
position: absolute;
inset: 0% 0% auto
}
.wrap_nest_bento {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative
}
.box_line_plus_amazing,
.box_line_minus_amazing {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.wrap_minus_amazing {
z-index: 2;
background-color: var(--swatch--bg-dark);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none;
position: absolute;
inset: auto 1rem 1rem auto
}
.style_card_mob_amazing {
display: none
}
.wrap_title_bn_tab_kom_cms {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative
}
.wrap_content_list_tab_kom_cms {
width: 100%;
height: 38.5rem;
position: relative;
overflow: hidden
}
.wrap_slider_gallery_cms {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 3rem;
display: flex
}
.bx_title_slider_gallery_cms {
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
max-width: 85ch
}
.container_slider_gallery_cms {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.section_slider_gallery_cms {
border-top: 1px solid var(--border--black-10);
border-bottom: 1px solid var(--border--black-10)
}
.wrap_bullet_button_gallery_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
margin-top: 2.5rem;
display: flex
}
.wrap_slider_mob_bisschop {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: none;
position: relative
}
.slide_mob_bisschop {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%
}
.img_slide_mob_bisschop {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.5rem;
width: 100%;
height: 100%;
overflow: hidden
}
.swiper-bullet-wrapper-spaces {
z-index: 5;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--border--white-20);
border-radius: 100px;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: .75rem;
display: flex;
position: relative
}
.swiper-bullet-wrapper-spaces.is-exclusive {
background-color: var(--swatch--transparent)
}
.swiper-bullet-wrapper-spaces.is-gallery-cms {
background-color: var(--swatch--bg-black-5);
justify-content: center;
align-items: center;
padding: 1rem
}
.swiper-bullet-wrapper-spaces.is-kom {
background-color: var(--swatch--bg-black-40)
}
.wrap_title_faq {
padding-bottom: 7.5rem;
position: relative
}
.wrap_title_content_innivation {
z-index: 5;
max-width: var(--max-width--main);
padding-right: var(--size--4rem);
padding-bottom: var(--size--4rem);
padding-left: var(--size--4rem);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.bx_descrip_spaces {
max-width: 75ch
}
.wrap_run_logos_service {
max-width: var(--max-width--main);
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
padding-bottom: 2rem
}
.container_serv_who {
padding-top: var(--size--6-25rem);
padding-bottom: var(--size--6-25rem)
}
.wrap_serv_who {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.wrap_img_who {
border-radius: 1.5rem;
min-height: 45rem;
overflow: hidden
}
.img_who_serv {
height: 100%
}
.wrap_title_descrip_serv_who {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.wrap_title_serv_who {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.wrap_descrip_serv_who {
border-top: 1px solid var(--border--black-10);
padding-top: 1.5rem
}
.section_our_app {
border-bottom: 1px solid var(--border--black-10)
}
.wrap_our_app {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.container_our_app {
padding-top: var(--size--6-25rem);
padding-bottom: var(--size--6-25rem)
}
.wrap_title_bn_our_app {
grid-column-gap: 15.75rem;
grid-row-gap: 15.75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 5rem
}
.bx_title_our_app {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.wrap_list_our_app {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
display: flex
}
.card_our_app {
grid-column-gap: 8.25rem;
grid-row-gap: 8.25rem;
background-color: var(--swatch--bg-dark);
border-radius: 1.5rem;
flex-flow: column;
padding: 1.5rem;
display: flex
}
.wrap_card_number_our_app {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: center;
display: flex
}
.divider_card_number_our_app {
background-color: var(--swatch--bg-white-20);
flex: 1;
height: 1px
}
.wrap_number_our_app {
background-color: var(--swatch--bg-white-20);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex
}
.text_number_our_app {
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.tag_card_our_app {
color: var(--swatch--text-white);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
letter-spacing: var(--letter-spacing--0-02em);
text-transform: uppercase;
font-weight: 500
}
.h_3_32_500_w {
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.parag_16_300_w_60 {
color: var(--swatch--text-white-60);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.item_faq {
border-bottom: 1px solid var(--border--black-10)
}
.item_faq:last-child {
border-bottom-color: var(--swatch--transparent)
}
.wrap_descrip_form {
max-width: 40ch
}
.h_2_40_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.link_40_500_b_footer {
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
text-underline-offset: 4px;
font-weight: 500;
text-decoration: underline;
text-decoration-thickness: 2px
}
.title_slide_static {
color: var(--swatch--text-white);
font-size: var(--size--2-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.dscrip_slide_static {
color: var(--swatch--text-white-80);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_title_about_m {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
max-width: 80ch;
display: flex
}
.bx_descrip_statistic_about {
max-width: 25ch;
margin-left: auto;
margin-right: auto
}
.bg_about_bx {
background-color: var(--swatch--bg-black);
width: 100%;
height: 100%
}
.bg_about_bx.white {
background-color: var(--swatch--brand)
}
.bx_descrip_expertise {
max-width: 72ch
}
.divider_tab_orange {
background-color: var(--border--orange);
width: 100%;
height: 4px;
position: absolute;
inset: auto 0 0
}
.bx_descrip_content_innivation {
max-width: 68ch
}
.bx_title_product_m {
max-width: 75ch
}
.container_bisschop_value {
max-width: var(--max-width--main);
padding: var(--size--3-75rem)var(--size--4rem);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: scroll
}
.card_bisschop_value {
grid-column-gap: var(--size--1-5rem);
grid-row-gap: var(--size--1-5rem);
background-color: var(--swatch--bg-dark-grey);
border-radius: 1rem;
justify-content: space-between;
align-items: center;
min-width: 21rem;
max-width: 21rem;
padding: .875rem;
display: flex
}
.wrap_title_bisschop_value {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.divider_bisschop_value {
background-color: var(--border--white-20);
border-radius: 100px;
flex: none;
width: .5rem;
height: 6rem
}
.text_24_500_w {
color: var(--swatch--text-white);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.img_card_bisschop_value {
width: auto;
height: 7rem
}
.wrap_prod_cms {
display: flex
}
.wrap_img_slide_about {
z-index: 5;
padding-left: var(--size--3-5rem);
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
display: flex;
position: relative
}
.style_cms_anim_bn {
display: none
}
.wrap_img_slide_bento_pop_up {
z-index: 0;
border-radius: 1.5rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.wrap-descrip-prod-cms {
overflow: hidden
}
.wrap_team_des {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.wrap_list_team {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: var(--size--4rem)
}
.wrap_item_team {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem
}
.name_team {
color: var(--swatch--brand-text);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.wrap_name_role_team {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.role_team {
color: var(--swatch--text-black-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_text_link_social_item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex
}
.wrap_social_link_item {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative
}
.icon_arrow_team {
z-index: 0;
opacity: 0;
width: 2rem;
height: 2rem;
position: absolute
}
.icon_soacial_team {
width: .875rem;
height: .875rem
}
.link_soacial_team_item {
z-index: 2;
background-color: var(--link-social-team--bg);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative
}
.wrap_img_team {
opacity: 0;
flex-flow: column;
justify-content: space-between;
padding: 1.25rem;
display: flex;
position: absolute;
inset: 0%
}
.wrap_img_team.is-active {
opacity: 100
}
.container_team {
padding-top: 5rem;
padding-bottom: 5rem
}
.wrap_img_list_team {
height: 45rem;
position: sticky;
top: 4.5rem
}
.img_team {
height: 100%;
position: absolute;
inset: 0%
}
.link_social_team_img {
z-index: 5;
background-color: var(--link-social-team--bg-secondary);
color: var(--swatch--text-white);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-left: auto;
display: flex;
position: relative
}
.wrap_img_info_team {
z-index: 5;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--swatch--bg-black-60);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
display: grid;
position: relative
}
.name_info_team {
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
font-weight: 500
}
.role_info_team {
color: var(--swatch--text-white-60);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_logo_info_team {
justify-content: flex-end;
align-items: center;
display: flex
}
.img_logo_info_team {
width: auto;
height: 2rem
}
.item_team {
border-bottom: 1px solid var(--border--black-10)
}
.item_team:last-child {
border-bottom-style: none
}
.wrap_team_tablet {
width: 100%;
display: none
}
.wrap_img_slide_team {
border-radius: var(--size--1-5rem);
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden
}
.wrap_bg_section_black_white {
z-index: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
inset: 0%
}
.bx_arrow_amazing {
background-color: var(--swatch--bg-dark);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex
}
.icon_arrow_amazing {
width: 1.5rem;
height: 1.5rem
}
.wrap_arrow_amazing {
z-index: 5;
grid-column-gap: .625rem;
grid-row-gap: .625rem;
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: auto 1rem 1rem auto;
overflow: hidden
}
.text_arrow_amazing {
color: var(--swatch--brand-text);
font-size: var(--size--1-5rem);
line-height: var(--line-height--1-2em)
}
.bx_text_arrow_amazing {
white-space: nowrap;
width: 0;
padding: 0;
transition: width .8s;
overflow: hidden
}
.wrap_slider_bento {
width: 100%;
max-width: 160rem;
height: 100svh;
max-height: 90rem;
position: relative
}
.section_gallery_serv {
border-bottom: 1px solid var(--border--black-10)
}
.container_gallery_serv {
padding-top: 6.25rem;
padding-bottom: 5rem
}
.wrap_title_gallery_serv {
max-width: var(--max-width--main);
padding-right: var(--size--4rem);
padding-left: var(--size--4rem);
margin-left: auto;
margin-right: auto
}
.wrap_slider_gallery_services_top {
flex-flow: column;
margin-top: 3rem;
display: flex;
overflow: hidden
}
.wrap_slide_services {
border-radius: 1rem;
width: 26.25rem;
height: 15.75rem;
overflow: hidden
}
.wrap_slide_services.bottom {
width: 20rem
}
.img_slide_services {
height: 100%
}
.wrap_slider_gallery_services {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.section_run_logos_service {
border-bottom: 1px solid var(--border--black-10)
}
.label_bn_radio_filter {
font-size: var(--size--1rem);
line-height: var(--line-height--1-3em);
letter-spacing: var(--letter-spacing--0-02em);
flex: none;
position: relative
}
.field_radio_bn_filter {
border: 1px solid var(--border--black-10);
color: var(--swatch--brand-text);
cursor: pointer;
border-radius: .75rem;
flex: none;
justify-content: center;
align-items: center;
min-height: 3rem;
margin: 0;
padding: .75rem 1.5rem;
transition: color .2s, background-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.field_radio_bn_filter:hover {
border: 1px solid var(--swatch--transparent);
background-color: var(--swatch--bg-black-5)
}
.field_radio_bn_filter:active {
background-color: var(--border--black-10)
}
.field_radio_bn_filter.w--redirected-checked {
border-style: none none solid;
border-width: 0;
border-color: var(--swatch--transparent);
width: 100%;
height: 100%
}
.field_radio_bn_filter.w--redirected-focus {
border: 0px none var(--swatch--transparent);
box-shadow: 0 0 #0000
}
.field_radio_bn_filter.is-active {
border-color: var(--swatch--transparent);
background-color: var(--border--black-10);
color: var(--swatch--brand-text)
}
.radio_bn_filter {
border: 0px none var(--swatch--transparent);
border-radius: 0;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
inset: 0%
}
.radio_bn_filter.w--redirected-checked {
background-color: var(--border--black-10);
border-radius: 0
}
.radio_bn_filter.w--redirected-focus {
box-shadow: 0 0 0 0 var(--swatch--transparent)
}
.text_filter_bento {
z-index: 25;
display: none;
position: absolute
}
.code_style_bn_cms {
display: none
}
.title_slide_pop_up {
z-index: 5;
color: var(--swatch--text-white);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500;
display: none;
position: relative
}
.pagination_load {
justify-content: center;
align-items: center;
margin-top: 3rem;
display: flex;
overflow: visible
}
.img_slide_pop_up_mob,
.img_exclusive_mob {
height: 100%;
display: none
}
.img_exclusive_control {
height: 100%
}
.img_slide_spaces_mob {
z-index: 1;
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.wrap_nav_control_slider {
z-index: 5;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
overflow: auto
}
.tab_nav_slide {
border-bottom: 1px solid var(--swatch--transparent);
color: var(--swatch--text-white-60);
cursor: pointer;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: stretch;
padding-bottom: .375rem;
transition: color .4s;
display: flex
}
.tab_nav_slide:hover {
color: var(--swatch--text-white)
}
.tab_nav_slide.is-active {
border-bottom-color: var(--border--orange);
color: var(--swatch--text-white)
}
.text_tab_nav_slide {
font-size: var(--size--1rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
text-transform: uppercase
}
.wrap_circle_statistic {
flex: none;
justify-content: center;
align-items: center;
width: 27.5rem;
height: 27.5rem;
margin-left: -16.75rem;
display: flex;
position: relative
}
.wrap_slider_statistic_tab {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--swatch--bg-black);
border-radius: 1.5rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: stretch stretch;
min-height: 33.75rem;
margin-top: 2.5rem;
padding: 3rem;
display: flex;
position: relative;
overflow: hidden
}
.circle-progress {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.img_map_statistic {
width: 17.5rem;
height: 17.5rem;
position: absolute
}
.circle-prog-svg {
height: 100%
}
.wrap_footer {
z-index: 0;
/*margin-top: -100vh;*/
position: relative
}
.spacer {
height: 100vh
}
.wrap_footer_sticky {
z-index: 0;
position: sticky;
bottom: 0
}
.wrap_section_main {
z-index: 1;
position: relative
}
.trigger_footer {
position: absolute;
inset: auto 0% 0%
}
.img_slide_pop_up_cms {
object-fit: contain;
height: 100%
}
.wrap_text_input {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex
}
.wrap_info_input {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
padding-left: .75rem;
padding-right: .75rem;
display: flex
}
.text_14_300_w_40 {
color: var(--swatch--text-white-40);
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 300
}
.icon_info_input {
width: 1rem;
height: 1rem
}
.container_terms_priv {
padding-top: 9.5rem;
padding-bottom: 3.75rem
}
.wrap_title_terms_priv {
text-align: center;
padding-left: 1rem;
padding-right: 1rem
}
.h_1_56_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--3-5rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-04em)
}
.h_1_56_500_b.text_height {
line-height: var(--line-height--1-7em);
width: 100%
}
.wrap_list_content_terms_priv {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
width: 100%;
max-width: 44rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.wrap_item_terms_priv {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.h_2_32_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--2rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.span_black_400_70 {
color: var(--swatch--text-black-70);
font-weight: 400
}
.wrap_content_terms_priv {
padding-bottom: 6.25rem;
padding-left: 1rem;
padding-right: 1rem
}
.parag_18_300_b_60 {
color: var(--swatch--text-black-60);
font-size: 1.125rem;
line-height: var(--line-height--1-5em);
font-weight: 300
}
.wrap_contact_terms_priv {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.span_black_500 {
color: var(--swatch--brand-text);
font-weight: 500
}
.link_contact_email {
text-underline-offset: 4px;
cursor: pointer;
text-decoration: underline
}
.link_contact_phone {
text-underline-offset: 4px;
cursor: pointer;
text-decoration: none
}
.style_code_img_cms {
display: none
}
.drop_select {
width: 49%;
margin: 0
}
.drop_tog_select {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border: 1px solid var(--border--white-10);
background-color: var(--swatch--bg-white-4);
color: var(--swatch--text-white-60);
border-radius: .625rem;
justify-content: space-between;
align-items: center;
padding: 1rem;
display: flex
}
.icon_drop_select {
flex: none;
width: 1.5rem;
height: 1.5rem
}
.text_drop_select {
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
font-weight: 500
}
.text_drop_select.is-active {
color: var(--swatch--text-white)
}
.drop_list_select {
border: 1px solid var(--border--white-10);
background-color: var(--swatch--bg-dark-grey);
border-radius: .625rem;
margin-top: .25rem
}
.bx_text_drop_select {
overflow: hidden
}
.option_drop_select {
color: var(--swatch--text-white-60);
font-size: var(--size--1rem);
line-height: var(--line-height--1-5em);
cursor: pointer;
font-weight: 500
}
.option_drop_select:hover,
.option_drop_select.is-active {
color: var(--swatch--text-white)
}
.drop_list_option_select {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--swatch--bg-white-4);
border-radius: .625rem;
flex-flow: column;
width: 100%;
height: 100%;
padding: 1rem;
display: flex
}
.style_form {
display: none
}
.wrap_drop_list_faq {
z-index: 0;
flex-flow: column;
display: flex;
position: relative
}
.blur_project_mento {
z-index: 2;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
pointer-events: none;
position: absolute;
inset: 0%
}
.wrap_contact_footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.text_20_500_b {
color: var(--swatch--brand-text);
font-size: var(--size--1-25rem);
line-height: var(--line-height--1-2em);
letter-spacing: var(--letter-spacing--0-02em);
font-weight: 500
}
.wrap_links_contact {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.link_contact {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex
}
.icon_contact {
width: 1.25rem;
height: 1.25rem
}
.text_link_contact {
font-size: .875rem;
line-height: var(--line-height--1-5em);
font-weight: 500
}
.span_opacity_60 {
opacity: .6
}
.wrap_img_hero_cms {
position: absolute;
inset: 0%
}
.img_hero_des_cms,
.img_hero_des_cms-copy {
height: 100%
}
.img_hero_mob_cms {
height: 100%;
display: none
}
.hidden-elements {
display: none
}
.title_mansory_pop_up_cms {
z-index: 0;
opacity: 0;
pointer-events: none;
margin-top: 0;
margin-bottom: 0;
position: absolute
}
.s-404 {
height: 100vh
}
.s_container_404 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: .5rem;
display: flex;
overflow: clip
}
.s_404_bg {
z-index: 5;
background-image: linear-gradient(#000c, #000c);
position: absolute;
inset: 0%
}
.container_404_column {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex
}
.s_404_title_wrap {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.h_1_120_500_w {
color: var(--swatch--text-white);
font-size: var(--size--7-5rem);
line-height: var(--line-height--1em);
font-weight: 500
}
.s_404_title_bn_wrap {
z-index: 25;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: absolute
}
@media screen and (min-width:1440px) {
.bx_descrip_slide_statistic {
max-width: 55ch
}
.container_slider_project {
max-height: 90rem
}
.wrap_slider_title_project {
max-width: 41.25rem
}
.section_product.gallery {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#0009, #0009), linear-gradient(#0000 70%, #000), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/67504b879522d9823d238152_gallery-Hero.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover
}
.wrap_title_product_m._85ch {
max-width: 85ch
}
.logo_h_product.bisschop {
width: var(--size--6-75rem);
height: var(--size--6-25rem)
}
.section_serv_who {
border-top: 1px solid var(--border--black-10)
}
.wrap_our_app {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.divider_card_number_our_app {
background-color: var(--swatch--bg-white-20)
}
.tag_card_our_app {
line-height: var(--line-height--1-5em)
}
}
@media screen and (max-width:991px) {
.u-grid-column-4 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.section_h_m {
height: auto;
max-height: none
}
.container_h_m {
grid-template-columns: 1fr .25fr;
padding-bottom: 5rem
}
.container_hor_64px {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.bx_title_statistic {
max-width: 58ch
}
.wrap_slider_statistic {
flex-flow: column;
display: flex
}
.wrap_img_circle_statistic {
width: 100%;
max-width: 18.375rem;
height: 100%;
max-height: 18.375rem
}
.wrap_step_statistic {
width: 100%;
max-width: 45.875rem;
height: 30.625rem
}
.slider-arrow-button {
position: relative;
top: auto;
right: auto
}
.slider-arrow-button.is-statistic {
justify-content: space-between;
align-items: center
}
.slider-arrow-button.is-project {
right: 2rem
}
.slider-arrow-button.is-exclusive {
bottom: 1rem;
left: 1rem
}
.slider-arrow-button.is-kom {
position: absolute
}
.slider-arrow-button.is-parthers {
justify-content: space-between;
align-items: center;
position: relative;
bottom: auto;
left: auto
}
.slider-arrow-button.is-bento {
left: 1.5rem
}
.slider-arrow-button.is-statistic-tab {
justify-content: space-between;
align-items: center
}
.swiper.is-exclusive-two {
width: 100%;
height: auto
}
.swiper.is-img-about {
height: 100%
}
.swiper.is-team {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.swiper.is-catalog {
padding-right: var(--size--2rem);
width: 100%
}
.swiper-wrapper.is-exclusive-two {
flex-flow: row;
width: 100%;
height: auto
}
.swiper-wrapper.is-img-about {
height: 100%
}
.swiper-slide.is-exclusive-two {
width: 4.5rem;
height: 4.5rem;
max-height: 4.5rem
}
.swiper-slide.is-kom {
height: 28.75rem
}
.swiper-slide.is-parthers {
align-self: stretch
}
.swiper-slide.is-team {
max-width: 34.75rem;
height: 38rem
}
.name_comp_slider_statistic {
width: 4.25rem;
max-width: none
}
.nav_menu {
background-color: var(--swatch--bg-black);
min-width: auto;
height: 100%;
position: fixed;
inset: 0% 0% auto
}
.wrap_nav_menu {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: var(--swatch--transparent);
outline-color: var(--border--white-10);
outline-offset: 0px;
border-radius: 0;
outline-width: 1px;
outline-style: none;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100dvh;
padding-top: 7.5rem;
overflow: scroll
}
.wrap_flip {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
max-width: 25.25rem;
height: 100%;
min-height: auto;
display: flex
}
.card_parthers_img {
backface-visibility: visible;
border-radius: 1.25rem;
height: 16rem;
position: relative
}
.card_parthers_back {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
border-radius: 1.25rem;
flex: 1;
position: relative;
transform: none
}
.wrap_list_parthers {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-columns: 1fr 1fr
}
.wrap_slider_project {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem);
flex-flow: column
}
.wrap_slider_title_project {
flex: 1
}
.wrap_slider_small_pfoject {
margin-top: 2rem;
margin-left: auto
}
.bx_title_slider_project {
max-width: 35ch
}
.drop_service {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.icon_service {
display: none
}
.wrap_content_form {
padding-left: 2rem;
padding-right: 2rem
}
.bx_text_field {
flex-flow: column
}
.container_footer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.wrap_logo_links_footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
padding-top: 2rem;
display: flex
}
.wrap_links_bn_footer {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start
}
.wrap_copy_social_links_footer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 2rem
}
.wrap_text_links_privacy_footer {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.text_14_300_b_60 {
order: 1
}
.img_footer {
margin-bottom: -3rem
}
.section_about_m {
min-height: auto;
max-height: 43.625rem
}
.container_about_m {
grid-template-columns: 1fr .25fr
}
.container_statistic_about {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.wrap_list_statistic_about {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr
}
.wrap_about {
flex-flow: column;
min-height: auto;
display: flex
}
.wrap_title_about {
grid-column-gap: 5.25rem;
grid-row-gap: 5.25rem
}
.wrap_img_about {
border-top-style: none;
justify-content: center;
width: 100%;
height: 35rem;
max-height: none;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.wrap_list_about {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem
}
.wrap_slider_experience {
height: auto
}
.slide_experience {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.wrap_img_slide_experience {
height: 27.5rem
}
.wrap_run_logos {
padding-bottom: 2rem
}
.logo-run {
max-height: 4rem
}
.wrap_amazing {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem);
display: flex;
overflow: scroll
}
.wrap_title_bn_amazing {
flex-flow: wrap
}
.card_amazing {
padding-bottom: 1rem
}
.wrap_card_title_amazing {
z-index: 5
}
.item_amazing {
flex: none;
max-width: 23rem
}
.title_card_amazing {
color: var(--swatch--text-white)
}
.descrip_card_amazing {
color: var(--swatch--text-white-80)
}
.section_product {
min-height: auto
}
.container_product_m {
grid-template-columns: 1fr .25fr
}
.container_tab_product {
padding: 3.25rem 0;
display: none
}
.tabs_menu_product {
justify-content: flex-start;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
overflow: scroll
}
.tab_link_product {
flex: none
}
.text_tab_link_prod {
font-size: 1.125rem;
font-weight: 300
}
.img_tab_link_prod {
height: 2.25rem
}
.wrap_img_text_tab_link_prod {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0
}
.wrap_content_tab_prod {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
min-height: auto;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.wrap_title_option_tab_prod {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.bx_title_tab_prod {
max-width: 65ch
}
.img_material_tab_prod {
width: 2.75rem;
height: 2.75rem
}
.img_tab_prod {
max-height: 25.75rem
}
.wrap_list_spaces_cms {
flex-flow: column
}
.card_spaces {
padding-top: 1rem
}
.wrap_arrow_card_spaces {
margin-left: auto
}
.bx_title_descrip_card_spaces {
padding-right: 1rem
}
.bx_plus_spaces {
display: none
}
.bx_title_card_spaces {
min-width: auto
}
.wrap_content_spaces {
display: flex
}
.wrap_slider_spaces {
width: 100%
}
.wrap_title_bn_pop_up_spaces {
display: none
}
.close_pop_up_spaces {
z-index: 5;
border-color: var(--border--white-60);
color: var(--button--text)
}
.drop_faq {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.tab_link_res {
min-width: 18.25rem;
padding: 1rem 1.25rem
}
.text_tab_link {
font-size: var(--size--1rem)
}
.bx_icon_tab_link_res {
border-radius: .75rem;
width: 3rem;
height: 3rem
}
.icon_tab_link_res {
width: 1.25rem;
height: 1.25rem
}
.tabs_res {
border-left-style: none;
border-right-style: none
}
.tabs_menu_res {
flex: none;
width: 100%;
overflow: auto
}
.wrap_content_res {
border-left-style: none;
border-right-style: none;
flex-flow: column;
height: auto;
display: flex;
overflow: visible
}
.wrap_list_tab_res_cms {
grid-column-gap: 0px;
grid-row-gap: 0px
}
.tab_link_res_cms {
border-bottom: 1px solid var(--border--white-20);
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.tab_link_res_cms:hover {
background-color: var(--swatch--transparent)
}
.tab_link_res_cms:active {
background-color: var(--swatch--bg-white-10)
}
.tab_link_res_cms.is-active {
border-bottom-color: var(--swatch--transparent)
}
.tab_link_res_cms.is-active:hover {
background-color: var(--border--white-10)
}
.wrap_content_tab_res_cms {
padding: 2rem
}
.wrap_content_tab_res_cms.is-active {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
display: flex
}
.wrap_img_tab_res_cms {
max-width: none;
height: 28.75rem
}
.wrap_content_list_tab_res_cms {
z-index: 1;
height: auto
}
.item_content_tab_res_cms {
position: relative
}
.wrap_slider_exclusive {
justify-content: space-between;
align-items: stretch;
height: auto
}
.bx_title_slider_exclusive {
margin-bottom: 2rem;
position: relative;
top: auto;
left: auto
}
.wrap_content_front_doors {
padding: 2rem
}
.wrap_content_front_doors.is-active {
flex-flow: column;
display: flex
}
.wrap_content_res_attic {
border-left-style: none;
border-right-style: none
}
.wrap_content_attic {
flex-flow: column;
padding: 2rem;
display: flex
}
.section_product_cms {
min-height: auto
}
.wrap_list_prod_content_cms {
grid-template-columns: 1fr 1fr 1fr
}
.wrap_slider_img_exclusive {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
max-width: 26.25rem;
display: flex
}
.wrap_img_exclusive {
order: -1;
height: 30rem
}
.container_product_cms {
grid-template-columns: 1fr .25fr
}
.wrap_slider_pop_up_exclusive {
height: 100dvh
}
.bn_close_pop_up {
top: 1rem;
right: 1rem
}
.wrap_slider_list_exclusive {
order: 1;
align-items: stretch;
width: 100%;
height: auto
}
.logo_h_prod_cms {
bottom: 3.5rem
}
.bn_menu_nav {
z-index: 5;
background-color: var(--swatch--transparent);
padding: 0;
position: relative
}
.bn_menu_nav.w--open {
background-color: var(--swatch--bg-black)
}
.wrap_bn_menu {
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex
}
.icon_burger {
width: 1.5rem;
height: 1.5rem
}
.container_catalog {
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: var(--size--2rem)
}
.wrap_links_catalog_pdf {
padding-right: var(--size--2rem)
}
.drop_nav {
width: 100%;
margin-left: 0;
margin-right: 0
}
.drop_list_nav {
width: 100%;
position: relative;
top: 0
}
.drop_menu_nav {
border: 0px none var(--swatch--transparent);
border-radius: 0
}
.bg_drop_menu_blur {
-webkit-backdrop-filter: none;
backdrop-filter: none;
display: none
}
.bg_drop_nav_blur {
display: none
}
.container_loader_column {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.wrap_loader_flex {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: .5rem
}
.container_projects {
padding-left: var(--size--2rem)
}
.tabs_res_kom {
height: auto;
display: none
}
.wrap_content_tab_res_kom {
border-left-style: none;
border-right-style: none;
flex-flow: column;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.wrap_img_tab_slider_kom {
max-width: none
}
.wrap_content_res_decor {
height: auto
}
.wrap_content_decor {
border-left-style: none;
border-right-style: none;
flex-flow: column;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.wrap_img_tab_res_decor {
height: 28.75rem
}
.wrap_pop_up_project {
bottom: 1rem;
right: 1rem
}
.wrap_link_pop_up_project {
justify-content: flex-end;
align-items: flex-end
}
.wrap_mob_slider_parthers {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
margin-top: 2.5rem;
display: flex
}
.wrap_parthers_des {
display: none
}
.wrap_nest_mansory {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.wrap_tite_nest_massory {
padding-left: 0;
padding-right: 0
}
.wrap_slider_pop_up_mansory {
max-height: 40.75rem
}
.wrap_slide_mansory {
border-radius: 1.25rem
}
.img_slide_mansory {
max-height: 40.75rem
}
.wrap_drop_content_produrct {
padding-top: 3.25rem;
padding-bottom: 3.25rem;
display: flex
}
.wrap_title_drop_content_prod {
justify-content: flex-start;
align-items: flex-start;
padding-left: 2rem;
padding-right: 2rem
}
.drop_tab_prod {
min-width: 25rem
}
.drop_tog_prod {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.icon_drop_prod {
z-index: 5;
flex: none
}
.wrap_drop_list_prod_tab_link {
background-color: var(--swatch--bg-black-40);
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
width: 100%
}
.wrap_drop_prod_tab_link {
border-bottom: 1px solid var(--border--white-20);
filter: grayscale();
color: var(--swatch--text-white-60);
justify-content: space-between;
align-items: center;
padding: 1rem;
transition: filter .2s;
display: flex;
overflow: hidden
}
.wrap_drop_prod_tab_link.is-active {
filter: grayscale(0%);
color: var(--swatch--text-white)
}
.wrap_content_prod_drop {
display: none
}
.wrap_content_prod_drop.is-active {
justify-content: center;
display: flex
}
.drop_list_link_prod {
background-color: var(--swatch--transparent)
}
.wrap_drop_tog_list_prod_tab_link {
min-height: 2.25rem;
position: relative
}
.wrap_drop_tog_prod_tab_link {
opacity: 0;
color: var(--swatch--text-white);
display: none
}
.wrap_drop_tog_prod_tab_link.is-active {
opacity: 100;
display: block
}
.icon_drop_tab_link {
opacity: 0;
flex: none;
width: 1.25rem;
height: 1.25rem
}
.wrap_content_mansory_pop_up {
grid-template-columns: .75fr .55fr
}
.bx_descrip_card_spaces {
min-width: auto
}
.drop_res_cms {
max-width: none;
padding-top: 0;
padding-bottom: 0
}
.drop_tog_res_cms {
justify-content: center;
align-items: stretch;
display: flex
}
.drop_list_res_cms {
z-index: 5;
background-color: var(--swatch--bg-black);
display: none;
position: absolute
}
.drop_text_res_cms {
opacity: 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
inset: 0
}
.drop_text_res_cms:hover {
border: 1px solid var(--swatch--transparent);
background-color: var(--swatch--transparent)
}
.wrap_drop_list_tab_res_cms {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: stretch;
height: 4rem;
position: relative
}
.drop_text_res_doors_cms {
opacity: 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
inset: 0
}
.bg_drop_blur {
-webkit-backdrop-filter: none;
backdrop-filter: none;
display: none
}
.wrap_list_bento_grid {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem);
grid-template-columns: 1fr 1fr
}
.wrap_content_res_komp {
flex-flow: column;
height: auto;
display: flex;
overflow: visible
}
.wrap_drop_content_komp_cms {
display: none;
position: relative;
inset: 0%
}
.wrap_drop_content_komp_cms.is-active {
display: block
}
.drop_text_classic_cms {
opacity: 0;
justify-content: space-between;
align-items: center;
display: flex;
position: absolute;
inset: 0
}
.tab_link_classic_cms {
border-bottom: 1px solid var(--border--white-10);
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.tab_link_classic_cms.is-active {
border-bottom-color: var(--swatch--transparent)
}
.wrap_drop_classic_komp_cms {
display: none;
position: absolute;
inset: 0%
}
.wrap_drop_classic_komp_cms.is-active {
display: block
}
.wrap_filter_form_grid {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.wrap_list_filter_prod {
width: 100%
}
.wrap_content_bento_pop_up {
grid-template-columns: .75fr .55fr;
max-width: none;
height: 100%;
max-height: none
}
.wrap_nest_bento {
padding-top: var(--size--0-5rem);
padding-right: var(--size--0-5rem);
padding-bottom: var(--size--0-5rem);
padding-left: var(--size--0-5rem);
max-width: none;
height: calc(100dvh - .5rem)
}
.wrap_content_list_tab_kom_cms {
z-index: 1;
height: auto
}
.wrap_slider_mob_bisschop {
height: auto
}
.slide_mob_bisschop {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.img_slide_mob_bisschop {
height: 27.5rem
}
.wrap_title_content_innivation {
padding-right: var(--size--2rem);
padding-bottom: var(--size--2-5rem);
padding-left: var(--size--2rem)
}
.wrap_run_logos_service {
padding-bottom: 2rem
}
.bx_title_our_app {
margin-bottom: 2rem;
position: relative;
top: auto;
left: auto
}
.wrap_img_slide_about {
justify-content: center
}
.wrap_team_des {
display: none
}
.wrap_team_tablet {
margin-left: 0;
display: block
}
.wrap_bg_section_black_white {
display: none
}
.text_arrow_amazing {
color: var(--swatch--text-white)
}
.bx_text_arrow_amazing {
width: auto;
display: none
}
.wrap_slider_bento {
height: 100dvh
}
.title_slide_pop_up {
display: block
}
.wrap_nav_control_slider {
margin-right: auto
}
.wrap_circle_statistic {
width: 22.5rem;
height: 22.5rem;
bottom: 4.25rem;
right: -11.25rem
}
.wrap_slider_statistic_tab {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.img_map_statistic {
width: 15.5rem;
height: 15.5rem
}
.container_terms_priv {
padding-top: 7.5rem
}
.drop_select {
width: 100%
}
.blur_project_mento {
display: none
}
.s_container_404 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding: .5rem
}
.container_404_column {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
}
@media screen and (max-width:767px) {
.styleguide_font_item {
grid-template-columns: 100%
}
.styleguide_guide_list.u-grid-custom {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.u-grid-column-2 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.wrap_slider_statistic {
padding: 1.5rem
}
.wrap_step_statistic {
max-width: 35.875rem
}
.slider-arrow-button.is-project {
justify-content: space-between;
align-items: center;
margin-top: 2rem;
position: relative;
top: auto;
right: auto
}
.slider-arrow-button.is-experience {
justify-content: space-between;
align-self: stretch;
align-items: center;
position: relative;
inset: auto
}
.slider-arrow-button.is-exclusive,
.slider-arrow-button.is-kom {
justify-content: space-between;
align-items: center;
margin-top: 2rem
}
.slider-arrow-button.is-parthers {
justify-content: space-between;
align-self: stretch;
align-items: center;
position: relative;
inset: auto
}
.slider-arrow-button.is-mansory {
justify-content: space-between;
align-items: center;
margin-top: 2rem;
position: relative;
inset: auto
}
.slider-arrow-button.is-bento {
justify-content: space-between;
align-items: center;
margin-top: 2rem
}
.slider-arrow-button.is-mob-bisschop {
justify-content: space-between;
align-self: stretch;
align-items: center;
position: relative;
inset: auto
}
.swiper.is-catalog {
padding-right: var(--size--2rem);
padding-left: var(--size--2rem)
}
.swiper-slide.is-gallery-cms {
width: 33.75rem
}
.card_parthers_img {
height: 14rem
}
.wrap_list_why {
flex-flow: column;
display: flex
}
.divider_why {
width: 100%;
height: 1px;
inset: auto 0% 0%
}
.wrap_services {
grid-column-gap: var(--size--1rem);
grid-row-gap: var(--size--1rem);
flex-flow: column;
display: flex
}
.drop_service {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.drop_tog_service {
justify-content: space-between
}
.box_plus_drop_service {
flex: none;
order: 1
}
.bx_drop_faq_text {
padding-left: 0
}
.wrap_img_services {
height: 30.25rem
}
.wrap_faq {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex
}
.bx_title_faq {
min-height: auto;
position: relative;
top: auto
}
.wrap_content_form {
flex-flow: column;
display: flex
}
.wrap_title_form {
max-width: 45ch;
padding: 2.375rem 1.5rem 1.5rem
}
.wrap_form {
padding-top: 0;
padding-bottom: 1.75rem
}
.bx_text_field {
flex-flow: row
}
.text_field_area {
max-width: none
}
.wrap_logo_links_footer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column
}
.wrap_list_core {
flex-flow: column;
display: flex
}
.wrap_slider_experience {
grid-column-gap: var(--size--0-5rem);
grid-row-gap: var(--size--0-5rem);
display: flex
}
.bx_title_slider_experience {
position: relative
}
.slide_experience,
.wrap_list_made {
flex-flow: column;
display: flex
}
.card_made {
min-height: auto
}
.divider_made {
width: 100%;
height: 1px;
inset: auto 0% 0%
}
.wrap_content_tab_prod {
padding-left: 0;
padding-right: 0
}
.wrap_list_material_tab_prod {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.wrap_material_color_tab_prod {
justify-content: flex-start;
align-items: flex-start
}
.divider_option_tab_prod {
height: 3rem
}
.bx_plus_spaces {
flex: none;
order: 1
}
.wrap_content_spaces {
max-height: 35.25rem
}
.bx_drop_service_text {
padding-left: 0
}
.drop_faq {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.drop_tog_faq {
justify-content: space-between
}
.box_plus_drop_faq {
flex: none;
order: 1
}
.wrap_content_tab_res_cms {
flex-flow: column
}
.wrap_content_tab_res_cms.is-active {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.wrap_title_bn_tab_res_cms {
height: 100%
}
.wrap_img_tab_res_cms {
max-width: none
}
.wrap_content_front_doors {
flex-flow: column
}
.wrap_content_attic {
flex-flow: column;
display: flex
}
.wrap_list_prod_content_cms {
grid-template-columns: 1fr 1fr
}
.img_slide_pop_up_des,
.wrap_slider_pop_up_exclusive {
max-height: 35.75rem
}
.container_catalog {
padding-left: 0
}
.wrap_title_links_catalog {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}
.wrap_links_catalog_pdf {
padding-left: var(--size--2rem);
width: 100%
}
.wrap_descrip_slide_experience {
padding-top: 0
}
.wrap_grid_card_expertise {
grid-template-columns: 1fr 1fr
}
.drop_tog_prod_slide {
justify-content: space-between
}
.bx_plus_drop_slide_prod {
flex: none;
order: 1
}
.bx_drop_prod_slide {
padding-left: 0
}
.wrap_slider_pop_up_mansory,
.img_slide_mansory {
max-height: 35.75rem
}
.wrap_drop_content_produrct {
padding-right: var(--size--1-75rem);
padding-left: var(--size--1-75rem)
}
.wrap_title_drop_content_prod {
padding-left: 0;
padding-right: 0
}
.wrap_slider_mob_bisschop {
grid-column-gap: var(--size--0-5rem);
grid-row-gap: var(--size--0-5rem);
display: flex
}
.slide_mob_bisschop {
flex-flow: column;
display: flex
}
.wrap_title_faq {
padding-bottom: 0
}
.wrap_serv_who {
flex-flow: column;
display: flex
}
.wrap_img_who {
height: 25rem;
min-height: auto
}
.wrap_title_descrip_serv_who {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.wrap_our_app {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex
}
.wrap_title_bn_our_app {
grid-column-gap: 2.75rem;
grid-row-gap: 2.75rem
}
.wrap_slider_bento {
max-height: 35.75rem
}
.wrap_title_catalog {
padding-left: var(--size--2rem)
}
.img_slide_pop_up_mob {
max-height: 35.75rem
}
.wrap_slider_statistic_tab {
padding: 1.5rem
}
.img_slide_pop_up_cms {
max-height: 35.75rem
}
.drop_select {
width: 49%
}
}
@media screen and (max-width:479px) {
.u-grid-column-4 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.section_h_m {
height: auto;
max-height: none
}
.container_h_m {
padding-top: 9.5rem;
padding-bottom: 4.25rem
}
.container_hor_64px {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.container_hor_64px.mob_pad_0 {
padding-left: 0;
padding-right: 0
}
.wrap_title_bn_h_m {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.bx_title_h_m {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.h_1_80_500_w {
font-size: 2.875rem
}
.parag_24_300_w_60 {
font-size: 1.125rem
}
.bn_icon_main {
height: 3rem;
padding-left: .5rem
}
.wrap_bn_main {
padding-left: .5rem;
padding-right: .5rem
}
.text_bn_main {
font-size: .875rem
}
.icon_bn_main {
width: 1rem;
height: 1rem
}
.wrap_icon_right_bn_main,
.wrap_icon_left_bn_main {
width: 2rem;
height: 2rem
}
.container_statistic {
padding-top: 4.5rem;
padding-bottom: 2.5rem
}
.bx_title_statistic {
max-width: 35ch
}
.wrap_slider_statistic {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1.25rem;
min-height: auto;
margin-top: 2rem
}
.wrap_slide_statistic {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.bx_title_slide_statistic {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
display: flex
}
.text_number_statistic {
font-size: 3.25rem
}
.text_slide_statistic {
font-size: 1.5rem
}
.wrap_step_statistic {
display: none
}
.slider-arrow-button.is-statistic {
justify-content: flex-start;
align-items: center
}
.slider-arrow-button.is-experience {
margin-top: 1.5rem
}
.slider-arrow-button.is-spaces {
bottom: 2.5rem;
left: 1rem;
right: 1rem
}
.slider-arrow-button.is-exclusive {
top: auto;
right: 1rem
}
.slider-arrow-button.is-kom {
inset: auto 1rem 1rem
}
.slider-arrow-button.is-parthers {
padding-left: 1rem;
padding-right: 1rem
}
.slider-arrow-button.is-bento {
bottom: 1rem;
left: 1rem;
right: 1rem
}
.slider-arrow-button.is-mob-bisschop {
padding-left: 16px;
padding-right: 16px
}
.slider-arrow-button.is-statistic-tab {
justify-content: flex-start;
align-items: center
}
.swiper.is-project-text {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
background-color: #2226;
border-radius: 1.25rem;
padding: 1.5rem
}
.swiper.is-gallery-cms {
padding-left: 1rem;
padding-right: 1rem
}
.swiper.is-parthers {
width: 100%;
padding-left: 1rem;
padding-right: 1rem
}
.swiper.is-mansory {
height: 260px
}
.swiper.is-mob-bisschop {
height: auto;
padding-left: 16px;
padding-right: 16px
}
.swiper.is-team {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.swiper.is-value {
padding: 2rem var(--size--1rem)
}
.swiper.is-catalog {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.swiper-wrapper.is-project-text,
.swiper-wrapper.is-parthers {
width: 100%
}
.swiper-slide.is-project-text {
align-self: stretch
}
.swiper-slide.is-exclusive-two {
height: 5rem;
max-height: 5rem
}
.swiper-slide.is-gallery-cms {
width: 100%;
height: 16em
}
.swiper-slide.is-parthers {
width: 98%
}
.swiper-slide.is-team {
width: 98%;
max-width: none;
height: 28.75rem
}
.h_2_56_500_b {
font-size: 2.25rem
}
.h_2_56_500_b.text_height {
font-size: 2.5rem;
line-height: var(--line-height--1-3em)
}
.container_nav_bar {
padding: 1rem .75rem 1rem 1rem
}
.wrap_nav_logo_bn {
min-width: auto
}
.wrap_nav_menu {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: stretch;
padding-bottom: 2.5rem;
padding-left: 1rem;
padding-right: 1rem
}
.link_nav {
justify-content: flex-start;
align-items: center;
padding: .875rem 1rem
}
.bn_nav {
border-radius: .75rem;
min-height: 2.5rem;
padding-left: 1rem;
padding-right: 1rem
}
.container_partners {
padding-top: 2.5rem;
padding-bottom: 4.5rem
}
.bx_title_parthers {
padding-left: 1rem;
padding-right: 1rem
}
.parag_24_300_b_60 {
font-size: 1.125rem
}
.wrap_flip {
width: 100%;
max-width: none
}
.card_parthers_back {
padding: 1.5rem 1.5rem 1rem
}
.title_card_parthers {
font-size: var(--size--1-5rem)
}
.descrip_card_parthers {
font-size: var(--size--1rem)
}
.wrap_list_parthers {
grid-template-columns: 1fr
}
.pagination {
margin-top: 2.5rem
}
.wrap_text_img_move {
max-width: 36ch;
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.span_img_move_one,
.span_img_move_two,
.span_img_move_three {
border-radius: .75rem;
width: 5.75rem;
height: 3.25rem;
margin-bottom: -.875rem
}
.container_why {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.wrap_list_why {
border-radius: 1.25rem;
margin-top: 2rem
}
.card_why {
padding: 1.5rem
}
.text_32_500_b {
font-size: 1.5rem
}
.icon_why {
width: 4rem;
height: 4rem
}
.section_slider_project,
.container_slider_project {
height: 43rem
}
.wrap_slider_project {
padding: var(--size--1-5rem)var(--size--1-5rem)3rem
}
.wrap_slider_title_project {
max-width: none
}
.wrap_slider_small_pfoject {
display: none
}
.bx_title_slider_project {
max-width: 30ch
}
.h_2_56_500_w {
font-size: 2.25rem
}
.bx_title_descrip_slide_project {
justify-content: space-between;
align-items: flex-start;
height: 100%
}
.title_slide_project {
font-size: 1.25rem
}
.descrip_slide_project {
font-size: 1rem
}
.container_services {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.wrap_services {
margin-top: .75rem
}
.drop_tog_service {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.box_plus_drop_service {
width: 2rem;
height: 2rem
}
.text_drop_faq {
font-size: 1.5rem
}
.line_hor_service,
.line_ver_service {
min-width: .875rem
}
.wrap_img_services {
border-radius: 1.25rem;
height: 21.375rem
}
.wrap_tag_services {
padding-left: 1rem;
padding-right: 1rem
}
.container_faq {
padding-top: 4.5rem;
padding-bottom: 3.5rem
}
.container_form {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.wrap_content_form {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: .5rem;
padding-right: .5rem
}
.wrap_title_form {
padding-top: 3rem;
padding-left: 1rem;
padding-right: 1rem
}
.parag_20_300_w_60 {
font-size: var(--size--1rem)
}
.form_m {
padding: 1.5rem
}
.bx_text_field {
flex-flow: column
}
.container_footer {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
padding: 1.5rem .5rem 1rem
}
.wrap_logo_links_footer {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem
}
.wrap_links_bn_footer {
width: 100%
}
.wrap_list_links_footer {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.link_footer {
justify-content: flex-start;
align-items: center;
padding-left: 0
}
.wrap_copy_social_links_footer {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column
}
.wrap_text_links_privacy_footer {
margin-top: .75rem
}
.wrap_links_privacy_footer {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
order: -1;
width: 100%
}
.wrap_list_social_footer {
margin-top: 1.5rem
}
.wrap_img_footer {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.img_footer {
margin-bottom: -1.5rem
}
.section_about_m {
background-image: linear-gradient(#0000008c, #0000 17%), linear-gradient(#000000a6, #000000a6), linear-gradient(#0000 70%, #000), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6728f15b0192a26d369a83f6_Hero-2.avif);
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, scroll;
height: auto;
max-height: none
}
.container_about_m {
padding-top: 9.5rem;
padding-bottom: 4.25rem
}
.container_statistic_about {
padding: 3.75rem var(--size--1rem)
}
.card_statistic_about {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: flex-start
}
.wrap_list_statistic_about {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.title_statistic_about {
font-size: 2.625rem
}
.parag_20_300_b_60 {
font-size: 1.125rem
}
.wrap_number_statistic_about {
justify-content: flex-start;
align-items: center
}
.counter.one {
min-width: 3rem
}
.counter.two,
.counter.three {
min-width: 4.55rem
}
.counter.four {
min-width: 4.25rem;
font-size: 2.625rem
}
.wrap_number_tag_statistic_about {
grid-column-gap: .425rem;
grid-row-gap: .425rem;
justify-content: flex-start;
align-items: center
}
.wrap_title_about {
padding: 2rem 1.5rem 2.5rem
}
.bx_title_about {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.wrap_img_about {
justify-content: flex-start;
align-items: flex-start;
height: 27.5rem
}
.wrap_list_about.one {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem
}
.img_about_scroll {
max-width: 8.75rem;
max-height: 12rem
}
.img_about_scroll.two {
margin-left: 4rem
}
.container_core {
padding-top: 4.5rem;
padding-bottom: 2.5rem
}
.container_core.pad_bottom_80px {
padding-bottom: 2.5rem
}
.wrap_list_core {
border-radius: 1.25rem
}
.card_core {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding: 1.5rem
}
.wrap_title_core {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.number_core {
width: 3rem;
height: 3rem;
font-size: 1rem
}
.container_experience {
padding-top: 2.5rem;
padding-bottom: 1.25rem
}
.wrap_slider_experience {
grid-column-gap: 0px;
grid-row-gap: 0px
}
.bx_title_slider_experience {
margin-bottom: .75rem
}
.slide_experience {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between
}
.wrap_img_slide_experience {
border-radius: 1.25rem
}
.wrap_run_logos {
padding-bottom: 4.5rem
}
.logo-run {
max-height: 3.75rem
}
.container_amazing {
padding-top: 4.5rem;
padding-bottom: 2.5rem
}
.wrap_amazing {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
margin-top: 2rem;
overflow: visible
}
.wrap_title_bn_amazing {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.card_amazing {
border-radius: 1rem;
justify-content: center;
align-items: stretch;
width: 100%;
height: 5rem;
min-height: auto;
padding: 1rem;
transition: height .8s
}
.card_amazing.is-active {
justify-content: flex-end;
align-items: stretch;
height: 28.75rem
}
.wrap_card_title_amazing {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.bx_descrip_card_amazing {
height: 0;
transition: height .6s;
overflow: hidden
}
.wrap_content_card_amazing {
z-index: 5;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
position: relative
}
.wrap_plus_amazing {
display: flex;
position: relative;
bottom: auto;
right: 0%
}
.line_hor_amazing,
.line_ver_amazing {
min-width: .875rem
}
.item_amazing {
flex: 0 auto;
max-width: none
}
.title_card_amazing {
color: var(--swatch--text-white);
font-size: var(--size--1-5rem)
}
.section_product.bisschop {
background-position: 0 0, 0 0, 0 0, 70%
}
.section_product.kompotherm {
background-image: linear-gradient(#0009, #0000 35%), linear-gradient(#0000, #0000), linear-gradient(#0000 50%, #000c), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/6752de82355c535a4264567c_Kompotherm.avif);
background-position: 0 0, 0 0, 0 0, 78%
}
.container_product_m {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
min-height: 42.5rem;
padding-top: 9.5rem;
padding-bottom: 1.25rem
}
.wrap_title_bn_product_m {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.wrap_title_product_m {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.logo_h_product {
position: relative;
bottom: 0%
}
.logo_h_product.bisschop {
margin-bottom: .5rem;
margin-right: .5rem
}
.container_made {
padding-top: 4.5rem;
padding-bottom: 2.5rem
}
.wrap_list_made {
border-radius: 1.5rem;
margin-top: 1.5rem
}
.card_made {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding: 1.5rem
}
.card_made.gap_116px {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.number_made {
font-size: var(--size--1rem);
width: 3rem;
height: 3rem
}
.wrap_title_made {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.wrap_option_tab_prod {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.text_20_500_w_aa {
font-size: var(--size--1rem)
}
.wrap_list_material_tab_prod {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-auto-columns: 1fr
}
.bx_material_tab_prod {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.img_material_tab_prod {
width: 2rem;
height: 2rem
}
.text_matarial_tab_prod {
font-size: var(--size--1rem)
}
.wrap_material_color_tab_prod {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start
}
.divider_option_tab_prod {
height: 2rem
}
.container_spaces {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.wrap_title_bn_spaces {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.wrap_list_spaces_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
margin-top: 2rem
}
.card_spaces {
justify-content: center;
align-items: flex-end;
height: 6.5rem;
padding-bottom: 1.25rem;
padding-left: .5rem;
padding-right: 1.25rem;
transition-duration: .6s
}
.wrap_title_bn_card_spaces {
justify-content: space-between;
align-items: center
}
.title_card_spaces {
font-size: var(--size--1-5rem)
}
.wrap_arrow_card_spaces {
width: 2.5rem;
height: 2.5rem;
margin-left: auto;
position: absolute;
top: 1rem;
right: 1rem
}
.bx_title_descrip_card_spaces {
justify-content: flex-end;
width: 100%;
margin-right: auto;
padding-bottom: 0;
padding-left: 1rem
}
.bx_plus_spaces {
width: 2.5rem;
height: 2.5rem;
display: flex
}
.bx_title_card_spaces {
max-width: 25ch
}
.wrap_pop_up_spaces {
padding-left: 0;
padding-right: 0
}
.wrap_content_spaces {
border-radius: 0;
height: 100dvh;
max-height: none;
padding: 0
}
.wrap_slider_spaces {
border-radius: 0
}
.wrap_img_slide_spaces {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem);
border-radius: 0
}
.bg_slide_spaces {
background-image: linear-gradient(#000000a3 4%, #0000 32%), linear-gradient(#0000 59%, #000c)
}
.img_slide_spaces_des {
display: none
}
.text_drop_service {
font-size: 1.5rem
}
.drop_tog_faq {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.box_plus_drop_faq {
width: 2rem;
height: 2rem
}
.line_hor_faq,
.line_ver_faq {
min-width: .875rem
}
.tab_link_res {
flex: none;
min-width: 12.5rem
}
.wrap_text_icon_tab_link_res {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.bx_icon_tab_link_res {
border-radius: .575rem;
width: 2rem;
height: 2rem
}
.icon_tab_link_res {
width: .875rem;
height: .875rem
}
.tab_link_res_cms {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem);
border-left-width: 2px
}
.wrap_content_tab_res_cms {
padding: 2.5rem 1rem
}
.wrap_title_bn_tab_res_cms {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.wrap_img_tab_res_cms {
height: 28.75rem;
max-height: none
}
.wrap_slider_exclusive {
display: flex
}
.wrap_content_front_doors {
padding: 1rem 1rem 2.5rem
}
.tab_link_front_doors {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.wrap_content_attic {
padding: 1rem
}
.section_product_cms {
background-position: 43%
}
.wrap_list_prod_content_cms {
flex-flow: column;
display: flex
}
.wrap_slider_img_exclusive {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
max-width: none
}
.wrap_img_exclusive {
height: 28.75rem
}
.img_exclusive_des {
display: none
}
.wrap_plus_exclusive {
width: 2.5rem;
height: 2.5rem
}
.line_ver_exclusive,
.line_hor_exclusive {
min-width: .875rem
}
.container_product_cms {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
min-height: 42.5rem;
padding-top: 9.5rem;
padding-bottom: 1.5rem
}
.wrap_title_bn_product_cms {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.bx_title_product_cms {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.img_slide_pop_up_des {
max-height: none;
display: none
}
.bg_slide_pop_up {
background-image: linear-gradient(#0000 59%, #000c), linear-gradient(#000000b3, #0000 40%)
}
.wrap_slider_pop_up_exclusive {
max-height: none
}
.logo_h_prod_cms {
margin-right: .5rem;
position: relative;
bottom: 0%
}
.container_catalog {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.wrap_links_catalog_pdf {
padding-left: 1rem;
padding-right: 1rem
}
.drop_nav {
margin-left: 0;
margin-right: 0
}
.drop_tog_nav {
justify-content: flex-start;
align-items: center;
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 1rem
}
.drop_list_nav {
position: relative;
top: auto;
left: auto;
right: auto
}
.drop_menu_nav {
border: 0px none var(--swatch--transparent);
padding: 0;
overflow: visible
}
.wrap_list_drop_menu {
grid-column-gap: 2rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.icon_drop_menu {
display: none
}
.divider_drop_menu {
width: 100%;
height: 1px;
margin-left: auto;
margin-right: auto
}
.divider_drop_menu.hidden_mob,
.bg_drop_menu_blur {
display: none
}
.wrap_about_img_scroll.marquee {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem
}
.container_loader_column {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.wrap_loader_flex {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
padding: .25rem
}
.container_bisschop_gallery {
padding-top: 40px;
padding-bottom: 72px;
display: none
}
.bx_title_bisschop_gallery {
padding-left: 16px;
padding-right: 16px
}
.container_innovative {
padding-top: 4.5rem
}
.wrap_title_innivation {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.container_projects {
padding-top: 5rem;
padding-left: var(--size--1rem)
}
.wrap_content_projects {
padding-bottom: 4.5rem
}
.icon_bullet_tab_prod {
width: 1.125em;
height: 1.125rem
}
.rich_text_res p,
.rich_text_res ul {
font-size: var(--size--1rem)
}
.rich_text_res li {
font-size: var(--size--1rem);
background-position: 0 4px;
background-size: 18px 18px;
padding-left: 1.5rem
}
.wrap_cta_cms {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
background-image: linear-gradient(#0009, #0009), url(https://cdn.prod.website-files.com/672226f1bdec1725db4b2e67/677ad31dee3f4ac080b1d831_bg_cta_mob.avif);
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: .75rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
min-height: 22.5rem;
margin-bottom: 4.5rem;
padding: 1.5rem
}
.wrap_descrip_slide_experience {
max-width: 30ch
}
.divider_check,
.divider_check_top,
.divider_check_bottom,
.divider_check_bottom_org {
display: none
}
.wrap_grid_card_expertise {
flex-flow: column;
display: flex
}
.wrap_content_tab_res_kom,
.wrap_content_decor {
padding: 2.5rem 1rem
}
.drop_prod_slide {
pointer-events: auto;
position: relative
}
.drop_tog_prod_slide {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
white-space: normal
}
.text_drop_prod_slide {
font-size: 1.5rem
}
.bx_plus_drop_slide_prod {
width: 2.5rem;
height: 2.5rem;
display: flex
}
.line_hor_prod_slide,
.line_ver_prod_slide {
min-width: .875rem
}
.line_ver_prod_slide.is-active {
transform: rotate(0)
}
.bx_drop_prod_slide {
max-height: 0;
padding-left: 0;
padding-right: 0
}
.bx_drop_prod_slide.is-active {
max-height: 1000px
}
.wrap_mob_slider_parthers {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
margin-top: 2rem
}
.descrip_slide_experience {
font-size: var(--size--1rem)
}
.wrap_nest_mansory {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.close_pop_up_mansory {
width: 2rem;
height: 2rem
}
.wrap_slider_pop_up_mansory,
.img_slide_mansory {
max-height: none
}
.title_project_mansory.height {
line-height: var(--line-height--1-5em)
}
.icon_close_mansory {
width: 1rem;
height: 1rem
}
.wrap_drop_content_produrct {
padding: 2rem var(--size--1-5rem)3rem
}
.drop_tab_prod {
width: 100%;
min-width: auto
}
.wrap_drop_tog_list_prod_tab_link {
white-space: pre-line
}
.bx_descrip_card_spaces {
width: 100%;
height: 0;
transition: height .8s;
overflow: hidden
}
.drop_text_res_cms {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.drop_text_res_doors_cms {
padding-right: var(--line-height--1em);
padding-left: var(--size--1rem)
}
.bg_drop_blur {
display: none
}
.wrap_list_bento_grid {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem);
flex-flow: column;
display: flex
}
.drop_text_classic_cms {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.tab_link_classic_cms {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem);
border-left-width: 2px
}
.wrap_drop_classic_komp_cms {
position: relative
}
.wrap_filter_form_grid {
padding-right: var(--size--1rem);
padding-left: var(--size--1rem)
}
.wrap_content_bento_pop_up {
background-color: var(--swatch--transparent);
border-radius: 0;
padding: 0
}
.wrap_slider_bento_pop_up {
border-radius: 0;
overflow: visible
}
.close_pop_up_bento {
width: 2.5rem;
height: 2.5rem;
right: 1rem
}
.icon_close_bento {
width: 1.25rem;
height: 1.5rem
}
.wrap_nest_bento {
padding: 0
}
.wrap_minus_amazing {
display: none;
position: absolute;
inset: 1rem 1rem auto auto
}
.wrap_title_bn_tab_kom_cms {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.wrap_slider_gallery_cms {
margin-top: 2rem
}
.bx_title_slider_gallery_cms {
padding-left: 1rem;
padding-right: 1rem
}
.container_slider_gallery_cms {
padding-top: 72px;
padding-bottom: 72px
}
.wrap_bullet_button_gallery_cms {
margin-top: 1.25rem
}
.wrap_slider_mob_bisschop {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-top: 2.5rem;
padding-bottom: 4.5rem
}
.slide_mob_bisschop {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between
}
.img_slide_mob_bisschop {
border-radius: 1.25rem;
height: 28.75rem
}
.container_projects_grid.mob_pad_0 {
padding-left: 0;
padding-right: 0
}
.wrap_title_content_innivation {
padding-right: var(--size--1rem);
padding-bottom: var(--size--1-5rem);
padding-left: var(--size--1rem)
}
.title_slide_static {
font-size: var(--size--2rem)
}
.dscrip_slide_static {
font-size: 1rem
}
.wrap_title_about_m {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.bx_descrip_statistic_about {
text-align: left
}
.container_bisschop_value {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 2rem 1rem
}
.card_bisschop_value {
border-radius: .75rem;
min-width: 15.875rem;
max-width: 15.875rem
}
.divider_bisschop_value {
height: 4.75rem
}
.text_24_500_w {
font-size: var(--size--1-25rem)
}
.img_card_bisschop_value {
height: 6.25rem
}
.wrap_img_slide_about {
padding-left: var(--size--1-5rem);
justify-content: flex-start;
align-items: flex-start
}
.wrap_img_slide_bento_pop_up {
border-radius: 0
}
.icon_soacial_team {
width: 1rem;
height: 1rem
}
.container_team {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.link_social_team_img {
width: 2.5rem;
height: 2.5rem
}
.wrap_img_info_team {
border-radius: .75rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 1rem;
display: flex
}
.name_info_team {
font-size: var(--size--1-5rem)
}
.role_info_team {
font-size: var(--size--1rem)
}
.wrap_img_slide_team {
border-radius: var(--size--1-25rem);
padding: .5rem
}
.bx_arrow_amazing {
position: relative;
bottom: auto;
right: 0%
}
.wrap_arrow_amazing {
position: absolute;
bottom: 0;
right: 0
}
.bx_text_arrow_amazing {
display: none
}
.wrap_slider_bento {
max-height: none
}
.wrap_title_catalog {
padding-left: 1rem
}
.title_slide_pop_up {
font-size: 2.25rem
}
.pagination_load {
margin-top: 2.5rem
}
.img_slide_pop_up_mob {
max-height: none;
display: block
}
.img_exclusive_mob,
.img_slide_spaces_mob {
display: block
}
.wrap_slider_statistic_tab {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1.25rem;
min-height: auto;
margin-top: 2rem
}
.img_slide_pop_up_cms {
max-height: none;
display: block
}
.container_terms_priv {
padding-top: 7.5rem;
padding-bottom: 2.5rem
}
.h_1_56_500_b {
font-size: 2rem
}
.h_1_56_500_b.text_height {
font-size: 2.5rem;
line-height: var(--line-height--1-3em)
}
.wrap_list_content_terms_priv {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.wrap_item_terms_priv {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.h_2_32_500_b {
font-size: 1.5rem
}
.wrap_content_terms_priv {
padding-bottom: 2.5rem
}
.parag_18_300_b_60 {
font-size: 1rem
}
.drop_select {
width: 100%
}
.wrap_contact_footer {
border-bottom: 1px solid var(--border--black-10);
padding-bottom: 2rem
}
.text_20_500_b {
font-size: var(--size--1-25rem)
}
.wrap_links_contact {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.img_hero_des_cms {
display: none
}
.img_hero_mob_cms {
display: block
}
.s_container_404 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
padding: .25rem
}
.container_404_column {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
}
#w-node-a543d740-4e88-de67-2927-43116b153d7c-db4b2e5c {
place-self: center
}
#w-node-f7adcf29-3586-ddf6-1f80-b99c8a861474-9755d6cc {
align-self: start
}
#w-node-_03e98394-2f23-a95d-bb54-d40d0f56ef58-9755d6cc,
#w-node-_63b6da0e-350e-0bdc-3c4c-749b94b1b21b-94b1b1f1,
#w-node-_83646837-d0e1-3fd6-f593-6b28c9250a10-c92509e2 {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-_855fead7-f40e-cefa-dc0f-cafc1d6e74e4-b89844c7,
#w-node-_32385ef0-e305-d4c0-9b9d-fb2a98878f2e-be0849c6 {
grid-area: 1/2/3/3
}
#w-node-_23298018-bcad-d5d0-3f0b-1750be0849de-be0849c6 {
grid-area: 2/1/3/2
}
#w-node-_7b4636c6-7bac-eaf9-ac17-8c49d8d91734-be58ced8 {
justify-self: end
}
#w-node-ecdd1407-819d-45af-d90c-3d126b532f5d-1502a78f {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-_99093f38-719e-c31b-416a-6a70144cb429-459a60d2,
#w-node-_77b47c8d-47ee-8a6f-e2ef-ef1ac8fc01a3-422e2d44 {
justify-self: end
}
#w-node-dace8750-ffc2-0cc1-2442-24cdbe8f9cfe-be8f9ceb,
#w-node-_53490cb0-e36a-f303-f200-330d9498bd3b-9498bd24 {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-f8a51c9a-16e8-29fe-fb85-d166c9cbb0bc-c9cbb0a6 {
grid-area: 1/2/3/3
}
#w-node-f8a51c9a-16e8-29fe-fb85-d166c9cbb0be-c9cbb0a6 {
grid-area: 2/1/3/2
}
#w-node-_64f429a8-e00a-4f08-88b4-5f6ed2c82eac-d2c82e95 {
grid-area: 1/2/3/3
}
@media screen and (max-width:991px) {
#w-node-_77b47c8d-47ee-8a6f-e2ef-ef1ac8fc01a1-422e2d44 {
justify-self: end
}
}
@media screen and (max-width:767px) {
#w-node-_23298018-bcad-d5d0-3f0b-1750be0849eb-be0849c6 {
grid-area: 1/2/2/3
}
}
@media screen and (max-width:479px) {
#w-node-_45dae920-d28e-cffe-c0db-41e7bf5fcad2-0501b9f9 {
grid-area: 1/2/2/3
}
#w-node-_7153c3a0-272f-49fc-1a98-f5c4e8acbad9-0501b9f9 {
grid-area: 2/1/3/3;
justify-self: center
}
#w-node-_45eb210c-2100-48c6-c74d-4eb8d62ac4ac-0501b9f9 {
grid-area: 1/1/2/2
}
#w-node-deaabd81-b3f9-ee6e-3993-8d36d48fbdfe-0501b9f9 {
grid-area: 3/1/4/2
}
}
.font-3em{
font-size: var(--size--3rem) !important
}
.industry-icon_bn{
width: 3.5rem;
}
.cb img{
width: 80px;
position: relative;
top: -4px;
}