/* 
Theme Name: The Brandery
Theme URI: 
Description: A 2024 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.0 
Tags:

General comments (optional).

*/
/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */



/* #Site Styles
================================================== */
:root {
	--width-base-xl: 1340px;
	--width-base: 1242px;
	--font-base: 18px;
	--font-small: 14px;
	--line-height: 1.45;
	--font-family-base: 'MrEavesXLModOT';
	--font-family-heading: 'Amandine';
	--font-family-kannada: 'Kannada MN', sans-serif;
	--font-family-text: 'Montserrat', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--font-family-mreaves: 'MrEavesModOT', sans-serif;
	--font-family-mreaves-book: 'MrEavesModOTBook', sans-serif;
	--black: #000;
	--black-100: #251E18;
	--white: #fff;
	--white-100: #f7f2ef;
	--color-primary: #251e18;
	--color-secondary: #34231b;
	--brown: #85674f;
	--brown-300: #c2b2a6;
	--brown-400: #5e4433;
	--gary: #707070;
	--lime-green: #ccffd9;
	--soft-orange: #f5d47b;
	--soft-red: #c36764;
	--width: 100%;
	--height: 100%;
	--font-size-h1: 70px;
	--font-size-h2: 50px;
	--font-size-h3: 40px;
	--font-size-h4: 32px;
	--font-size-heading: 120px;
	--font-weight-300: 300;
	--font-weight-400: 400;
	--font-weight-500: 500;
	--font-weight-600: 600;
	--font-weight-700: 700;
	--text-decoration: none;
	--transition: all 0.25s ease-in-out;
	--border-radius: 20px 0 20px 20px;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: 16px; font-weight: var(--font-weight-400); line-height: 1.4; color: var(--color-primary); }
body { background: var(--white); }
body.scroll-hidden { overflow: hidden; }
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=password],
select,
textarea { padding: 9px 0 15px; width: var(--width); font-family: var(--font-family-base); font-size: 16px; border: none; border-bottom: 1px solid var(--color-primary); background-color: transparent; }
input::placeholder,
textarea::placeholder { color: var(--black-100); }
textarea { padding: 20px; height: 131px; border: 1px solid var(--color-primary); border-radius: 20px 0 20px 20px; resize: none; }
textarea::placeholder { color: rgba(37, 30, 24, 0.5); }
.custom-select { background: url('images/select-arrow.svg') no-repeat center right 20px; background-size: 20px 12px; appearance: none; cursor: pointer; }
img { display: block; max-width: var(--width); outline: 0; height: auto; }
ul,
li { margin: 0; padding: 0; list-style: none; }
:focus { outline: none; }
p { margin-bottom: 10px; }
a { display: inline-block; transition: var(--transition); }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: var(--font-family-heading); font-weight: var(--font-weight-400); line-height: 1.26; color: var(--black-100); }
h1 { font-size: 40px; }
h2 { font-size: 40px; }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: 26px; }

#anker_menu{ background-color: #ffffff; }
#anker_menu.sticky{ position: fixed; left:0; top: 67px; z-index: 100; width: 100%; }  





.gform_required_legend{ display:none; }
fieldset{ border:none; position: relative; }
.gform_fields{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.gfield--width-half{ width: 48%; margin-bottom: 45px;}
.gfield--width-full{ width: 100%; margin-bottom: 45px; }
.gfield_label{ display: none; }
fieldset.gfield--input-type-checkbox .gfield_label{ display: block; }
.gfield_radio, .gfield_checkbox{ display: block; }
.ginput_container_radio .gfield_radio .gchoice { padding-right: 30px; margin-bottom: 10px; }
.ginput_container_checkbox .gfield_checkbox .gchoice { padding-right: 30px; margin-bottom: 10px; }

.js-split .line0 .word:nth-child(1){font-family: var(--font-family-heading); font-size: 20px;}
.js-split .line0 .word:nth-child(3){font-family: var(--font-family-heading); font-size: 20px;}
.js-split .line0 .word:nth-child(5){font-family: var(--font-family-heading); font-size: 20px;}

.js-split1 .line0 .word:nth-child(1){font-family: var(--font-family-heading); font-size: 20px;}
.js-split1 .line0 .word:nth-child(3){font-family: var(--font-family-heading); font-size: 20px;}

.gfield_select { -webkit-appearance: none; -moz-appearance: none; background-image: url('images/dd_pijl.png'); background-position: 99% center; background-repeat: no-repeat; background-size: 42px auto; }


.gfield input[type="radio"] {
  opacity: 0;
  position: relative;
  z-index: 11;
}
.gfield_radio > div label {
  position: relative;
  padding-left: 16px;
  cursor: pointer;
}
.gfield_radio > div label::after {
  border: 1px solid var(--color-primary);
  border-radius: 6px 0 6px 6px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -16px;
  z-index: 10;
  content: '';
}
.gfield_radio > div input[type="radio"]:checked + label::after{
  background-color: var(--color-primary);
}

.gfield input[type="checkbox"] {
  opacity: 0;
  position: relative;
  z-index: 11;
}
.gfield_checkbox > div label {
  position: relative;
  padding-left: 16px;
  cursor: pointer;
}
.gfield_checkbox > div label::after {
  border: 1px solid var(--color-primary);
  border-radius: 6px 0 6px 6px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -16px;
  z-index: 10;
  content: '';
}
.gfield_checkbox > div input[type="checkbox"]:checked + label::after{
  background-color: var(--color-primary);
}

.ginput_container_consent{ padding-left: 32px; }
.ginput_container_consent input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: 11;
}
.ginput_container_consent label {
  position: relative;
  cursor: pointer;
}
.ginput_container_consent label::after {
  border: 1px solid var(--color-primary);
  border-radius: 6px 0 6px 6px;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: transparent;
  top: 0;
  left: -32px;
  z-index: 10;
  content: '';
}
.ginput_container_consent input[type="checkbox"]:checked + label::after{
  background-color: var(--color-primary);
}
.gfield_consent_label{ font-size: 14px; }

.gform_submission_error{ border:1px solid #ff0000; color: #ff0000; font-size: 14px;  font-family: var(--font-family-base); padding: 12px;  }
.gfield_validation_message{ color: #ff0000; font-size: 14px;  font-family: var(--font-family-base); font-style: italic; }

.gform_validation_container{height: 0px; overflow: hidden;}


/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: var(--width-base); }
.centered { padding-right: 10px; padding-left: 10px; }
.centered-xl { padding-right: 10px; padding-left: 10px; }
.button { padding: 7px 18px 6px 19px; display: inline-flex; align-items: center; font-family: var(--font-family-kannada); font-size: 14px; text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--white-100); border: 1px solid var(--color-primary); border-radius: 15px 0 15px 15px; background-color: var(--color-primary); transition: var(--transition); }
.button:hover { color: var(--color-secondary); border: 1px solid var(--color-primary); border-radius: 15px; background-color: transparent; cursor: pointer; }
.button.white { display: inline-block; color: var(--color-primary); border: 1px solid var(--white-100); border-radius: 15px 0 15px 15px; background-color: var(--white-100); }
.button.white:hover { color: var(--white-100); border-radius: 15px; background-color: transparent; }

.button.bg:hover{ background-color: var(--white-100); }

.anker_extra_btn{ display: flex!important; justify-content: center; align-items: center; height: 77.7px!important; }
.extra_button{ padding: 7px 18px 6px 19px!important; margin-top: 0px; display: inline-flex; align-items: center; font-family: var(--font-family-kannada); font-size: 14px; text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--white-100)!important; border: 1px solid var(--color-primary); border-radius: 15px 0 15px 15px; background-color: var(--color-primary); transition: var(--transition);}
.extra_button:hover { color: var(--color-secondary)!important; border: 1px solid var(--color-primary); border-radius: 15px; background-color: transparent; cursor: pointer; }



.outline { color: var(--white-100); border: 1px solid var(--white-100); background-color: transparent; }
.outline:hover { color: var(--color-primary); background-color: var(--white-100); }
.outline-brown:hover { color: var(--brown); border: 1px solid var(--brown); background-color: transparent; }
.link { text-decoration: var(--text-decoration); color: var(--color-primary); }
.link-outline { text-decoration: var(--text-decoration); color: var(--color-primary); }
.line-effect { position: relative; overflow: hidden; display: inline-flex; }
.line-effect:before { position: absolute;
	bottom: 0;
	left: 0;
	width: var(--width);
	height: 1px;
	background-color: var(--color-primary);
	transition: var(--transition);
	content: ''; }
.line-effect:after { position: absolute;
	bottom: 0;
	left: 0;
	width: var(--width);
	height: 1px;
	background-color: var(--color-primary);
	transform: translateX(-100%);
	transition: var(--transition);
	content: ''; }
.line-effect:hover:before { animation: link-translate 0.5s both; }
.line-effect:hover:after { animation: link-translate-1 0.5s 0.5s both; }
.link-effect { position: relative; text-decoration: var(--text-decoration); }
.link-effect:hover { text-decoration: var(--text-decoration); }
.link-effect:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.link-effect:hover:after { transform: scaleX(1); transform-origin: left; }
.sub-title { margin-bottom: 37px; padding-left: 105px; position: relative; font-size: 12px; }
.sub-title span { opacity: 0; }
.sub-title.is-active span { opacity: 1; transition: 0.6s 0.7s; }
.sub-title:before { position: absolute; top: 8px; left: 0; width: 0; height: 1px; background-color: var(--color-primary); transition: 0.6s 0.1s; content: ''; }
.sub-title.is-active:before { width: 91px; }

.anker_btn{ cursor: pointer; }


.top_bar{ position: fixed; z-index: 100; width:100%; height:90px; background-color:var(--color-primary); display: flex; flex-direction: column; padding: 10px; text-align: center; justify-content: center; gap:10px; color: #ffffff; font-size:12px; left: 0; top:0;}
.top_bar a{ color: var(--white-100);}
.top_bar a:hover{ text-decoration:none; }

#top_bar_dd{ position: relative; }
#top_bar_dd_label{ display: inline-block; text-decoration: underline; cursor: pointer; }

#top_bar_dd_keuzes{ position: absolute; left: 0;background-color: var(--color-primary); width: 100%; display: none; }
#top_bar_dd:hover #top_bar_dd_label{ text-decoration: none; }
#top_bar_dd:hover #top_bar_dd_keuzes{display: block;}
.top_bar_dd_keuze{ text-decoration: underline; cursor: pointer; }
.top_bar_dd_keuze:hover{ text-decoration: none; }
.top_bar_dd_waarde{ text-align: center; }








#popup_afdeklaag{ display: none; opacity: 0; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100vh; left:0; top:0; z-index: 100000; }
#popup_tablet{ position: relative; border-radius: 20px 0 20px 20px; overflow: hidden; background-color: var(--white); display: flex; width: 98%; max-width: 720px; box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.16); }
#popup_inhoud{ display: flex; justify-content: space-between; position: relative; flex-direction: column; align-items: center; padding: 30px; text-align: center;}
#popup_sluiten{ position: absolute; top:16px; right: 16px; width: 32px; height: 32px; color: #ffffff; background-color: #251e18; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s; border-radius: 50%; z-index: 100; }
#popup_sluiten:hover{ transform: rotate(90deg); }







/* ### wrapper ### */
#wrapper { padding-top: 50px; position: relative; display: block; width: var(--width); min-height: var(--height); overflow-x: clip; }
#wrapper.top_bar_aanwezig{ padding-top: 90px; }



/* ### main container ### */
#mainCntr { width: var(--width); }

/* ### header container ### */
#headerCntr { position: relative; top: 0; left: 0; z-index: 11; width: var(--width); transition: top 0.3s; }
#headerCntr.active { position: fixed; top: 0; left: 0; }



/* ### headerBox ### */
.headerBox { padding-top: 30px; padding-bottom: 30px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; transition: var(--transition); background-color: var(--white-100); }
.headerBox .logo { order: 1; width: 157px; }
.headerBox .nav-logo { margin-left: 3px; }
.headerBox .right { margin-top: -6px; margin-right: 43px; order: 2; }
.headerBox .button { padding: 4px 14px 3px; font-size: 12px; }
.headerBox.sticky { padding-top: 20px; padding-bottom: 20px; background-color: var(--white-100); }
.headerBox.sticky .mobileMenu { top: 3px; }

.not_home .headerBox{background-color: var(--white-100);}

/* ### menu ### */
.menu { padding: 40px 30px 20px; position: fixed; top: 0; left: -100%; z-index: 99; display: flex; flex-direction: column; justify-content: flex-start; width: var(--width); height: 100vh; background-color: var(--color-primary); overflow-y: scroll; transition: 0.6s 0.1s ease-in-out; }
.menu.is-active { left: 0; }
.menu ul > li { margin-bottom: 20px; }
.menu ul > li a { position: relative; font-family: var(--font-family-heading); font-size: 40px; line-height: normal; text-decoration: var(--text-decoration); color: var(--brown); overflow: hidden; }
.menu ul > li a span { display: block; transform: translateY(100%); transition: transform 0.6s 0.5s ease, color 0.6s; }
.menu ul > li a:hover span { color: var(--white); }
.menu ul > li a:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--white-100); transition: var(--transition); content: ''; }
.menu ul > li a:hover:after { width: 100%; }
.menu::-webkit-scrollbar { display: none; width: 0 !important; }
.menu.is-active ul > li a span { transform: translateY(0); }
.menu .mm-close { position: absolute; top: 39px; right: 41px; z-index: 5; display: inline-flex; font-size: 22px; text-decoration: var(--text-decoration); color: var(--brown); transform: rotate(-90deg); transition: 0.5s ease; }
.menu .mm-close:hover { color: var(--white-100); }
.menu.is-active .mm-close { transform: rotate(0deg); }
.menu .nav-logo { margin-bottom: 40px; }

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 15px; right: 6px; z-index: 15; width: 42px; height: 42px; transition: var(--transition); cursor: pointer; overflow: hidden; }
.mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; width: 30px; height: 1px; text-indent: -9999px; background-color: var(--gary); transition: var(--transition); }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 1px; background-color: var(--gary); transition: var(--transition); content: ''; }
.mobileMenu span:before { top: -8px; }
.mobileMenu span:after { bottom: -8px; }
.mobileMenu.active span { background: none; }
.mobileMenu.active span:before,
.mobileMenu.active span:after { background-color: var(--gary); }
.mobileMenu.active span:before { top: 0; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; transform: rotate(-45deg); }

/* ### content container ### */
#contentCntr { width: var(--width); display: flex; flex-direction: column;}

/* ### hero ### */
.hero { margin-top: -89px; padding: 109px 10px 100px; position: relative; background-color: var(--white-100); }
.hero-image { justify-content: center; }
.hero-main { margin: 0 auto; padding: 0 20px; position: relative; max-width: 510px; }
.hero-main > span { margin-top: 10px; position: relative; z-index: 2; display: block; font-family: var(--font-family-mreaves); font-size: 12px; letter-spacing: 2.2px; text-transform: uppercase; color: var(--brown-400); }
.hero-img-title-1,
.hero-img-title-2 { overflow: hidden; position: absolute; z-index: 2; font-family: var(--font-family-heading); font-size: 45px; text-align: center; transition: 1s; }
.hero-shape { position: absolute; top: -290px; left: 50%; z-index: 1; transform: translateX(-50%); pointer-events: none; display: none; }
.hero-main .swiper:after{ 
	content: '';
	background-image: url('images/hero-shape.png');
	background-repeat: no-repeat;
	background-position: -183px -293px;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0; 
  }
.hero-shape img { margin-left: 120px; width: var(--width); }
.hero .swiper { border-radius: 20px 0 20px 20px; position: relative; }
.hero-main-image { width: 100%; height: 100%; }
.hero-main-image img { width: 100%; height: 100%; transition: 25s; }
.hero .swiper-slide { position: relative; height: auto; overflow: clip; }
.hero .swiper-slide.swiper-slide-active .hero-main-image img { transform: scale(1.5); }
.hero .hero-reveal { position: absolute; top: calc((var(--index1) - 1) * 33.3%); left: 0; z-index: 10; width: 100vw; height: 34%; background: var(--color-primary); transform: translateX(0); }
.hero.is-active .hero-reveal { transform: translateX(100%); transition: 1s ease-out calc(var(--index1) * 0.2s); }
.hero-img-title-1 { top: 51px; left: 0; transform: translate(40%, 100%) scale(1.4); }
.hero-img-title-2 { right: 0; bottom: 150px; transform: translate(-10%, -100%) scale(1.4); }
.hero-img-title-1 span { display: block; transform: translateX(-100%); transition: 1s 0.9s; }
.hero-img-title-2 span { display: block; transform: translateX(-100%); transition: 1s 1s; }
.hero.is-active .hero-img-title-1 span { transform: translateX(0); }
.hero.is-active .hero-img-title-2 span { transform: translateX(0); }
.hero.is-active .hero-img-title-1 { animation: heading-slide-left 1s 2.4s ease forwards; color: #251E18; }
.hero.is-active .hero-img-title-2 { animation: heading-slide-right 1s 2.5s ease forwards; color: #251E18; }


.hero-btn-holder{ margin-top: 40px; display: flex; justify-content: center; gap:20px; }


/* ### introBox ### */
.intro { margin-bottom: 55px; padding-top: 41px; position: relative; z-index: 1; }
.intro h2 { margin-bottom: 30px; max-width: 1050px; }
.intro-content { margin-left: auto; max-width: 823px; }
.intro-content-holder { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.intro-content-left { margin-bottom: 18px; padding: 0 10px; width: var(--width); }
.intro-content-right { margin-bottom: 40px; padding: 0 10px; width: var(--width); }
.intro .button { margin-left: 10px; padding:16px 32px 16px 32px;}

/* ### video-first ### */
.video-first { padding-bottom: 21px; width: var(--width); }
.video-holder { position: relative; width: var(--width); min-height: 343px; }
.video-holder video { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); object-fit: cover; border-radius: 20px 0 20px 20px; }

/* ### history ### */
.history { margin-bottom: 60px; padding-top: 21px; position: relative; z-index: 1; background-color: var(--white-100); }
.history:after { position: absolute; bottom: 0; left: 0; z-index: -1; width: var(--width); height: 156px; background-color: var(--white); content: ''; pointer-events: none; }
.history h2 { margin-bottom: 30px; color: var(--color-primary); }
.history-block { margin-bottom: 50px; width: var(--width); }
.history-holder { margin: 0 -20px; display: flex; flex-wrap: wrap; }
.history-column { margin-bottom: 15px; padding: 0 20px; width: 100%; }
.history .link { position: relative; font-family: var(--font-family-kannada); font-size: 16px; text-transform: uppercase; color: var(--color-primary); }
.history .link:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.history .link:hover:after { transform: scaleX(1); transform-origin: left; }
.history-image { width: var(--width); border-radius: 20px 0 20px 20px; transition: 1s 0.8s; overflow: hidden; }
.history-image img { width: var(--width); transform: scale(2); transition: 2s 0.2s; }
.history-image.is-active img { transform: scale(1); }
.history-block .line-effect:after { background-color: var(--brown); }
.history-block .line-effect:before { background-color: var(--brown); }

/* ### single-image ### */
.single-image { margin-bottom: 20px; padding-top: 73px; z-index: 1; width: var(--width); }
.single-image-image { position: relative; z-index: 2; width: 0; height: 660px; border-radius: 20px 0 20px 20px; transition: 1s 0.8s; overflow: hidden; }
.single-image.is-active .single-image-image { width: var(--width); }
.single-image-image img { width: var(--width); height: var(--height); object-fit: cover; transform: scale(2); transition: 2s 0.8s; }
.single-image.is-active .single-image-image img { transform: scale(1); }
.single-image.inner { margin-top: -207px; }

/* ### breadcrumbs ### */
.breadcrumbs { margin-bottom: 41px; display: flex; }
.breadcrumbs li { position: relative; font-size: 12px; }
.breadcrumbs li a { position: relative; font-size: 12px; text-decoration: var(--text-decoration); color: var(--color-primary); }
.breadcrumbs li:after { margin: 0 10px; display: inline-block; width: 0; height: 1px; vertical-align: middle; background-color: var(--color-primary); transition: 0.6s 0.7s; content: ''; }
.breadcrumbs.is-active li:after { width: 90px; }
.breadcrumbs span { opacity: 0; }
.breadcrumbs.is-active span { opacity: 1; transition: 0.6s 1.3s; }
.breadcrumbs li:last-child:after { display: none; }


/* ### team ### */
.team { padding-top: 50px; padding-bottom: 50px; width: var(--width); }
.team-heading { margin-bottom: 59px; padding-left: 10px; display: flex; max-width: 690px; }
.team-holder { display: flex; flex-wrap: wrap; }
.team-column { margin-bottom: 30px; width: 100%; }

/* ### card-team ### */
.card-team { width: 100%; text-decoration: var(--text-decoration); }
.card-team-image { margin-bottom: 24px; position: relative; width: var(--width); height: var(--height); border-radius: 20px 0 20px 20px; overflow: hidden; }
.card-team-image:before { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; width: var(--width); height: var(--height); background-color: rgba(37, 30, 24, 0.6); transition: var(--transition); content: ''; }
.card-team-image img { width: var(--width); height: var(--height); object-fit: cover; filter: grayscale(100%); transition: var(--transition); }
.card-team-image ul { position: absolute; bottom: 60px; left: 50%; z-index: 1; display: flex; align-items: center; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: var(--transition); }
.card-team-image ul > li > a { margin-left: 15px; font-size: 22px; text-decoration: var(--text-decoration); color: var(--white); }
.card-team-image ul > li > a:hover { color: var(--brown-300); }
.card-team-image ul > li:last-of-type { padding-left: 8px; }
.card-team-image .text { font-size: 18px; }
.card-info { font-family: var(--font-family-base); font-size: var(--font-small); color: var(--color-primary); }
.card-info h4 { margin-bottom: 0; font-family: var(--font-family-mreaves); }
.card-info span { display: block; font-family: var(--font-family-mreaves-book); font-size: 14px; }
.card-team:hover .card-team-image:before { opacity: 1; visibility: visible; }
.card-team:hover .card-team-image img { transform: scale(1.03); }
.card-team:hover ul { opacity: 1; visibility: visible; }

/* ### success ### */
.success { padding-top: 70px; padding-bottom: 20px; background: var(--white-100); }
.success-holder { position: relative; }
.success-title { margin-bottom: 160px; position: relative; }
.success-title span { position: absolute; display: block; font-family: var(--font-family-heading); font-size: 40px; line-height: 1; white-space: nowrap; }
.success-title-left { top: 0; left: 0; transform: translateX(30px); }
.success-title-right { top: 50px; right: 0; transform: translateX(-30px); }
.success-caption span:before { position: absolute; top: 8px; left: -25px; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background-color: var(--black); content: ''; }
.success-caption { position: absolute; top: -300px; right: 100px; display: none; max-width: 250px; }
.success-content-left { width: var(--width); }
.success-content-image { width: var(--width); }
.success-content-image img { width: 100%; height: 100%; border-radius: 20px 0 20px 20px; }
.success-content-right { position: relative; top: -50px; z-index: 1; width: var(--width); border-radius: 20px 0 0 20px; background-color: var(--color-primary); }
.success-content-right:after { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; border-radius: 20px 0 0 20px; background-color: var(--color-primary); content: ''; }
.success-textBox { padding: 40px; color: var(--white); border-radius: 20px 0 0 20px; }
.success-textBox-wrap { max-width: 500px; }
.success-textBox-title { margin-bottom: 40px; font-family: var(--font-family-heading); font-size: 26px; color: var(--white-100); }
.success-content-right .swiper-button-prev { position: relative; color: var(--white); }
.success-content-right .swiper-button-prev:after { font-size: 16px; }
.success-content-right .swiper-button-next { position: relative; bottom: -22px; left: 40px; color: var(--white); }
.success-content-right .swiper-button-next:after { font-size: 16px; }
.success-content-right .slider__controls { margin-top: 0; padding-bottom: 40px; padding-left: 40px; position: relative; display: flex; gap: 35px; align-items: center; justify-content: left; }
.success-content-right .slider__buttons { display: flex; align-items: center; justify-content: space-between; width: 55px; }
.success .slider__button-next,
.success .slider__button-prev { line-height: 1; color: var(--white-100); cursor: pointer; transition: var(--transition); }
.slider__button-prev:hover { transform: translateX(-5px); }
.slider__button-next:hover { transform: translateX(5px); }
.success-content-right .swiper-pagination { position: unset; display: flex; }
.success-content-right .swiper-pagination-bullet { width: 15px; transition: 1s ease; }
.success-content-right .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px; border-radius: 0; }

/* ### image-block ### */
.image-block-bg { position: relative; background-color: var(--color-primary); }
.image-block { padding-top: 50px; position: relative; width: 100%; background-color: var(--white-100); }
.image-block-bg:before { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 130px; background-color: var(--color-primary); content: ''; }
.image-block ul > li:last-of-type:after { display: none; }
.image-block-heading strong { font-family: var(--font-family-heading); font-size: 20px; font-weight: var(--font-weight-400); }
.image-block-image { position: relative; z-index: 1; width: 0; height: 660px; border-radius: 20px 0 20px 20px; transition: 1s 0.8s; overflow: clip; }
.image-block.is-active .image-block-image { width: 100%; }
.image-block-image img { width: var(--width); height: var(--height); transform: scale(2.5); transition: 2s 0.8s; object-fit: cover; }
.image-block.is-active .image-block-image img { transform: scale(1); }
.image-block-bg .image-block-reveal { position: absolute; top: calc((var(--index) - 1) * 33.3%); left: 0; z-index: 10; width: 100vw; height: 34%; background: var(--color-primary); transform: translateX(0); }
.image-block-bg:has(.image-block.is-active) .image-block-reveal { transform: translateX(100%); transition: 1s ease-out calc(var(--index) * 0.2s); }

/* ### animation ### */
.image-block-heading { margin-bottom: 40px; font-family: var(--font-family-base); font-size: 20px; line-height: 1.2; overflow: hidden; }

/* ### philosophy ### */
.philosophy { padding-top: 50px; padding-bottom: 60px; position: relative; background-color: var(--color-primary); }
/*.philosophy:before { position: absolute; top: -130px; left: 0; width: 100%; height: 130px; background-color: var(--color-primary); content: ''; }*/
.philosophy-holder { margin-bottom: 40px; }
.philosophy-info { margin-bottom: 36px; padding-left: 20px; position: relative; width: var(--width); max-width: 100%; font-size: 12px; line-height: 1.4; color: var(--white-100); }
.philosophy-info:before { position: absolute; top: 4px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--brown); content: ''; }
.philosophy-content { width: 100%; color: var(--white-100); }
.philosophy-content h2 { margin-bottom: 37px; color: var(--white-100); }
.philosophy-content-wrap { display: block; gap: 20px; line-height: 1.4; }
.philosophy-btn { display: block; }
.philosophy-btn a { display: inline-block; }

/* ### philosophy-images ### */
.philosophy-images { padding-bottom: 70px; width: var(--width); background-color: var(--color-primary); }
.philosophy-images-holder { padding: 0 15px; }
.philosophy-image-column { margin-bottom: 40px; position: relative; }
.philosophy-image-column img { width: 100%; border-radius: 20px 0 20px 20px; }
.philosophy-image { margin-bottom: 10px; width: 100%; }
.philosophy-image-heading h3 { font-family: var(--font-family-base); font-size: 30px; font-weight: var(--font-weight-300); color: var(--white-100); }
.philosophy-images-link { position: absolute; bottom: 100px; left: 100px; display: none; }
.philosophy-images-link a { display: inline-block; }
.philosophy-heading-text { margin-bottom: 40px; font-family: var(--font-family-heading); font-size: 40px; color: var(--white-100); }
.philosophy-heading-last a { display: inline-block; }


/* ### invest ### */
.invest { padding-bottom: 101px; position: relative; background-color: var(--color-primary); }
.invest:before { position: absolute; top: -198px; left: 0; width: var(--width); height: 198px; background-color: var(--color-primary); content: ''; }
.invest .sub-title { color: var(--white-100); }
.invest .sub-title:before { background-color: var(--white-100); }
.invest-holder { display: block; }
.invest-info { margin-bottom: 50px; width: var(--width); }
.invest-info h2 { margin-bottom: 30px; max-width: 380px; color: var(--white-100); }
.invest-btn a { font-size: 14px; }
.invest-btn a:last-of-type { margin-left: 28px; font-family: var(--font-family-kannada); text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--white-100); }
.invest-block { padding-top: 8px; width: var(--width); }
.invest-block-holder { display: block; }
.invest-block-column { margin-bottom: 40px; width: var(--width); color: var(--white-100); }
.invest-block-icon { margin-bottom: 41px; display: flex; align-items: center; justify-content: center; width: 105px; height: 105px; border: 1px solid var(--white-100); border-radius: 20px 0 20px 20px; }
.invest-block-icon img { min-height: 46px; width: auto; }
.invest-block-content { max-width: 100%; font-family: var(--font-family-text); font-size: 14px; font-weight: var(--font-weight-300); line-height: 1.6; }
.invest-block-content h6 { margin-bottom: 25px; max-width: 100%; font-family: var(--font-family-text); font-size: 22px; color: var(--white-100); }
.invest-bg { position: absolute; bottom: 0; left: 0; pointer-events: none; }
.invest-bg img { opacity: 0.1; width: var(--width); height: var(--height); object-fit: cover; }

/* ### ambition ### */
.ambition { padding-top: 77px; padding-bottom: 60px; }
.ambition-holder { display: flex; flex-direction: column-reverse; }
.ambition-holder p { padding-left: 20px; position: relative; }
.ambition-holder p:before { position: absolute; top: 7px; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--brown); content: ''; }
.ambition-wrap { display: block; }
.ambition-title { margin-bottom: 190px; position: relative; }
.ambition-title span { position: absolute; display: block; font-family: var(--font-family-heading); font-size: 40px; line-height: 1; white-space: nowrap; }
.ambition-title-left { top: 0; left: 0; transform: translateX(30px); }
.ambition-title-right { top: 50px; right: 0; transform: translateX(-30px); }

/* ### card-ambition ### */
.card-ambition { margin-bottom: 30px; width: var(--width); text-decoration: var(--text-decoration); }
.card-ambition-image { margin-bottom: 15px; overflow: hidden; border-radius: 20px 0 20px 20px; }
.card-ambition-image img { width: var(--width); height: var(--height); object-fit: cover; transition: scale 0.25s ease-out; }
.card-ambition-title { font-family: var(--font-family-heading); font-size: 26px; color: var(--color-primary); }
.card-ambition-caption { font-family: var(--font-family-mreaves-book); font-size: 22px; font-weight: 400; color: rgba(37, 30, 24, 0.5); }
.card-ambition-image.blur img { filter: blur(12px); }
.card-ambition:hover .card-ambition-image img { scale: 1.05; }

/* ### intro-img ### */
.intro-img { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-primary); }
.intro-img.inner { padding-top: 50px; padding-bottom: 50px; background-color: var(--color-primary); }
.intro-img-holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.intro-img-left { margin-bottom: 50px; width: var(--width); color: var(--white-100); }
.intro-img-left .sub-title { color: var(--white-100); }
.intro-img-left .sub-title:before { background-color: var(--white-100); content: ''; }
.intro-img-left h2 { margin-bottom: 33px; color: var(--white-100); }
.intro-img-left p { margin-bottom: 45px; }
.intro-img-right { width: var(--width); }
.intro-image { border-radius: 20px 0 20px 20px; overflow: hidden; }

/* ### contact ### */
.contact-bg { position: relative; background-color: var(--color-primary); }
.contact { padding-top: 100px; padding-bottom: 100px; background-color: var(--white-100); }
.contact-left { width: var(--width); }
.contact-left h1 { margin-bottom: 40px; font-family: var(--font-family-base); font-size: 40px;}
.contact-left h1 span { font-family: var(--font-family-mreaves); font-size: 32px; }
.contact-breadcrumb { margin-bottom: 65px; }
.contact-breadcrumb > li { position: relative; color: var(--color-primary); }
.contact-breadcrumb > li:before { margin-right: 40px; display: inline-block; width: 100px; height: 1px; vertical-align: middle; background-color: var(--color-primary); content: ''; }
.contact-left-icon { margin-bottom: 58px; }
.contact-left-image { margin-bottom: 30px; }
.contact-left-block { margin-bottom: 50px; display: flex; flex-wrap: wrap; }
.contact-left-column { width: 35%; }
.contact-left-info { margin-bottom: 40px; }
.contact-left-info ul > li { display: flex; align-items: center; }
.contact-left-info ul > li > a { margin-left: 10px; position: relative; text-decoration: var(--text-decoration); color: var(--color-primary); }
.contact-left-info ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.contact-left-info ul > li > a:hover:after { transform: scaleX(1); transform-origin: left; }
.contact-right { padding-top: 9px; width: var(--width); }
.contact-bg .contact-bg-reveal { position: absolute; top: calc((var(--index1) - 1) * 33.3%); left: 0; z-index: 10; width: 100vw; height: 34%; background: var(--color-primary); transform: translateX(0); }
.contact-bg.is-active .contact-bg-reveal { transform: translateX(100%); transition: 1s ease-out calc(var(--index1) * 0.2s); }

/* ### card-contact ### */
.card-contact { width: var(--width); }
.card-contact-item { margin-bottom: 25px; width: var(--width); }
.card-contact-item.hidden { display: block; }
.card-contact-item.full-width { margin-bottom: 51px; width: var(--width); }
.card-contact-item.width { margin-bottom: 42px; width: var(--width); }
.card-contact-flex { margin: 0 -16px; display: flex; flex-wrap: wrap; }
.card-contact-flex.text-hidden { display: block; }
.card-contact-flex p { padding-left: 15px; font-size: 16px; padding-top: 3px; }
.card-flex-item { padding: 0 16px; }
.card-contact-group { margin-bottom: 33px; display: block; }
.card-contact-group input { display: none; cursor: pointer; }
.card-contact-group label { padding-left: 30px; position: relative; display: inline-block; font-size: 16px; cursor: pointer; }
.card-contact-group label:before { position: absolute; top: 3px; left: 0; width: 17px; height: 17px; border: 1px solid var(--color-primary); border-radius: 5px 0 5px 5px; background-color: transparent; -webkit-appearance: none; content: ''; cursor: pointer; }
.card-contact-group input:checked + label:after { position: absolute; top: 4px; left: 0; width: 18px; height: 18px; border-radius: 5px 0 5px 5px; background-color: var(--color-primary); content: ''; }
.card-contact-group .label-text { font-size: 14px; }
.card-contact-group label a { text-decoration: var(--text-decoration); }
.card-contact-flex label:before { top: 0; }
.card-contact-flex input:checked + label:after { top: 1px; }

/* ### broker ### */
.broker { padding-top: 50px; padding-bottom: 50px; width: var(--width); }
.broker-holder { display: block; }
.broker-heading { width: var(--width); }
.broker-right { width: var(--width); }
.broker-form-select { margin-bottom: 95px; }
.broker-right-block { display: flex; flex-wrap: wrap; }
.broker-right-column { width: 50%; }
.broker-right-image { display: flex; align-items: flex-end; justify-content: center; width: 140px; height: 140px; border: 1px solid var(--white-100); border-radius: 20px 0 20px 20px; background-color: var(--white-100); overflow: hidden; }
.broker-right-info { font-family: var(--font-family-text); font-size: 22px; }
.broker-right-info p { margin-bottom: 20px; }
.broker-right-info ul > li { margin-bottom: 6px; font-size: 14px; font-weight: var(--font-weight-300); color: var(--color-primary); }
.broker-right-info ul > li > a { position: relative; font-size: 14px; font-weight: var(--font-weight-300); text-decoration: var(--text-decoration); color: var(--color-primary); }
.broker-right-info ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.broker-right-info ul > li > a:hover:after { transform: scaleX(1); transform-origin: left; }

.makelaar{margin-bottom: 20px; }


/* ### accordion ### */
.accordion { padding-top: 50px; padding-bottom: 50px; background-color: var(--white-100); }
.accordion-holder { display: flex; flex-wrap: wrap; }
.accordion-info { padding-bottom: 25px; width: var(--width); }
.accordion-info h1 { margin-bottom: 35px; font-family: var(--font-family-mreaves); font-size: 22px; line-height: 1; letter-spacing: -1.6px; }
.accordion-info h1 strong { font-family: var(--font-family-heading); font-weight: var(--font-weight-500); }
.accordion-right { width: var(--width); }
.accordion-right h4 { margin-bottom: 30px; margin-top: 30px; font-family: var(--font-family-mreaves-book); font-size: 30px; }

/* ### card-accordion ### */
.card-accordion { width: var(--width); }
.card-accordion-title { padding-top: 13px; padding-bottom: 12px; padding-right: 24px; position: relative; font-size: 16px; border-top: 1px solid var(--color-primary); cursor: pointer; }
.card-accordion-title:after { position: absolute; top: 14px; right: 13px; font-family: var(--font-family-icon); font-size: 15px; color: var(--brown); content: '\e907'; }
.card-accordion-title.open:after { position: absolute; top: 14px; right: 14px; font-family: var(--font-family-icon); font-size: 15px; color: var(--brown); content: '\e900'; }
.card-accordion-content { font-size: 16px; line-height: 1.1; color: rgba(37, 30, 24, 0.5); }
.card-accordion-item:last-child { margin-bottom: 33px; border-bottom: 1px solid var(--color-primary); }

/* ### bosch ### */
.bosch { display: none; }

/* ### highlights ### */
.highlights { padding-top: 40px; padding-bottom: 50px; }
.highlights-holder { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column-reverse; }
.highlights-left { margin-bottom: 40px; width: var(--width); }
.highlights-image { width: var(--width); height: var(--height); border-radius: 20px 0 20px 20px; overflow: hidden; transition: 1s 0.3s; }
.highlights-image img { width: var(--width); height: var(--height); min-height: 373px; object-fit: cover; transform: scale(2); transition: 2s 0.3s; }
.highlights.is-active .highlights-image img { transform: scale(1); }
.highlights-info { width: var(--width); }
.highlights-info-wrap { display: flex; flex-wrap: wrap; }
.highlights-info-column { width: var(--width); }
.highlights-info-column h2 { margin-bottom: 44px; }
.highlight-item { margin-bottom: 26px; }
.highlight-item strong { margin-bottom: 8px; display: block; font-size: 22px; font-weight: var(--font-weight-400); }
.highlight-item h3 { font-family: var(--font-family-base); }
.highlight-item p { font-size: 16px; color: rgba(37, 30, 24, 0.5); }

/* ### register ### */
.register { padding-top: 50px; padding-bottom: 50px; background-color: var(--white-100); }
.register-wrap { margin-bottom: 40px; }
.register-wrap ul { margin-bottom: 27px; }
.register-block { display: flex; justify-content: left; width: var(--width); }
.register-form { width: var(--width); }

/* ### next-location ### */
.next-location { padding-top: 80px; padding-bottom: 50px; position: relative; z-index: 1; overflow: hidden; }
.next-location-info { position: relative; z-index: 1; text-align: center; color: var(--white-100); }
.next-location-title { margin-bottom: 18px; font-family: var(--font-family-heading); font-size: 40px; }
.next-location-bg { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); transition: 1s 0.3s; }
.next-location-bg:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background-color: rgba(52, 35, 27, 0.4); content: ''; backdrop-filter: blur(15px); }
.next-location-bg img { width: var(--width); height: var(--height); transform: scale(2); transition: 2s 0.3s; }
.next-location.is-active .next-location-bg img { transform: scale(1); }

/* ### terms ### */
.terms { padding-top: 60px; padding-bottom: 50px; background-color: var(--white-100); }
.terms-holder { max-width: 1077px; }
.terms-item { margin-bottom: 22px; }
.terms-item h2 { margin-bottom: 30px; font-size: 40px; }
.terms-item h3 { margin-bottom: 8px; font-family: var(--font-family-base); font-size: 30px; }
.terms-item ul, .terms-item ol{ padding-left: 20px; }
.terms-item ul li{ list-style: disc; }
.terms-item ol li{ list-style: decimal; }


/* ### process ### */
.process { padding-top: 50px; padding-bottom: 80px; background-color: var(--color-primary); }
.process h2 { margin-bottom: 55px; color: var(--white-100); }
.process .sub-title { color: var(--white-100); }
.process .sub-title:before { background-color: var(--white-100); content: ''; }
.process .swiper { margin-right: -320px; padding-right: 350px; }
.process .swiper-slide { padding-left: 1px; height: auto; }
.process .slider__controls { margin-top: 54px; position: relative; display: flex; gap: 35px; align-items: center; justify-content: space-between; }
.process .process-pagination { position: relative; bottom: 0 !important; z-index: 1; }
.process .process-pagination:after { position: absolute; bottom: 12px; left: 100%; z-index: -1; width: 100vw; height: 1px; background-color: rgba(247, 242, 239, 0.5); content: ''; }
.slider__buttons { display: flex; align-items: center; justify-content: space-between; width: 55px; }
.slider__button-next,
.slider__button-prev { line-height: 1; color: var(--white-100);  transition: var(--transition); cursor: pointer; }
.swiper-pagination { position: unset; display: flex; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
.swiper-pagination-bullet { margin: 0; opacity: 1; width: 25%; height: 1px; background: rgba(247, 242, 239, 0.5); transition: 1s ease; }
.swiper-pagination-bullet-active { color: var(--white); background: rgba(247, 242, 239, 1); }

.process .process-pagination .swiper-pagination-bullet{ width: 10%; background-color: rgba(247, 242, 239, 0.5); }
.success .swiper-pagination .swiper-pagination-bullet{ width: 10%; background-color: rgba(247, 242, 239, 0.5); }

/* ### card-process ### */
.card-process { padding: 37px 43px 34px; display: block; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); border: 1px solid var(--white-100); border-radius: 20px 0 20px 20px; }
.card-process span { margin-bottom: 10px; display: block; font-family: var(--font-family-heading); font-size: 35px; color: var(--brown); }
.card-process-title { margin-bottom: 8px; font-family: var(--font-family-text); font-size: 22px; color: var(--white-100); }
.card-process p { font-family: var(--font-family-text); font-size: 14px; font-weight: var(--font-weight-300); line-height: 1.7; color: var(--white-100); }

/* ### business ### */
.business { padding-top: 40px; padding-bottom: 40px; }
.business h2 { margin-bottom: 30px; max-width: 1050px; color: var(--color-secondary); }
.business-content-holder { margin: 0 -20px; display: flex; flex-wrap: wrap; }
.business-content-left { margin-bottom: 18px; padding: 0 20px; width: var(--width); }
.business-content-right { margin-bottom: 20px; padding: 0 20px; width: var(--width); }
.business .link { margin-top: 10px; margin-left: 20px; position: relative; font-family: var(--font-family-kannada); font-size: 16px; text-transform: uppercase; color: var(--brown); }
.business .link:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.business .link:hover:after { transform: scaleX(1); transform-origin: left; }

/* ### map ### */
.map { margin-top: 40px; position: relative; }
.map:after{ content:''; width: 100%; height: 45%; background-color: var(--white-100); position: absolute; z-index: 0; left: 0; bottom: 0; }
.map .maps { min-height: 373px; border-radius: 20px 0 20px 20px; background-image: url('images/map_dummy.png'); background-position: center center; position: relative; z-index: 10;}

.map iframe{ width: 100%; height: 673px; position: relative; z-index: 10; border-radius: 20px 0 20px 20px;}


/* ### information ### */
.information { padding-top: 40px; padding-bottom: 40px; background-color: var(--white-100); }
.information h2 { margin-bottom: 60px; color: var(--color-primary); }
.information-holder .swiper-slide { height: auto; text-decoration: none!important; }
.information .swiper { margin-right: -320px; padding-right: 350px;}
.information .swiper-slide { padding-left: 1px; height: auto; }
.information__controls { margin-top: 80px; position: relative; display: flex; gap: 35px; align-items: center; justify-content: space-between; }
.information__buttons { display: flex; align-items: center; justify-content: space-between; width: 55px; }
.information__button-next,
.information__button-prev { position: relative; line-height: 1; color: var(--color-primary); transition: var(--transition); cursor: pointer; }
.information-pagination { position: relative; bottom: 0 !important; z-index: 1; display: flex; }
.information-pagination:after { position: absolute; bottom: 0; left: 100%; z-index: -1; width: 100vw; height: 1px; background-color: rgba(37, 30, 24, 0.5); content: ''; }
.information .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.information .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
.information__controls .swiper-pagination-bullet { margin: 0; opacity: 1; width: 25%; height: 1px; background: rgba(37, 30, 24, 0.5); }
.information__controls .swiper-pagination-bullet-active { color: #fff; background: rgba(37, 30, 24, 1); }
.information__button-prev:hover { transform: translateX(-5px); }
.information__button-next:hover { transform: translateX(5px); }

/* ### card-information ### */
.card-information { padding: 35px; display: flex; flex-direction: column; gap: 40px; justify-content: space-between; width: var(--width); height: var(--height); text-decoration: var(--text-decoration); border-radius: 20px 0 20px 20px; background-color: rgba(37, 30, 24, 0.1); }
.card-information span { margin-bottom: 10px; display: block; font-family: var(--font-family-heading); font-size: 35px; color: var(--brown); }
.card-information-title { margin-bottom: 8px; font-family: var(--font-family-heading); font-size: 35px; line-height: 1.1; color: var(--color-primary); }
.card-information p { font-family: var(--font-family-text); font-size: 14px; font-weight: var(--font-weight-300); line-height: 1.7; color: var(--white-100); }
.card-information span.card-information-link { position: relative; width: max-content; font-family: var(--font-family-kannada); font-size: 14px; text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--color-primary); }
.card-information-link:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.information-holder .swiper-slide:hover .card-information-link:after { transform: scaleX(1); transform-origin: left; }

/* ### gallery ### */
.gallery { padding-top: 80px; padding-bottom: 80px; position: relative; background-color: var(--white-100); overflow: hidden; }
.gallery-image { display: flex; justify-content: center; }
.gallery-image img { min-height: 373px; border-radius: 20px 0 20px 20px; object-fit: cover; }
.gallery-shape { position: absolute; top: 0; left: 36px; display: flex; justify-content: center; opacity: 0; width: var(--width); height: var(--height); }
.gallery-shape img { width: var(--width); height: var(--height); object-fit: cover; }
.gallery.active .gallery-shape { animation: zoom-up 3s ease-out forwards; }

.gallery-image{ position: relative; }
.gallery-title{ position: absolute; width: 100%; left:0; bottom:80px; z-index: 10; font-family: var(--font-family-heading); font-size: 70px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.lichte_titel{ color: var(--white-100); }



/* ### text-block ### */
.text-block { padding-bottom: 50px; }
.text-block-holder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.text-block.inner .text-block-holder { flex-direction: column-reverse; }
.text-block-left { margin-bottom: 45px; width: var(--width); }
.text-block-left h2 { margin-bottom: 19px; font-size: 40px; line-height: 1.4; }
.text-block-left p { margin-bottom: 45px; }
.text-block-left a { display: inline-block; }
.text-block-right { margin-bottom: 30px; width: var(--width); }
.text-block-image { width: var(--width); height: var(--height); border-radius: 20px 0 20px 20px; overflow: hidden; }
.text-block-image img { width: var(--width); height: var(--height); object-fit: cover; pointer-events: none; }

/* ### download ### */
.download { padding-top: 50px; padding-bottom: 50px; position: relative; background-color: var(--white-100); }
.download-bg { position: relative; background-color: var(--color-primary); }
.download-heading { margin-bottom: 40px; }
.download-heading h2 { margin-bottom: 28px; font-family: var(--font-family-mreaves); font-weight: var(--font-weight-400); }
.download-heading h2 span { display: block; }
.download-heading h2 strong { font-family: var(--font-family-heading); font-size: 40px; font-weight: var(--font-weight-400); }
.download-heading p { display: block; max-width: 250px; font-size: 16px; }
.download-holder { display: flex; flex-direction: column-reverse; flex-wrap: wrap; }
.download-left { width: var(--width); }
.download-right { margin-bottom: 30px; padding-top: 40px; width: var(--width); }
.download-right .card-contact-flex label:before { top: 3px; }
.download-right .card-contact-flex input:checked + label:after { top: 4px; }
.download-image { position: relative; z-index: 2; width: var(--width); height: 450px; border-radius: 20px 0 20px 20px; transition: 1s 0.8s; overflow: hidden; }
.download-image img { width: var(--width); height: var(--height); object-fit: cover; transform: scale(2); transition: 2s 0.8s; }
.download-bg.is-active .download-image img { transform: scale(1); }
.download-bg .download-bg-reveal { position: absolute; top: calc((var(--index1) - 1) * 33.3%); left: 0; z-index: 10; width: 100vw; height: 34%; background: var(--color-primary); transform: translateX(0); }
.download-bg.is-active .download-bg-reveal { transform: translateX(100%); transition: 1s ease-out calc(var(--index1) * 0.2s); }

/* ### center container ### */
#centerCntr { float: left; width: var(--width); }

/* ### quality ### */
.quality-wrap { margin: 0 auto; padding: 0; }
.quality-wrap ul { flex-wrap: wrap; justify-content: space-between; padding-left: 10px; padding-right: 10px; max-width: 890px; margin: 0 auto; }
.quality-wrap ul > li a {padding-top: 25px; padding-bottom: 10px; position: relative; font-family: var(--font-family-kannada); text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--color-primary); overflow: hidden; }
.quality-wrap ul > li a:after { position: absolute;
	bottom: 0;
	left: 0;
	width: var(--width);
	height: 1px;
	background-color: var(--color-primary);
	transform: scaleX(0);
	transition: transform 0.5s;
	content: '';
	transform-origin: right;
	
	 }
.quality-wrap ul > li a:hover:after { transform: scaleX(1); transform-origin: left; }
.quality-wrap ul > li a.extra_button:after{ display: none!important; }


.quality-holder { padding-top: 70px; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.quality-content { width: var(--width); }
.quality h2 { margin-bottom: 50px; max-width: 1050px; color: var(--color-secondary); }
.quality-items { margin-top: 40px; display: block; flex-wrap: wrap; justify-content: space-between; width: var(--width); }
.quality-item { margin-bottom: 45px; width: var(--width); }
.quality-item span { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; width: 105px; height: 105px; font-size: 35px; border: 1px solid var(--color-primary); border-radius: 20px 0 20px 20px; }
.quality-item span.trans_border{ border: 1px solid transparent; }

.quality-item-title { margin-bottom: 15px; font-family: var(--font-family-text); font-size: 22px; }
.quality-item p { font-family: var(--font-family-text); font-size: 14px; font-weight: var(--font-weight-300); }



.anker_menu_mobiel{ display: block; border-top: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary);  }
.js-ankers{   }
.anker_btn_mobiel{ 
	position: relative;
	font-family: var(--font-family-kannada);
	text-transform: uppercase;
	text-decoration: var(--text-decoration);
	color: var(--color-primary); 
	text-align: center;
	padding-top: 20px; 
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
	cursor: pointer;
	font-size: 26px;
	}

.anker_menu_desktop{ display: none; }

#specificaties img{ border-radius: 15px 0 15px 15px;  }



/* ### place ### */
.place { padding-top: 30px; width: var(--width); }
.place .breadcrumbs { margin-bottom: 59px; }
.place-holder { position: relative; width: var(--width); }
.place-content { position: absolute; bottom: 20px; z-index: 3; width: var(--width); }
.place-info { display: none; width: calc(100% - 20px); transition: var(--transition); }
.place-label { margin-left: auto; padding: 27px 30px 26px 14px; width: var(--width); max-width: max-content; border-radius: var(--border-radius); background-color: var(--white); }
.place-label ul { list-style: none; }
.place-label ul > li { margin-bottom: 10px; margin-left: 18px; padding-left: 30px; position: relative; color: var(--color-primary); }
.place-label ul > li:after { position: absolute; top: 3px; left: -2px; width: 17px; height: 17px; border: solid 1px var(--lime-green); border-radius: 5px 0 5px 5px; background-color: rgba(204, 255, 217, 0.5); transition: var(--transition); content: ''; }
.place-label ul > li:nth-child(2):after { border: solid 1px var(--soft-orange); background-color: rgba(245, 212, 123, 0.5); }
.place-label ul > li:nth-child(3):after { border: solid 1px var(--soft-red); background-color: rgba(195, 103, 100, 0.5); }
.place-image { width: var(--width); height: var(--height); }
.place-image img { width: var(--width); }
.place-frame-svg { position: absolute; top: 51.7%; left: 47.9%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.place-frame-svg svg { width: 59.4%; height: auto; object-fit: contain; }
.place-frame-svg svg > g > a,
.place-frame-svg svg > g > g { opacity: 0; transition: inherit; }
.place-frame-svg svg > g > a:hover,
.place-frame-svg svg > g > g:hover { opacity: 1; }
.place-frame-svg svg > g [data-name="hover"] { pointer-events: none; }
.place-frame-svg svg > g > a.is-active,
.place-frame-svg svg > g > a.is-active g { opacity: 1; }
.mobile-info { position: relative; z-index: 2; }


/* ### card-detail ### */
.card-detail { padding: 30px; width: var(--width); border-radius: var(--border-radius); background-color: var(--white); box-shadow: 0 13px 16px rgba(0, 0, 0, 0.16); position: relative; }
.card-detail h3 { margin-bottom: 10px; font-size: 30px; overflow: hidden; }
.card-detail h3 span {  display: block; }
.card-detail ul { margin-bottom: 10px; list-style: none; }
.card-detail ul > li { padding: 7px 0; position: relative; }
.card-detail ul > li span { display: block; }
.card-detail ul > li:not(:last-child) { border-bottom: solid 1px var(--color-primary); }
.card-detail-x-mark { font-size: 20px; color: var(--color-primary); position: absolute; top: 16px; right: 16px; text-decoration: var(--text-decoration);  width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; }

/* ### future ### */
.future { margin-top: -20px; padding-top: 81px; padding-bottom: 41px; width: var(--width); background-color: var(--white-100); }
.future h2 { margin-bottom: 20px; }
.future-intro { margin-left: auto; width: var(--width); max-width: 822px; }
.future-text { width: var(--width); column-count: 1; }
.future-text p { margin-bottom: 25px; }
.future-link { position: relative; font-family: var(--font-family-kannada); font-size: 16px; text-transform: uppercase; text-decoration: none; color: var(--color-primary); }
.future-link:hover { color: var(--brown); }
.future-link:after { position: absolute; bottom: 0; left: 0; width: var(--width); height: 1px; background-color: var(--brown); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.future-link:hover:after { transform: scaleX(1); transform-origin: left; }


/* ### work ### */
.work { position: relative; z-index: 1; width: var(--width); background-color: var(--color-primary); }
.work:after { position: absolute; top: 0; left: 0; z-index: -1; width: var(--width); height: 50%; background-color: var(--white-100); content: ''; }
.work-image { width: var(--width); overflow: hidden; border-radius: var(--border-radius); transition: 1s 0.8s; }
.work-image img { width: var(--width); transform: scale(2); transition: 2s 0.2s; max-height: 660px; }
.work-image.is-active img { transform: scale(1); }



/* ### footer container ### */
#footerCntr { overflow: hidden; width: var(--width); }
.footer { padding-top: 47px; padding-bottom: 25px; position: relative; z-index: 1; background-color: var(--color-primary); }
.footer-logo { margin-bottom: 40px; }
.footer-logo img { max-width: 192px; }
.footer-holder { margin-bottom: 35px; padding-bottom: 26px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(247, 242, 239, 0.5); }
.footer-info { margin-bottom: 36px; width: var(--width); color: var(--white-100); }
.footer-address { margin-bottom: 36px; font-size: 16px; letter-spacing: 0.5px; }
.footer-address strong { margin-bottom: 7px; display: block; }
.footer-address address { font-style: normal; }
.footer-contact > li { margin-bottom: 8px; }
.footer-contact > li > a { position: relative; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--white-100); }
.footer-contact > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.footer-contact > li > a:hover:after { transform: scaleX(1); transform-origin: left; }
.footer-links { margin-bottom: 45px; width: var(--width); display: flex; justify-content: space-between; }
.footer-links ul { width: 50%; }
.footer-links ul > li { margin-bottom: 7px; }
.footer-links ul > li > a { position: relative; font-size: 16px; letter-spacing: 0.5px; text-decoration: var(--text-decoration); color: var(--white-100); text-transform: uppercase; }
.footer-links ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--white); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.footer-links ul > li > a:hover:after { transform: scaleX(1); transform-origin: left; }
.footer-social { width: var(--width); }
.footer-social ul { margin-bottom: 46px; }
.footer-social ul > li { margin-bottom: 7px; }
.footer-social ul > li > a { position: relative; font-size: 16px; letter-spacing: 0.5px; text-decoration: var(--text-decoration); color: rgba(247, 242, 239, 0.5); }
.footer-social ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(247, 242, 239, 0.5); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.footer-social ul > li > a:hover:after { transform: scaleX(1); transform-origin: left; }
.footer-text-link { position: relative; max-width: 100%; font-size: 16px; letter-spacing: 0.5px; color: rgba(247, 242, 239, 0.5); }
.footer-social p { max-width: 100%; font-size: 16px; letter-spacing: 0.5px; color: rgba(247, 242, 239, 0.5); }
.footer-social p .line-effect { position: relative; font-size: 16px; text-decoration: var(--text-decoration); color: rgba(247, 242, 239, 0.5); vertical-align: bottom; overflow: hidden; }
.footer-social .line-effect:before { background-color: rgba(247, 242, 239, 0.5); }
.footer-social .line-effect:after { background-color: rgba(247, 242, 239, 0.5); }
.footer-copy-holder { display: block; }
.footer-copy-left { margin-bottom: 15px; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; color: rgba(247, 242, 239, 0.5); }
.footer-copy-right ul { display: block; }
.footer-copy-right ul > li { margin-right: 20px; position: relative; }
.footer-copy-right ul > li:after { position: absolute; bottom: 3px; left: -12px; font-size: 10px; color: rgba(247, 242, 239, 0.5); content: '.'; }
.footer-copy-right ul > li > a { position: relative; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: var(--text-decoration); color: rgba(247, 242, 239, 0.5); }
.footer-copy-right ul > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(247, 242, 239, 0.5); transform: scaleX(0); transition: transform 0.5s; content: ''; transform-origin: right; }
.footer-copy-right ul > li > a:hover:after { transform: scaleX(1); transform-origin: left; }
.footer-copy-right ul > li:last-child { margin-right: 0; }
.footer-copy-right ul > li:first-of-type:after { display: none; }
.footer-icon { position: absolute; right: 6%; bottom: 30px; pointer-events: none; }
.footer-icon img { width: 59px; }
.footer-bg { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.1; pointer-events: none; }
.footer-bg img { width: var(--width); height: var(--height); object-fit: cover; }
.footer-image-icon { margin-top: -10px; position: fixed; opacity: 0; width: 20px; transition: opacity 0.25s ease-out, scale 0.25s ease-out; pointer-events: none; scale: 1; }
.footer-image-icon img { width: 100%; }
.footer:has(a:not(.footer-logo a):hover) .footer-image-icon { opacity: 1; scale: 2; }


.beschikbaar .unit_overlay{fill:rgba(204, 255, 217, 0.5); } 
.onderoptie .unit_overlay{fill:rgba(245, 212, 123, 0.5); } 
.verkocht .unit_overlay{fill:rgba(195, 103, 100, 0.5); } 

.beschikbaar .unit_overlay_border{fill: var(--lime-green); } 
.onderoptie .unit_overlay_border{fill: var(--soft-orange); } 
.verkocht .unit_overlay_border{fill: var(--soft-red); } 

.beschikbaar .unit_overlay_combo{fill:rgba(204, 255, 217, 0.5); stroke: var(--lime-green); } 
.onderoptie .unit_overlay_combo{fill:rgba(245, 212, 123, 0.5); stroke: var(--soft-orange); } 
.verkocht .unit_overlay_combo{fill:rgba(195, 103, 100, 0.5); stroke: var(--soft-red); } 


.place.single_place{ padding-top: 26px; }
.bc_beige{ background-color: var(--white-100); position: relative; z-index: 10; }
.bc_beige .breadcrumbs{ padding-bottom: 6px; padding-top: 6px; margin-bottom: 0px;}
.bc_beige .breadcrumbs ul{ margin-bottom: 0px; }
.place-image{ margin-top: 0px; }




.tonen_default { display: none; }

.tonen_default.tonen_op_desktop{ display: block; }
.tonen_default.tonen_op_desktop.tonen_op_mobiel{ display: block; }
.volgorde_desktop_1{ order: 1; position: relative;}
.volgorde_desktop_2{ order: 2; position: relative;}
.volgorde_desktop_3{ order: 3; position: relative;}
.volgorde_desktop_4{ order: 4; position: relative;}
.volgorde_desktop_5{ order: 5; position: relative;}
.volgorde_desktop_6{ order: 6; position: relative;}
.volgorde_desktop_7{ order: 7; position: relative;}
.volgorde_desktop_8{ order: 8; position: relative;}
.volgorde_desktop_9{ order: 9; position: relative;}
.volgorde_desktop_10{ order: 10; position: relative;}
.volgorde_desktop_11{ order: 11; position: relative;}
.volgorde_desktop_12{ order: 12; position: relative;}
.volgorde_desktop_13{ order: 13; position: relative;}
.volgorde_desktop_14{ order: 14; position: relative;}
.volgorde_desktop_15{ order: 15; position: relative;}
.volgorde_desktop_16{ order: 16; position: relative;}
.volgorde_desktop_17{ order: 17; position: relative;}
.volgorde_desktop_18{ order: 18; position: relative;}
.volgorde_desktop_19{ order: 19; position: relative;}
.volgorde_desktop_20{ order: 20; position: relative;}

@media only screen and (max-width: 767px) {
.tonen_default.tonen_op_mobiel{ display: block; }
.tonen_default.tonen_op_desktop.tonen_op_mobiel{ display: block; }
.volgorde_mobiel_1{ order: 1; position: relative;}
.volgorde_mobiel_2{ order: 2; position: relative;}
.volgorde_mobiel_3{ order: 3; position: relative;}
.volgorde_mobiel_4{ order: 4; position: relative;}
.volgorde_mobiel_5{ order: 5; position: relative;}
.volgorde_mobiel_6{ order: 6; position: relative;}
.volgorde_mobiel_7{ order: 7; position: relative;}
.volgorde_mobiel_8{ order: 8; position: relative;}
.volgorde_mobiel_9{ order: 9; position: relative;}
.volgorde_mobiel_10{ order: 10; position: relative;}
.volgorde_mobiel_11{ order: 11; position: relative;}
.volgorde_mobiel_12{ order: 12; position: relative;}
.volgorde_mobiel_13{ order: 13; position: relative;}
.volgorde_mobiel_14{ order: 14; position: relative;}
.volgorde_mobiel_15{ order: 15; position: relative;}
.volgorde_mobiel_16{ order: 16; position: relative;}
.volgorde_mobiel_17{ order: 17; position: relative;}
.volgorde_mobiel_18{ order: 18; position: relative;}
.volgorde_mobiel_19{ order: 19; position: relative;}
.volgorde_mobiel_20{ order: 20; position: relative;}
}









/* #Media Queries
================================================== */

@media only screen and (min-width: 479px) {
	.header { align-items: unset; }
	.header .logo img { max-width: 100%; }
	
}

@media only screen and (min-width: 767px) {
	.js-split .line0 .word:nth-child(1){font-family: var(--font-family-heading); font-size: 40px;}
	.js-split .line0 .word:nth-child(3){font-family: var(--font-family-heading); font-size: 40px;}
	.js-split .line0 .word:nth-child(5){font-family: var(--font-family-heading); font-size: 40px;}
	
	.js-split1 .line0 .word:nth-child(1){font-family: var(--font-family-heading); font-size: 40px;}
	.js-split1 .line0 .word:nth-child(3){font-family: var(--font-family-heading); font-size: 40px;}
	
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 { line-height: 1.2; }
	body { font-size: var(--font-base); line-height: var(--line-height); }
	h4 { font-size: var(--font-size-h4); }
	line { display: block; }
	
	.headerBox { padding-top: 22px; padding-bottom: 24px; align-items: center; }
	.headerBox .logo { order: unset; width: 219px; }
	.headerBox .right { margin-top: -4px; margin-right: 0; order: unset; }
	.headerBox .button { padding: 8px 19px 7px; font-size: 12px; }
	.headerBox.sticky .mobileMenu { top: -3px; }
	.mobileMenu { position: relative; top: -3px; left: -8px; order: unset; }
	.mobileMenu span { background-color: var(--color-primary); }
	.mobileMenu span:before,
	.mobileMenu span:after { background-color: var(--color-primary); }
	.mobileMenu.active span:before,
	.mobileMenu.active span:after { background-color: var(--color-primary); }
	.hero { margin-top: 0; padding: 77px 10px 170px; background-color: var(--white-100); }
	.hero-img-title-2 { font-size: 50px; }
	.hero-main > span { display: none; }
	.team { padding-top: 43px; padding-bottom: 101px; }
	.team-holder { margin: 0 -9px; }
	.team-column { margin-bottom: 0; padding: 0 9px; width: calc(33.33% - 20px) !important; }
	.intro { margin-bottom: 84px; }
	.intro h2 { margin-bottom: 60px; }
	.intro-content-left { margin-bottom: 23px; width: 50%; }
	.intro-content-right { margin-bottom: 0; padding: 0 10px; width: 50%; }
	.video-first { padding-bottom: 53px; }
	.success { padding-top: 120px; padding-bottom: 80px; }
	.success-title { margin-bottom: 210px; }
	.success-content { padding: 15px 0 30px; position: relative; display: flex; align-items: center; justify-content: end; }
	.success-content-left { width: 65%; }
	.success-content-right { margin-bottom: 130px; margin-left: -130px; position: sticky; top: 5px; width: calc(35% + 130px); }
	.success-content-right:after { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; border-radius: 20px 0 0 20px; background-color: var(--color-primary); content: ''; }
	.success-textBox { padding: 60px 40px 30px; }
	.success-textBox-wrap { max-width: 500px; }
	.success-title-left { transform: translateX(-320px); }
	.success-title-right { transform: translateX(280px); }
	.single-image { margin-bottom: 50px; }
	.single-image img { min-height: unset; }
	.single-image.inner { margin-top: -454px; }
	.history { padding-top: 51px; }
	.history:after { height: 456px; }
	.history h2 { margin-bottom: 45px; }
	.history-column { margin-bottom: 29px; width: 50%; }
	.contact { padding-top: 164px; padding-bottom: 128px; }
	.contact-holder { display: flex; }
	.contact-left { width: 50.9%; }
	.contact-left-info { margin-bottom: 0; }
	.contact-right { width: 49%; }
	.contact-left h1 { margin-bottom: 60px; padding-right: 70px; font-size: 50px; letter-spacing: -1px; }
	.contact-left h1 span { font-size: 50px; }
	.card-contact-form { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.card-contact-item { margin-bottom: 45px; width: 48%; }
	.broker-list > li { font-size: 18px; }
	.broker-list > li:before { margin-right: 40px; }
	.broker { padding-top: 89px; padding-bottom: 47px; }
	.broker-holder { display: flex; flex-wrap: wrap; }
	.broker-heading { width: 42.2%; }
	.broker-right { padding-top: 3px; width: 55%; }
	.broker-right-column { width: 50%; }
	.broker-right-image { width: 170px; height: 170px; }
	.ambition { padding-top: 77px; padding-bottom: 82px; }
	.ambition-title-left { transform: translateX(-400px); }
	.ambition-title-right { transform: translateX(400px); }
	.ambition-holder { margin-bottom: 70px; padding-right: 25px; padding-left: 73px; flex-direction: row; justify-content: space-between; }
	.ambition-holder h2 { max-width: 613px; }
	.ambition-holder p { max-width: 245px; }
	.intro-img { padding-top: 78px; padding-bottom: 100px; }
	.intro-img-left ul { margin-bottom: 75px; }
	.intro-img-left ul > li { font-size: 12px; }
	.intro-img-left ul > li:before { margin-right: 40px; }
	.intro-img-left { padding-top: 55px; padding-left: 50px; width: 41%; }
	.intro-img-left h2 { margin-bottom: 33px; }
	.intro-img-left p { margin-bottom: 45px; }
	.intro-img-right { width: 49%; }
	.ambition-wrap { margin: 0 -18px; padding-left: 25px; display: flex; flex-wrap: wrap; }
	.card-ambition { padding: 0 18px; width: 50%; }
	.accordion { padding-top: 164px; padding-bottom: 75px; }
	.accordion-info { padding-right: 50px; width: 50.6%; }
	.accordion-info h1 { font-size: 50px;  }
	.accordion-info h1 span { font-size: 50px; font-family: var(--font-family-heading); }
	.accordion-info h1 span br { display: block; }
	.accordion-info p { max-width: 210px; }
	.accordion-right { width: 49%; }
	.bosch { padding-top: 138px; padding-bottom: 140px; display: flex; justify-content: center; background-color: var(--white-100); }
	.bosch-wrap { width: var(--width); max-width: 945px; border-radius: 20px 0 20px 20px; overflow: hidden; }
	.bosch-image { position: relative; width: var(--width); border-radius: 20px 0 20px 20px; overflow: hidden; transition: 1s 0.8s; }
	.bosch-image:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background-color: rgba(255, 255, 255, 0.25); content: ''; backdrop-filter: blur(15px); }
	.bosch-image img { width: var(--width); transform: scale(2); transition: 2s 0.2s; }
	.bosch-image .bosch-title { padding: 77px 50px; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; font-family: var(--font-family-heading); font-size: 70px; text-align: center; }
	.bosch.is-active .bosch-image img { transform: scale(1); }
	.register { padding-top: 136px; padding-bottom: 203px; width: var(--white-100); }
	.register-wrap { margin-bottom: 105px; max-width: 600px; }
	.register-wrap > ul > li { font-size: 18px; }
	.register-wrap > ul > li:before { margin-right: 40px; }
	.register-block { justify-content: center; }
	.register-form { display: flex; justify-content: end; width: 60%; }
	.next-location { padding-top: 130px; padding-bottom: 106px; z-index: 1; }
	.next-location-title { font-size: 80px; }
	.terms { padding-top: 163px; padding-bottom: 150px; }
	.terms-heading-block { margin-bottom: 70px; }
	.terms-heading-block h2 { margin-bottom: 25px; font-size: 62px; }
	.terms-item { margin-bottom: 22px; }
	.terms-item h3 { margin-bottom: 20px; font-family: var(--font-family-heading); font-size: 35px; }
	.business { padding-top: 51px; padding-bottom: 560px; }
	.business h2 { margin-bottom: 45px; }
	.business-content-left { margin-bottom: 20px; width: 50%; }
	.business-content-right { margin-bottom: 0; padding: 0 10px; width: 50%; }
	.map { margin-top: -454px; }
	.map .maps { height: 911px; }
	.gallery { padding-top: 140px; padding-bottom: 140px; }
	.information h2 { margin-bottom: 125px; }
	.information .swiper { margin-right: -350px; }
	.card-information { padding: 37px 43px; gap: 83px; }
	.quality-holder { padding-top: 165px; padding-bottom: 80px; }
	.quality-content { width: 30%; }
	.quality-items { margin-top: 70px; display: flex; width: 54%; }
	.quality-item { margin-bottom: 65px; width: 40%; }
	.process { padding-top: 118px; padding-bottom: 100px; }
	.process h2 { margin-bottom: 126px; color: var(--white-100); }
	.card-contact-item.hidden { display: none; }
	.card-contact-flex .text-hidden { display: none; }
	.philosophy-images { padding-top: 110px; height: 220vh; }
	.philosophy-images-holder { position: sticky; top: 10%; height: 800px; }
	.philosophy-image-column { margin-bottom: 0; position: relative; }
	.philosophy-image-column img { width: auto; min-width: 510px; border-radius: 20px 0 20px 20px; }
	.philosophy-image { margin-bottom: 10px; width: auto; }
	.philosophy-image-heading h3 { font-family: var(--font-family-base); font-weight: var(--font-weight-300); color: var(--white-100); }
	.philosophy-image-main { position: absolute; }
	.philosophy-image-column:nth-child(1) .philosophy-image-main { top: 0; left: 100px; }
	.philosophy-image-column:nth-child(2) .philosophy-image-main { top: 360px; left: 550px; }
	.philosophy-image-column:nth-child(3) .philosophy-image-main { top: 200px; left: 1150px; }
	.philosophy-image-column:nth-child(4) .philosophy-image-main { top: 0; left: 1750px; }
	.philosophy-images-link { display: block; }
	.philosophy-heading-last { position: absolute; bottom: 100px; left: 1750px; width: 350px; }
	.philosophy-heading-text { margin-bottom: 40px; font-family: var(--font-family-heading); font-size: 40px; color: var(--white-100); }
	.philosophy-heading-last a { display: inline-block; }
	.success-caption { display: block; }
	.process .slider__controls { margin-top: 87px; }
	.process .swiper { margin-right: -350px; }
	.download-image { height: 555px; }
	.future { margin-top: 0; padding-top: 51px; padding-bottom: 81px; }
	.future .sub-title { margin-bottom: 9px; }
	.future h2 { margin-bottom: 41px; }
	.future-text { padding-bottom: 30px; column-count: 2; }
	.place { padding-top: 58px; }
	.place-info { position: absolute; bottom: 0px; display: block; width: var(--width); max-width: 394px; }
	
	.mobile-info { display: none; }
	.place-content { bottom: 40px; }
	.place-label ul > li { margin-bottom: 0; }
	.card-detail ul { margin-bottom: 30px; }
	.card-detail ul > li { padding: 7px 0 6px 221px; }
	.card-detail ul > li span { position: absolute; top: 6px; left: 0; }
	.footer { padding-top: 141px; padding-bottom: 25px; }
	.footer-logo { margin-bottom: 73px; }
	.footer-logo img { max-width: 100%; }
	.footer-holder { margin-bottom: 32px; padding-bottom: 76px; }
	.footer-info { margin-bottom: 0; width: 19.2%; }
	.footer-address { margin-bottom: 94px; }
	.footer-address strong { margin-bottom: 1px; }
	.footer-contact > li { margin-bottom: 0; }
	.footer-links { margin-bottom: 0; width: 30%; }
	.footer-links ul > li { margin-bottom: 17px; }
	.footer-social { padding-left: 18px; width: 20%; }
	.footer-social ul { margin-bottom: 90px; }
	.footer-social ul > li { margin-bottom: 0; }
	.footer-text-link { max-width: 200px; font-size: 14px; }
	.footer-text-link a { font-size: 14px; }
	.footer-copy-holder { display: flex; justify-content: space-between; }
	.footer-copy-left { margin-bottom: 0; font-size: 14px; }
	.footer-copy-right ul { display: flex; }
	.footer-copy-right ul > li > a { font-size: 14px; }
	.footer-icon { position: absolute; top: 26%; right: 7%; bottom: unset; pointer-events: none; }
	.footer-icon img { width: 120px; }
	.footer-bg { position: absolute; right: 0; bottom: 0; z-index: -1; opacity: 0.1; pointer-events: none; }
	.footer-bg img { width: var(--width); height: var(--height); object-fit: cover; }
	.broker .sub-title,
	.intro-img .sub-title,
	.intro .sub-title { margin-bottom: 73px; }
	
	.gfield_radio, .gfield_checkbox{ display: flex; justify-content: flex-start; }
	.place-label ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.ginput_container_radio .gfield_radio .gchoice { margin-bottom: 0px; }
	.ginput_container_checkbox .gfield_checkbox .gchoice { margin-bottom: 0px; }
	
	
	.menu { justify-content: space-between; }
	.process .process-pagination .swiper-pagination-bullet{ width: 18%; background-color: rgba(247, 242, 239, 0.5); border-radius: 0; height: 2px; }
	.success .swiper-pagination .swiper-pagination-bullet{ width: 18%; background-color: rgba(247, 242, 239, 0.5);  border-radius: 0; height: 2px; }
	
	
	.top_bar{ font-size: 16px; }
	
}

@media only screen and (min-width: 991px) {
	h1 { font-size: var(--font-size-h1); }
	h2 { font-size: var(--font-size-h2); }
	.sub-title { padding-left: 140px; font-size: 18px; }
	.sub-title:before { top: 13px; }
	.headerBox .logo { margin-left: 59px; }
	.menu { padding: 41px 30px 40px 95px; left: 0; max-width: 501px; transform: translateX(-520px); }
	.menu.is-active { left: 0; transform: translateX(0); }
	.menu ul > li { margin-bottom: 38px; }
	.menu ul > li a { font-size: 50px; }
	.menu .nav-logo { margin-left: 3px; }
	.hero-main { padding: 0; }
	.hero-img-title-2,
	.hero-img-title-1 { position: absolute; left: -173px; font-size: 70px; }
	.hero-img-title-2 { right: -273px; left: unset; }
	.video-holder { min-height: 659px; }
	.image-block { padding-top: 60px;}
	.image-block-bg { padding-top: 0; }
	.breadcrumbs li { font-size: var(--font-base); }
	.breadcrumbs li > a { font-size: var(--font-base); }
	.breadcrumbs li:after { margin: 0 20px; }
	.image-block-bg:before { height: 288px; }
	.image-block ul { margin-bottom: 61px; }
	.image-block-heading strong { font-size: var(--font-size-h3); }
	.image-block-heading { margin-bottom: 40px; font-size: 44px; line-height: 1; }
	.success { padding-top: 165px; padding-bottom: 175px; }
	.success-title { margin-bottom: 260px; }
	.success-title-left { transform: translateX(-150px); }
	.success-title-right { top: 100px; transform: translateX(170px); }
	.success-content-right .slider__controls { padding-left: 100px; }
	.ambition-title { margin-bottom: 340px; }
	.ambition-title-left { transform: translateX(-240px); }
	.ambition-title-right { top: 100px; transform: translateX(130px); }
	.philosophy { padding-top: 52px; }
	.philosophy-holder { margin-bottom: 0; display: flex; justify-content: space-between; }
	.philosophy-info { margin-bottom: 0; padding-left: 32px; width: 33.9%; max-width: 286px; font-size: var(--font-base); }
	.philosophy-info:before { top: 6px; width: 10px; height: 10px; }
	.philosophy-content { width: 66%; }
	.philosophy-content-wrap { display: flex; }
	.philosophy-btn { display: none; }
	.invest-holder { display: flex; }
	.invest-info { margin-bottom: 0; width: 45.8%; }
	.invest-info h2 { margin-bottom: 67px; }
	.invest-block { width: 54.2%; }
	.invest-block-holder { display: flex; flex-wrap: wrap; }
	.invest-block-column { width: 50%; }
	.invest-block-content { max-width: 260px; }
	.invest-block-content h6 { max-width: 210px; }
	.card-ambition { margin-bottom: 0; width: 33.33%; }
	.accordion-info { padding-right: 0; }
	.highlights { padding-top: 62px; padding-bottom: 124px; }
	.highlights-left { margin-bottom: 0; width: 34.9%; }
	.highlights-info { padding-top: 114px; padding-left: 10px; width: 58%; }
	.highlights-info-column { width: 50%; }
	.highlights-info-column h2 { margin-bottom: 0; }
	.highlights-info-block { padding-top: 5px; padding-left: 33px; }
	.highlight-item { margin-bottom: 60px; }
	.highlight-item strong { margin-bottom: 8px; display: block; font-size: 25px; font-weight: var(--font-weight-400); }
	.highlight-item p { font-size: 18px; }
	.register-block { margin-left: 110px; }
	.register-form { width: 50%; }
	.text-block { padding-bottom: 150px; }
	.text-block-holder { align-items: center; }
	.text-block.inner .text-block-holder { flex-direction: row; }
	.text-block-left { margin-bottom: 0; width: 50%; }
	.text-block-left h2 { margin-bottom: 40px; font-size: 70px; line-height: 1; }
	.text-block-left p { margin-bottom: 50px; }
	.text-block-right { margin-bottom: 0; width: 43%; }
	.js-animation.is-active img { animation: 1s animate-up; }
	.ambition-holder p { padding-top: 10px; padding-left: 35px; }
	.ambition-holder p:before { top: 18px; left: 0; }
	.ambition-title span { font-size: 80px; }
	.success-textBox { padding: 100px 100px 40px; }
	.success-title span { font-size: 80px; }
	.history-block { margin-bottom: 105px; }
	.download { padding-top: 64px; padding-bottom: 131px; }
	.download-heading { margin-bottom: 40px; padding-left: 48px; }
	.download-heading h2 { font-size: 40px; }
	.download-heading h2 span { font-size: 50px; }
	.download-heading p { display: none; }
	.download-holder { flex-direction: row; }
	.download-left { width: 34.9%; }
	.download-right { margin-bottom: 0; margin-left: 105px; padding-top: 20px; width: 50%; }
	.quality-wrap-holder { display: block; }
	.quality-content { width: 30%; }
	.broker-right { width: 41%; }
	.broker-right-image { width: 194px; height: 194px; }
	
	
	.anker_menu_mobiel{ display: none!important; }
	.anker_menu_desktop{ display: flex; }
	.quality-wrap-holder { border-top: 1px solid var(--color-primary); border-bottom: 1px solid var(--color-primary); }
	.highlights-holder { flex-direction: row; }
	
	
	.quality-content { width: 30%; }
	.broker-right { width: 41%; }
	.broker-right-image { width: 194px; height: 194px; }
	.card-detail { padding: 41px 42px; width: var(--width); }
	.card-detail h3 { font-size: var(--font-size-h3); }
	.place-info { bottom: -309px; }
	.footer-logo { margin-bottom: 163px; }
	.footer-icon { right: 22%; }
	.footer-icon img { width: 100%; }
	
	.place-image{ margin-top: -250px; }
	
	
	#anker_menu.sticky{ position: fixed; left:0; top: 82px; z-index: 100; width: 100%; }
	.anker_extra_btn{ display: flex; justify-content: center; align-items: center; }
	.extra_button{ padding: 7px 18px 6px 19px!important; margin-top: -7px; display: inline-flex; align-items: center; font-family: var(--font-family-kannada); font-size: 14px; text-transform: uppercase; text-decoration: var(--text-decoration); color: var(--white-100)!important; border: 1px solid var(--color-primary); border-radius: 15px 0 15px 15px; background-color: var(--color-primary); transition: var(--transition);}
	.extra_button:hover { color: var(--color-secondary)!important; border: 1px solid var(--color-primary); border-radius: 15px; background-color: transparent; cursor: pointer; }
	
	#wrapper.top_bar_aanwezig{ padding-top: 70px; }
	.top_bar{ position: fixed; z-index: 100; width:100%; height:70px; background-color:var(--color-primary); flex-direction: row; display: flex; justify-content: center; align-items: center; gap:10px; color: #ffffff; font-size:18px; left: 0; top:0;} 
	
}

@media only screen and (min-width: 1199px) {
	.success-title span { font-size: 100px; }
	.ambition-title span { font-size: 100px; }
	.success-title-left { transform: translateX(0); }
	.success-title-right { transform: translateX(0); }
	.ambition-title-left { transform: translateX(-300px); }
	.ambition-title-right { transform: translateX(300px); }
	
	.place-image{ margin-top: -300px; }
	
}

@media only screen and (min-width: 1400px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
	.centered-xl { padding-right: calc((100% - var(--width-base-xl)) / 2); padding-left: calc((100% - var(--width-base-xl)) / 2); }
	.success-title span { font-size: var(--font-size-heading); }
	.ambition-title span { font-size: var(--font-size-heading); }
	.ambition-title-left { transform: translateX(0); }
	.ambition-title-right { transform: translateX(0); }
	.gallery-shape img { width: auto; height: auto; }
	.process .swiper-pagination,
	.information-pagination.swiper-pagination-horizontal { margin-right: -335px; width: calc(100% + 670px); }
	.process .swiper-pagination,
	.information-pagination.swiper-pagination-horizontal { margin-right: -335px; width: calc(100% + 670px); }
	.place-info { margin-left: -49px; }
	
	.place-image{ margin-top: -350px; }
}

/* #keyframes
================================================== */

/* zoom-up */
@keyframes zoom-up {
	0% {
		opacity: 0;
		transform: scale(2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* animate-up */
@keyframes animate-up {
	0% {
		transform: scale(1.4);
	}
	100% {
		transform: scale(1);
	}
}

/* link-translate */
@keyframes link-translate {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(100%);
	}
}
@keyframes link-translate-1 {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes heading-slide-left {
	0% {
		transform: translate(40%, 100%) scale(1.4);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}
@keyframes heading-slide-right {
	0% {
		transform: translate(-10%, -100%) scale(1.4);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}