/* =============ABSTRACTS==================== */
@import url("https://use.typekit.net/tzo2odv.css");
/* =============BASE==================== */
.text-base {
				font-size: clamp(0.75rem, 0.21vw + 0.71rem, 0.94rem);
}

.text-sm {
				font-size: clamp(0.63rem, 0.14vw + 0.6rem, 0.75rem);
}

.text-lg {
				font-size: clamp(0.88rem, 0.28vw + 0.82rem, 1.13rem);
}

.text-2lg {
				font-size: clamp(1rem, 0.28vw + 0.94rem, 1.25rem);
}

.text-xl {
				font-size: clamp(1.25rem, 1.07vw + 1.04rem, 2.19rem);
}

.text-2xl {
				font-size: clamp(1.56rem, 1.07vw + 1.35rem, 2.5rem);
}

.text-3xl {
				font-size: clamp(1.88rem, 2.13vw + 1.45rem, 3.75rem);
}

.text-4xl {
				font-size: clamp(3.75rem, 6.39vw + 2.47rem, 9.38rem);
}

.font-xlight {
				font-weight: 200;
}

.font-light {
				font-weight: 300;
}

.font-regular {
				font-weight: 400;
}

.font-medium {
				font-weight: 500;
}

.font-bold {
				font-weight: 600;
}

.text-white {
				color: #FFFFFF;
}

.text-black {
				color: #3B3B3B;
}

.text-green {
				color: #777D65;
}

.text-darkgreen {
				color: #777D65;
}

.text-yellow {
				color: #EFE6C3;
}

.text-red {
				color: #BC373B;
}

.text-left {
				text-align: left;
}

.text-center {
				text-align: center;
}

.text-right {
				text-align: right;
}

.uppercase {
				text-transform: uppercase;
}

.bg-white {
				background-color: #FFFFFF;
}

.bg-black {
				background-color: #3B3B3B;
}

.bg-green {
				background-color: #777D65;
}

.bg-darkgreen {
				background-color: #777D65;
}

.bg-yellow {
				background-color: #EFE6C3;
}

.bg-gray {
				background-color: #EEEFED;
}

.bg-darkgray {
				background-color: #B7B7B7;
}

.bg-red {
				background-color: #BC373B;
}

.border-white {
				border: 2px solid #FFFFFF;
}

.border-red {
				border: 2px solid #BC373B;
}

.border-yellow {
				border: 1px solid #EFE6C3;
}

.shadow {
				-webkit-box-shadow: 0 0 10px rgba(0, 3, 6, 0.2);
				        box-shadow: 0 0 10px rgba(0, 3, 6, 0.2);
}

html {
				font-family: sans-serif;
				-ms-text-size-adjust: 100%;
				-webkit-text-size-adjust: 100%;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-rendering: optimizeLegibility;
}

body {
				line-height: 1.5;
				font-size: clamp(0.75rem, 0.21vw + 0.71rem, 0.94rem);
				font-family: "field-gothic-wide", sans-serif;
				font-weight: 300;
				-ms-text-size-adjust: 100%;
				-webkit-text-size-adjust: 100%;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				text-rendering: optimizeLegibility;
}

h1 {
				font-size: clamp(1.88rem, 2.13vw + 1.45rem, 3.75rem);
				line-height: 1.2;
				font-weight: 400;
}

h2 {
				line-height: 1.2;
				font-size: clamp(1.56rem, 1.07vw + 1.35rem, 2.5rem);
}

h1, h2, h3 {
				margin: 0;
				padding: 0;
}
h1 a, h2 a, h3 a {
				text-decoration: none;
}

p {
				margin: 0;
}
p a {
				color: #777D65;
}
p strong, p b {
				font-weight: 500;
}
p:not(p:last-of-type) {
				margin-bottom: 1.25rem;
}

* {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				outline: none;
}

html {
				height: 100%;
				margin: 0;
				padding: 0;
				background-color: #EEEFED;
				scroll-behavior: smooth;
}

body {
				max-width: 100%;
				margin: 0 auto;
				padding: 0;
}

img {
				height: 100%;
				width: 100%;
}

#content {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 1.25rem;
}

.error__container a {
				color: unset;
				text-decoration: underline;
}

.swiper {
				height: 100%;
				width: 100%;
}

.columns {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				margin-left: -0.625rem;
				margin-right: -0.625rem;
}

.column {
				-webkit-box-flex: 0;
				    -ms-flex: 0 1 100%;
				        flex: 0 1 100%;
				margin-left: 0.625rem;
				margin-right: 0.625rem;
				max-width: 100%;
}

.spacer {
				height: var(--header-height);
}

@media (max-width: 1000px) {
				.column {
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
				}
}
picture {
				display: block;
}

ul {
				margin: 0;
				margin-block: 0.9375rem;
				padding-left: 0.9375rem;
}

.project__container {
				scroll-behavior: smooth;
}

.ratio__portrait {
				position: relative;
				height: 0;
				width: 100%;
				padding-bottom: 150%;
				overflow: hidden;
}
.ratio__landscape {
				position: relative;
				height: 0;
				width: 100%;
				padding-bottom: 70%;
				overflow: hidden;
}
.ratio__landscape.square {
				padding-bottom: 90%;
}
.ratio__landscape.small {
				padding-bottom: 50%;
}
.ratio__square {
				position: relative;
				height: 0;
				width: 100%;
				padding-bottom: 100%;
				overflow: hidden;
}
.ratio__fullscreen {
				position: relative;
				height: 100%;
				width: 100%;
				overflow: hidden;
}
.ratio__banner {
				position: relative;
				height: 0;
				width: 100%;
				padding-bottom: calc(100svh - 228px);
				overflow: hidden;
}
.ratio__thumbnail {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
}
.ratio__logo {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				-o-object-fit: contain;
				   object-fit: contain;
				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
}
.ratio__video {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 124%;
}

/* =============COMPONENTS==================== */
.staticlogo {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 5;
				padding: 4.375rem;
}
@media (max-width: 650px) {
				.staticlogo {
								padding: 1.5625rem;
				}
}
.staticlogo.green .logo-1 {
				fill: #777D65;
}
.staticlogo.yellow .logo-1 {
				fill: #EFE6C3;
}
.staticlogo a {
				display: block;
				width: 16.875rem;
}
@media (max-width: 1000px) {
				.staticlogo a {
								width: 13.75rem;
				}
}
@media (max-width: 650px) {
				.staticlogo a {
								width: 12.5rem;
				}
}
.staticlogo a svg .logo-icon-1 {
				opacity: 0;
				visibility: hidden;
}

.header {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 11;
				padding-inline: 4.375rem;
				padding-block: 4.375rem;
				--bg: $gray;
				-webkit-transition: padding 0.4s ease, background-color 0.4s ease;
				transition: padding 0.4s ease, background-color 0.4s ease;
}
@media (max-width: 650px) {
				.header {
								padding-inline: 1.5625rem;
								padding-block: 1.5625rem;
				}
}
.header.minimize {
				padding-block: 1.5625rem;
				background-color: #EEEFED;
				-webkit-transition: padding 0.4s ease, background-color 0.4s ease;
				transition: padding 0.4s ease, background-color 0.4s ease;
}
.header.minimize .header-logo a {
				width: 13.125rem;
}
.header.green .header-logo .logo-1, .header.text-green .header-logo .logo-1 {
				fill: #777D65;
}
.header.green .header-navigation a, .header.text-green .header-navigation a {
				color: #777D65;
}
.header.green .header-navigation .hamburger-menu, .header.text-green .header-navigation .hamburger-menu {
				background: #777D65;
}
.header.green .header-navigation .hamburger-menu:before, .header.green .header-navigation .hamburger-menu:after, .header.text-green .header-navigation .hamburger-menu:before, .header.text-green .header-navigation .hamburger-menu:after {
				background: #777D65;
}
.header-inner {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
.header-logo.green .logo-1 {
				fill: #777D65;
}
.header-logo.yellow .logo-1 {
				fill: #EFE6C3;
}
.header-logo a {
				display: block;
				width: 15.625rem;
}
@media (max-width: 1000px) {
				.header-logo a {
								width: 13.125rem;
				}
}
@media (max-width: 650px) {
				.header-logo a {
								width: 11.875rem;
				}
}
@media (max-width: 1000px) {
				.header-navigation {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
}

.menu {
				padding-top: 1.25rem;
				font-family: "roc-grotesk", sans-serif;
}
@media (max-width: 1000px) {
				.menu {
								display: none;
				}
}
.menu ul {
				margin: 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 2.5rem;
}
.menu ul li {
				list-style: none;
}
.menu ul li a {
				text-decoration: none;
}
.menu ul li a:hover, .menu ul li a.active {
				text-decoration: underline;
				text-underline-offset: 10px;
				text-decoration-thickness: 1px;
}

main.menu-open .hamburger.text-green .hamburger-menu {
				background: #777D65;
}
main.menu-open .hamburger.text-green .hamburger-menu:before, main.menu-open .hamburger.text-green .hamburger-menu:after {
				background: #777D65;
}
main.menu-open .hamburger.text-yellow .hamburger-menu {
				background: #EFE6C3;
}
main.menu-open .hamburger.text-yellow .hamburger-menu:before, main.menu-open .hamburger.text-yellow .hamburger-menu:after {
				background: #EFE6C3;
}
main.menu-open .hamburger-menu {
				background: rgba(255, 255, 255, 0) !important;
}
main.menu-open .hamburger-menu:before {
				background: #FFFFFF;
				top: 0 !important;
				-webkit-transform: rotate(-45deg) !important;
				        transform: rotate(-45deg) !important;
				-webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}
main.menu-open .hamburger-menu:after {
				background: #FFFFFF;
				bottom: 0 !important;
				-webkit-transform: rotate(45deg) !important;
				        transform: rotate(45deg) !important;
				-webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
				transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.hamburger {
				position: relative;
				height: 1.25rem;
				width: 1.875rem;
				display: none;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				cursor: pointer;
}
@media (max-width: 1000px) {
				.hamburger {
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
				}
}
.hamburger.text-green .hamburger-menu {
				background: #777D65;
}
.hamburger.text-green .hamburger-menu:before, .hamburger.text-green .hamburger-menu:after {
				background: #777D65;
}
.hamburger.text-yellow .hamburger-menu {
				background: #EFE6C3;
}
.hamburger.text-yellow .hamburger-menu:before, .hamburger.text-yellow .hamburger-menu:after {
				background: #EFE6C3;
}
.hamburger-menu {
				position: relative;
				background: #FFFFFF;
				width: 100%;
				height: 2px;
}
.hamburger-menu:before, .hamburger-menu:after {
				content: "";
				position: absolute;
				width: 100%;
				height: 2px;
				background: #FFFFFF;
				-webkit-transform-origin: center;
				        transform-origin: center;
}
.hamburger-menu:before {
				top: -8px;
				left: 0;
				-webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger-menu:after {
				bottom: -8px;
				left: 0;
				-webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
				transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

main.menu-open .mobile-menu {
				display: block;
				opacity: 1;
				visibility: visible;
}

.mobile-menu {
				position: fixed;
				inset: 0;
				width: 100%;
				height: 100%;
				z-index: 10;
				padding-top: 12.5rem;
				display: none;
				opacity: 0;
				visibility: hidden;
}
.mobile-menu .menu {
				display: block;
}
.mobile-menu .menu ul {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.mobile-menu .menu ul li {
				text-align: center;
}

.footer {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				padding-inline: 8.75rem;
				padding-block: 5rem;
				position: relative;
}
.footer:before {
				content: "";
				position: absolute;
				top: 0;
				left: 50%;
				-webkit-transform: translate(-50%, 0);
				        transform: translate(-50%, 0);
				width: calc(100% - 17.5rem);
				height: 1px;
				background: rgba(119, 125, 101, 0.5);
}
@media (max-width: 1350px) {
				.footer:before {
								width: calc(100% - 8.75rem);
				}
}
@media (max-width: 650px) {
				.footer:before {
								width: calc(100% - 3.125rem);
				}
}
@media (max-width: 1350px) {
				.footer {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.footer {
								padding-block: 3.125rem;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								text-align: center;
								gap: 1.5625rem;
				}
}
@media (max-width: 650px) {
				.footer {
								padding-inline: 1.5625rem;
				}
}
.footer ul {
				padding: 0;
				margin: 0;
}
.footer ul li {
				list-style: none;
}
.footer a {
				text-decoration: none;
}
.footer-logo {
				width: 3.125rem;
}
.footer-logo svg {
				display: block;
				width: 100%;
}
.footer-logo svg .icon-1 {
				fill: #777D65;
}
.legal {
				padding-inline: 4.375rem;
				padding-bottom: 6.25rem;
}

#privacypolicy {
				background: #FFFFFF;
				color: #3B3B3B;
}
#privacypolicy a {
				color: #3B3B3B;
}

.termsfeed-com---nb-simple {
				max-width: unset !important;
				bottom: 25px !important;
				left: 25px !important;
				right: 25px !important;
}

.cc-nb-main-container {
				font-size: 13px !important;
				background: #3B3B3B !important;
				display: -ms-grid !important;
				display: grid !important;
				-ms-grid-columns: 1fr 1fr !important;
				grid-template-columns: 1fr 1fr !important;
				padding: 20px 50px !important;
}
@media (max-width: 1000px) {
				.cc-nb-main-container {
								padding: 20px 50px !important;
								-ms-grid-columns: 1fr !important;
								grid-template-columns: 1fr !important;
				}
}
.cc-nb-title {
				display: none;
}
.cc-nb-text {
				color: #FFFFFF !important;
				line-height: 1.5 !important;
				font-size: 12px !important;
}
.cc-nb-text-container {
				-ms-grid-column: 1;
				-ms-grid-column-span: 1;
				grid-column: 1/2;
				-ms-grid-row: 2;
				-ms-grid-row-span: 1;
				grid-row: 2/3;
}
@media (max-width: 1000px) {
				.cc-nb-text-container {
								grid-column: unset !important;
								grid-row: unset !important;
				}
}
.cc-nb-okagree {
				background: none !important;
				border: none !important;
				color: #FFFFFF !important;
}
.cc-nb-okagree:hover {
				background: #3B3B3B !important;
				color: #FFFFFF !important;
}
.cc-nb-reject {
				background: none !important;
				border: none !important;
				color: #FFFFFF !important;
				opacity: 40% !important;
}
.cc-nb-changep {
				color: rgba(255, 255, 255, 0.2) !important;
				background: none !important;
}
.cc-nb-buttons-container {
				-ms-grid-column: 2;
				-ms-grid-column-span: 1;
				grid-column: 2/3;
				-ms-grid-row: 1;
				-ms-grid-row-span: 2;
				grid-row: 1/3;
				display: -webkit-box !important;
				display: -ms-flexbox !important;
				display: flex !important;
				-webkit-box-orient: horizontal !important;
				-webkit-box-direction: normal !important;
				    -ms-flex-direction: row !important;
				        flex-direction: row !important;
				-webkit-box-pack: end !important;
				    -ms-flex-pack: end !important;
				        justify-content: flex-end !important;
				-webkit-box-align: center !important;
				    -ms-flex-align: center !important;
				        align-items: center !important;
				height: 100% !important;
}
@media (max-width: 1000px) {
				.cc-nb-buttons-container {
								grid-column: unset !important;
								grid-row: unset !important;
								-webkit-box-orient: vertical !important;
								-webkit-box-direction: reverse !important;
								    -ms-flex-direction: column-reverse !important;
								        flex-direction: column-reverse !important;
				}
}
.cc-nb-buttons-container button {
				text-transform: uppercase !important;
				letter-spacing: 0.075em !important;
				font-size: 10px !important;
				outline: none !important;
				-ms-flex-item-align: end !important;
				    align-self: flex-end !important;
				padding: 10px 20px !important;
}
@media (max-width: 1000px) {
				.cc-nb-buttons-container button {
								width: 100% !important;
				}
}

.cc-cp-foot-save {
				background: #3B3B3B !important;
}
.cc-cp-foot-save:focus {
				outline: none !important;
				border: none !important;
}

form, input, label, textarea {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
}

#contact-form input, #contact-form textarea {
				color: #777D65;
}
#contact-form input::-webkit-input-placeholder, #contact-form textarea::-webkit-input-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input::-moz-placeholder, #contact-form textarea::-moz-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input:-ms-input-placeholder, #contact-form textarea:-ms-input-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input::-ms-input-placeholder, #contact-form textarea::-ms-input-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input::placeholder, #contact-form textarea::placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input::-moz-placeholder, #contact-form textarea::-moz-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form input::-webkit-input-placeholder, #contact-form textarea::-webkit-input-placeholder {
				color: rgba(119, 125, 101, 0.6);
}
#contact-form button {
				width: 100%;
}
#contact-form .policyinput:checked + label:after {
				content: "";
				background: #777D65;
				border: 0.5px solid #777D65;
				position: absolute;
				top: 5px;
				left: -25px;
				width: 15px;
				height: 15px;
}
#contact-form .checkbox:before {
				content: "";
				position: absolute;
				width: 15px;
				height: 15px;
				border: 0.5px solid #777D65;
				left: -25px;
				top: 5px;
}

#project-form input::-webkit-input-placeholder, .projectdialog input::-webkit-input-placeholder {
				color: rgba(239, 230, 195, 0.6);
}

#project-form input::-moz-placeholder, .projectdialog input::-moz-placeholder {
				color: rgba(239, 230, 195, 0.6);
}

#project-form input:-ms-input-placeholder, .projectdialog input:-ms-input-placeholder {
				color: rgba(239, 230, 195, 0.6);
}

#project-form input::-ms-input-placeholder, .projectdialog input::-ms-input-placeholder {
				color: rgba(239, 230, 195, 0.6);
}

#project-form input::placeholder, .projectdialog input::placeholder {
				color: rgba(239, 230, 195, 0.6);
}
#project-form input::-moz-placeholder, .projectdialog input::-moz-placeholder {
				color: rgba(239, 230, 195, 0.6);
}
#project-form input::-webkit-input-placeholder, .projectdialog input::-webkit-input-placeholder {
				color: rgba(239, 230, 195, 0.6);
}
#project-form button, .projectdialog button {
				border: 1px solid #EFE6C3;
				width: 100%;
				padding-block: 0.9375rem;
				text-transform: uppercase;
}
#project-form .policyinput:checked + label:after, .projectdialog .policyinput:checked + label:after {
				content: "";
				background: #EFE6C3;
				border: 0.5px solid #EFE6C3;
				position: absolute;
				top: 5px;
				left: -25px;
				width: 15px;
				height: 15px;
}
#project-form .checkbox:before, .projectdialog .checkbox:before {
				content: "";
				position: absolute;
				width: 15px;
				height: 15px;
				border: 0.5px solid #EFE6C3;
				left: -25px;
				top: 5px;
}

#newsletter-form .form-group .group-input {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
}
#newsletter-form button {
				-ms-flex-item-align: center;
				    -ms-grid-row-align: center;
				    align-self: center;
				padding: 0;
}
#newsletter-form input::-webkit-input-placeholder {
				color: #EFE6C3;
}
#newsletter-form input::-moz-placeholder {
				color: #EFE6C3;
}
#newsletter-form input:-ms-input-placeholder {
				color: #EFE6C3;
}
#newsletter-form input::-ms-input-placeholder {
				color: #EFE6C3;
}
#newsletter-form input::placeholder {
				color: #EFE6C3;
}
#newsletter-form input::-moz-placeholder {
				color: #EFE6C3;
}
#newsletter-form input::-webkit-input-placeholder {
				color: #EFE6C3;
}

form {
				list-style-type: none;
				margin: 0;
				padding: 0;
				width: 100%;
}
form .error {
				color: crimson;
}
form .error::-webkit-input-placeholder {
				color: crimson;
}
form .error::-moz-placeholder {
				color: crimson;
}
form .error:-ms-input-placeholder {
				color: crimson;
}
form .error::-ms-input-placeholder {
				color: crimson;
}
form .error::placeholder {
				color: crimson;
}
form .error + label {
				color: crimson;
				font-weight: bold;
}
form .error + label a {
				color: crimson !important;
}
form .error a {
				color: crimson;
}
form .error .checkbox:before {
				border: 0.5px solid crimson;
}
form .form-grid {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 30px 1fr;
				grid-template-columns: repeat(2, 1fr);
				gap: 30px;
}
form .form-grid .form-group {
				-ms-grid-column-span: 1;
				grid-column: span 1;
}
form .form-grid .form-group.w-full {
				-ms-grid-column-span: 2;
				grid-column: span 2;
}

.form-group {
				border-bottom: 1px solid #c8c8c8;
				margin-top: -1px;
				position: relative;
}
.form-group.yellow {
				border-bottom: 1px solid #EFE6C3;
}
.form-group.darkgreen {
				border-bottom: 1px solid #777D65;
}
.form-group.policy {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 10px;
				margin: 0;
				line-height: 2;
				padding-block: 20px;
}
.form-group.policy a {
				text-decoration: underline;
}

.noline {
				border-bottom: none;
				margin-top: 0;
}

label, input {
				-webkit-transition: color 0.4s ease, background-color 0.1s ease-in-out;
				transition: color 0.4s ease, background-color 0.1s ease-in-out;
}

label {
				color: #3B3B3B;
				position: absolute;
				top: 10px;
				left: 10px;
}

input, textarea {
				font-family: "roc-grotesk", sans-serif;
				background-color: transparent;
				border: none;
				color: #EFE6C3;
				font-size: clamp(0.75rem, 0.21vw + 0.71rem, 0.94rem);
				margin: 9px 0 7px 0;
				margin: 0;
				padding: 10px 0 10px 0;
				outline: none;
				width: 100%;
}
input.error, textarea.error {
				padding: 10px 0 2em 0;
}

.error-text {
				position: absolute;
				bottom: 10px;
				left: 0;
				margin: 0;
				font-size: clamp(0.63rem, 0.14vw + 0.6rem, 0.75rem);
				letter-spacing: 0.03em;
				text-transform: uppercase;
				color: crimson;
}
.error-text.error-policy {
				position: relative;
				bottom: 0;
				left: 0;
}

.policyinput {
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border: none;
				display: inline-block;
				width: 0;
				height: 0;
				position: absolute;
				left: -99999999px;
}
.policyinput:checked + label:after {
				content: "";
				background: #3B3B3B;
				border: 0.5px solid #3B3B3B;
				position: absolute;
				top: 10px;
				left: -25px;
				width: 15px;
				height: 15px;
}

.checkbox {
				position: relative;
				margin-left: 20px;
}
.checkbox:before {
				content: "";
				position: absolute;
				width: 15px;
				height: 15px;
				border: 0.5px solid #3B3B3B;
				left: -25px;
				top: 10px;
}
.checkbox a {
				text-decoration: underline;
}

.label--required:after {
				content: "*";
				color: crimson;
				margin-left: 5px;
}

.uniform__potty {
				position: absolute;
				top: -9999px;
				left: 0;
}

.fancybox__content {
				padding: 5rem !important;
}
.fancybox__content .carousel__button.is-close {
				top: 0 !important;
				right: 0;
}
.fancybox__content .carousel__button.is-close svg {
				color: #3B3B3B;
				-webkit-filter: none;
				        filter: none;
				width: 1.25rem;
				height: 1.25rem;
}

.btnwrap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 10px;
}

.btn {
				text-decoration: none;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-ms-flex-item-align: start;
				    align-self: flex-start;
				cursor: pointer;
				font-family: "roc-grotesk", sans-serif;
				background-color: none;
				background: none;
				border: none;
				position: relative;
				gap: 1.25rem;
}
.btn:hover {
				opacity: 0.6;
}
.btn.text-white:before {
				background: #FFFFFF;
}
.btn.text-white:after {
				border-bottom: 1.5px solid #FFFFFF;
				border-right: 1.5px solid #FFFFFF;
}
.btn.text-yellow:before {
				background: #EFE6C3;
}
.btn.text-yellow:after {
				border-bottom: 1.5px solid #EFE6C3;
				border-right: 1.5px solid #EFE6C3;
}
.btn.square {
				border: 1px solid #777D65;
				padding-block: 1.25rem;
				padding-inline: 1.5625rem;
				text-transform: uppercase;
				font-size: clamp(0.75rem, 0.21vw + 0.71rem, 0.94rem);
}
.btn.square.text-yellow {
				border: 1px solid #EFE6C3;
}
.btn.square:before, .btn.square:after {
				display: none;
}
.btn:before {
				content: "";
				position: absolute;
				top: calc(50% - 2.5px);
				right: 0;
				height: 15px;
				width: 1.5px;
				background: #777D65;
				-webkit-transform: translate(0, -50%) rotate(-45deg);
				        transform: translate(0, -50%) rotate(-45deg);
				-webkit-transform-origin: bottom right;
				        transform-origin: bottom right;
}
.btn:after {
				content: "";
				display: block;
				width: 10px;
				height: 10px;
				border-bottom: 1.5px solid #777D65;
				border-right: 1.5px solid #777D65;
}

.swiper-buttons-wrapper {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
}

.swiper-buttons-prev, .swiper-buttons-next {
				position: relative;
				cursor: pointer;
				padding: 1rem 0;
}
.swiper-buttons-prev span, .swiper-buttons-next span {
				position: relative;
				display: block;
				width: 2.5rem;
				height: 1px;
				background: #3B3B3B;
				margin: 2px 0 0 2rem;
}
.swiper-buttons-prev span:before, .swiper-buttons-prev span:after, .swiper-buttons-next span:before, .swiper-buttons-next span:after {
				content: "";
				width: 4px;
				height: 1px;
				background: #3B3B3B;
				position: absolute;
				-webkit-transform-origin: right;
				        transform-origin: right;
				top: 0;
				right: 0;
}
.swiper-buttons-prev span:before, .swiper-buttons-next span:before {
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
}
.swiper-buttons-prev span:after, .swiper-buttons-next span:after {
				-webkit-transform: rotate(-45deg);
				        transform: rotate(-45deg);
}

.swiper-buttons-prev span {
				-webkit-transform: rotate(180deg);
				        transform: rotate(180deg);
}

.accordion {
				padding-block: 1.875rem;
				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
}
.accordion[open] .accordion-summary:before {
				display: none;
}
.accordion[open] + .accordion-body {
				max-height: 500px;
				-webkit-transition: max-height 0.6s ease;
				transition: max-height 0.6s ease;
}
.accordion-summary {
				list-style: none;
				list-style-type: none;
				cursor: pointer;
				position: relative;
				padding-right: 1.25rem;
}
.accordion-summary::-webkit-details-marker {
				display: none;
}
.accordion-summary:after {
				content: "";
				display: block;
				width: 15px;
				height: 1px;
				background: #EFE6C3;
				position: absolute;
				top: 50%;
				right: 0;
				-webkit-transform: translate(0, -50%);
				        transform: translate(0, -50%);
}
.accordion-summary:before {
				content: "";
				display: block;
				width: 1px;
				height: 15px;
				background: #EFE6C3;
				position: absolute;
				top: 50%;
				right: 7px;
				-webkit-transform: translate(0, -50%);
				        transform: translate(0, -50%);
}
.accordion-body {
				max-height: 0;
				overflow: hidden;
				-webkit-transition: max-height 0.4s ease;
				transition: max-height 0.4s ease;
}
.accordion-body:not(.accordion-body:last-of-type) {
				border-bottom: 1px solid rgba(183, 183, 183, 0.5);
}
.accordion-body:not(.accordion-body:last-of-type) p {
				margin-bottom: 0.625rem;
}

.card {
				font-family: "roc-grotesk", sans-serif;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				gap: 1.5625rem;
				padding-bottom: 3.125rem;
}
.card a {
				position: relative;
				-webkit-transition: all 0.4se ase;
				transition: all 0.4se ase;
}
.card a:hover .card-thumbnail img {
				-webkit-transform: scale(1.02);
				        transform: scale(1.02);
}
.card-thumbnail {
				position: relative;
				-webkit-transition: all 0.4se ase;
				transition: all 0.4se ase;
}
.card-thumbnail img {
				-webkit-transition: all 0.4se ase;
				transition: all 0.4se ase;
}
.card-thumbnail-labels {
				position: absolute;
				inset: 0.9375rem 0.9375rem auto;
				z-index: 2;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				gap: 0.625rem;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
}
.card-thumbnail-label {
				padding-inline: 0.625rem;
				padding-block: 0.3125rem;
				letter-spacing: 0.075em;
}
.card-text {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding-right: 0.9375rem;
}

.custom-select {
				position: relative;
				display: inline-block;
}
.custom-select.opened .custom-select-trigger:after {
				margin-top: 3px;
				-webkit-transform: rotate(-135deg) translateY(-50%);
				        transform: rotate(-135deg) translateY(-50%);
}
.custom-select.opened .custom-options {
				opacity: 1;
				visibility: visible;
				pointer-events: all;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
}
.custom-select-wrapper {
				position: relative;
				display: inline-block;
				-webkit-user-select: none;
				   -moz-user-select: none;
				    -ms-user-select: none;
				        user-select: none;
}
.custom-select-wrapper select {
				display: none;
}
.custom-select-trigger {
				position: relative;
				display: block;
				width: -webkit-fit-content;
				width: -moz-fit-content;
				width: fit-content;
				padding-inline: 1.875rem;
				font-size: clamp(0.88rem, 0.28vw + 0.82rem, 1.13rem);
				font-weight: 400;
				color: #777D65;
				background: none;
				cursor: pointer;
				font-family: "roc-grotesk", sans-serif;
}
.custom-select-trigger:after {
				position: absolute;
				display: block;
				content: "";
				width: 6px;
				height: 6px;
				top: 50%;
				right: 0;
				margin-top: -3px;
				border-bottom: 1px solid #777D65;
				border-right: 1px solid #777D65;
				-webkit-transform: rotate(45deg) translateY(-50%);
				        transform: rotate(45deg) translateY(-50%);
				-webkit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
				-webkit-transform-origin: 50% 0;
				        transform-origin: 50% 0;
}

.custom-options {
				position: absolute;
				display: block;
				top: 100%;
				right: 0;
				width: -webkit-max-content;
				width: -moz-max-content;
				width: max-content;
				margin: 15px 0;
				border: 1px solid #b5b5b5;
				border-radius: 4px;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
				        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
				background: #fff;
				-webkit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
				z-index: 5;
				opacity: 0;
				visibility: hidden;
				pointer-events: none;
				-webkit-transform: translateY(-15px);
				        transform: translateY(-15px);
}
.custom-options:before {
				position: absolute;
				display: block;
				content: "";
				bottom: 100%;
				right: 25px;
				width: 7px;
				height: 7px;
				margin-bottom: -4px;
				border-top: 1px solid #b5b5b5;
				border-left: 1px solid #b5b5b5;
				background: #fff;
				-webkit-transform: rotate(45deg);
				        transform: rotate(45deg);
				-webkit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
}

.option-hover:before {
				background: #f9f9f9;
}

.custom-option {
				position: relative;
				display: block;
				padding: 0 22px;
				border-bottom: 1px solid #b5b5b5;
				color: #777D65;
				padding-block: 0.625rem;
				cursor: pointer;
				-webkit-transition: all 0.4s ease-in-out;
				transition: all 0.4s ease-in-out;
				width: 100%;
}
.custom-option:first-of-type {
				border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
				border-bottom: 0;
				border-radius: 0 0 4px 4px;
}
.custom-option:hover, .custom-option.selection {
				background: #f9f9f9;
}

.dialog {
				padding-inline: 3.125rem;
				padding-block: 3.125rem;
}
.dialog h2 {
				padding-bottom: 3.125rem;
}

.languageselector {
				max-width: 40.625rem;
				width: 100%;
}
.languageselector-list {
				padding-top: 3.125rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 1.5625rem;
}
@media (max-width: 1000px) {
				.languageselector-list {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
.languageselector-item a {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				gap: 0.625rem;
				color: #3B3B3B;
				text-decoration: none;
}
.languageselector-item svg {
				display: block;
				max-width: 0.9375rem;
				width: 100%;
}
.languageselector-item svg .cls-1, .languageselector-item svg .cls-2, .languageselector-item svg .cls-3 {
				opacity: 1;
}

/* =============BLOCKS==================== */
.b-banner {
				--minh: 760px;
				min-height: var(--minh);
				position: relative;
}
.b-banner:not(.b-banner.smaller) {
				height: 100svh;
}
.b-banner.project h1 {
				white-space: initial;
}
.b-banner.smaller .swiper {
				height: calc(100svh - 6.25rem);
				min-height: calc(var(--minh) - 6.25rem);
}
@media (max-width: 1000px) {
				.b-banner.smaller .swiper {
								height: calc(100svh - 10rem);
				}
}
.b-banner.smaller .b-banner-content {
				height: calc(100svh - 6.25rem);
				min-height: calc(var(--minh) - 6.25rem);
}
@media (max-width: 1000px) {
				.b-banner.smaller .b-banner-content {
								height: calc(100svh - 10rem);
				}
}
.b-banner.smaller .b-banner-content-inner {
				padding-left: 8.75rem;
}
@media (max-width: 1350px) {
				.b-banner.smaller .b-banner-content-inner {
								padding-left: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-banner.smaller .b-banner-content-inner {
								padding-left: 1.5625rem;
				}
}
.b-banner .swiper {
				position: relative;
}
.b-banner .swiper-slide {
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
}
.b-banner .swiper:before {
				content: "";
				display: block;
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				background: rgba(119, 125, 101, 0.35);
				z-index: 2;
				mix-blend-mode: multiply;
}
.b-banner-content {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				z-index: 2;
}
.b-banner-content-inner {
				padding-inline: 4.375rem;
				padding-block: 4.375rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				height: 100%;
}
@media (max-width: 1000px) {
				.b-banner-content-inner {
								padding-block: 1.5625rem;
				}
}
@media (max-width: 650px) {
				.b-banner-content-inner {
								padding-inline: 1.5625rem;
								padding-block: 1.5625rem;
				}
}
.b-banner-content-inner h1 {
				white-space: pre-wrap;
				word-break: normal;
				width: 50%;
}
@media (max-width: 1000px) {
				.b-banner-content-inner h1 {
								width: 100%;
				}
}
.b-banner-content-text {
				padding-top: 3.125rem;
				width: 50%;
}
@media (max-width: 1000px) {
				.b-banner-content-text {
								width: 100%;
				}
}
.b-banner-contact {
				margin-top: 5rem;
				border-top: 1px solid rgba(255, 255, 255, 0.5);
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				gap: 3.75rem;
}
@media (max-width: 1000px) {
				.b-banner-contact {
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								gap: 0.625rem;
								padding-top: 1.5625rem;
				}
}
.b-banner-contact-group {
				margin: 0;
				padding: 3.125rem 0 0 0;
				width: 100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 3.75rem;
}
@media (max-width: 1000px) {
				.b-banner-contact-group {
								width: auto;
								gap: 1.5625rem;
								padding: 0 0 0 0;
								-ms-flex-wrap: wrap;
								    flex-wrap: wrap;
				}
}
@media (max-width: 650px) {
				.b-banner-contact-group {
								gap: 0.9375rem;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
				}
}
.b-banner-contact-group.socials {
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
}
.b-banner-contact-group li {
				list-style: none;
}
.b-banner-contact-group li a {
				text-decoration: none;
}
.b-banner-contactbar {
				position: relative;
				width: 100%;
}
.b-banner-contactbar ul {
				margin: 0;
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding-inline: 8.75rem;
				padding-block: 1.25rem;
}
@media (max-width: 1350px) {
				.b-banner-contactbar ul {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-banner-contactbar ul {
								padding-block: 3.125rem;
				}
}
@media (max-width: 650px) {
				.b-banner-contactbar ul {
								padding-inline: 1.5625rem;
				}
}
.b-banner-contactbar ul li {
				list-style: none;
				padding: 0;
}
.b-banner-contactbar ul li.logo {
				width: 3.75rem;
}
.b-banner-contactbar ul li.logo svg {
				display: block;
				width: 100%;
				height: 100%;
}
.b-banner-contactbar ul li.logo svg path {
				fill: #EFE6C3;
}
.b-banner-contactbar ul li ul {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: unset;
				    -ms-flex-pack: unset;
				        justify-content: unset;
				-webkit-box-align: unset;
				    -ms-flex-align: unset;
				        align-items: unset;
				padding: 0;
}
.b-banner-contactbar ul li ul li a {
				text-decoration: none;
}

.b-accordions {
				padding-block: 9.375rem;
				padding-inline: 7.5rem;
				margin-inline: 8.75rem;
}
@media (max-width: 1350px) {
				.b-accordions {
								margin-inline: 4.375rem;
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-accordions {
								margin-inline: 0;
								padding-inline: 4.375rem;
								padding-block: 6.25rem;
				}
}
@media (max-width: 650px) {
				.b-accordions {
								padding-inline: 1.5625rem;
								padding-block: 3.125rem;
				}
}
.b-accordions.fs {
				margin-inline: 0;
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
}
@media (max-width: 1350px) {
				.b-accordions.fs {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-accordions.fs {
								padding-inline: 1.5625rem;
				}
}
.b-accordions-title h2 {
				white-space: pre-wrap;
				word-break: normal;
				width: clamp(6.25rem, 49.72vw + -3.69rem, 50rem);
				padding-bottom: 6.25rem;
}
@media (max-width: 1000px) {
				.b-accordions-title h2 {
								padding-bottom: 3.125rem;
								width: 100%;
				}
}
.b-accordions-column {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: (1fr)[2];
				grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1000px) {
				.b-accordions-column {
								-ms-grid-columns: 1fr;
								grid-template-columns: repeat(1, 1fr);
								gap: 3.125rem;
				}
}
.b-accordions-column h2 {
				opacity: 0.5;
}
.b-accordions-content {
				padding-top: 2.0625rem;
}
.b-accordions-content h2 {
				padding-bottom: 1.25rem;
}
.b-accordions-content .btnwrap {
				padding-top: 3.125rem;
}
.b-accordions-text {
				padding-right: 4.375rem;
}
@media (max-width: 1000px) {
				.b-accordions-text {
								padding-right: 0;
				}
}
.b-accordions-text h2 {
				opacity: 1;
				font-weight: 500;
				font-size: clamp(1.56rem, 1.07vw + 1.35rem, 2.5rem);
}
.b-accordions-list .btnwrap {
				scroll-behavior: smooth;
				border-top: 1px solid rgba(183, 183, 183, 0.5);
				padding-top: 6.25rem;
				width: 100%;
}
.b-accordions-list .btnwrap a {
				width: 100%;
}

.b-bigimage {
				height: 39.375rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				background-size: cover;
				background-position: center;
				margin-inline: 8.75rem;
				position: relative;
}
@media (max-width: 1350px) {
				.b-bigimage {
								margin-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-bigimage {
								margin-inline: 0;
				}
}
.b-bigimage:before {
				content: "";
				display: block;
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				background: rgba(119, 125, 101, 0.4);
				z-index: 2;
				mix-blend-mode: multiply;
}
.b-bigimage-title, .b-bigimage-text, .b-bigimage-klant {
				position: relative;
				z-index: 3;
}
.b-bigimage-title {
				padding-bottom: 6.25rem;
}
.b-bigimage-klant {
				padding-top: 1.5625rem;
}

.b-numbers {
				margin-inline: 8.75rem;
				padding-block: 3.125rem;
}
@media (max-width: 1350px) {
				.b-numbers {
								margin-inline: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-numbers {
								margin-inline: 1.5625rem;
				}
}
.b-numbers-item {
				padding-inline: 7.5rem;
				padding-block: 2.5rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 3.125rem;
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
}
@media (max-width: 1000px) {
				.b-numbers-item {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
				}
}
@media (max-width: 650px) {
				.b-numbers-item {
								padding-inline: 1.5625rem;
				}
}
.b-numbers-item:not(.b-numbers-item:last-of-type) {
				border-bottom: 1px solid rgba(183, 183, 183, 0.5);
}
.b-numbers-item:nth-of-type(3n) {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: row-reverse;
				        flex-direction: row-reverse;
}
@media (max-width: 1000px) {
				.b-numbers-item:nth-of-type(3n) {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
.b-numbers-item:nth-of-type(odd) {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.b-numbers-item-integer {
				line-height: 1;
}
.b-numbers-item-string {
				white-space: pre-wrap;
				word-break: normal;
				width: clamp(6.25rem, 21.31vw + 1.99rem, 25rem);
}
@media (max-width: 1000px) {
				.b-numbers-item-string {
								width: 100%;
								text-align: center;
				}
}

.b-newsletter {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 8.75rem 1fr;
				grid-template-columns: repeat(2, 1fr);
				gap: 8.75rem;
				margin-inline: 8.75rem;
				padding-inline: 7.5rem;
				padding-block: 7.5rem;
}
.b-newsletter-content {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
}
.b-newsletter-content h2 {
				opacity: 0.5;
				margin-bottom: 1.25rem;
}
.b-newsletter-content-title {
				margin-bottom: 6.25rem;
}
.b-newsletter-content-text {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
}
.b-newsletter-images {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 1.25rem 1fr;
				grid-template-columns: repeat(2, 1fr);
				gap: 1.25rem;
}

.b-news {
				padding-inline: 8.75rem;
}
.b-news-header {
				width: calc(50% + 8.75rem);
				padding-bottom: 6.25rem;
}
.b-news-header-text {
				padding-top: 3.125rem;
}
.b-news-list {
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 0.625rem 1fr 0.625rem 1fr;
				grid-template-columns: repeat(3, 1fr);
				gap: 0.625rem;
}

.b-projects-header {
				padding-inline: 8.75rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: end;
				    -ms-flex-align: end;
				        align-items: flex-end;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
}
@media (max-width: 1350px) {
				.b-projects-header {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-projects-header {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								-webkit-box-align: start;
								    -ms-flex-align: start;
								        align-items: flex-start;
								gap: 3.125rem;
				}
}
@media (max-width: 650px) {
				.b-projects-header {
								padding-inline: 1.5625rem;
				}
}
.b-projects-header h1 {
				width: 50%;
}
@media (max-width: 1000px) {
				.b-projects-header h1 {
								width: 100%;
				}
}
.b-projects-list {
				padding-top: 6.25rem;
				margin-inline: 8.75rem;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 0.625rem 1fr 0.625rem 1fr;
				grid-template-columns: repeat(3, 1fr);
				gap: 0.625rem;
}
@media (max-width: 1350px) {
				.b-projects-list {
								margin-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-projects-list {
								-ms-grid-columns: (1fr)[2];
								grid-template-columns: repeat(2, 1fr);
				}
}
@media (max-width: 650px) {
				.b-projects-list {
								margin-inline: 1.5625rem;
								-ms-grid-columns: (1fr)[1];
								grid-template-columns: repeat(1, 1fr);
				}
}
.b-projects-filter {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin-inline: 8.75rem;
				margin-top: 3.125rem;
				padding-block: 3.125rem;
				border-bottom: 1px solid rgba(119, 125, 101, 0.5);
}
@media (max-width: 1350px) {
				.b-projects-filter {
								margin-inline: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-projects-filter {
								margin-top: 0;
								margin-inline: 1.5625rem;
								gap: 0.625rem;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
.b-projects-filter-label {
				width: 50%;
}
@media (max-width: 650px) {
				.b-projects-filter-label {
								width: 100%;
				}
}
.b-projects-filter form {
				width: 50%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
}
@media (max-width: 650px) {
				.b-projects-filter form {
								width: 100%;
				}
}

.b-content {
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 8.75rem;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
@media (max-width: 1350px) {
				.b-content {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-content {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
@media (max-width: 650px) {
				.b-content {
								padding-inline: 1.5625rem;
				}
}
.b-content.reverse {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: row-reverse;
				        flex-direction: row-reverse;
}
@media (max-width: 1000px) {
				.b-content.reverse {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
.b-content-body {
				width: 45%;
}
@media (max-width: 1000px) {
				.b-content-body {
								width: 100%;
				}
}
.b-content-body h2 {
				padding-bottom: 3.125rem;
}
.b-content-body.text-center .btnwrap {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.b-content-body .btnwrap {
				padding-top: 3.125rem;
}
.b-content-images {
				max-width: 55%;
				width: 100%;
				display: -ms-grid;
				display: grid;
				gap: 0.625rem;
}
@media (max-width: 1000px) {
				.b-content-images {
								max-width: 100%;
				}
}
.b-content-images.double {
				-ms-grid-columns: (1fr)[2];
				grid-template-columns: repeat(2, 1fr);
}
.b-content-images.single {
				-ms-grid-columns: (1fr)[1];
				grid-template-columns: repeat(1, 1fr);
}

.b-steps {
				scroll-margin-top: 75px;
				scroll-behavior: smooth;
				background-color: rgba(119, 125, 101, 0.05);
				padding-inline: 8.75rem;
				margin-block: 6.25rem;
}
@media (max-width: 1350px) {
				.b-steps {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-steps {
								padding-inline: 1.5625rem;
				}
}
.b-steps-header {
				width: 50%;
				padding-block: 6.25rem;
}
@media (max-width: 1000px) {
				.b-steps-header {
								width: 100%;
								padding-block: 3.125rem;
				}
}
.b-steps-header h2 {
				padding-bottom: 1.5625rem;
}
.b-steps-item {
				border-top: 1px solid rgba(119, 125, 101, 0.5);
				padding-block: 8.75rem;
}
@media (max-width: 1000px) {
				.b-steps-item {
								padding-block: 3.125rem;
				}
}
.b-steps-item-info {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
@media (max-width: 1000px) {
				.b-steps-item-info {
								gap: 3.125rem;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
.b-steps-item-content {
				max-width: 50%;
				width: 100%;
				padding-right: 8.75rem;
}
@media (max-width: 1000px) {
				.b-steps-item-content {
								padding-right: 0;
								max-width: 100%;
				}
}
.b-steps-item-content h3 {
				padding-bottom: 3.125rem;
}
.b-steps-item-thumbnail {
				max-width: 50%;
				width: 100%;
}
@media (max-width: 1000px) {
				.b-steps-item-thumbnail {
								max-width: 100%;
				}
}

.b-projectform {
				padding-block: 8.75rem;
				padding-inline: 7.5rem;
				margin-inline: 8.75rem;
				display: -ms-grid;
				display: grid;
				-ms-grid-columns: 1fr 8.75rem 1fr;
				grid-template-columns: repeat(2, 1fr);
				gap: 8.75rem;
}
@media (max-width: 1350px) {
				.b-projectform {
								margin-inline: 4.375rem;
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-projectform {
								margin-inline: 0;
								padding-inline: 4.375rem;
								-ms-grid-columns: 1fr;
								grid-template-columns: repeat(1, 1fr);
								gap: 3.125rem;
				}
}
@media (max-width: 650px) {
				.b-projectform {
								padding-inline: 1.5625rem;
				}
}
.b-projectform-content h2 {
				padding-bottom: 3.125rem;
}

.b-units-floorplan {
				mix-blend-mode: multiply;
				padding-top: 3.125rem;
}
.b-units-list {
				padding-inline: 8.75rem;
}

.project-category {
				padding-block: 3.125rem;
}
.project-category h2 {
				padding-bottom: 3.125rem;
}
.project-category-body {
				padding-top: 3.125rem;
}
.project-table {
				overflow-x: auto;
}
.project-table-head {
				display: -ms-grid;
				display: grid;
				border-bottom: 1px solid rgba(119, 125, 101, 0.5);
				padding-block: 1.25rem;
				-ms-grid-columns: minmax(14.375rem, 1fr) minmax(9.375rem, 13.75rem) minmax(5rem, 8.125rem) minmax(8.125rem, 11.25rem) minmax(8.75rem, 15.625rem) minmax(5rem, 8.125rem) minmax(7.5rem, 8.75rem) minmax(3.75rem, 5rem);
				grid-template-columns: minmax(14.375rem, 1fr) minmax(9.375rem, 13.75rem) minmax(5rem, 8.125rem) minmax(8.125rem, 11.25rem) minmax(8.75rem, 15.625rem) minmax(5rem, 8.125rem) minmax(7.5rem, 8.75rem) minmax(3.75rem, 5rem);
}
@media (max-width: 1000px) {
				.project-table-head {
								width: 1030px;
				}
}
.project-table-head div {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.project-table-head div.pdf {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				text-align: center;
}
.project-table-head div:last-of-type {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.project-table-row {
				display: -ms-grid;
				display: grid;
				border-bottom: 1px solid rgba(119, 125, 101, 0.5);
				padding-block: 1.25rem;
				-ms-grid-columns: minmax(14.375rem, 1fr) minmax(9.375rem, 13.75rem) minmax(5rem, 8.125rem) minmax(8.125rem, 11.25rem) minmax(8.75rem, 15.625rem) minmax(5rem, 8.125rem) minmax(7.5rem, 8.75rem) minmax(3.75rem, 5rem);
				grid-template-columns: minmax(14.375rem, 1fr) minmax(9.375rem, 13.75rem) minmax(5rem, 8.125rem) minmax(8.125rem, 11.25rem) minmax(8.75rem, 15.625rem) minmax(5rem, 8.125rem) minmax(7.5rem, 8.75rem) minmax(3.75rem, 5rem);
}
@media (max-width: 1000px) {
				.project-table-row {
								width: 1030px;
				}
}
.project-table-row[data-status=Verkocht] div {
				opacity: 0.35;
				pointer-events: none;
}
.project-table-row.highlight {
				background: rgba(119, 125, 101, 0.35);
}
.project-table-row svg {
				display: block;
				width: 1.25rem;
}
.project-table-row div {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
}
.project-table-row div.pdf {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				text-align: center;
}
.project-table-row div:last-of-type {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
.project-table-row-price {
				-webkit-box-pack: start !important;
				    -ms-flex-pack: start !important;
				        justify-content: flex-start !important;
}
.project-table-row-price-inner {
				cursor: pointer;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: clamp(6.25rem, 2.84vw + 5.68rem, 8.75rem);
				-webkit-box-pack: justify !important;
				    -ms-flex-pack: justify !important;
				        justify-content: space-between !important;
				-webkit-box-align: center !important;
				    -ms-flex-align: center !important;
				        align-items: center !important;
}
.project-table-dialog {
				padding: 0;
				max-width: 40.625rem;
}

.b-unitsslide {
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
}
.b-unitsslide-header {
				width: 50%;
				padding-bottom: 3.125rem;
}
.b-unitsslide-header h2 {
				padding-bottom: 3.125rem;
}
.b-unitsslide-carousel .card {
				padding-bottom: 0;
}

.b-recentworks {
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				gap: 8.75rem;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
}
@media (max-width: 1350px) {
				.b-recentworks {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-recentworks {
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
				}
}
@media (max-width: 650px) {
				.b-recentworks {
								padding-inline: 1.5625rem;
								gap: 3.125rem;
				}
}
.b-recentworks-content {
				width: 45%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
}
@media (max-width: 1000px) {
				.b-recentworks-content {
								width: 100%;
				}
}
.b-recentworks-content h2 {
				padding-bottom: 3.125rem;
}
.b-recentworks-content-text {
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
}
@media (max-width: 1000px) {
				.b-recentworks-content .btnwrap {
								margin-top: 3.125rem;
				}
}
.b-recentworks-projects {
				max-width: 55%;
				width: 100%;
				display: -ms-grid;
				display: grid;
				gap: 0.625rem;
				-ms-grid-columns: 1fr 0.625rem 1fr;
				grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1000px) {
				.b-recentworks-projects {
								max-width: 100%;
				}
}
@media (max-width: 650px) {
				.b-recentworks-projects {
								-ms-grid-columns: (1fr)[1];
								grid-template-columns: repeat(1, 1fr);
				}
}
.b-recentworks-projects .card {
				padding-bottom: 0;
}

.b-contactform {
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
}
@media (max-width: 1350px) {
				.b-contactform {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 650px) {
				.b-contactform {
								padding-inline: 1.5625rem;
				}
}
.b-contactform h2 {
				width: 50%;
}
.b-contactform-form {
				padding-top: 6.25rem;
}

.b-interactivemap {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				background-size: contain;
				background-position: center;
				margin-inline: 8.75rem;
				position: relative;
}
@media (max-width: 1350px) {
				.b-interactivemap {
								margin-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-interactivemap {
								margin-inline: 0;
				}
}
.b-interactivemap .cls-1:hover, .b-interactivemap .cls-2:hover, .b-interactivemap .cls-3:hover, .b-interactivemap .cls-4:hover, .b-interactivemap .cls-5:hover, .b-interactivemap .cls-6:hover {
				opacity: 0.7;
				fill: #777D65;
				cursor: pointer;
}
.b-interactivemap-svg {
				position: absolute;
				inset: 0;
}
.b-interactivemap-labels {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				pointer-events: none;
}
.b-interactivemap .unit-label {
				position: absolute;
				background: #777D65;
				padding: 3px 6px;
				font-size: clamp(0.63rem, 0.14vw + 0.6rem, 0.75rem);
				text-transform: uppercase;
				text-align: center;
				-webkit-transform: translate(-50%, -50%);
				        transform: translate(-50%, -50%);
				pointer-events: auto;
				cursor: pointer;
				-webkit-transition: all 0.2s ease;
				transition: all 0.2s ease;
				z-index: 2;
				min-width: 25px;
				color: #FFFFFF;
}
.b-interactivemap .unit-tooltip {
				position: absolute;
				background: #3B3B3B;
				color: #FFFFFF;
				padding-block: 0.625rem;
				padding-inline: 0.75rem;
				border-radius: 6px;
				font-size: clamp(0.75rem, 0.21vw + 0.71rem, 0.94rem);
				white-space: nowrap;
				pointer-events: none;
				z-index: 10;
				-webkit-transform: translate(-50%, -100%);
				        transform: translate(-50%, -100%);
				margin-top: -10px;
				opacity: 0;
				-webkit-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				font-weight: 400;
}
.b-interactivemap .unit-tooltip.show {
				opacity: 1;
}

.b-maps {
				padding-inline: 8.75rem;
				padding-block: 6.25rem;
}
@media (max-width: 1350px) {
				.b-maps {
								padding-inline: 4.375rem;
				}
}
@media (max-width: 1000px) {
				.b-maps {
								padding-inline: 0;
				}
}

/* =============PAGES==================== */