.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.geologica{
font-family: "Geologica", sans-serif;
} .card-with-overlay {
position: relative;
isolation: isolate;
overflow: hidden;
} .card-with-overlay::after {
content: '';
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: inherit;
z-index: 0;
transition: transform 0.4s ease;
}
.card-with-overlay:hover::after {
transform: scale(1.1);
} .card-with-overlay::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 65px;
z-index: 1;
pointer-events: none;
transition: opacity 0.4s ease;
}
.card-with-overlay > * {
position: relative;
z-index: 2;
transition: opacity 0.4s ease;
} .card-with-overlay:hover::before {
opacity: 0;
}
.card-with-overlay:hover > * {
opacity: 0;
} .betonvloer-card:hover img {
transform: scale(1.1) !important;
}
.betonvloer-card:hover .btn--hover{
background:var(--color-secondary);
color:#FFF;
} .realisatie-slider-card {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.realisatie-slider-card__wrapper {
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
height: 500px;
border-radius: 32px;
border: 7px solid var(--color-primary);
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 16px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .realisatie-slider-card__wrapper::after {
content: '';
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: inherit;
z-index: 0;
transition: transform 0.4s ease;
}
.realisatie-slider-card:hover .realisatie-slider-card__wrapper::after {
transform: scale(1.1);
} .realisatie-slider-card__wrapper::before {
content: '';
position: absolute;
inset: 0;
background-color: var(--color-primary);
opacity: 0;
border-radius: 25px;
z-index: 1;
pointer-events: none;
transition: opacity 0.4s ease;
}
.realisatie-slider-card__wrapper > * {
position: relative;
z-index: 2;
opacity: 0;
transition: opacity 0.4s ease;
}
.realisatie-slider-card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.realisatie-slider-card__content h3 {
margin: 0;
}
.realisatie-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-start;
}
.realisatie-tag {
background-color: transparent;
color: #fff;
border:1px solid white;
padding: 4px 12px;
border-radius: 16px;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
} .realisatie-slider-card:hover .realisatie-slider-card__wrapper::before {
opacity: 0.7;
}
.realisatie-slider-card:hover .realisatie-slider-card__wrapper > * {
opacity: 1;
}
.gsap-slider {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
align-items: center;
width: 100%;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.gsap-slider__collection {
width: 100%;
max-width: 72em;
}
.gsap-slider__list {
-webkit-user-select: none;
user-select: none;
will-change: transform;
touch-action: pan-y;
backface-visibility: hidden;
display: flex;
}
.gsap-slider__item {
width: calc(((100% - 1px)  - (var(--slider-spv)  - 1) * var(--slider-gap)) / var(--slider-spv));
margin-right: var(--slider-gap);
flex: none;
}
.demo-card {
background-color: #2c2c2c;
border: 1px solid #2c2c2c;
border-radius: 1.5em;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.before__125 {
padding-top: 125%;
}
.osmo-icon-svg {
opacity: .1;
width: 40%;
position: absolute;
}
.demo-card__tag {
position: absolute;
top: 2em;
left: 2em;
}
.demo-card__tag-p {
margin-bottom: 0;
font-size: 2em;
line-height: 1;
} [data-gsap-slider-init] {
--slider-status: on; --slider-spv: 2; --slider-gap: 1.5em; }
@media screen and (max-width: 991px) {
[data-gsap-slider-init] {
--slider-status: on; --slider-spv: 2; --slider-gap: 1.5em; } 
}
@media screen and (max-width: 767px) {
[data-gsap-slider-init] { 
--slider-status: on; --slider-spv: 1.15; --slider-gap: 1em; }
}
[data-gsap-slider-item]:last-child {
margin-right: 0;
} .gsap-slider__controls {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gsap-slider__control {
color: #000;
background-color: #FFF;
border: 1px solid #FFF;
border-radius: 17px;
padding: .75em 1.5em;
font-size: 1em;
}
.gsap-slider__control:hover{
background:var(--color-primary);
border-color:var(--color-primary);
cursor:pointer;
}
.gsap-slider__control:hover svg{
filter: invert(1);
}
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
display: none;
}
[data-gsap-slider-control-status="not-active"] { 
opacity: 0.2;
pointer-events: none;
} .gsap-slider__control {
transition: opacity 0.3s ease;
}
.demo-card {
transition: all 0.3s ease;
}
[data-gsap-slider-item-status="not-active"] .demo-card {
background-color: #131313;
}
.demo-card__tag {
transition: all 0.3s ease;
}
[data-gsap-slider-item-status="not-active"] .demo-card__tag {
opacity: 0;
} .logo-slider-wrapper {
width: 100%;
overflow: hidden;
position: relative;
}
.logo-slider {
display: flex;
gap: 4rem;
width: fit-content;
}
.logo-slider__item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider__item img {
max-width: 200px;
height: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.6;
transition: all 0.3s ease;
}
.logo-slider__item img:hover {
filter: grayscale(0%);
opacity: 1;
} .filter-btn{
border:none;
color: var(--color-primary);
background:transparent;
font-size: var(--font-size);
font-family:'Geologica';
}
.filter-btn:hover,
.filter-btn.active {
background:#D6BEA8;
border-color:#D6BEA8;
color: var(--color-primary);
cursor:pointer;
} .realisaties-grid {
margin: 0;
}
.realisatie-card {
transition: all 0.3s ease;
} @media screen and (max-width: 767px) {
.realisatie-card {
flex: 0 0 100% !important;
}
} @media screen and (min-width: 768px) and (max-width: 1199px) {
.realisatie-card {
flex: 0 0 calc(50% - 16px) !important;
}
} .pagination {
margin-top: 4rem;
}
.pagination-btn {
text-decoration: none;
cursor: pointer;
font-weight: 300;
}
.pagination-btn:hover {
color: #fff;
}  .betonvloer-item {
padding-top: 128px;
margin-top: -64px;
position: relative;
z-index: 1;
} .betonvloeren-nav-mobile {
display: none;
}
.betonvloeren-nav-desktop {
display: flex;
} @media screen and (max-width: 768px) {
.betonvloeren-nav-desktop {
display: none;
}
.betonvloeren-nav-mobile {
display: block;
}
#betonvloeren-dropdown {
appearance: none;
cursor: pointer;
font-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2395510c' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px;
padding-right: 3rem;
}
}  .realisaties-filter-mobile {
display: none;
}
.realisaties-filter-desktop {
display: flex;
} @media screen and (max-width: 768px) {
.realisaties-filter-desktop {
display: none;
}
.realisaties-filter-mobile {
display: block;
}
#realisaties-filter-dropdown {
appearance: none;
cursor: pointer;
font-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2395510c' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px;
padding-right: 3rem;
}
}
.breadcrumbs a, .breadcrumbs{
color:#A3A3A3;
text-transform:uppercase;
font-size:18px;
}
.breadcrumbs  .sector-active{
color:#000000;
}
.page-template-page-contact {
background:#F7F7F7;
}
.wpforms-field-label, .wpforms-required-label{
color:var(--color-primary) !important;
font-weight:400 !important;
}
.wpforms-submit{
float:right !important;
background:var(--color-primary) !important;
border-radius:100px !important;
text-transform:uppercase !important;
font-weight:400 !important;
}
.home #main-header{
display:none !important;
}:root {
--color-primary: #A2672D;
--color-secondary: #535353;
--colorBlack: #000;
--color-white: #fff;
--color-gray-100: #f8f8f8;
--color-gray-200: #dedede;
--color-gray-500: #aaaaaa;
--color-gray-700: #666666;
--color-link-hover: var(--color-primary);
--container-width: 1800px;
--spacing-x: max(24px, min(calc(0.1063829787*(100vw - 37.5em) + 24px), 144px));
--spacing-y: max(97.7777777778px, min(calc(0.1083530339*(100vw - 37.5em) + 97.7777777778px), 220px));
--spacing-y-xxs: calc(var(--spacing-y)* 0.25);
--spacing-x-xxs: calc(var(--spacing-x)* 0.25);
--font-size-h1: max(22px, min(calc(0.0283687943*(100vw - 37.5em) + 22px), 46px));
--font-size-h2: max(32px, min(calc(0.024822695*(100vw - 37.5em) + 32px), 32px));
--font-size-h3: max(18px, min(calc(0.0212765957*(100vw - 37.5em) + 18px), 22px));
--font-size-h4: max(16px, min(calc(0.0124113475*(100vw - 37.5em) + 16px), 20px));
--font-size-h5: max(14px, min(calc(0.0053191489*(100vw - 37.5em) + 14px), 18px));
--font-size: max(14px, min(calc(0.0033191489*(100vw - 37.5em) + 14px), 18px));
--font-size-small: max(8px, min(calc(0.0033191489*(100vw - 37.5em) + 8px), 10px));
--border-width: max(2px, min(calc(0.0008865248*(100vw - 37.5em) + 2px), 3px));
--burger-bar-width: max(24px, min(calc(0.025*(100vw - 46.5em) + 24px), 30px));
--burger-bar-height: 2px;
--burger-bar-spacing: calc(var(--burger-bar-width) / 3);
--burger-bar-color: var(--color-text);
--burger-bar-color-open: var(--color-white);
--burger-width: var(--burger-bar-width);
--burger-delay: 300ms;
--burger-background: transparent;
--burger-bar-color: var(--color-white);
--burger-bar-color-open: var(--color-white);
--burger-height: calc(var(--burger-width) -(var(--burger-bar-height)* 3));
--easing: cubic-bezier(0.19, 1, 0.22, 1);
--animate-fast: 0.4s var(--easing);
--animate: 0.8s var(--easing);
--animate-slow: 1.2s var(--easing);
--animate-very-slow: 3s var(--easing);
--ratio: 25.18%;
}:root { --primary-color: #A84965;
--secondary-color:  #F9CABE;
--accent-color: #A84965;
--text-color: #000;
--text-light: #6b7280;
--text-dark: #111827;
--background-color: #ffffff;
--background-gray: #f9fafb;
--border-color: #e5e7eb;
--error-color: #ef4444;
--success-color: #10b981;
--warning-color: #f59e0b;
--info-color: #06b6d4;
--transparent: transparent;
--white: #ffffff;
--black: #000000;
} h1 {
font-family: "Geologica", sans-serif;
font-size: 64px;
line-height: 1;
font-weight: 100;
margin:0;
}
h2 {
font-size: 32px;
line-height: 1;
font-weight: 400;
margin:0;
}
h3 {
font-size: 24px;
line-height: 1.4;
font-weight: 400;
margin:0;
}
h4 {
font-size: 18px;
line-height: 1.5;
font-weight: 600;
margin:0;
}
h5 {
font-size: 20px;
line-height: 1.5;
font-weight: 600;
margin:0;
}
h6 {
font-size: 18px;
line-height: 1.5;
font-weight: 100;
margin:0;
}
@media (max-width: 818px) {
h1 { font-size: 48px; }
h2 { font-size: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
} .m--0 { margin: 0; }
.m--4 { margin: 4px; }
.m--8 { margin: 8px; }
.m--12 { margin: 12px; }
.m--16 { margin: 16px; }
.m--20 { margin: 20px; }
.m--24 { margin: 24px; }
.m--32 { margin: 32px; }
.m--40 { margin: 40px; }
.m--48 { margin: 48px; }
.m--56 { margin: 56px; }
.m--64 { margin: 64px; }
.m--80 { margin: 80px; }
.m--96 { margin: 96px; }
.m--112 { margin: 112px; }
.m--128 { margin: 128px; }
.m--160 { margin: 160px; }
.m--192 { margin: 192px; }
.m--224 { margin: 224px; }
.m--256 { margin: 256px; }
.m--auto { margin: auto; } .mt--0 { margin-top: 0; }
.mt--4 { margin-top: 4px; }
.mt--8 { margin-top: 8px; }
.mt--12 { margin-top: 12px; }
.mt--16 { margin-top: 16px; }
.mt--20 { margin-top: 20px; }
.mt--24 { margin-top: 24px; }
.mt--32 { margin-top: 32px; }
.mt--40 { margin-top: 40px; }
.mt--48 { margin-top: 48px; }
.mt--56 { margin-top: 56px; }
.mt--64 { margin-top: 64px; }
.mt--80 { margin-top: 80px; }
.mt--96 { margin-top: 96px; }
.mt--112 { margin-top: 112px; }
.mt--128 { margin-top: 128px; }
.mt--160 { margin-top: 160px; }
.mt--192 { margin-top: 192px; }
.mt--224 { margin-top: 224px; }
.mt--256 { margin-top: 256px; }
.mt--auto { margin-top: auto; }
.-mt--56{margin-top:-56px;} .mr--0 { margin-right: 0; }
.mr--4 { margin-right: 4px; }
.mr--8 { margin-right: 8px; }
.mr--12 { margin-right: 12px; }
.mr--16 { margin-right: 16px; }
.mr--20 { margin-right: 20px; }
.mr--24 { margin-right: 24px; }
.mr--32 { margin-right: 32px; }
.mr--40 { margin-right: 40px; }
.mr--48 { margin-right: 48px; }
.mr--56 { margin-right: 56px; }
.mr--64 { margin-right: 64px; }
.mr--80 { margin-right: 80px; }
.mr--96 { margin-right: 96px; }
.mr--112 { margin-right: 112px; }
.mr--128 { margin-right: 128px; }
.mr--160 { margin-right: 160px; }
.mr--192 { margin-right: 192px; }
.mr--224 { margin-right: 224px; }
.mr--256 { margin-right: 256px; }
.mr--auto { margin-right: auto; } .mb--0 { margin-bottom: 0; }
.mb--4 { margin-bottom: 4px; }
.mb--8 { margin-bottom: 8px; }
.mb--12 { margin-bottom: 12px; }
.mb--16 { margin-bottom: 16px; }
.mb--20 { margin-bottom: 20px; }
.mb--24 { margin-bottom: 24px; }
.mb--32 { margin-bottom: 32px; }
.mb--40 { margin-bottom: 40px; }
.mb--48 { margin-bottom: 48px; }
.mb--56 { margin-bottom: 56px; }
.mb--64 { margin-bottom: 64px; }
.mb--80 { margin-bottom: 80px; }
.mb--96 { margin-bottom: 96px; }
.mb--112 { margin-bottom: 112px; }
.mb--128 { margin-bottom: 128px; }
.mb--160 { margin-bottom: 160px; }
.mb--192 { margin-bottom: 192px; }
.mb--224 { margin-bottom: 224px; }
.mb--256 { margin-bottom: 256px; }
.mb--auto { margin-bottom: auto; } .ml--0 { margin-left: 0; }
.ml--4 { margin-left: 4px; }
.ml--8 { margin-left: 8px; }
.ml--12 { margin-left: 12px; }
.ml--16 { margin-left: 16px; }
.ml--20 { margin-left: 20px; }
.ml--24 { margin-left: 24px; }
.ml--32 { margin-left: 32px; }
.ml--40 { margin-left: 40px; }
.ml--48 { margin-left: 48px; }
.ml--56 { margin-left: 56px; }
.ml--64 { margin-left: 64px; }
.ml--80 { margin-left: 80px; }
.ml--96 { margin-left: 96px; }
.ml--112 { margin-left: 112px; }
.ml--128 { margin-left: 128px; }
.ml--160 { margin-left: 160px; }
.ml--192 { margin-left: 192px; }
.ml--224 { margin-left: 224px; }
.ml--256 { margin-left: 256px; }
.ml--auto { margin-left: auto; } .mx--0 { margin-left: 0; margin-right: 0; }
.mx--4 { margin-left: 4px; margin-right: 4px; }
.mx--8 { margin-left: 8px; margin-right: 8px; }
.mx--12 { margin-left: 12px; margin-right: 12px; }
.mx--16 { margin-left: 16px; margin-right: 16px; }
.mx--20 { margin-left: 20px; margin-right: 20px; }
.mx--24 { margin-left: 24px; margin-right: 24px; }
.mx--32 { margin-left: 32px; margin-right: 32px; }
.mx--40 { margin-left: 40px; margin-right: 40px; }
.mx--48 { margin-left: 48px; margin-right: 48px; }
.mx--56 { margin-left: 56px; margin-right: 56px; }
.mx--64 { margin-left: 64px; margin-right: 64px; }
.mx--80 { margin-left: 80px; margin-right: 80px; }
.mx--96 { margin-left: 96px; margin-right: 96px; }
.mx--112 { margin-left: 112px; margin-right: 112px; }
.mx--128 { margin-left: 128px; margin-right: 128px; }
.mx--160 { margin-left: 160px; margin-right: 160px; }
.mx--192 { margin-left: 192px; margin-right: 192px; }
.mx--224 { margin-left: 224px; margin-right: 224px; }
.mx--256 { margin-left: 256px; margin-right: 256px; }
.mx--auto { margin-left: auto; margin-right: auto; } .my--0 { margin-top: 0; margin-bottom: 0; }
.my--4 { margin-top: 4px; margin-bottom: 4px; }
.my--8 { margin-top: 8px; margin-bottom: 8px; }
.my--12 { margin-top: 12px; margin-bottom: 12px; }
.my--16 { margin-top: 16px; margin-bottom: 16px; }
.my--20 { margin-top: 20px; margin-bottom: 20px; }
.my--24 { margin-top: 24px; margin-bottom: 24px; }
.my--32 { margin-top: 32px; margin-bottom: 32px; }
.my--40 { margin-top: 40px; margin-bottom: 40px; }
.my--48 { margin-top: 48px; margin-bottom: 48px; }
.my--56 { margin-top: 56px; margin-bottom: 56px; }
.my--64 { margin-top: 64px; margin-bottom: 64px; }
.my--80 { margin-top: 80px; margin-bottom: 80px; }
.my--96 { margin-top: 96px; margin-bottom: 96px; }
.my--112 { margin-top: 112px; margin-bottom: 112px; }
.my--128 { margin-top: 128px; margin-bottom: 128px; }
.my--160 { margin-top: 160px; margin-bottom: 160px; }
.my--192 { margin-top: 192px; margin-bottom: 192px; }
.my--224 { margin-top: 224px; margin-bottom: 224px; }
.my--256 { margin-top: 256px; margin-bottom: 256px; }
.my--auto { margin-top: auto; margin-bottom: auto; } .p--0 { padding: 0; }
.p--4 { padding: 4px; }
.p--8 { padding: 8px; }
.p--12 { padding: 12px; }
.p--16 { padding: 16px; }
.p--20 { padding: 20px; }
.p--24 { padding: 24px; }
.p--32 { padding: 32px; }
.p--40 { padding: 40px; }
.p--48 { padding: 48px; }
.p--56 { padding: 56px; }
.p--64 { padding: 64px; }
.p--80 { padding: 80px; }
.p--96 { padding: 96px; }
.p--112 { padding: 112px; }
.p--128 { padding: 128px; }
.p--160 { padding: 160px; }
.p--192 { padding: 192px; }
.p--224 { padding: 224px; }
.p--256 { padding: 256px; } .pt--0 { padding-top: 0; }
.pt--4 { padding-top: 4px; }
.pt--8 { padding-top: 8px; }
.pt--12 { padding-top: 12px; }
.pt--16 { padding-top: 16px; }
.pt--20 { padding-top: 20px; }
.pt--24 { padding-top: 24px; }
.pt--32 { padding-top: 32px; }
.pt--40 { padding-top: 40px; }
.pt--48 { padding-top: 48px; }
.pt--56 { padding-top: 56px; }
.pt--64 { padding-top: 64px; }
.pt--80 { padding-top: 80px; }
.pt--96 { padding-top: 96px; }
.pt--112 { padding-top: 112px; }
.pt--128 { padding-top: 128px; }
.pt--160 { padding-top: 160px; }
.pt--192 { padding-top: 192px; }
.pt--224 { padding-top: 224px; }
.pt--256 { padding-top: 256px; } .pr--0 { padding-right: 0; }
.pr--4 { padding-right: 4px; }
.pr--8 { padding-right: 8px; }
.pr--12 { padding-right: 12px; }
.pr--16 { padding-right: 16px; }
.pr--20 { padding-right: 20px; }
.pr--24 { padding-right: 24px; }
.pr--32 { padding-right: 32px; }
.pr--40 { padding-right: 40px; }
.pr--48 { padding-right: 48px; }
.pr--56 { padding-right: 56px; }
.pr--64 { padding-right: 64px; }
.pr--80 { padding-right: 80px; }
.pr--96 { padding-right: 96px; }
.pr--112 { padding-right: 112px; }
.pr--128 { padding-right: 128px; }
.pr--160 { padding-right: 160px; }
.pr--192 { padding-right: 192px; }
.pr--224 { padding-right: 224px; }
.pr--256 { padding-right: 256px; } .pb--0 { padding-bottom: 0; }
.pb--4 { padding-bottom: 4px; }
.pb--8 { padding-bottom: 8px; }
.pb--12 { padding-bottom: 12px; }
.pb--16 { padding-bottom: 16px; }
.pb--20 { padding-bottom: 20px; }
.pb--24 { padding-bottom: 24px; }
.pb--32 { padding-bottom: 32px; }
.pb--40 { padding-bottom: 40px; }
.pb--48 { padding-bottom: 48px; }
.pb--56 { padding-bottom: 56px; }
.pb--64 { padding-bottom: 64px; }
.pb--80 { padding-bottom: 80px; }
.pb--96 { padding-bottom: 96px; }
.pb--112 { padding-bottom: 112px; }
.pb--128 { padding-bottom: 128px; }
.pb--160 { padding-bottom: 160px; }
.pb--192 { padding-bottom: 192px; }
.pb--224 { padding-bottom: 224px; }
.pb--256 { padding-bottom: 256px; } .pl--0 { padding-left: 0; }
.pl--4 { padding-left: 4px; }
.pl--8 { padding-left: 8px; }
.pl--12 { padding-left: 12px; }
.pl--16 { padding-left: 16px; }
.pl--20 { padding-left: 20px; }
.pl--24 { padding-left: 24px; }
.pl--32 { padding-left: 32px; }
.pl--40 { padding-left: 40px; }
.pl--48 { padding-left: 48px; }
.pl--56 { padding-left: 56px; }
.pl--64 { padding-left: 64px; }
.pl--80 { padding-left: 80px; }
.pl--96 { padding-left: 96px; }
.pl--112 { padding-left: 112px; }
.pl--128 { padding-left: 128px; }
.pl--160 { padding-left: 160px; }
.pl--192 { padding-left: 192px; }
.pl--224 { padding-left: 224px; }
.pl--256 { padding-left: 256px; } .px--0 { padding-left: 0; padding-right: 0; }
.px--4 { padding-left: 4px; padding-right: 4px; }
.px--8 { padding-left: 8px; padding-right: 8px; }
.px--12 { padding-left: 12px; padding-right: 12px; }
.px--16 { padding-left: 16px; padding-right: 16px; }
.px--20 { padding-left: 20px; padding-right: 20px; }
.px--24 { padding-left: 24px; padding-right: 24px; }
.px--32 { padding-left: 32px; padding-right: 32px; }
.px--40 { padding-left: 40px; padding-right: 40px; }
.px--48 { padding-left: 48px; padding-right: 48px; }
.px--56 { padding-left: 56px; padding-right: 56px; }
.px--64 { padding-left: 64px; padding-right: 64px; }
.px--80 { padding-left: 80px; padding-right: 80px; }
.px--96 { padding-left: 96px; padding-right: 96px; }
.px--112 { padding-left: 112px; padding-right: 112px; }
.px--128 { padding-left: 128px; padding-right: 128px; }
.px--160 { padding-left: 160px; padding-right: 160px; }
.px--192 { padding-left: 192px; padding-right: 192px; }
.px--224 { padding-left: 224px; padding-right: 224px; }
.px--256 { padding-left: 256px; padding-right: 256px; } .py--0 { padding-top: 0; padding-bottom: 0; }
.py--4 { padding-top: 4px; padding-bottom: 4px; }
.py--8 { padding-top: 8px; padding-bottom: 8px; }
.py--12 { padding-top: 12px; padding-bottom: 12px; }
.py--16 { padding-top: 16px; padding-bottom: 16px; }
.py--20 { padding-top: 20px; padding-bottom: 20px; }
.py--24 { padding-top: 24px; padding-bottom: 24px; }
.py--32 { padding-top: 32px; padding-bottom: 32px; }
.py--40 { padding-top: 40px; padding-bottom: 40px; }
.py--48 { padding-top: 48px; padding-bottom: 48px; }
.py--56 { padding-top: 56px; padding-bottom: 56px; }
.py--64 { padding-top: 64px; padding-bottom: 64px; }
.py--80 { padding-top: 80px; padding-bottom: 80px; }
.py--96 { padding-top: 96px; padding-bottom: 96px; }
.py--112 { padding-top: 112px; padding-bottom: 112px; }
.py--128 { padding-top: 128px; padding-bottom: 128px; }
.py--160 { padding-top: 160px; padding-bottom: 160px; }
.py--192 { padding-top: 192px; padding-bottom: 192px; }
.py--224 { padding-top: 224px; padding-bottom: 224px; }
.py--256 { padding-top: 256px; padding-bottom: 256px; } .gap--0 { gap: 0; }
.gap--4 { gap: 4px; }
.gap--8 { gap: 8px; }
.gap--12 { gap: 12px; }
.gap--16 { gap: 16px; }
.gap--20 { gap: 20px; }
.gap--24 { gap: 24px; }
.gap--32 { gap: 32px; }
.gap--40 { gap: 40px; }
.gap--48 { gap: 48px; }
.gap--56 { gap: 56px; }
.gap--64 { gap: 64px; }
.gap--80 { gap: 80px; }
.gap--96 { gap: 96px; }
.gap--112 { gap: 112px; }
.gap--128 { gap: 128px; }
.gap--160 { gap: 160px; }
.gap--192 { gap: 192px; }
.gap--224 { gap: 224px; }
.gap--256 { gap: 256px; } .gap-x--0 { column-gap: 0; }
.gap-x--4 { column-gap: 4px; }
.gap-x--8 { column-gap: 8px; }
.gap-x--12 { column-gap: 12px; }
.gap-x--16 { column-gap: 16px; }
.gap-x--20 { column-gap: 20px; }
.gap-x--24 { column-gap: 24px; }
.gap-x--32 { column-gap: 32px; }
.gap-x--40 { column-gap: 40px; }
.gap-x--48 { column-gap: 48px; }
.gap-x--56 { column-gap: 56px; }
.gap-x--64 { column-gap: 64px; }
.gap-x--80 { column-gap: 80px; }
.gap-x--96 { column-gap: 96px; }
.gap-x--112 { column-gap: 112px; }
.gap-x--128 { column-gap: 128px; }
.gap-x--160 { column-gap: 160px; }
.gap-x--192 { column-gap: 192px; }
.gap-x--224 { column-gap: 224px; }
.gap-x--256 { column-gap: 256px; } .gap-y--0 { row-gap: 0; }
.gap-y--4 { row-gap: 4px; }
.gap-y--8 { row-gap: 8px; }
.gap-y--12 { row-gap: 12px; }
.gap-y--16 { row-gap: 16px; }
.gap-y--20 { row-gap: 20px; }
.gap-y--24 { row-gap: 24px; }
.gap-y--32 { row-gap: 32px; }
.gap-y--40 { row-gap: 40px; }
.gap-y--48 { row-gap: 48px; }
.gap-y--56 { row-gap: 56px; }
.gap-y--64 { row-gap: 64px; }
.gap-y--80 { row-gap: 80px; }
.gap-y--96 { row-gap: 96px; }
.gap-y--112 { row-gap: 112px; }
.gap-y--128 { row-gap: 128px; }
.gap-y--160 { row-gap: 160px; }
.gap-y--192 { row-gap: 192px; }
.gap-y--224 { row-gap: 224px; }
.gap-y--256 { row-gap: 256px; } .text--10 { font-size: 10px; }
.text--12 { font-size: 12px; }
.text--14 { font-size: 14px; }
.text--16 { font-size: 16px; }
.text--18 { font-size: 18px; }
.text--20 { font-size: 20px; }
.text--24 { font-size: 24px; }
.text--28 { font-size: 28px; }
.text--32 { font-size: 32px; }
.text--36 { font-size: 36px; }
.text--40 { font-size: 40px; }
.text--48 { font-size: 48px; }
.text--56 { font-size: 56px; }
.text--64 { font-size: 64px; }
.text--72 { font-size: 72px; }
.text--80 { font-size: 80px; }
.text--96 { font-size: 96px; }
.text--112 { font-size: 112px; }
.text--128 { font-size: 128px; } .leading--16 { line-height: 16px; }
.leading--20 { line-height: 20px; }
.leading--24 { line-height: 24px; }
.leading--28 { line-height: 28px; }
.leading--32 { line-height: 32px; }
.leading--36 { line-height: 36px; }
.leading--40 { line-height: 40px; }
.leading--48 { line-height: 48px; }
.leading--56 { line-height: 56px; }
.leading--64 { line-height: 64px; }
.leading--72 { line-height: 72px; }
.leading--80 { line-height: 80px; }
.leading--96 { line-height: 96px; }
.leading--112 { line-height: 112px; }
.leading--128 { line-height: 128px; }
.leading--none { line-height: 1; }
.leading--tight { line-height: 1.25; }
.leading--snug { line-height: 1.375; }
.leading--normal { line-height: 1.5; }
.leading--relaxed { line-height: 1.625; }
.leading--loose { line-height: 2; } .font--100 { font-weight: 100; }
.font--200 { font-weight: 200; }
.font--300 { font-weight: 300; }
.font--400 { font-weight: 400; }
.font--500 { font-weight: 500; }
.font--600 { font-weight: 600; }
.font--700 { font-weight: 700; }
.font--800 { font-weight: 800; }
.font--900 { font-weight: 900; } .text--left { text-align: left; }
.text--center { text-align: center; }
.text--right { text-align: right; }
.text--justify { text-align: justify; } .underline { text-decoration: underline; }
.line--through { text-decoration: line-through; }
.no--underline { text-decoration: none; } .uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.normal--case { text-transform: none; } .block { display: block; }
.inline--block { display: inline-block; }
.inline { display: inline; }
.flex { display: flex; }
.inline--flex { display: inline-flex; }
.hidden { display: none; } .flex--row { flex-direction: row; }
.flex--row-reverse { flex-direction: row-reverse; }
.flex--col { flex-direction: column; }
.flex--col-reverse { flex-direction: column-reverse; }
.flex--wrap { flex-wrap: wrap; }
.flex--nowrap { flex-wrap: nowrap; }
.flex--wrap-reverse { flex-wrap: wrap-reverse; } .justify--start { justify-content: flex-start; }
.justify--end { justify-content: flex-end; }
.justify--center { justify-content: center; }
.justify--between { justify-content: space-between; }
.justify--around { justify-content: space-around; }
.justify--evenly { justify-content: space-evenly; } .items--start { align-items: flex-start; }
.items--end { align-items: flex-end; }
.items--center { align-items: center; }
.items--baseline { align-items: baseline; }
.items--stretch { align-items: stretch; } .content--start { align-content: flex-start; }
.content--end { align-content: flex-end; }
.content--center { align-content: center; }
.content--between { align-content: space-between; }
.content--around { align-content: space-around; }
.content--evenly { align-content: space-evenly; } .self--auto { align-self: auto; }
.self--start { align-self: flex-start; }
.self--end { align-self: flex-end; }
.self--center { align-self: center; }
.self--stretch { align-self: stretch; }
.self--baseline { align-self: baseline; } .flex--1 { flex: 1 1 0%; }
.flex--auto { flex: 1 1 auto; }
.flex--initial { flex: 0 1 auto; }
.flex--none { flex: none; } .static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; } .top--0 { top: 0; }
.top--4 { top: 4px; }
.top--8 { top: 8px; }
.top--12 { top: 12px; }
.top--16 { top: 16px; }
.top--20 { top: 20px; }
.top--24 { top: 24px; }
.top--32 { top: 32px; }
.top--40 { top: 40px; }
.top--48 { top: 48px; }
.top--56 { top: 56px; }
.top--64 { top: 64px; }
.top--80 { top: 80px; }
.top--96 { top: 96px; }
.top--112 { top: 112px; }
.top--128 { top: 128px; }
.right--0 { right: 0; }
.right--4 { right: 4px; }
.right--8 { right: 8px; }
.right--12 { right: 12px; }
.right--16 { right: 16px; }
.right--20 { right: 20px; }
.right--24 { right: 24px; }
.right--32 { right: 32px; }
.right--40 { right: 40px; }
.right--48 { right: 48px; }
.right--56 { right: 56px; }
.right--64 { right: 64px; }
.right--80 { right: 80px; }
.right--96 { right: 96px; }
.right--112 { right: 112px; }
.right--128 { right: 128px; }
.bottom--0 { bottom: 0; }
.bottom--4 { bottom: 4px; }
.bottom--8 { bottom: 8px; }
.bottom--12 { bottom: 12px; }
.bottom--16 { bottom: 16px; }
.bottom--20 { bottom: 20px; }
.bottom--24 { bottom: 24px; }
.bottom--32 { bottom: 32px; }
.bottom--40 { bottom: 40px; }
.bottom--48 { bottom: 48px; }
.bottom--56 { bottom: 56px; }
.bottom--64 { bottom: 64px; }
.bottom--80 { bottom: 80px; }
.bottom--96 { bottom: 96px; }
.bottom--112 { bottom: 112px; }
.bottom--128 { bottom: 128px; }
.left--0 { left: 0; }
.left--4 { left: 4px; }
.left--8 { left: 8px; }
.left--12 { left: 12px; }
.left--16 { left: 16px; }
.left--20 { left: 20px; }
.left--24 { left: 24px; }
.left--32 { left: 32px; }
.left--40 { left: 40px; }
.left--48 { left: 48px; }
.left--56 { left: 56px; }
.left--64 { left: 64px; }
.left--80 { left: 80px; }
.left--96 { left: 96px; }
.left--112 { left: 112px; }
.left--128 { left: 128px; }
.inset--0 { top: 0; right: 0; bottom: 0; left: 0; }
.inset--4 { top: 4px; right: 4px; bottom: 4px; left: 4px; }
.inset--8 { top: 8px; right: 8px; bottom: 8px; left: 8px; }
.inset--16 { top: 16px; right: 16px; bottom: 16px; left: 16px; }
.inset--24 { top: 24px; right: 24px; bottom: 24px; left: 24px; }
.inset--32 { top: 32px; right: 32px; bottom: 32px; left: 32px; } .w--auto { width: auto; }
.w--full { width: 100%; }
.w--30{width:30%;}
.w--60{width:60%;}
.w--70{width:70%;}
.w--screen { width: 100vw; }
.w--min { width: min-content; }
.w--max { width: max-content; }
.w--fit { width: fit-content; }
.w--4 { width: 4px; }
.w--8 { width: 8px; }
.w--12 { width: 12px; }
.w--16 { width: 16px; }
.w--20 { width: 20%; }
.w--24 { width: 24px; }
.w--32 { width: 32px; }
.w--40 { width: 40%; }
.w--48 { width: 48px; }
.w--56 { width: 56px; }
.w--64 { width: 64px; }
.w--80 { width: 80%; }
.w--96 { width: 96px; }
.w--112 { width: 112px; }
.w--128 { width: 128px; }
.w--160 { width: 160px; }
.w--192 { width: 192px; }
.w--224 { width: 224px; }
.w--256 { width: 256px; }
.h--auto { height: auto; }
.h--full { height: 100%; }
.h--screen { height: 100vh; }
.h--min { height: min-content; }
.h--max { height: max-content; }
.h--fit { height: fit-content; }
.h--70vh{ height:70vh; }
.h--50vh{ height:50vh; }
.h--64vh { height:64vh; }
.h--4 { height: 4px; }
.h--8 { height: 8px; }
.h--12 { height: 12px; }
.h--16 { height: 16px; }
.h--20 { height: 20px; }
.h--24 { height: 24px; }
.h--32 { height: 32px; }
.h--40 { height: 40px; }
.h--48 { height: 48px; }
.h--56 { height: 56px; }
.h--64 { height: 64px; }
.h--80 { height: 80px; }
.h--96 { height: 96px; }
.h--112 { height: 112px; }
.h--128 { height: 128px; }
.h--160 { height: 160px; }
.h--192 { height: 192px; }
.h--224 { height: 224px; }
.h--256 { height: 256px; }
.h--384 { height:384px; }
.h--500 { height:500px; }
.h--600 { height:600px; }
.min-w--0 { min-width: 0; }
.min-w--full { min-width: 100%; }
.min-w--min { min-width: min-content; }
.min-w--max { min-width: max-content; }
.min-w--fit { min-width: fit-content; }
.min-h--0 { min-height: 0; }
.min-h--full { min-height: 100%; }
.min-h--screen { min-height: 100vh; }
.max-w--none { max-width: none; }
.max-w--256 { max-width: 256px; }
.max-w--512 { max-width: 512px; }
.max-w--768 { max-width: 768px; }
.max-w--1024 { max-width: 1024px; }
.max-w--1280 { max-width: 1280px; }
.max-w--1536 { max-width: 1536px; }
.max-w--full { max-width: 100%; }
.max-h--none { max-height: none; }
.max-h--full { max-height: 100%; }
.max-h--screen { max-height: 100vh; } .border--0 { border-width: 0; }
.border--1 { border-width: 1px; }
.border--2 { border-width: 2px; }
.border--7 { border-width: 7px; }
.border-t--0 { border-top-width: 0; }
.border-t--1 { border-top-width: 1px; }
.border-t--2 { border-top-width: 2px; }
.border-r--0 { border-right-width: 0; }
.border-r--1 { border-right-width: 1px; }
.border-r--2 { border-right-width: 2px; }
.border-b--0 { border-bottom-width: 0; }
.border-b--1 { border-bottom-width: 1px; }
.border-b--2 { border-bottom-width: 2px; }
.border-l--0 { border-left-width: 0; }
.border-l--1 { border-left-width: 1px; }
.border-l--2 { border-left-width: 2px; }
.border-x--0 { border-left-width: 0; border-right-width: 0; }
.border-x--1 { border-left-width: 1px; border-right-width: 1px; }
.border-x--2 { border-left-width: 2px; border-right-width: 2px; }
.border-y--0 { border-top-width: 0; border-bottom-width: 0; }
.border-y--1 { border-top-width: 1px; border-bottom-width: 1px; }
.border-y--2 { border-top-width: 2px; border-bottom-width: 2px; } .border--solid { border-style: solid; }
.border--dashed { border-style: dashed; }
.border--dotted { border-style: dotted; }
.border--none { border-style: none; } .rounded--0 { border-radius: 0; }
.rounded--4 { border-radius: 4px; }
.rounded--8 { border-radius: 8px; }
.rounded--12 { border-radius: 12px; }
.rounded--16 { border-radius: 16px; }
.rounded--20 { border-radius: 20px; }
.rounded--24 { border-radius: 24px; }
.rounded--32 { border-radius: 32px; }
.rounded--72 { border-radius: 72px; }
.rounded--full { border-radius: 9999px; }
.rounded--none { border-radius: 0; }
.rounded-t--0 { border-top-left-radius: 0; border-top-right-radius: 0; }
.rounded-t--4 { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.rounded-t--8 { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.rounded-t--12 { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.rounded-t--16 { border-top-left-radius: 16px; border-top-right-radius: 16px; }
.rounded-t--24 { border-top-left-radius: 24px; border-top-right-radius: 24px; }
.rounded-t--32 { border-top-left-radius: 32px; border-top-right-radius: 32px; }
.rounded-r--0 { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.rounded-r--4 { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.rounded-r--8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.rounded-r--12 { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.rounded-r--16 { border-top-right-radius: 16px; border-bottom-right-radius: 16px; }
.rounded-r--24 { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.rounded-r--32 { border-top-right-radius: 32px; border-bottom-right-radius: 32px; }
.rounded-b--0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rounded-b--4 { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.rounded-b--8 { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.rounded-b--12 { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.rounded-b--16 { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.rounded-b--24 { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }
.rounded-b--32 { border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; }
.rounded-l--0 { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.rounded-l--4 { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.rounded-l--8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.rounded-l--12 { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.rounded-l--16 { border-top-left-radius: 16px; border-bottom-left-radius: 16px; }
.rounded-l--24 { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.rounded-l--32 { border-top-left-radius: 32px; border-bottom-left-radius: 32px; }
.rounded-tl--0 { border-top-left-radius: 0; }
.rounded-tl--4 { border-top-left-radius: 4px; }
.rounded-tl--8 { border-top-left-radius: 8px; }
.rounded-tl--12 { border-top-left-radius: 12px; }
.rounded-tl--16 { border-top-left-radius: 16px; }
.rounded-tl--24 { border-top-left-radius: 24px; }
.rounded-tl--32 { border-top-left-radius: 32px; }
.rounded-tr--0 { border-top-right-radius: 0; }
.rounded-tr--4 { border-top-right-radius: 4px; }
.rounded-tr--8 { border-top-right-radius: 8px; }
.rounded-tr--12 { border-top-right-radius: 12px; }
.rounded-tr--16 { border-top-right-radius: 16px; }
.rounded-tr--24 { border-top-right-radius: 24px; }
.rounded-tr--32 { border-top-right-radius: 32px; }
.rounded-br--0 { border-bottom-right-radius: 0; }
.rounded-br--4 { border-bottom-right-radius: 4px; }
.rounded-br--8 { border-bottom-right-radius: 8px; }
.rounded-br--12 { border-bottom-right-radius: 12px; }
.rounded-br--16 { border-bottom-right-radius: 16px; }
.rounded-br--24 { border-bottom-right-radius: 24px; }
.rounded-br--32 { border-bottom-right-radius: 32px; }
.rounded-bl--0 { border-bottom-left-radius: 0; }
.rounded-bl--4 { border-bottom-left-radius: 4px; }
.rounded-bl--8 { border-bottom-left-radius: 8px; }
.rounded-bl--12 { border-bottom-left-radius: 12px; }
.rounded-bl--16 { border-bottom-left-radius: 16px; }
.rounded-bl--24 { border-bottom-left-radius: 24px; }
.rounded-bl--32 { border-bottom-left-radius: 32px; } .object--contain { object-fit: contain; }
.object--cover { object-fit: cover; }
.object--fill { object-fit: fill; }
.object--none { object-fit: none; }
.object--scale-down { object-fit: scale-down; }
.object--bottom { object-position: bottom; }
.object--center { object-position: center; }
.object--left { object-position: left; }
.object--left-bottom { object-position: left bottom; }
.object--left-top { object-position: left top; }
.object--right { object-position: right; }
.object--right-bottom { object-position: right bottom; }
.object--right-top { object-position: right top; }
.object--top { object-position: top; } .overflow--auto { overflow: auto; }
.overflow--hidden { overflow: hidden; }
.overflow--visible { overflow: visible; }
.overflow--scroll { overflow: scroll; }
.overflow-x--auto { overflow-x: auto; }
.overflow-x--hidden { overflow-x: hidden; }
.overflow-x--visible { overflow-x: visible; }
.overflow-x--scroll { overflow-x: scroll; }
.overflow-y--auto { overflow-y: auto; }
.overflow-y--hidden { overflow-y: hidden; }
.overflow-y--visible { overflow-y: visible; }
.overflow-y--scroll { overflow-y: scroll; } .z--0 { z-index: 0; }
.z--10 { z-index: 10; }
.z--20 { z-index: 20; }
.z--30 { z-index: 30; }
.z--40 { z-index: 40; }
.z--50 { z-index: 50; }
.z--100 { z-index: 100; }
.z--auto { z-index: auto; } .opacity--0 { opacity: 0; }
.opacity--10 { opacity: 0.1; }
.opacity--20 { opacity: 0.2; }
.opacity--25 { opacity: 0.25; }
.opacity--30 { opacity: 0.3; }
.opacity--40 { opacity: 0.4; }
.opacity--50 { opacity: 0.5; }
.opacity--60 { opacity: 0.6; }
.opacity--70 { opacity: 0.7; }
.opacity--75 { opacity: 0.75; }
.opacity--80 { opacity: 0.8; }
.opacity--90 { opacity: 0.9; }
.opacity--100 { opacity: 1; } .cursor--auto { cursor: auto; }
.cursor--default { cursor: default; }
.cursor--pointer { cursor: pointer; }
.cursor--wait { cursor: wait; }
.cursor--text { cursor: text; }
.cursor--move { cursor: move; }
.cursor--help { cursor: help; }
.cursor--not-allowed { cursor: not-allowed; }
.cursor--none { cursor: none; }
.cursor--grab { cursor: grab; }
.cursor--grabbing { cursor: grabbing; } .pointer--none { pointer-events: none; }
.pointer--auto { pointer-events: auto; } .select--none { user-select: none; }
.select--text { user-select: text; }
.select--all { user-select: all; }
.select--auto { user-select: auto; } .text--primary { color: var(--primary-color); }
.text--secondary { color: var(--secondary-color); }
.text--accent { color: var(--accent-color); }
.text--text { color: var(--text-color); }
.text--text-light { color: var(--text-light); }
.text--text-dark { color: var(--text-dark); }
.text--error { color: var(--error-color); }
.text--success { color: var(--success-color); }
.text--warning { color: var(--warning-color); }
.text--info { color: var(--info-color); }
.text--white { color: var(--white); }
.text--black { color: var(--black); }
.text--transparent { color: var(--transparent); } .bg--primary { background-color: var(--primary-color); }
.bg--secondary { background-color: var(--secondary-color); }
.bg--accent { background-color: var(--accent-color); }
.bg--background { background-color: var(--background-color); }
.bg--background-gray { background-color: var(--background-gray); }
.bg--error { background-color: var(--error-color); }
.bg--success { background-color: var(--success-color); }
.bg--warning { background-color: var(--warning-color); }
.bg--info { background-color: var(--info-color); }
.bg--white { background-color: var(--white); }
.bg--black { background-color: var(--black); }
.bg--transparent { background-color: var(--transparent); } .border--primary { border-color: var(--primary-color); }
.border--secondary { border-color: var(--secondary-color); }
.border--accent { border-color: var(--accent-color); }
.border--border { border-color: var(--border-color); }
.border--error { border-color: var(--error-color); }
.border--success { border-color: var(--success-color); }
.border--warning { border-color: var(--warning-color); }
.border--info { border-color: var(--info-color); }
.border--white { border-color: var(--white); }
.border--black { border-color: var(--black); }
.border--transparent { border-color: var(--transparent); } @media (max-width: 1100px) { .m--m--0 { margin: 0; }
.m--m--4 { margin: 4px; }
.m--m--8 { margin: 8px; }
.m--m--12 { margin: 12px; }
.m--m--16 { margin: 16px; }
.m--m--20 { margin: 20px; }
.m--m--24 { margin: 24px; }
.m--m--32 { margin: 32px; }
.m--m--40 { margin: 40px; }
.m--m--48 { margin: 48px; }
.m--m--56 { margin: 56px; }
.m--m--64 { margin: 64px; }
.m--m--80 { margin: 80px; }
.m--m--96 { margin: 96px; }
.m--m--auto { margin: auto; }
.m--mt--0 { margin-top: 0; }
.m--mt--4 { margin-top: 4px; }
.m--mt--8 { margin-top: 8px; }
.m--mt--12 { margin-top: 12px; }
.m--mt--16 { margin-top: 16px; }
.m--mt--20 { margin-top: 20px; }
.m--mt--24 { margin-top: 24px; }
.m--mt--32 { margin-top: 32px; }
.m--mt--40 { margin-top: 40px; }
.m--mt--48 { margin-top: 48px; }
.m--mt--56 { margin-top: 56px; }
.m--mt--64 { margin-top: 64px; }
.m--mt--80 { margin-top: 80px; }
.m--mt--96 { margin-top: 96px; }
.m--mr--0 { margin-right: 0; }
.m--mr--4 { margin-right: 4px; }
.m--mr--8 { margin-right: 8px; }
.m--mr--12 { margin-right: 12px; }
.m--mr--16 { margin-right: 16px; }
.m--mr--20 { margin-right: 20px; }
.m--mr--24 { margin-right: 24px; }
.m--mr--32 { margin-right: 32px; }
.m--mr--40 { margin-right: 40px; }
.m--mr--48 { margin-right: 48px; }
.m--mr--56 { margin-right: 56px; }
.m--mr--64 { margin-right: 64px; }
.m--mr--80 { margin-right: 80px; }
.m--mr--96 { margin-right: 96px; }
.m--mb--0 { margin-bottom: 0; }
.m--mb--4 { margin-bottom: 4px; }
.m--mb--8 { margin-bottom: 8px; }
.m--mb--12 { margin-bottom: 12px; }
.m--mb--16 { margin-bottom: 16px; }
.m--mb--20 { margin-bottom: 20px; }
.m--mb--24 { margin-bottom: 24px; }
.m--mb--32 { margin-bottom: 32px; }
.m--mb--40 { margin-bottom: 40px; }
.m--mb--48 { margin-bottom: 48px; }
.m--mb--56 { margin-bottom: 56px; }
.m--mb--64 { margin-bottom: 64px; }
.m--mb--80 { margin-bottom: 80px; }
.m--mb--96 { margin-bottom: 96px; }
.m--ml--0 { margin-left: 0; }
.m--ml--4 { margin-left: 4px; }
.m--ml--8 { margin-left: 8px; }
.m--ml--12 { margin-left: 12px; }
.m--ml--16 { margin-left: 16px; }
.m--ml--20 { margin-left: 20px; }
.m--ml--24 { margin-left: 24px; }
.m--ml--32 { margin-left: 32px; }
.m--ml--40 { margin-left: 40px; }
.m--ml--48 { margin-left: 48px; }
.m--ml--56 { margin-left: 56px; }
.m--ml--64 { margin-left: 64px; }
.m--ml--80 { margin-left: 80px; }
.m--ml--96 { margin-left: 96px; }
.m--mx--0 { margin-left: 0; margin-right: 0; }
.m--mx--4 { margin-left: 4px; margin-right: 4px; }
.m--mx--8 { margin-left: 8px; margin-right: 8px; }
.m--mx--12 { margin-left: 12px; margin-right: 12px; }
.m--mx--16 { margin-left: 16px; margin-right: 16px; }
.m--mx--20 { margin-left: 20px; margin-right: 20px; }
.m--mx--24 { margin-left: 24px; margin-right: 24px; }
.m--mx--32 { margin-left: 32px; margin-right: 32px; }
.m--mx--auto { margin-left: auto; margin-right: auto; }
.m--my--0 { margin-top: 0; margin-bottom: 0; }
.m--my--4 { margin-top: 4px; margin-bottom: 4px; }
.m--my--8 { margin-top: 8px; margin-bottom: 8px; }
.m--my--12 { margin-top: 12px; margin-bottom: 12px; }
.m--my--16 { margin-top: 16px; margin-bottom: 16px; }
.m--my--20 { margin-top: 20px; margin-bottom: 20px; }
.m--my--24 { margin-top: 24px; margin-bottom: 24px; }
.m--my--32 { margin-top: 32px; margin-bottom: 32px; } .m--p--0 { padding: 0; }
.m--p--4 { padding: 4px; }
.m--p--8 { padding: 8px; }
.m--p--12 { padding: 12px; }
.m--p--16 { padding: 16px; }
.m--p--20 { padding: 20px; }
.m--p--24 { padding: 24px; }
.m--p--32 { padding: 32px; }
.m--p--40 { padding: 40px; }
.m--p--48 { padding: 48px; }
.m--p--56 { padding: 56px; }
.m--p--64 { padding: 64px; }
.m--pt--0 { padding-top: 0; }
.m--pt--4 { padding-top: 4px; }
.m--pt--8 { padding-top: 8px; }
.m--pt--12 { padding-top: 12px; }
.m--pt--16 { padding-top: 16px; }
.m--pt--20 { padding-top: 20px; }
.m--pt--24 { padding-top: 24px; }
.m--pt--32 { padding-top: 32px; }
.m--pt--40 { padding-top: 40px; }
.m--pt--48 { padding-top: 48px; }
.m--pt--56 { padding-top: 56px; }
.m--pt--64 { padding-top: 64px !important; }
.m--pr--0 { padding-right: 0; }
.m--pr--4 { padding-right: 4px; }
.m--pr--8 { padding-right: 8px; }
.m--pr--12 { padding-right: 12px; }
.m--pr--16 { padding-right: 16px; }
.m--pr--20 { padding-right: 20px; }
.m--pr--24 { padding-right: 24px; }
.m--pr--32 { padding-right: 32px; }
.m--pr--40 { padding-right: 40px; }
.m--pr--48 { padding-right: 48px; }
.m--pr--56 { padding-right: 56px; }
.m--pr--64 { padding-right: 64px; }
.m--pb--0 { padding-bottom: 0; }
.m--pb--4 { padding-bottom: 4px; }
.m--pb--8 { padding-bottom: 8px; }
.m--pb--12 { padding-bottom: 12px; }
.m--pb--16 { padding-bottom: 16px; }
.m--pb--20 { padding-bottom: 20px; }
.m--pb--24 { padding-bottom: 24px; }
.m--pb--32 { padding-bottom: 32px; }
.m--pb--40 { padding-bottom: 40px; }
.m--pb--48 { padding-bottom: 48px; }
.m--pb--56 { padding-bottom: 56px; }
.m--pb--64 { padding-bottom: 64px; }
.m--pl--0 { padding-left: 0; }
.m--pl--4 { padding-left: 4px; }
.m--pl--8 { padding-left: 8px; }
.m--pl--12 { padding-left: 12px; }
.m--pl--16 { padding-left: 16px; }
.m--pl--20 { padding-left: 20px; }
.m--pl--24 { padding-left: 24px; }
.m--pl--32 { padding-left: 32px; }
.m--pl--40 { padding-left: 40px; }
.m--pl--48 { padding-left: 48px; }
.m--pl--56 { padding-left: 56px; }
.m--pl--64 { padding-left: 64px; }
.m--px--0 { padding-left: 0; padding-right: 0; }
.m--px--4 { padding-left: 4px; padding-right: 4px; }
.m--px--8 { padding-left: 8px; padding-right: 8px; }
.m--px--12 { padding-left: 12px; padding-right: 12px; }
.m--px--16 { padding-left: 16px; padding-right: 16px; }
.m--px--20 { padding-left: 20px; padding-right: 20px; }
.m--px--24 { padding-left: 24px; padding-right: 24px; }
.m--px--32 { padding-left: 32px; padding-right: 32px; }
.m--py--0 { padding-top: 0; padding-bottom: 0; }
.m--py--4 { padding-top: 4px; padding-bottom: 4px; }
.m--py--8 { padding-top: 8px; padding-bottom: 8px; }
.m--py--12 { padding-top: 12px; padding-bottom: 12px; }
.m--py--16 { padding-top: 16px; padding-bottom: 16px; }
.m--py--20 { padding-top: 20px; padding-bottom: 20px; }
.m--py--24 { padding-top: 24px; padding-bottom: 24px; }
.m--py--32 { padding-top: 32px; padding-bottom: 32px; }
.m--py--64 { padding-top: 64px !important; padding-bottom: 64px !important; } .m--gap--0 { gap: 0; }
.m--gap--4 { gap: 4px; }
.m--gap--8 { gap: 8px; }
.m--gap--12 { gap: 12px; }
.m--gap--16 { gap: 16px; }
.m--gap--20 { gap: 20px; }
.m--gap--24 { gap: 24px; }
.m--gap--32 { gap: 32px; }
.m--gap--40 { gap: 40px; }
.m--gap--48 { gap: 48px; } .m--text--10 { font-size: 10px; }
.m--text--12 { font-size: 12px; }
.m--text--14 { font-size: 14px; }
.m--text--16 { font-size: 16px; }
.m--text--18 { font-size: 18px; }
.m--text--20 { font-size: 20px; }
.m--text--24 { font-size: 24px; }
.m--text--28 { font-size: 28px; }
.m--text--32 { font-size: 32px; }
.m--text--36 { font-size: 36px; }
.m--text--40 { font-size: 40px; }
.m--text--48 { font-size: 48px; }
.m--text--left { text-align: left !important; }
.m--text--center { text-align: center; }
.m--text--right { text-align: right; }
.m--text--justify { text-align: justify; } .m--block { display: block; }
.m--inline--block { display: inline-block; }
.m--inline { display: inline; }
.m--flex { display: flex; }
.m--inline--flex { display: inline-flex; }
.m--hidden { display: none !important; } .m--flex--row { flex-direction: row; }
.m--flex--row-reverse { flex-direction: row-reverse; }
.m--flex--col { flex-direction: column; }
.m--flex--col-reverse { flex-direction: column-reverse; }
.m--flex--wrap { flex-wrap: wrap; }
.m--flex--nowrap { flex-wrap: nowrap; }
.m--justify--start { justify-content: flex-start; }
.m--justify--end { justify-content: flex-end; }
.m--justify--center { justify-content: center; }
.m--justify--between { justify-content: space-between; }
.m--justify--around { justify-content: space-around; }
.m--justify--evenly { justify-content: space-evenly; }
.m--items--start { align-items: flex-start; }
.m--items--end { align-items: flex-end; }
.m--items--center { align-items: center; }
.m--items--baseline { align-items: baseline; }
.m--items--stretch { align-items: stretch; }
.m--flex--50{flex:1 0 47% !important;}
.m--flex--100{flex:100% !important;} .m--w--auto { width: auto; }
.m--w--full { width: 100%; }
.m--w--screen { width: 100vw; }
.m--w--32 { width: 32px; }
.m--w--48 { width: 48px; }
.m--w--64 { width: 64px; }
.m--w--96 { width: 96px; }
.m--w--128 { width: 128px; }
.m--h--auto { height: auto; }
.m--h--full { height: 100%; }
.m--h--screen { height: 100vh; }
.m--h--40vh{ height:40vh; }
.m--h--32 { height: 32px; }
.m--h--48 { height: 48px; }
.m--h--64 { height: 64px; }
.m--h--96 { height: 96px; }
.m--h--128 { height: 128px; } .m--rounded--0 { border-radius: 0; }
.m--rounded--4 { border-radius: 4px; }
.m--rounded--8 { border-radius: 8px; }
.m--rounded--12 { border-radius: 12px; }
.m--rounded--16 { border-radius: 16px; }
.m--rounded--24 { border-radius: 24px; }
.m--rounded--full { border-radius: 9999px; }
}
.hover--bg--secondary:hover{
background-color:var(--color-secondary);
}
.hover--text--white:hover{
color:#FFF;
}
.hover--bg--primary--light:hover{
background-color:#D6BEA8;
}.sr-only,
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
} .scroll--wcreate {
width: 50px;
height: 50px;
background-color: var(--color-primary);
border: 1px solid var(--color-white);
transition: 0.8s ease-in-out;
}
.scrollToTop {
position: fixed;
right: 2%;
bottom: 5%;
display: none;
transition: 0.5s ease;
z-index: 5;
}
a.scrollToTop svg {
width: 50px;
transition: 0.8s ease-in-out;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.pijl{
fill: var(--color-white);
}
.scroll--wcreate:hover .pijl{
fill: var(--color-primary) !important;
transition: 0.8s ease;
}
a.scrollToTop:hover .scroll--wcreate{
background-color: var(--color-white);
border: 1px solid var(--color-primary);
transition: 0.8s ease;
} body {
font-size: var(--font-size);
margin: 0;
font-family: "Geologica", sans-serif;
overflow-x: hidden;
font-weight:300;
}
.m--i--r{position: relative;}
.h--100p {height: 100%;}
.w--container {
display: block;
max-width: var(--container-width);
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-x);
padding-right: var(--spacing-x);
}
.w--container.medium {
display: block;
width: 100%;
max-width: calc(var(--container-width) * 0.85);
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-x);
padding-right: var(--spacing-x);  
}
.w--container.small {
display: block;
width: 100%;
max-width: calc(var(--container-width) * 0.7);
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-x);
padding-right: var(--spacing-x);  
}
.pl--container {
padding-left: calc(0% + var(--spacing-x));
} p{font-size: var(--font-size)}
.f--md{font-size: var(--font-size-h4)}
.f--l{font-size: var(--font-size-h3)}
.f--xl{font-size: var(--font-size-h2)}
.f--xxl{font-size: var(--font-size-h1)}
.font--thin { font-weight: 100; }
.font--light { font-weight: 300; }
.font--normal { font-weight: 400; }
.font--medium { font-weight: 500; }
.font--semibold { font-weight: 600; }
.font--bold { font-weight: 700; }
.font--black { font-weight: 900; }
.text--primary { color: var(--color-primary); }
.text--secondary { color: var(--color-secondary); }
.text--white { color: var(--color-white); }
.text--black { color: var(--color-black); } .bg--primary { background-color: var(--color-primary); }
.bg--secondary { background-color: var(--color-secondary); }
.bg--white { background-color: var(--color-white); }
.bg--black { background-color: var(--color-black); }
.bg--gray-100 { background-color: var(--color-gray-100); }
.bg--gray-200 { background-color: var(--color-gray-200); }
.bg--gray-500 { background-color: var(--color-gray-500); } .p--0{padding: 0%;}
.p--1{padding:1%;}
.px--1, .pl--1{padding-left:1%;}    
.px--1, .pr--1{padding-right:1%;}
.py--1, .pt--1{padding-top:1%;}
.py--1, .pb--1{padding-bottom:1%;}
.p--2{padding:2%;}
.px--2, .pl--2{padding-left:2%;}    
.px--2, .pr--2{padding-right:2%;}
.py--2, .pt--2{padding-top:2%;}
.py--2, .pb--2{padding-bottom:2%;}
.p--5{padding:5%;}
.px--5, .pl--5{padding-left:5%;}
.px--5, .pr--5{padding-right:5%;}
.py--5, .pt--5{padding-top:5%;}
.py--5, .pb--5{padding-bottom: 5%;}
.p--10{padding:10%;}
.px--10, .pl--10{padding-left:10%;}
.px--10, .pr--10{padding-right:10%;}
.py--10, .pt--10{padding-top:10%;}
.py--10, .pb--10{padding-bottom: 10%;}
.p--15{padding:15%;}
.px--15, .pl--15{padding-left:15%;}
.px--15, .pr--15{padding-right:15%;}
.py--15, .pt--15{padding-top:15%;}
.py--15, .pb--15{padding-bottom: 15%;}
.p--20{padding:20%;}
.px--20, .pl--20{padding-left:20%;}
.px--20, .pr--20{padding-right:20%;}
.py--20, .pt--20{padding-top:20%;}
.py--20, .pb--20{padding-bottom: 20%;}
.m--auto{margin: auto;}
.m--0{margin:0%;}
.mx--0, .ml--0{margin-left:0%;}
.mx--0, .mr--0{margin-right:0%;}
.my--0, .mt--0{margin-top:0%;}
.my--0, .mb--0{margin-bottom:0%;}
.m--2{margin:2%;}
.mx--2, .ml--2{margin-left:2%;}
.mx--2, .mr--2{margin-right:2%;}
.my--2, .mt--2{margin-top:2%;}
.my--2, .mb--2{margin-bottom:2%;}
.m--5{margin:5%;}
.mx--5, .ml--5{margin-left:5%;}
.mx--5, .mr--5{margin-right:5%;}
.my--5, .mt--5{margin-top:5%;}
.my--5, .mb--5{margin-bottom: 5%;}
.m--10{margin:10%;}
.mx--10, .ml--10{margin-left:10%;}
.mx--10, .mr--10{margin-right:10%;}
.my--10, .mt--10{margin-top:10%;}
.my--10, .mb--10{margin-bottom: 10%;}
.-mt--10{margin-top:-10%}
.-ml--35{margin-left:-35%}
.-ml--45{margin-left:-45%}
.-ml--10{margin-left:-10%}
.-ml--15{margin-left:-15%} .rounded--sm { border-radius: 0.125rem; } .rounded--md { border-radius: 0.375rem; } .rounded--lg { border-radius: 0.5rem; } .rounded--xl { border-radius: 0.75rem; } .rounded--2xl { border-radius: 1rem; } .shadow--sm { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.shadow--md { box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.shadow--lg { box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
.shadow--xl { box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15); } .f--r{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.f--r--fs{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.a--i {display: flex; align-items: center;}
.a--str {align-items: stretch;}
.a--s {align-items: flex-start;}
.a--e {align-items: flex-end;}
.j--c {justify-content: center;}
.j--s {justify-content: flex-start;}
.j--e {justify-content: flex-end;}
.j--b{justify-content: space-between;}
.f--c {
flex: 1 1 100%;
max-width: 100%;
box-sizing: border-box;
} .f--r:has(.f--c:nth-child(2)) .f--c {
flex: 1 1 calc(50% - 10px); 
max-width: calc(50% - 10px);
} .f--r:has(.f--c:nth-child(3)) .f--c {
flex: 1 1 calc(33.33% - 10px); 
max-width: calc(33.33% - 10px);
} .f--r:has(.f--c:nth-child(4)) .f--c {
flex: 1 1 calc(25% - 10px); 
max-width: calc(25% - 10px);
} .f--r:has(.f--c:nth-child(5)) .f--c {
flex: 1 1 calc(20% - 10px); 
max-width: calc(20% - 10px);
}
.f--c--1{flex: 0.1;}
.f--c--2{flex: 0.2;}
.f--c--3{flex: 0.3;}
.f--c--4{flex: 0.4;}
.f--c--6{flex: 0.6;}
.f--c--7{flex: 0.7;}
.f--c--8{flex: 0.8;}
.f--c--9{flex: 0.9;}
.grid { display: grid; }
.grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid--gap-4 { gap: 1rem; } .breadcrumbs {
padding: 1rem 0;
font-size: 0.9rem;
}
.breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb-item {
display: inline;
margin: 0;
}
.breadcrumb-item a {
color: var(--color-gray-700);
text-decoration: none;
transition: color var(--animate);
}
.breadcrumb-item a:hover {
color: var(--color-primary);
}
.breadcrumb-item.active {
color: var(--colorBlack);
}
.breadcrumb-separator {
display: inline;
margin: 0 0.5rem;
color: var(--color-gray-500);
} .yoast-breadcrumbs {
padding: 1rem 0;
font-size: 0.9rem;
} img{width: 100%;}
.fit-cover{
width: 100%;
object-fit: cover;
}
.auto--size{
height:100%;
object-fit:cover;
} .d--none { display: none; }
.d--block { display: block; }
.d--inline-block { display: inline-block; }
.d--flex { display: flex; }
.d--inline-flex { display: inline-flex; }
.d--grid { display: grid; } .position--static { position: static; }
.position--relative { position: relative; }
.position--absolute { position: absolute; }
.position--fixed { position: fixed; }
.position--sticky { position: sticky; } .w--25 { width: 25%; }
.w--50 { width: 50%; }
.w--75 { width: 75%; }
.w--100 { width: 100%; }
.w--auto { width: auto; }
.h--25 { height: 25%; }
.h--50 { height: 50%; }
.h--75 { height: 75%; }
.h--100 { height: 100%; }
.h--auto { height: auto; }
.mw--100 { max-width: 100%; }
.mh--100 { max-height: 100%; } .overflow--auto { overflow: auto; }
.overflow--hidden { overflow: hidden; }
.overflow--visible { overflow: visible; }
.overflow--scroll { overflow: scroll; }
.overflow-x--hidden { overflow-x: hidden; }
.overflow-y--hidden { overflow-y: hidden; } .z--0 { z-index: 0; }
.z--10 { z-index: 10; }
.z--20 { z-index: 20; }
.z--30 { z-index: 30; }
.z--40 { z-index: 40; }
.z--50 { z-index: 50; }
.z--100 { z-index: 100; }
.z--999 { z-index: 999; }
.z--9999 { z-index: 9999; } .opacity--0 { opacity: 0; }
.opacity--25 { opacity: 0.25; }
.opacity--50 { opacity: 0.5; }
.opacity--75 { opacity: 0.75; }
.opacity--100 { opacity: 1; } .cursor--pointer { cursor: pointer; }
.cursor--default { cursor: default; }
.cursor--not-allowed { cursor: not-allowed; }
.cursor--grab { cursor: grab; }
.cursor--grabbing { cursor: grabbing; } .lh--1 { line-height: 1; }
.lh--sm { line-height: 1.25; }
.lh--base { line-height: 1.5; }
.lh--lg { line-height: 2; } .border { border: 1px solid var(--color-gray-200); }
.border--0 { border: 0; }
.border--top { border-top: 1px solid var(--color-gray-200); }
.border--top-0 { border-top: 0; }
.border--bottom { border-bottom: 1px solid var(--color-gray-200); }
.border--bottom-0 { border-bottom: 0; }
.border--left { border-left: 1px solid var(--color-gray-200); }
.border--left-0 { border-left: 0; }
.border--right { border-right: 1px solid var(--color-gray-200); }
.border--right-0 { border-right: 0; }
.border--primary { border-color: var(--color-primary); }
.border--secondary { border-color: var(--color-secundary); }
.border--white { border-color: var(--color-white); }
.border--black { border-color: var(--colorBlack); } .transition--all {
transition: all var(--animate);
}
.transition--colors {
transition: color var(--animate), background-color var(--animate), border-color var(--animate);
}
.transition--transform {
transition: transform var(--animate);
}
.transition--opacity {
transition: opacity var(--animate);
}
.transition--fast {
transition-duration: var(--animate-fast);
}
.transition--slow {
transition-duration: var(--animate-slow);
}
.hover--scale:hover {
transform: scale(1.05);
transition: transform var(--animate);
}
.hover--opacity:hover {
opacity: 0.8;
transition: opacity var(--animate);
}
.hover--shadow:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
transition: box-shadow var(--animate);
}
.hover--lift:hover {
transform: translateY(-5px);
transition: transform var(--animate);
} a{
color:var(--colorBlack);
text-decoration: none;
}
a:hover, a:focus-visible {
color: var(--color-link-hover);
transition: color var(--animate);
}
:is(.bg--primary, .bg--secondary) a {
color: var(--color-white);
}
:is(.bg--primary, .bg--secondary) a:hover,
:is(.bg--primary, .bg--secondary) a:focus-visible {
color: var(--color-white);
transition: color var(--animate);
}
.btn--primary {
color: var(--color-white);
text-transform: uppercase;
background: var(--color-primary);
border: 1px solid var(--color-primary);
padding: 8px 56px;
border-radius: 40px;
font-size: var(--font-size);
font-weight: 300;
transition: 0.5s ease;
display: inline-block;
cursor: pointer;
text-align:center;
}
.btn--primary:hover {
color: #FFF;
text-transform: uppercase;
border: 1px solid #535353;
background:#535353;
font-size: var(--font-size);
text-decoration: none;
transition: 0.5s ease;
}
.btn--secondary {
color: var(--color-white);
text-transform: uppercase;
background: var(--color-secondary);
border: 1px solid var(--color-secondary);
padding: 8px 56px;
border-radius: 40px;
font-size: var(--font-size);
font-weight: 300;
transition: 0.5s ease;
display: inline-block;
cursor: pointer;
text-align:center;
}
.btn--secondary:hover {
color: var(--color-white) !important;
text-transform: uppercase;
border: 1px solid var(--color-primary);
background: var(--color-primary);
font-size: var(--font-size);
text-decoration: none;
transition: 0.5s ease;
}   @media (min-width: 576px) {
.d--sm-none { display: none; }
.d--sm-block { display: block; }
.d--sm-flex { display: flex; }
.d--sm-inline-block { display: inline-block; }
} @media (min-width: 768px) {
.d--md-none { display: none; }
.d--md-block { display: block; }
.d--md-flex { display: flex; }
.d--md-inline-block { display: inline-block; }
} @media (min-width: 992px) {
.d--lg-none { display: none; }
.d--lg-block { display: block; }
.d--lg-flex { display: flex; }
.d--lg-inline-block { display: inline-block; }
} @media (min-width: 1200px) {
.d--xl-none { display: none; }
.d--xl-block { display: block; }
.d--xl-flex { display: flex; }
.d--xl-inline-block { display: inline-block; }
} @media (min-width: 1440px) {
.d--xxl-none { display: none; }
.d--xxl-block { display: block; }
.d--xxl-flex { display: flex; }
.d--xxl-inline-block { display: inline-block; }
}
@media only screen and (max-width: 811px) {
body {
font-size: 1rem;
}
.w--m--container{
display: block;
max-width: var(--container-width);
margin-left: auto;
margin-right: auto;
padding-left: var(--spacing-x);
padding-right: var(--spacing-x);
}
.d--m--0{
display: none;
} p{font-size: 1rem;}
.f--md{font-size:1.05rem;}
.f--l{font-size:1.1rem;}
.f--xl{font-size:1.3rem;}
.f--xxl{font-size:1.6rem;} .w--m--100{
width: 100%;
}
.w--m--50{
width: 50%;
} .f--c {
flex: auto;
width: 100%;
}
.f--r:has(.f--c:nth-child(n)) .f--c {
flex: 1 1 100%; 
max-width: 100%;
}
.f--c--1, .f--c--2, .f--c--3, .f--c--4, .f--c--5, .f--c--6, .f--c--7, .f--c--8, .f--c--9 {
flex: auto;
width: 100%;
}
.column--reverse{
flex-direction: column-reverse;
} .p--m--0{
padding: 0px;
}
.p--m--5{
padding: 5%;
}
.px--m--5, .pl--m--5{
padding-left:5%;
}
.px--m--5, .pr--m--5{
padding-right:5%;
}
.py--m--5, .pt--m--5{
padding-top:5%;
}
.py--m--5, .pb--m--5{
padding-bottom: 5%;
}
.py--m--10, .pb--m--10{
padding-bottom: 10%;
}    
.py--m--10, .pt--m--10{
padding-top: 10%;
} .m--m--0{
margin: 0px;
}
.m--m--5{
margin: 5%;
} .knop--zwart {
font-size: 0.9rem;
}
.knop--zwart:hover {
font-size: 0.9rem;
}
.btn--container {
margin-top: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.btn--container a{
margin-top: 1rem;
}	
.btn--primary, .btn--primary-inverse, .btn--secundary {
font-size: 0.9rem;
}
.btn--primary:hover, .btn--primary-inverse:hover, .btn--secundary:hover {
font-size: 0.9rem;
}
.btn--primary, .btn--secondary{
padding:16px 32px;
}
}html.menu-open {
overflow: hidden;
}
.w--header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 9999;
transition: background-color 0.3s ease;
}
.w--header.scrolled {
background-color: rgba(0, 0, 0, 0.8);
} .w--header--logo {
width: 120px;
z-index: 10000;
}
.w--header--logo img {
display: block;
width: 100%;
height: auto;
} .w--header--nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
border:2px solid var(--color-primary);
padding:4px;
border-radius:40px;
}
.w--header--nav > ul {
position: relative;
}
.menu-item{
padding:8px 16px;
}
.menu-item:hover{
background:var(--color-primary);
border-radius:40px;
}
.w--header--nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.w--header--nav ul li a {
text-decoration: none;
color: #FFF;;
font-weight: 300;
transition: color 0.3s ease;
text-transform: uppercase;
}
.w--header--nav ul li a:hover {
color: var(--color-white);
}
.w--header--nav ul li.current_page_item,
.w--header--nav ul li.current-menu-item{
background:var(--color-primary);
border-radius:100px;
}
.w--header--nav ul li.current_page_item .sub-menu li,
.w--header--nav ul li.current-menu-item .sub-menu li{
background:transparent;
}
.sub-menu li{
background:transparent !important;
}
.w--header--nav ul li.current_page_item a,
.w--header--nav ul li.current-menu-item a {
color: var(--color-white);
} .w--header--cta {
z-index: 10000;
}
.w--burger{
position: relative;
display: none;
align-items: center;
align-self: center;
flex-flow: row wrap;
justify-content: center;
width: var(--burger-width);
height: 30px;
padding: 0;
border: unset;
border-radius: unset;
background-color: var(--burger-background);
box-shadow: unset;
cursor: pointer;
z-index: 99999999;
}
.w--burger--wrapper {
position: absolute;
top: 50%;
left: 50%;
width: var(--burger-bar-width);
height: var(--burger-bar-height);
margin: 0;
padding: 0;
transition: all var(--animate-fast);
transform: translate(-50%, -50%);
pointer-events: none;
background: var(--burger-bar-color);
}
.w--burger--wrapper:before {
bottom: var(--burger-bar-spacing);
transition: bottom var(--burger-delay) var(--animate-fast), transform var(--animate-fast);
}
.w--burger--wrapper:after {
top: var(--burger-bar-spacing);
transition: top var(--burger-delay) var(--animate-fast), transform var(--animate-fast);
}
.w--burger--wrapper:after, .w--burger--wrapper:before {
position: absolute;
left: 0;
width: var(--burger-bar-width);
height: var(--burger-bar-height);
content: "";
background: var(--burger-bar-color);
}
.w--header--mobile {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
min-height: 100vh;
padding: 0;
background-color: #000;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 9998;
}
.w--header--mobile__wrapper {
width: 100%;
max-width: var(--container-width);
padding-left: var(--spacing-x);
padding-right: var(--spacing-x);
padding-top: 120px;
padding-bottom: 40px;
}
.w--header--mobile__wrapper ul {
display: flex;
flex-direction: column;
gap: 1rem;
list-style-type: none;
padding: 0;
margin: 0;
}
.w--header--mobile__wrapper ul li {
margin: 0;
}
.w--header--mobile__wrapper ul li a {
font-size: 24px;
font-weight: 300;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s ease;
}
.w--header--mobile__wrapper ul li a:hover,
.w--header--mobile__wrapper ul li.current_page_item a {
color: var(--color-primary);
}
.menu-open .w--header--mobile {
transform: translateX(0);
transition: transform 0.3s ease;
}
.menu-open .w--burger--wrapper {
transition: background-color var(--animate-fast) calc(var(--burger-delay) / 1.5);
background-color: transparent;
}
.menu-open .w--burger--wrapper:before {
bottom: 0;
transition: bottom var(--animate-fast), transform var(--animate-fast) var(--burger-delay);
transform: rotate(45deg) scaleX(0.8);
background: var(--burger-bar-color-open);
}
.menu-open .w--burger--wrapper:after {
top: 0;
transition: top var(--animate-fast), transform var(--animate-fast) var(--burger-delay);
transform: rotate(-45deg) scaleX(0.8);
background: var(--burger-bar-color-open);
}
.sub-menu .menu-item {
padding: 0;
}
.sub-menu .menu-item a {
padding: 8px 0 !important;
color:var(--color-primary);
text-transform: initial !important;
font-weight:300;
}
.sub-menu .menu-item a:hover, .sub-menu .menu-item:hover {
background:transparent !important;
color:var(--color-primary) !important;
} .w--h--r--top{
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.w--h--r--top ul{
display: flex;
padding-left: 0;
margin-bottom: 0;
}
.w--h--r--top ul li{
font-size: var(--font-size-small);
font-weight: 500;
list-style-type: none;
}
.w--socials a:last-child{
margin-right: 0rem;
}
.menu--container .current_page_item{
text-decoration: underline;
} .w--h--r--bottom{
display: flex;
}
.w--h--r--bottom ul{
display: flex;
padding-left: 0;
margin-bottom: 0;
}
.w--h--r--bottom ul li{
font-size: var(--font-size);
font-weight: 500;
list-style-type: none;
margin-right: 2rem;
}
.w--h--r--bottom ul li:last-child{
margin-right: 0rem;
}
.w--header--logo a{
--ratio: 25.18%;
display: inline-block;
width: max(300px, min(calc(0.0992907801*(100vw - 37.5em) + 300px), 356px))
}
.w--header--logo--wrapper {
position: relative;
display: block;
width: 100%;
padding-bottom: var(--ratio);
}
.w--header--logo img {
display: block;
width: 100%;
height: 100%;
max-width:200px;
}
.w--socials{
display: inline-flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
} @media screen and (min-width: 1200px) {
.menu-item-has-children {
position: static;
}
.menu-item-has-children > a::after {
content: '▾';
margin-left: 0.5rem;
font-size: 0.8em;
}
ul.sub-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: none;
background-color: #FFF;
border-radius: 40px;
padding: 2rem;
margin-top: 0.5rem;
z-index: 100;
grid-template-columns: 1fr 1fr;
gap: 0;
} ul.sub-menu::before {
content: '';
position: absolute;
top: -0.5rem;
left: 0;
right: 0;
height: 0.5rem;
background: transparent;
}
.menu-item-has-children:hover > ul.sub-menu {
display: grid;
}
.menu-item-has-children ul.sub-menu li {
margin: 0;
}
.menu-item-has-children ul.sub-menu li a {
display: block;
padding: 0.75rem 1.5rem;
transition: background-color 0.3s ease, color 0.3s ease;
color:#000;
border-radius: 40px;
}
.menu-item-has-children ul.sub-menu li a:hover {
background-color: var(--color-primary);
color: #fff;
}
} @media screen and (max-width: 1199px) { .w--header--nav,
.w--header--cta {
display: none;
} .w--burger {
display: flex;
} .w--header--logo {
width: 80px;
} .w--header--mobile .sub-menu {
display: none !important;
padding-left: 1.5rem;
margin-top: 1rem;
}
.w--header--mobile .sub-menu.active {
display: flex !important;
flex-direction: column;
gap: 1rem;
}
.w--header--mobile .sub-menu li {
margin: 0;
}
.w--header--mobile .sub-menu li a {
font-size: 1.5rem !important;
color: #FFF !important;
font-weight: 300 !important;
text-transform: none !important;
}
.w--header--mobile .menu-item-has-children > a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.w--header--mobile .menu-item-has-children > a::after {
content: '+';
font-size: 2rem;
transition: transform 0.3s ease;
margin-left: 1rem;
flex-shrink: 0;
}
.w--header--mobile .menu-item-has-children.active > a::after {
content: '−';
}
.menu-item:hover{
background:transparent;
}
ul.sub-menu.active {
gap: .5rem !important;
padding-left: 0;
}
.w--header--mobile .sub-menu li a {
font-size: 18px !important;
}
.menu-item{
padding:16px 0;
}
} @media screen and (min-width: 1200px) { .w--burger {
display: none !important;
}
.w--header--mobile {
display: none !important;
} .home .w--burger {
display: flex !important;
}
.home .w--header--mobile {
display: flex !important;
}
.w--header--mobile__wrapper{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.w--header--mobile__wrapper .menu-item-has-children > a::after{
display:none !important;
}
.w--header--mobile__wrapper ul li a:hover{
color:#FFF !important;
}
}
.home .w--header--logo, .home .w--header--nav{
display:none;
}
.home .w--burger{
display:flex !important;
}
.home .navbar{
justify-content:flex-end;
}.site-footer{
margin-top: 2rem;
}
.wcreate--info {
margin-top: 3%;
padding-top: 1%;
font-size: 0.8rem;
display: flex;
justify-content: space-between;
border-top: 1px solid #fff;
}
.not--fat{
display: inline-block;
font-weight: 400;
}
.fat{
display: inline-block;
font-weight: 700;
}
.kol--right{
margin-left: auto;
padding-right: 2%;
}
.kolom--1 {
height: 100%;
position: relative;
}
.logo--footer{
margin-bottom: 2rem;
}
.logo--footer img{
width: 300px;
}
.footer--title{
font-weight: 700;
margin-bottom: 2rem;
}
.footer--menu ul {
margin-left: 0px;
padding-left: 0px;
}
.footer--menu li {
list-style: none;
}
@media only screen and (max-width: 811px)
{
.logo--footer {
text-align: center;
}
.logo--footer img {
width: 200px;
}
.kolom--1, .kolom--2, .kolom--3, .kolom--4{
margin-bottom: 2rem !important;
text-align: center;
}
.kol--right {
margin-left: inherit;
padding-right: 0px;
}
.wcreate--info{
display: block;
text-align:center;
}
}
.home .site-footer{
display:none;
}.geologica{
font-family: "Geologica", sans-serif;
} .card-with-overlay {
position: relative;
isolation: isolate;
overflow: hidden;
} .card-with-overlay::after {
content: '';
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: inherit;
z-index: 0;
transition: transform 0.4s ease;
}
.card-with-overlay:hover::after {
transform: scale(1.1);
} .card-with-overlay::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 65px;
z-index: 1;
pointer-events: none;
transition: opacity 0.4s ease;
}
.card-with-overlay > * {
position: relative;
z-index: 2;
transition: opacity 0.4s ease;
} .card-with-overlay:hover::before {
opacity: 0;
}
.card-with-overlay:hover > * {
opacity: 0;
} .betonvloer-card:hover img {
transform: scale(1.1) !important;
}
.betonvloer-card:hover .btn--hover{
background:var(--color-secondary);
color:#FFF;
} .realisatie-slider-card {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.realisatie-slider-card__wrapper {
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
height: 500px;
border-radius: 32px;
border: 7px solid var(--color-primary);
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 16px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .realisatie-slider-card__wrapper::after {
content: '';
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: inherit;
z-index: 0;
transition: transform 0.4s ease;
}
.realisatie-slider-card:hover .realisatie-slider-card__wrapper::after {
transform: scale(1.1);
} .realisatie-slider-card__wrapper::before {
content: '';
position: absolute;
inset: 0;
background-color: var(--color-primary);
opacity: 0;
border-radius: 25px;
z-index: 1;
pointer-events: none;
transition: opacity 0.4s ease;
}
.realisatie-slider-card__wrapper > * {
position: relative;
z-index: 2;
opacity: 0;
transition: opacity 0.4s ease;
}
.realisatie-slider-card__content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.realisatie-slider-card__content h3 {
margin: 0;
}
.realisatie-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-start;
}
.realisatie-tag {
background-color: transparent;
color: #fff;
border:1px solid white;
padding: 4px 12px;
border-radius: 16px;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
} .realisatie-slider-card:hover .realisatie-slider-card__wrapper::before {
opacity: 0.7;
}
.realisatie-slider-card:hover .realisatie-slider-card__wrapper > * {
opacity: 1;
}
.gsap-slider {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: column;
align-items: center;
width: 100%;
padding-right: 5vw;
display: flex;
position: relative;
overflow: hidden;
}
.gsap-slider__collection {
width: 100%;
max-width: 72em;
}
.gsap-slider__list {
-webkit-user-select: none;
user-select: none;
will-change: transform;
touch-action: pan-y;
backface-visibility: hidden;
display: flex;
}
.gsap-slider__item {
width: calc(((100% - 1px)  - (var(--slider-spv)  - 1) * var(--slider-gap)) / var(--slider-spv));
margin-right: var(--slider-gap);
flex: none;
}
.demo-card {
background-color: #2c2c2c;
border: 1px solid #2c2c2c;
border-radius: 1.5em;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.before__125 {
padding-top: 125%;
}
.osmo-icon-svg {
opacity: .1;
width: 40%;
position: absolute;
}
.demo-card__tag {
position: absolute;
top: 2em;
left: 2em;
}
.demo-card__tag-p {
margin-bottom: 0;
font-size: 2em;
line-height: 1;
} [data-gsap-slider-init] {
--slider-status: on; --slider-spv: 2; --slider-gap: 1.5em; }
@media screen and (max-width: 991px) {
[data-gsap-slider-init] {
--slider-status: on; --slider-spv: 2; --slider-gap: 1.5em; } 
}
@media screen and (max-width: 767px) {
[data-gsap-slider-init] { 
--slider-status: on; --slider-spv: 1.15; --slider-gap: 1em; }
}
[data-gsap-slider-item]:last-child {
margin-right: 0;
} .gsap-slider__controls {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gsap-slider__control {
color: #000;
background-color: #FFF;
border: 1px solid #FFF;
border-radius: 17px;
padding: .75em 1.5em;
font-size: 1em;
}
.gsap-slider__control:hover{
background:var(--color-primary);
border-color:var(--color-primary);
cursor:pointer;
}
.gsap-slider__control:hover svg{
filter: invert(1);
}
[data-gsap-slider-status="not-active"] [data-gsap-slider-controls] {
display: none;
}
[data-gsap-slider-control-status="not-active"] { 
opacity: 0.2;
pointer-events: none;
} .gsap-slider__control {
transition: opacity 0.3s ease;
}
.demo-card {
transition: all 0.3s ease;
}
[data-gsap-slider-item-status="not-active"] .demo-card {
background-color: #131313;
}
.demo-card__tag {
transition: all 0.3s ease;
}
[data-gsap-slider-item-status="not-active"] .demo-card__tag {
opacity: 0;
} .logo-slider-wrapper {
width: 100%;
overflow: hidden;
position: relative;
}
.logo-slider {
display: flex;
gap: 4rem;
width: fit-content;
}
.logo-slider__item {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider__item img {
max-width: 200px;
height: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.6;
transition: all 0.3s ease;
}
.logo-slider__item img:hover {
filter: grayscale(0%);
opacity: 1;
} .filter-btn{
border:none;
color: var(--color-primary);
background:transparent;
font-size: var(--font-size);
font-family:'Geologica';
}
.filter-btn:hover,
.filter-btn.active {
background:#D6BEA8;
border-color:#D6BEA8;
color: var(--color-primary);
cursor:pointer;
} .realisaties-grid {
margin: 0;
}
.realisatie-card {
transition: all 0.3s ease;
} @media screen and (max-width: 767px) {
.realisatie-card {
flex: 0 0 100% !important;
}
} @media screen and (min-width: 768px) and (max-width: 1199px) {
.realisatie-card {
flex: 0 0 calc(50% - 16px) !important;
}
} .pagination {
margin-top: 4rem;
}
.pagination-btn {
text-decoration: none;
cursor: pointer;
font-weight: 300;
}
.pagination-btn:hover {
color: #fff;
}  .betonvloer-item {
padding-top: 128px;
margin-top: -64px;
position: relative;
z-index: 1;
} .betonvloeren-nav-mobile {
display: none;
}
.betonvloeren-nav-desktop {
display: flex;
} @media screen and (max-width: 768px) {
.betonvloeren-nav-desktop {
display: none;
}
.betonvloeren-nav-mobile {
display: block;
}
#betonvloeren-dropdown {
appearance: none;
cursor: pointer;
font-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2395510c' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px;
padding-right: 3rem;
}
}  .realisaties-filter-mobile {
display: none;
}
.realisaties-filter-desktop {
display: flex;
} @media screen and (max-width: 768px) {
.realisaties-filter-desktop {
display: none;
}
.realisaties-filter-mobile {
display: block;
}
#realisaties-filter-dropdown {
appearance: none;
cursor: pointer;
font-size: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2395510c' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 12px;
padding-right: 3rem;
}
}
.breadcrumbs a, .breadcrumbs{
color:#A3A3A3;
text-transform:uppercase;
font-size:18px;
}
.breadcrumbs  .sector-active{
color:#000000;
}
.page-template-page-contact {
background:#F7F7F7;
}
.wpforms-field-label, .wpforms-required-label{
color:var(--color-primary) !important;
font-weight:400 !important;
}
.wpforms-submit{
float:right !important;
background:var(--color-primary) !important;
border-radius:100px !important;
text-transform:uppercase !important;
font-weight:400 !important;
}
.home #main-header{
display:none !important;
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.wcreate-lightbox {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.wcreate-lightbox.active {
opacity: 1;
visibility: visible;
}
.lightbox--overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
cursor: pointer;
}
.lightbox--container {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 60px 20px 20px;
}
.lightbox--content {
position: relative;
max-width: 90%;
max-height: 90%;
display: flex;
flex-direction: column;
align-items: center;
}
.lightbox--image {
max-width: 100%;
max-height: calc(90vh - 100px);
width: auto;
height: auto;
object-fit: contain;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
transition: opacity 0.3s ease;
}
.lightbox--caption {
margin-top: 20px;
color: var(--color-white);
font-size: 1rem;
text-align: center;
max-width: 600px;
padding: 10px 20px;
background: rgba(0, 0, 0, 0.7);
border-radius: 4px;
}
.lightbox--counter {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
color: var(--color-white);
font-size: 0.9rem;
background: rgba(0, 0, 0, 0.7);
padding: 8px 16px;
border-radius: 20px;
} .lightbox--close,
.lightbox--prev,
.lightbox--next {
position: absolute;
background: rgba(255, 255, 255, 0.2);
border: none;
color: var(--color-white);
font-size: 2rem;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s ease;
border-radius: 50%;
z-index: 10;
}
.lightbox--close:hover,
.lightbox--prev:hover,
.lightbox--next:hover {
background: rgba(255, 255, 255, 0.3);
}
.lightbox--close {
top: 20px;
right: 20px;
font-size: 2.5rem;
line-height: 1;
}
.lightbox--prev {
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 3rem;
line-height: 1;
}
.lightbox--next {
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 3rem;
line-height: 1;
} @media (max-width: 768px) {
.lightbox--container {
padding: 80px 10px 10px;
}
.lightbox--content {
max-width: 95%;
max-height: 95%;
}
.lightbox--image {
max-height: calc(90vh - 80px);
}
.lightbox--close,
.lightbox--prev,
.lightbox--next {
width: 40px;
height: 40px;
font-size: 1.5rem;
}
.lightbox--close {
top: 10px;
right: 10px;
}
.lightbox--prev {
left: 10px;
font-size: 2rem;
}
.lightbox--next {
right: 10px;
font-size: 2rem;
}
.lightbox--caption {
font-size: 0.9rem;
padding: 8px 16px;
margin-top: 10px;
}
.lightbox--counter {
bottom: 10px;
font-size: 0.8rem;
padding: 6px 12px;
}
} @keyframes lightboxFadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.wcreate-lightbox.active .lightbox--image {
animation: lightboxFadeIn 0.3s ease;
} .lightbox--image[src=""] {
min-width: 200px;
min-height: 200px;
background: rgba(255, 255, 255, 0.1);
}