/*
	Theme Name: Qualis - VR Makelaardij
	Theme URI: 
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: 

*/
@font-face {
    font-family: 'Canaro-Light';
    src: url('assets/fonts/Canaro-Light-webfont.woff2') format('woff2'),
         url('assets/fonts/Canaro-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Canaro-Bold';
    src: url('assets/fonts/Canaro-Bold-webfont.woff2') format('woff2'),
         url('assets/fonts/Canaro-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?ioxwoc');
  src:  url('assets/fonts/icomoon.eot?ioxwoc#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?ioxwoc') format('truetype'),
    url('assets/fonts/icomoon.woff?ioxwoc') format('woff'),
    url('assets/fonts/icomoon.svg?ioxwoc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-brochure-download:before {
  content: "\e900";
}
.icon-chevron-down:before {
  content: "\e901";
}
.icon-chevron-left:before {
  content: "\e902";
}
.icon-chevron-right:before {
  content: "\e903";
}
.icon-chevron-up:before {
  content: "\e904";
}
.icon-door-dink:before {
  content: "\e905";
}
.icon-envelop-filled:before {
  content: "\e906";
}
.icon-envelop:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-instagram:before {
  content: "\e909";
}
.icon-locatie:before {
  content: "\e90a";
}
.icon-phone:before {
  content: "\e90b";
}
.icon-photos:before {
  content: "\e90c";
}
.icon-pinterest:before {
  content: "\e90d";
}
.icon-plattegronden:before {
  content: "\e90e";
}
.icon-play:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}


.grecaptcha-badge {visibility:hidden}
button {
    padding: 0;
}

:root {
	--color-primary:#79756D;
	--color-secondary:#AEAFAA;	
	--color-primary:#79756D; /*Qualis*/	
	--color-quartiary: #49443A;
	--color-red:#C52E1A;
	--color-blue:#009DE0;
	--color-black: #000;
	--color-light: #DFD9C5;

	--border-radius-button: 5px;
	--border-radius-box: 200px;
	--border-radius-aanbod: 100px;
	
	--padding-content: 90px 0 45px;
	--padding-content-large:120px 0 85px;
	--padding-buttons: 16px 15px;

	--font-family-miller:"miller-display";
	--font-family-canaro-light: 'Canaro-Light';
	--font-family-canaro-bold: 'Canaro-Bold';

	--font-size-body:20px;
	--font-size-18:18px;
	--font-size-h1:62px;
	--font-size-h1-makelaar:56px;
	--font-size-h2:45px;
	--font-size-h3:32px;
	--font-size-h4:24px;
	--font-size-h5:20px;
	--font-size-h6:20px;
	--font-size-banner:72px;
	--margin-bottom-10: 10px;
	--margin-bottom-15: 15px;
	--margin-bottom-20: 20px;
	--margin-bottom-30: 30px;
	--margin-bottom-45: 45px;
	
}

@media screen and (max-width:1300px){
	:root {
		--font-size-body:20px;
		--font-size-18:18px;
		--font-size-banner:65px;
		--font-size-h1:57px;
		--font-size-h1-makelaar:51px;
		--font-size-h2:42px;
		--font-size-h3:29px;
		--font-size-h4:22px;
		--font-size-h5:20px;
		--font-size-h6:20px;
	}
}

@media screen and (max-width:992px){
	:root {
	--border-radius-box: 100px;
	--border-radius-aanbod: 50px;
	--padding-content: 60px 0 15px;
	--padding-content-large:60px 0 15px;
	--padding-buttons: 15px 15px;
		
	--font-size-body:18px;
	--font-size-18:16px;
	--font-size-banner:55px;
	--font-size-h1:48px;
	--font-size-h1-makelaar:45px;
	--font-size-h2:38px;
	--font-size-h3:29px;
	--font-size-h4:22px;
	--font-size-h5:18px;
	--font-size-h6:18px;	
	}
	
	
}

@media screen and (max-width:768px){
:root {
	--font-size-body:16px;		
	--font-size-banner:50px;
	--font-size-h1:45px;
	--font-size-h1-makelaar:40px;
	--font-size-h2:36px;
	--font-size-h3:26px;
	--font-size-h4:20px;
	--font-size-h5:18px;
	--font-size-h6:18px;	
	}
	

}

@media screen and (max-width:550px){
:root {
		
	--font-size-banner:42px;
	--font-size-h1:37px;
	--font-size-h1-makelaar:34px;
	--font-size-h2:32px;
	--font-size-h3:26px;
	--font-size-h4:17px;
	--font-size-h5:18px;
	--font-size-h6:18px;	
	}	
}


a , .mobbtn span, button, input, textarea, a span, .slick-arrow, .makelaar-media-grid a img{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*------------------------------------*\
    MAIN




\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}


a {	color:var(--font-family-primary);	text-decoration:none;font-weight:700}
a:hover {	color:var(--font-family-secondary);}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2 { font-family:var(--font-family-miller); font-weight:400;  margin: 0;color:var(--color-black);line-height:1.1}
body {font-size:var(--font-size-body);line-height:1.5;font-family:var(--font-family-canaro-light);color:var(--color-primary);font-weight:300;}

h1, .h1 {font-size:var(--font-size-h1);}
h2, .h2 {font-size:var(--font-size-h1);}
h3 {font-size:var(--font-size-h3);font-family:var(--font-family-canaro-light);font-weight:normal;}
h4 {font-size:var(--font-size-h4);font-family:var(--font-family-canaro-light);font-weight:normal;}
h5 {font-size:var(--font-size-h5);font-family:var(--font-family-canaro-light);font-weight:normal;}
h6 {font-size:var(--font-size-h6);font-family:var(--font-family-canaro-light);font-weight:normal;}

h1 span, h2 span, .subtitel {display:block;margin:0 0 10px;color:var(--color-primary);font-size:var(--font-size-h4); font-family:var(--font-family-canaro-light);font-weight:normal;text-transform:uppercase}

.standaard-content h2,
.standaard-content h3,  .standaard-content h4, .standaard-content h5, .standaard-content h6{margin-bottom:var(--margin-bottom-10);font-size:var(--font-size-h5);color:var(--color-primary);font-weight:700}
.standaard-content h2 {color:var(--color-black);font-size:var(--font-size-h3);}


.standaard-content a:not(.btn):not(.read-more) {color:var(--color-primary)}
.standaard-content a:not(.btn):not(.read-more):hover {color:var(--color-dark)}
p { margin:0;margin-bottom:var(--margin-bottom-30)}
blockquote, .title-box { margin:0;margin-bottom:var(--margin-bottom-30)}
p:last-child, blockquote:last-child {margin:0}
.standaard-content strong {font-family:var(--font-family-canaro-bold);font-weight:normal;color:var(--color-quartiary);}
.standaard-content p + .read-more {margin-top:15px;display:inline-block}

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:5px;position:relative;padding-left:20px;}
.standaard-content ul, .standaard-content ol {margin-bottom:var(--margin-bottom-20);}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-primary);
  display: inline-block; position:absolute;left:0;top:0;}



.standaard-content ul.btn-list li {padding:0!important;display:inline-block;margin-right:5px;margin-bottom:5px;}
.text-center.standaard-content ul.btn-list li  {margin-left:2px;margin-right:2px;}
.standaard-content ul.btn-list {margin-bottom:-5px;}

blockquote {font-size:var(--font-size-h4);padding:0;}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row>* {
	    padding-right: calc(var(--bs-gutter-x)* 1);
    padding-left: calc(var(--bs-gutter-x)* 1);
}


 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1310px;
    }


.wrapper {	max-width:1310px;	width:100%;	margin:0 auto;	position:relative;}




.content-row {padding:var(--padding-content)}
.white-background + .white-background {padding-top:0;}
.primary-background {background-color:var(--color-primary);}
.tertiary-background {background-color:var(--color-primary);}

.color-background h1, .color-background h2, .color-background h3, .color-background h4, .color-background h5, .color-background h6, .color-background .h1, .color-background .h2, .color-background a {color:var(--color-light);}
.color-background, .color-background h1 span, .color-background h2 span, .color-background .subtitel {color:#fff;}

.light-background {background-color:var(--color-light);}
.light-background h1, .light-background h2, .light-background h3, .light-background h4, .light-background h5, .light-background h6, .light-background .h1, .light-background .h2, .light-background a,
.light-background, .light-background h1 span, .light-background h2 span, .light-background .subtitel  {color:var(--color-primary);}

.white-title h2, .light-background .white-title h2{color:#fff;}


.form-box {padding-right:80px!important}
.team-content {padding-left:80px;}








.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater, .right-aligned {float:right;order:2}
.text-right {text-align:right}

.margin-fix,.marginfix {margin-bottom:var(--margin-bottom-45)}
.margin-top-15 {margin-top:var(--margin-bottom-15)}
.margin-top-30{margin-top:var(--margin-bottom-30)}

.media-box {position:relative;overflow:hidden;border-radius:var(--border-radius-box);overflow:hidden;}
.media-box img {width:100%;}

.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}
.video-link {display:block;position:relative}
.video-link:before {z-index:99;width:90px;height:90px;content:"";position:absolute;left:calc(50% - 45px);top:calc(50% - 45px);background:var(--color-primary);border-radius:50%}
.video-link:hover:before {transform:scale(1.1)}
.video-link:after {
content:"";position:absolute;
	  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 14px solid #fff;
	top:calc(50% - 8px);left:calc(50% -  7px);z-index:100;
}




.banner-image {height:480px;}
.banner-image img {width:100%;height:100%;object-fit:cover;}

.banner-slider-holder {position:relative;}
.banner-slider-container {    position: absolute;    top: 0;    left: 0;    height: 100%;overflow:hidden;width:100%}
.banner-slide {width:100%;height:100%;background-size:cover;background-position:center center;}
.banner-slide:before {content:"";position:absolute;top:0;left:0;z-index:1;background:#000;opacity:.3;width:100%;height:100%}
.banner-slider-holder .container .row {position:relative;z-index:100;min-height:calc(100vh - 112px);padding:100px 0}
.banner-slider, .banner-slider * {    height: 100%;}

.banner-slider-content h1, .banner-slider-content{font-size:var(--font-size-banner);font-family:var(--font-family-miller);line-height:1.1}
.banner-slider-content h1 span, .banner-slider-content {color:#fff;-webkit-text-stroke: 0;}
.banner-slider-content h1 {    -webkit-text-stroke: 1px #fff;    color: transparent;}


.dienst-box {text-align:center}
.dienst-img {position:relative;margin-top:var(--margin-bottom-15);margin-bottom:var(--margin-bottom-30);height:205px;}
.dienst-img img {top:0;left:0;width:100%;height:100%;object-fit:contain}
.diensten-row {margin-bottom:90px;position:relative;}
.diensten-row:last-child {margin-bottom:0;}

.diensten-row > .container > .row {position:relative;}
.diensten-row > .container > .row:before{
    content: "";
    position: absolute;
    bottom: -45px;
    left: 1.5rem;
    width: calc(100% - 3rem);
    background: #000;
    height: 1px;
}

.team-content {margin-left:auto;}
.team-row {padding-bottom:0!important}
.container.team-image {    max-width: 1750px;}

.contact-persoon-box {background:var(--color-light);border-radius:0 0 var(--border-radius-box) 0;overflow:hidden}
.aanbod-box .contact-persoon-box {border-radius:0;}
.aanbod-contact-persoon .contact-persoon-box {border-radius:0 var(--border-radius-box) 0 0;height:100%;position:relative}
.aanbod-box .contact-persoon-box > div:last-child {   align-items:flex-end; height: 100%;    position: absolute;    left: 0;    bottom: 0;z-index:1;width:50%}
.aanbod-box .contact-persoon-box > div:last-child img {width:100%;max-height:calc(100% - 60px)}
.aanbod-box .contact-persoon-box > div:first-child {    height: 100%;    display: flex;    padding-top: 90px;    padding-left: 45px;    position: relative;    z-index: 10;    flex-wrap: wrap;    width: 100%;    padding-left: 45%;}

.aanbod-box .contact-persoon-box > div:first-child .flex-end {    margin-top: auto;    width: auto;    margin-left: auto;    min-width: 190px;}
.aanbod-box .contact-persoon-box > div:first-child > div {width:100%}

.aanbod-slider .slick-slide > div {    display: flex}
ul.slick-dots {    margin: 0 0 45px;text-align:center}
ul.slick-dots, ul.slick-dots  li {padding:0;margin:0;list-style:none;}
ul.slick-dots li {display:inline-block;line-height:1;margin:0 3px;}
ul.slick-dots button {padding:0;margin:0;-webkit-appearance:none;appearance:none;font-size:0;text-indent:-9999px;overflow:hidden;width:16px;height:16px;border:3px solid #fff;background:var(--color-secondary);border-radius:50%}
ul.slick-dots .slick-active button {border-color:var(--color-primary);background:var(--color-primary);}

.contact-persoon-box > div:first-child {padding:45px;padding-right:30px;}
.contact-persoon-box h3 {text-transform:none;font-size: var(--font-size-h2);    font-family: var(--font-family-miller);color:var(--color-primary);line-height:1.1}

.contact-persoon-box > div:last-child {display:flex;flex-wrap:wrap;align-items:center;height:270px;}
.contact-persoon-box > div:last-child, .aanbod-box .contact-persoon-box > div:first-child{color:var(--color-quartiary);font-size:var(--font-size-18);text-transform:uppercase;font-family: var(--font-family-canaro-bold)}
.contact-persoon-box > div:last-child img {width:50%;height:100%;object-fit:contain;object-position:bottom left}

.contactpersoon-list, .contactpersoon-list li {padding:0;margin:0;list-style:none}
.contactpersoon-list li{margin-right:45px;display:inline-block}
.contactpersoon-list li:last-child{margin:0}

.contactpersoon-list a:not(.btn){color:#fff;font-weight:normal;}
.contactpersoon-list a:not(.btn):hover {color:var(--color-light);}
.contactpersoon-list a:not(.btn) span {display:inline-block;vertical-align:middle;margin-right:10px;    margin-top: -4px;color:var(--color-light)}
.contactpersoon-list a:not(.btn) span.icon-envelop {font-size:80%;    margin-top: 0;}


.large-image-row {overflow:hidden}
.large-image-content {padding:var(--padding-content-large)}
.large-image {padding:0;position:relative;}
.large-image img{width:50vw;height:100%;object-fit:cover;max-width:none;position:absolute;top:0;left:0;}
.left-sided.large-image img {left:auto;right:0;}
.left-content {padding-right:90px;}
.right-content {padding-left:90px;}



.search-box {margin-bottom:var(--margin-bottom-45)!important;padding-bottom:var(--margin-bottom-45);position:relative;}
.search-box:before {content:"";position:absolute;width:calc(100% - 3rem);left:1.5rem;bottom:0;height:1px;background:var(--color-secondary);}

.search-box:first-child {padding-top:var(--margin-bottom-45)}
.search-box:first-child:after {content:"";position:absolute;width:calc(100% - 3rem);left:1.5rem;top:0;height:1px;background:var(--color-secondary);}

.empty-search {padding-left:1.5rem;padding-right:1.5rem}

.empty-archive{margin-top:var(--margin-bottom-45);}


.pagination {margin-top:var(--margin-bottom-30)!important;margin-bottom: var(--margin-bottom-45)!important;}
.page-numbers {
    font-family: var(--font-family-canaro-bold);
    font-weight: normal;
    display: inline-block;
    margin: 0 7px;color:var(--color-secondary);
}
a.page-numbers:hover, .page-numbers.current {color:var(--color-primary);}

#entity-search-form .pagination > div {display:flex;align-items:center;justify-content:center;}
#entity-search-form .prev.page-numbers {margin-right:25px;}
#entity-search-form .next.page-numbers {margin-left:25px;}
#entity-search-form .page-numbers.disabled {opacity:.5}
/*------------------------------------*\
    FORMS
\*------------------------------------*/
.form-group h3 {color:var(--color-primary);margin-bottom:var(--margin-bottom-20);font-family:var(--font-family-miller);}

.form-group {align-items:center;margin-bottom:var(--margin-bottom-30);}
.form-label ,.form-input {margin-bottom:10px;}
.form-label {width:210px}
.form-input {width:calc(100% - 210px)}

.form-submit-group {padding-top:var(--margin-bottom-30);position:relative}
.form-submit-group:before {content:"";background:var(--color-secondary);width:100%;left:0;height:1px;position:absolute;top:0;}

.form-group, .form-submit-group {margin-left:0;margin-right:0;} 
.form-group .col-sm-12, .form-submit-group .col-sm-12{padding-left:0;padding-right:0;} 

.form-submit-group > div > p {display:flex;flex-wrap:wrap;width:100%;}
.form-submit-group .btn {margin-left:auto;height:auto;}
.form-submit-group > div .wpcf7-form-control-wrap {width:calc(100% - 190px)}

input[type="search"], input[type="text"], input[type="email"], textarea {border:1px solid var(--color-primary);height:45px;padding-left:15px;margin:0;appearance:none;-webkit-appearance:none;background-color:#fff;width:100%;font-size:16px;display:block;}
textarea {height:205px;resize:none;padding:15px;}

.wpcf7-form-control-wrap {position:relative;}

input[type="checkbox"] {display:none}
input[type="checkbox"] + span {position:relative;display:block;padding-left:35px;font-size:12px;}
input[type="checkbox"] + span:before {content:"";position:absolute;top:-1px;left:0;width:20px;height:20px;background:var(--color-light);}
input[type="checkbox"]:checked + span:after {content:"";position:absolute;top:2px;left:3px;width:14px;height:14px;background:#000;}
input[type="checkbox"] + span a {text-decoration:underline;font-weight:300}

.search-field input[type="checkbox"] {display:block}

.wpcf7-not-valid{border-color:var(--color-red)!important;}

.wpcf7-not-valid-tip {    background: var(--color-red);    color: #fff;    font-size: 60%;    margin-top: 0;    position: absolute;    z-index: 10;    top: -8px;    padding: 2px 5px;    left: 5px;}
.wpcf7 form .wpcf7-response-output {    margin: 0 .75rem;    padding: 15px 20px;    border: 2px solid var(--color-primary);}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {background: var(--color-red); border-color:var(--color-red);color:#fff }

.wpcf7-list-item {margin:0;}
span.wpcf7-spinner {display:none!important}
/*------------------------------------*\
    BUTTON
\*------------------------------------*/

button, .btn {font-family:var(--font-family-secondary);font-weight:700;-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;}

.btn{
	font-family:var(--font-family-canaro-bold);
	font-size: var(--font-size-18);
    position: relative;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    border-radius: var(--border-radius-button);
	background-color:var(--color-primary);
    text-align: center;
    font-style: normal;
    cursor: pointer;
    overflow: hidden;border:none;text-transform:uppercase
}

.btn:hover {
	color:#fff;
	background-color:var(--color-black);
}

.btn.blue {background:var(--color-blue);color:#fff}
.btn.blue:hover {color:var(--color-blue);background:#fff}

.btn[type="submit"] {min-width:190px;}
.btn[type="submit"], .btn[type="submit"].alt:hover , .btn.alt:hover {background:#000;color:var(--color-light);}
.btn[type="submit"]:hover, .btn[type="submit"]:focus, .btn[type="submit"].alt , .btn.alt  {color:#000;background:var(--color-light);}

.read-more {display:inline-block;text-align:left;text-transform:uppercase;color:var(--color-quartiary);font-family:var(--font-family-canaro-bold);font-weight:normal;padding-right:60px;position:relative;font-size:18px;}

.read-more .rounded-icon {position:absolute;right:0;top:calc(50% - 22.5px);color:var(--color-primary);border-color:var(--color-primary);font-size:10px;}
.read-more:hover .rounded-icon, .slider-arrow:hover,.slider-arrows > a:hover .rounded-icon {color:#fff;background:var(--color-primary)}
.slider-arrow:hover,.slider-arrows > a:hover .rounded-icon {border-color:var(--color-primary)}
.color-background .read-more {color:var(--color-light)}
.color-background .read-more .rounded-icon {color:#fff;border-color:#fff;}
.color-background .read-more:hover .rounded-icon {color:var(--color-primary);background-color:#fff;}
.rounded-icon {width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid}

.slider-arrows { display: flex; justify-content: end;}
.slider-arrows .pagination a {line-height:1;}
.slider-arrows .pagination {margin-top:0!important;margin-bottom:0!important}
.slider-arrow, .slider-arrows > a, .slider-arrows .disabled, .slider-arrows .pagination, .page-numbers.prev, .page-numbers.next{font-size:10px;cursor:pointer;}
.slider-arrow.slider-right, .slider-arrows > a:last-child, .slider-arrows > .pagination:last-child, .slider-arrows .nav-next {margin-left:30px}

.slider-arrows .disabled {opacity:.5;cursor:auto;}

/*------------------------------------*\
    AANBOD
\*------------------------------------*/
.aanbod-box {margin-bottom:40px;}
.aanbod-box a {display:block}
.aanbod-box-img {padding-bottom: 72%;overflow:hidden;position:relative;}
.aanbod-box-img img {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;}
.aanbod-box-desc {position:relative;padding:20px 20px 10px;}
.aanbod-box-desc:after {content:"";position:absolute;bottom:0;left:20px;height:1px;width:calc(100% - 40px);background:#000;}
.aanbod-box-desc h2 {font-family:var(--font-family-canaro-light);font-weight:normal;font-size:var(--font-size-h5);line-height:1.4;color:#000}
.aanbod-box-desc h2 span {display:block;text-transform:uppercase;color:#000;margin:0}
.aanbod-box-prijs {font-family:var(--font-family-miller);font-weight:normal;font-size:var(--font-size-h4);text-align:right;color:var(--color-primary);}
.slick-slide .aanbod-box {    padding: 0 1.5rem;}

.aanbod-row .aanbod-box-1 .aanbod-box-img, .aanbod-row .aanbod-box-4 .aanbod-box-img{border-radius:var(--border-radius-aanbod) 0 0 0;}
.aanbod-row .aanbod-box-3 .aanbod-box-img, .aanbod-row .aanbod-box-2 .aanbod-box-img{border-radius:0 0 var(--border-radius-aanbod) 0;}
.aanbod-box-img:hover > img {transform:scale(1.1)}
.aanbod-box-img img{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.aanbod-status-label {position:absolute;top:0;right:0;z-index:10;width:80px;height:138px;}
.aanbod-status-label img {width:80px;height:auto;display:block}

.gm-style-iw {
    width: 350px;
    min-height: 120px;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    max-height: none !important;
    height: auto !important;
    max-width: none !important;
}
.gm-style .gm-style-iw-c {overflow:visible!important}
.gm-style .gm-style-iw-d {max-height:none!important;    overflow: visible !important;}
.gm-style-iw > div:last-child > div {position:relative;display:flex;align-items:center;flex-wrap:wrap;background:#fff;border-radius:0 0 0 25px;overflow:hidden;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.marker-desc {font-family:var(--font-family-miller);color:var(--color-primary);font-size:18px;}
.marker-desc h2, .marker-desc h2 span {
    font-family: var(--font-family-canaro-light);
    font-size: 17px;
    color: #000;
    text-transform: none;
}
.marker-img {
    height: 100%;
    width: 150px;
    position: absolute;
    top: 0;
    left: 0;
}
.marker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.marker-desc{width:calc(100% - 150px);padding:20px;padding-right:5px;margin-left:auto;}

.gm-style-iw-ch, .gm-style .gm-style-iw-tc {
    display: none;
}
.gm-style-iw-chr button {
    width: 30px !important;
    height: 30px !important;
    background: var(--color-red) !important;
    opacity: 1;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: calc(100% - 15px) !important;
    margin-bottom: -15px !important;
    z-index: 10;
}
.gm-ui-hover-effect>span {
    background-color: #fff!important;    width: 20px!important;
    height: 20px!important;
    margin: 5px!important;
}
/*------------------------------------*\
    MODALS
\*------------------------------------*/
body.modal-open {    overflow: hidden;}
.modal {z-index:9999;background: #000;overflow: auto;  }
.modal-content {    color: inherit;    background: none;    border: none;    border-radius: 0;padding:45px 0}

.modal-close {width:45px;height:45px;border-radius:50%;background:#C52E1A;position:absolute;right:calc(-75px + 1.5rem);top:0;}
.modal-close span {position:absolute;height:1px;width:16px;background:#fff;top:calc(50% - .5px);left:calc(50% - 8px)}
.modal-close span:first-child {transform:rotate(45deg)}
.modal-close span:last-child {transform:rotate(-45deg)}
.modal-main-slider, .modal-plattegrond-slider {margin-bottom:35px;}
.modal-main-slider img, .modal-plattegrond-slider img {width:100%;}
.modal-slider-holder {display:flex;align-items:center;flex-wrap:wrap}
.modal-slider-holder > div {width:100%;}
.modal-slide-thumb {    filter: grayscale(1);cursor:pointer}
.modal-slide-thumb img {width:calc(100% - 20px);margin-left:10px;}
.modal-slide-thumb.slick-current {    filter: grayscale(0);}
.modal-slider-holder > .modal-slider-pagination {    width: 150px;color:#fff;}
.modal-slider-holder > .modal-sub-slider {padding-left:10px;width:calc(100% - 150px);margin-left:10px;margin-right:-10px;}

.modal .slider-arrow {position:absolute;top:calc(50% - 22.5px);z-index:10;}
.modal .arrow-right {    right: -75px;}
.modal .arrow-left {    left: -75px;}

.modal-plattegrond-pagination {display:flex;align-items:center;flex-wrap:wrap;color:var(--color-primary);}
.modal-plattegrond-pagination .current, .modal-plattegrond-pagination > div:hover {color:var(--color-light);}
.modal-plattegrond-pagination > div {margin-right:50px;cursor:pointer;}

.video-slide video {    width: 100%;}


.modal-slide, .video-slide, .object-map{overflow:hidden; border-radius:var(--border-radius-aanbod) 0 0 0}


.modal-image > div {width:100%;height:700px;position:relative;}
.modal-image > div img {width:100%;height:100%;object-fit:cover;max-width:none;}

.hidden {display:none!important}

/*------------------------------------*\
    MAKELAAR
\*------------------------------------*/


/*Single*/
.makelaar-header {position:relative;padding-bottom:25px;margin-bottom:25px;font-size:30px;color:var(--color-quartiary);}
.makelaar-header:after, .makelaar-content > div > .row:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:#D6D6D6}
.makelaar-content > div > .row:after {width:calc(100% - 4.5rem);}
.makelaar-header h1 {margin-bottom:20px;font-size:var(--font-size-h1-makelaar);}
.makelaar-header .prijs, .makelaar-list-groups h3 {font-family:var(--font-family-miller);color:var(--color-primary);font-size:32px;text-align:right;    font-weight: 400;}
.makelaar-header .prijs {line-height:1;}
.modal .makelaar-header {    color: #fff;font-size:20px;padding-bottom:30px;}
.modal .makelaar-header h2{font-size:var(--font-size-h3);margin:0;color:#fff;}
.modal .makelaar-header .prijs {color:var(--color-light);line-height:1;}

.makelaar-quicklinks {margin-bottom:20px;}
.makelaar-quicklinks ul, .makelaar-quicklinks li {padding:0;margin:0;list-style:none}
.makelaar-quicklinks li {  cursor:pointer;  display: inline-flex;    margin-right: 50px;    align-items: center;margin-bottom:5px;}
.makelaar-quicklinks li:last-child {margin-right:0;}
.makelaar-quicklinks li, .makelaar-quicklinks li a, .makelaar-quicklinks li button {color:var(--color-primary);font-size:18px;font-weight:normal;font-family:var(--font-family-canaro-bold);text-transform:uppercase}
.makelaar-quicklinks span {font-size:33px;display:inline-block;margin-right:10px;}
.makelaar-quicklinks li:hover, .makelaar-quicklinks li:hover a, .makelaar-quicklinks li.current button, .makelaar-quicklinks li.current button, .makelaar-quicklinks li:hover button {color:var(--color-light);}

.makelaar-quicklinks li button {display:flex;align-items: center;}
 	.makelaar-quicklinks li a {    display: flex;    align-items: center;}

.makelaar-media-grid a {display:block;overflow:hidden;position:relative;}
.makelaar-media-grid a:hover img {transform:scale(1.1)}
.makelaar-media-grid a, .makelaar-media-grid a img {display:block;width:100%;}
.makelaar-media-grid img {object-fit:cover;width:100%;height:100%;}
.makelaar-media-grid .col-xl-8 a{border-radius:0 0 0 100px}
.makelaar-media-grid .col-xl-8 img {height:630px}
.makelaar-media-grid .col-xl-4 a:first-child{border-radius:0 100px 0 0 }
.makelaar-media-grid .col-xl-4 a:nth-child(2){margin-top:3rem}
.makelaar-media-grid .col-xl-4 img {height:calc(315px - 1.5rem);}


.makelaar-content .title-box h2 {font-size:var(--font-size-h1-makelaar)}
.makelaar-content .title-box h2 span  {font-size:var(--font-size-h5);margin:0;}
.makelaar-content > div > .row {position:relative;padding-bottom:45px;margin-bottom:45px;margin-left:0;margin-right:0;padding-right:1.5rem}
.makelaar-content > div.col-xl-8 {padding-left:0;position:relative;}
.makelaar-content > div.col-xl-8:after{content:"";position:absolute;bottom:0;right:1.5rem;width:1px;height:100%;background:#D6D6D6}

.folded-content, .makelaar-list-kenmerken-alle {display:none}
.fold-kenmerken {    margin-top: 30px;}

.makelaar-list-kenmerken-alle h3:first-child{padding-top:30px;border-top:1px solid #D6D6D6;}
.makelaar-list-group {padding-left:0;padding-right:0;border-bottom:1px solid #D6D6D6;padding-bottom:30px;margin-bottom:30px!important;}
.makelaar-list-group:last-child {border:none;padding-bottom:0;margin-bottom:0;}
.makelaar-list-kenmerken-alle .makelaar-list-group:last-child {margin-bottom:0!important}
.makelaar-list-groups h3 {margin-bottom:10px;text-align:left;padding-left:0;padding-right:0;}
.makelaar-list-group-label {padding-left:0;}
.makelaar-list-group-value {padding-right:0;}

.makelaar-social-share {text-align:right;margin-bottom: var(--margin-bottom-45);}
.makelaar-social-share > div {    width: auto;    margin-left: auto;}
.makelaar-social-share ul, .makelaar-social-share li {padding:0;margin:0;list-style:none;}
.makelaar-social-share ul {display:flex;align-items:center;text-align:right;margin-left:auto}
.makelaar-social-share li {margin-left:13px;}
.makelaar-social-share a {    width: 30px;    height: 30px;    display: block;    background: var(--color-primary);    display: flex;    align-items: center;    justify-content: center;    color: #fff;    border-radius: 50%;    font-size: 15px;}
.makelaar-social-share a:hover, .makelaar-social-share a:focus {color:#fff;background:var(--color-light);}
.makelaar-social-share a span.icon-envelop-filled {    font-size: 75%;}

.makelaar-quicklinks li, .zoom-control{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.object-map {    width: 100%;    height: 700px;}
.object-map img {   max-width: inherit !important;}

div#google-map, div#google-streetview {    width: 100%;    height: 700px;}
.custom-zoom-wrapper, .plattegrond-zoom-controls {    right: 30px !important;    bottom: 30px !important;}
.plattegrond-zoom-controls {position:absolute;z-index:100}
.maps-control-zoom, .plattegrond-zoom-controls {width:45px;height:120px;}
.zoom-control {cursor:pointer;width:45px;height:45px;border-radius:50%;background:var(--color-primary);margin-bottom:30px;color:#fff;position:relative;}
.zoom-control:last-child {margin-bottom:0;}
.zoom-control:hover {background:var(--color-light);}
.zoom-control.in:before, .zoom-control.out:before {content:"";position:absolute;width:15px;height:1px;background:#fff;left:calc(50% - 7.5px);top:calc(50% - .5px)}
.zoom-control.in:after {content:"";position:absolute;height:15px;width:1px;background:#fff;top:calc(50% - 7.5px);left:calc(50% - .5px)}

.plattegrond-holder {max-height:700px;}


.makelaar-archive-row + .content-row {padding-top:90px;}
.makelaar-archive-row + .content-row .container > .row:first-child {position:relative;}
.makelaar-archive-row + .content-row .container > .row:first-child:before {
    content: "";
    position: absolute;
    top: -90px;
    left: 1.5rem;
    width: calc(100% - 3rem);
    background: #000;
    height: 1px;
}


.search-field {width:20%;}
.search-field  .btn {width:100%;padding-top:0;padding-bottom:0;height:45px;font-size:16px;}
.select2-container {width:100%!important}


/*------------------------------------*\
    SELECT2
\*------------------------------------*/
body .select2-container--default .select2-selection--single {
    background-color: #fff;    border: 1px solid #ddd;/*aanpassen*/
    border-radius: 0;
}
body .select2-container .select2-selection--single {height:45px;}
body .select2-container--default .select2-selection--single .select2-selection__rendered {    color: #444;    line-height: 28px;    font-size: var(--font-size-body);    line-height: 45px;    font-family: var(--font-family-canaro-light);    color: #000;    font-weight: 300;}

body .select2-container--default .select2-selection--single .select2-selection__arrow {    height: 45px;        right: 21px;}
body .select2-container--default .select2-selection--single .select2-selection__arrow:before {    font-size: 7px;    color: #000;    font-family: 'icomoon' !important;    content: "\e901";    top: 19px;    position: absolute;    left: 3px;}

body .select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow:before { content: "\e904"; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none!important}
body .select2-container .select2-selection--single .select2-selection__rendered {font-size:16px;    padding-left: 30px;    padding-right: 40px;}

body .select2-search--dropdown {
	padding: 5px 10px;
}
body .select2-dropdown {
    background-color: white;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
    border:1px solid var(--color-secondary);
}
body .select2-results__option {	padding: 5px 5px 5px 30px;font-size:15px;}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-light);
    color: #000;
}
body .select2-container--default .select2-results__option--selected {
    background-color: var(--color-light);  
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {position:fixed;top:0;left:0;width:100%;z-index:9000;max-width:100vw}
.header-container {background:#000;padding:25px 0;}
.header-logo {width:calc(405px + 3rem);}
.header-logo a {display:inline-block;}
.header-logo img {
    height: 62px;
    width: auto;
}

.qualis-logo {height:62px;width:auto;margin-right:52px;position:relative;}
.qualis-logo:after {content:"";position:absolute;right:-28px;height:75px;width:1px;background:#fff;top:calc(50% - 37.5px);}
.vr-logo {height:62px;width:auto;}

.header-menu{width:140px;}
.mobbtn {color:#fff;font-size:18px;position:relative;padding-left:35px;cursor:pointer;}
.mobbtn span {position:absolute;width:22px;height:1px;background:#fff;left:0;border-radius:2px;}
.mobbtn span:nth-child(1){top:8px;}
.mobbtn span:nth-child(2){top:14px;}
.mobbtn span:nth-child(3){top:20px;}

.mobbtn.active-menu span:nth-child(2) {opacity:0;}
.mobbtn.active-menu span:nth-child(1) {transform:rotate(45deg);top:14px;}
.mobbtn.active-menu span:nth-child(3) {transform:rotate(-45deg);top:14px;}


.header-contact {width:auto;margin-left:auto;text-align:right}
.header-contact ul, .header-contact li {padding:0;margin:0;list-sty:none;}
.header-contact li {display:inline-block;margin-left:55px;}
.header-contact li:first-child {margin-left:0;}
.header-contact ul {display:flex;align-items:center;flex-wrap:wrap;}
.header-contact a:not(.btn){color:#fff;font-size:18px;font-weight:normal;display:block}
.header-contact a:not(.btn) span {display:inline-block;vertical-align:middle;margin-right:10px;    margin-top: -4px;color:var(--color-light)}
.header-contact a:not(.btn) span.icon-envelop {font-size:80%;    margin-top: 0;}
.header-contact .btn {color:var(--color-light);width:185px}
.header-contact .btn:hover, .header-contact .btn:focus {color:#000000;background:var(--color-light)}


main {margin-top:112px;}

.navigation {   display:none; max-height: calc(100vh - 112px);    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .16) !important;background:var(--color-primary);padding-top:80px;padding-bottom:80px;overflow:auto;}

.navigatie-btn {align-self:flex-end;text-align:right}

.navigation ul, .navigation  li {padding:0;margin:0;list-style:none;display:block;}
.navigation-holder a {display:inline-block;font-size:48px;font-weight:normal;font-family:var(--font-family-miller);color:var(--color-light);line-height:1;position:relative;border-bottom:1px solid transparent}
.navigation ul {    max-width: 300px;}

.menu-item-has-children a {padding-right:30px;}
.menu-item-has-children {position:relative;}
.menu-item-has-children > span {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: 5px;
    color: #fff;
    font-size: 10px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.menu-item-has-children > span:after{ font-family: 'icomoon';content: "\e901";}
.menu-item-has-children > span.active-menu:after{ content: "\e904";}

.navigation-holder .sub-menu a {font-size:30px;}
.navigation-holder .sub-menu {margin-top:15px;display:none}
.navigation-holder .sub-menu li {display:block;padding-left:25px;}




.navigation-holder a:hover, .navigation-holder li.current-menu-item > a, .navigation-holder li.current-menu-ancestor > a {color:#fff;border-color:#fff;}
.navigation-holder li {margin-bottom:25px;}
.navigation-holder li:last-child {margin-bottom:0;}
.navigatie-btn,.navigatie-search {width:100%}
.navigatie-side {display:flex;flex-wrap:wrap}
 
.search-label {color:#fff;text-transform:uppercase;font-size:var(--font-size-18);font-family:var(--font-family-canaro-bold);margin-bottom:var(--margin-bottom-15);}


header input[type="search"]{border-color:var(--color-light);color:var(--color-light);background:none}
header button.search-btn {width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#FFFFFF;border:1px solid #fff;font-size:17px;margin-left:auto;}
header button.search-btn:hover, header button.search-btn:focus {background:var(--color-light);color:var(--color-primary);border-color:var(--color-light)}
header .search-input {width:calc(100% - 60px);}
.navigatie-search {    max-width: 465px;    margin-left: auto;}
.responsive-nav-btn {display:none}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/


footer {background:var(--color-secondary);}

.footer-bottom {border-top:1px solid #fff;padding-top:25px;padding-bottom:25px;}
.footer-bottom .door-dink {text-align:right}
.footer-bottom ul, .footer-bottom li {padding:0;margin:0;list-style:none;}
.footer-bottom li {display:inline-block;margin-right:30px;}
.footer-bottom a {font-size:14px;color:#fff;}
.footer-bottom a:hover, .footer-bottom a:focus {opacity:.7}

.footer-top {padding-top:95px;padding-bottom:50px;}
.footer-margin {margin-bottom:30px;}

footer h3 {font-family:var(--font-family-miller);font-size:32px;margin-bottom:35px;}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none;}
.footer-top li {margin-bottom:10px;}
.footer-top li:last-child {margin-bottom:0}

footer, footer a {font-weight:normal;font-family:var(--font-family-canaro-light);color:var(--color-quartiary);font-size:16px;}
footer .bold {font-family:var(--font-family-canaro-bold);font-size:18px;}

footer a:hover, footer a:focus {color:#fff;}

.footer-contact {width:50%}
.footer-contact .socials li{display:inline-block;margin-right:15px;}
.footer-contact .socials a {display:block;width:30px;height:30px;color:#fff;background:var(--color-primary);border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;}
.footer-contact .socials a:hover {background:#fff;color:var(--color-primary)}

.footer-adres, .footer-contact {width:auto;max-width:50%}
.footer-adres:nth-child(3), .footer-contact:last-child{margin-left:auto;}

.footer-logo {margin-bottom:25px}
.footer-logos ul, .footer-logos li {padding:0;margin:0;list-style:none;}
.footer-logos ul {display:flex;flex-wrap:wrap;align-items:center;    justify-content: flex-end;}
.footer-logos li {width:auto;margin-left:50px;}
.footer-logos img {width:100%;height:auto;}
.footer-logos a {display:inline-block}

footer .btn {font-size:16px;}






/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.responsive-image{display:none}
.responsive-image img {width:100%}
.responsive-quicklinks {display:none}
@media screen and (max-width:1500px){
	.modal .arrow-right {    right: 30px;}
	.modal .arrow-left {    left: 30px;}
	.modal .rounded-icon {color:#fff;}
	.modal-close {    right: 1.5rem;    top: -50px;}
	.modal .makelaar-header h2 {padding-right:60px}
}


@media screen and (max-width:1300px){
	main {    margin-top: 95px;}
	.header-logo img {    height: 45px;    width: auto;}
	.qualis-logo {margin-right:40px;height:auto;}
	.vr-logo {height:auto;}
	.qualis-logo:after {    right: -20px;    height: 54px;    top: calc(50% - 27px);}
	.header-logo {    width: 310px;}
	.header-menu {    width: 120px;    margin-left: auto;}
	.header-contact li {margin-left:25px;}
	.header-contact a:not(.btn) {font-size:15px;}
	.header-contact .btn {    font-size: 16px;    padding: 14px 20px;    width: auto;}
	.navigation-holder a {font-size:40px;}
	
	.banner-image {    height: 360px;}
	
	
	.right-content {    padding-left: 45px;}
	.left-content {    padding-right: 45px;}
	
	.aanbod-box .contact-persoon-box > div:first-child {padding-left: 40%;}
	.object-map, .modal-image > div {    height: 600px;}
}

@media screen and (max-width:992px){
	.header-contact a:not(.btn) {font-size:0;line-height:1;	}
	.header-contact a:not(.btn) span{    font-size: 22px;margin:0;line-height:1;}
	.header-contact a:not(.btn) span.icon-envelop  {font-size:16px}
	.header-contact li.menu-btn {display:none}
	.header-contact {margin-left:0;margin-top:-4px}
	.header-contact ul {    display: block;    line-height: 1;}
	.navigation-holder a {font-size:35px;}
	.navigation {padding:45px 0}
	.navigation-holder li {    margin-bottom: 20px;}
	.responsive-nav-btn {display:inline-block}
	.navigation-holder li {    margin-bottom: 15px;}
	.navigatie-btn .btn {display:block;margin-bottom:15px;}
	.navigatie-btn .btn:last-child {margin-bottom:0;}
	.navigation-holder {    max-width: 300px;    margin-left: auto;    margin-right: auto;    position: relative;   }
	.navigatie-side{ max-width: 300px;    margin-left: auto;    margin-right: auto; }
	.navigatie-btn {        text-align: left;        max-width: 100%;        margin-left: auto;        margin-top: 25px;    }
	
	.footer-top {    padding-top: 60px;    padding-bottom: 30px;}
	.footer-logo .col-lg-3 {    width: 100%;    text-align: center;    margin-bottom: 30px;}
	.footer-logos ul {justify-content:center}
	.footer-logos li {    width: auto;    margin-left: 15px;    margin-right: 15px;    margin-bottom: 15px;}
	.footer-bottom li {margin-right:20px;}

	.banner-image {    height: 260px;}
	
	.standaard-content p + .read-more {    margin-top: 5px;}
	.marginfix + .margin-top-15 {margin-top:0;}
	
	
	.contact-persoon-box > div:first-child {    padding: 30px;}
	.contact-persoon-box > div:last-child {height:250px;}
	
	.form-box {    padding-right:calc(var(--bs-gutter-x)* 1)!important;}
	.m-0 > .col-sm-12.form-box.p-0.marginfix {padding-right:0!important;}
	
	.form-label {    width: 150px;}
	.form-input {    width: calc(100% - 150px);}
	.form-group h3 {    margin-bottom: 10px;}
	.form-group {margin-bottom:20px;}
	
	.dienst-img {height:110px;}
	.read-more {font-size:16px;}
	
	.aanbod-box .contact-persoon-box > div:first-child {padding-top:40px;}

	.makelaar-header {font-size:25px;}
	.makelaar-header .prijs, .makelaar-list-groups h3 {font-size:28px}
	.makelaar-header h1 {		margin-bottom: 10px;}
	
	.makelaar-media-grid .col-xl-8 img {    height: 500px;}
	.makelaar-media-grid .col-xl-4 img {    height: calc(250px - 1.5rem);}
	
	.makelaar-quicklinks li {margin-right:25px;}
	.makelaar-quicklinks li, .makelaar-quicklinks li a, .makelaar-quicklinks li button {font-size:15px;}
	.makelaar-quicklinks span {		font-size: 22px;}
	.modal-plattegrond-pagination > div {margin-right:25px;}
	.modal-main-slider, .modal-plattegrond-slider {    margin-bottom: 25px;}
	.object-map, .modal-image > div {    height: 500px;}
}
@media screen and (min-width:767px){
	.fold-responsive {display:block!important}
	
}
@media screen and (max-width:768px){
	.mobbtn {  padding-left: 0;    width: 36px;    height: 35px;}
	.mobbtn-name {display:none}
	.mobbtn span {left:7px}
	.mobbtn span:nth-child(2) {    top: 17px;}
	.mobbtn span:nth-child(1) {    top: 11px;}
	.mobbtn span:nth-child(3) {    top: 23px;}
	.mobbtn.active-menu span:nth-child(1), .mobbtn.active-menu span:nth-child(3) {top:18px}
	.header-menu {        width: 55px;        margin-left: auto;        padding-right: 0;    }
	.qualis-logo {margin-right:20px;}
	.header-logo img {		height: 30px;}
	.header-logo .vr-logo img{
    height: 23px;
    display: inline-block;
    margin-bottom: 4px;
}
	
	
	.qualis-logo:after {        right: -14px;        height: 40px;        top: calc(50% - 20px);    }
	.header-logo {        width: 165px;        padding-right: 0;    }
	.header-contact li {        margin-left: 15px;	}
	.navigation-holder a {font-size:28px;}
	ul#menu-copyright {    text-align: center;    margin-bottom: 15px;}
	.footer-bottom a {		font-size: 12px;}
	.footer-bottom li {        margin-right: 5px;        margin-left: 5px;    }
	.footer-bottom .door-dink {    text-align: center;}
	footer h3 {    font-size: 26px;    margin-bottom: 15px;}
	footer .bold {font-size:15px;}	
	footer, footer a {font-size:15px;} 
	.fold-responsive {display:none;margin-bottom:15px;}
	.footer-sitemap {position:relative;padding-bottom:10px}
	.footer-sitemap:after {content:"";position:absolute;bottom:0;left:1.5rem;height:1px;background:#fff;width:calc(100% - 3rem)}
	.footer-contact {max-width:calc(100% - 100px)}
	 .footer-top {        padding-top: 60px;        padding-bottom: 30px;        max-width: 450px;        margin-left: auto;        margin-right: auto;    }
	.footer-sitemap h3 {position:relative;cursor:pointer}
	.footer-sitemap h3:after {font-family: 'icomoon' !important;content: "\e901";font-size:9px;color:#000;position:absolute;right:0;top:11px;}
	.footer-sitemap h3.active:after {content: "\e904";}
	.footer-top-contact {padding-top:30px;position:relative}
	.footer-top-contact:before  {content:"";position:absolute;top:0;left:0;height:1px;background:#fff;width:100%}
	.header-container {padding:20px 0;}
	main {    margin-top: 75px;}

	h1 span br, h2 span br, .subtitel br, .title-box h1 br, .title-box h2 br {display:none}
	
	.title-box.marginfix {margin-bottom:30px;}
	.team-content {    padding-left: calc(var(--bs-gutter-x) * 1);}
	.responsive-image{display:block}
	.desktop-image{display:none}
	.right-content {    padding-left: 0;}
	.left-content {    padding-right: 0;}
	.large-image-row + .large-image-row .large-image-content {padding-top:0}
	.marginfix, .margin-fix {margin-bottom:30px;}
	.marginfix:last-child, .margin-fix:last-child {margin-bottom:45px;}
	.contact-persoon-box > div:last-child img {		max-width: 50%;width:auto;}
	
	.aanbod-box .contact-persoon-box > div:last-child {    height: 200px;    width: 100%;  }
	.aanbod-box .contact-persoon-box > div:last-child img {    width: 100%;     max-height: none;}
	    .aanbod-box .contact-persoon-box > div:first-child {        padding-left: 100px;        padding-right: 30px;        margin-bottom: 60px;    }
	.aanbod-box .contact-persoon-box > div:first-child .flex-end {margin-left:80px;font-size:13px}
	.aanbod-box {    margin-bottom: 30px;}
	.slider-arrows {    justify-content: flex-start;    margin-bottom: -15px;}
	
	.makelaar-header {font-size:20px;}
	.makelaar-header .prijs, .makelaar-list-groups h3 {font-size:24px;text-align:left}	
	.makelaar-header .prijs {margin-top:20px;}
	
	
	.makelaar-content > div.col-xl-8 {padding-right:0;}
	.makelaar-content > div.col-xl-8:after {display:none}
	.makelaar-list-group > div:nth-child(odd) {    width: 200px;}
	.makelaar-list-group > div:nth-child(even) {    width: calc(100% - 200px);}
	.makelaar-list-group {    padding-bottom: 20px;    margin-bottom: 20px !important;}
	.fold-kenmerken {    margin-top: 10px;}
	
	.makelaar-media-grid .col-xl-8 {    width: 60%;}
	.makelaar-media-grid .col-xl-4 {    width: 40%;}
	.makelaar-media-grid .col-xl-8 img {    height: 400px;}
	.makelaar-media-grid .col-xl-4 img {    height: calc(200px - 1.5rem);}
	.modal-slider-holder > .modal-slider-pagination {		width: 105px;}
	.modal-slider-holder > .modal-sub-slider {    width: calc(100% - 105px);}
		.object-map, .modal-image > div {    height: 340px;}
.custom-zoom-wrapper, .plattegrond-zoom-controls {    right: 15px !important;    bottom: 25px !important;}
	.zoom-control {margin-bottom:15px;}
	
	.responsive-quicklinks {display:block;margin-top:20px;}
	.responsive-quicklinks ul {padding-top:30px;border-top:1px solid #fff}
	.desktop-quicklinks {display:none}

	
}

@media screen and (max-width:600px){
	.navigation-holder {    margin-bottom: 30px;    padding-bottom: 30px;}
	.navigation-holder:after {content:"";position:absolute;bottom:0;left:1.5rem;height:1px;background:#fff;width:calc(100% - 3rem)}
	.navigation-holder a {font-size:24px;}
	
	.banner-image {    height: 175px;}
	.form-label {margin-bottom:0;}
	.form-label, .form-input {        width: 100%;    }
	.form-submit-group > div .wpcf7-form-control-wrap {    width: 100%;    margin-bottom: 20px;}
	
	.makelaar-media-grid .col-xl-8 {width:100%;margin-bottom:30px}
	.makelaar-media-grid .col-xl-8 img {        height: 300px;    }
	    .makelaar-media-grid .col-xl-4 {        width: 100%;  display:flex;  }
	.makelaar-media-grid .col-xl-4 a:first-child {    border-radius: 0;    width: calc(50% - 15px);border-radius:0 0 0 50px}
	.makelaar-media-grid .col-xl-4 a:nth-child(2) {margin-top:0;width: calc(50% - 15px);margin-left:auto;border-radius: 0}
	.makelaar-media-grid .col-xl-8 a {    border-radius:  0 50px 0 0;}
	    .makelaar-media-grid .col-xl-4 img {        height: 150px;    }
	
	
	.modal-dialog {margin-top:20px}
}


@media screen and (max-width:450px){
    .footer-contact {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
	.footer-top-contact .footer-margin:first-child {margin-bottom:15px;}
	.footer-adres {width:100%;max-width:100%}
	
		.makelaar-list-group > div:nth-child(odd),
	.makelaar-list-group > div:nth-child(even) {    width: 100%;padding:0;}
	.makelaar-list-group > div:nth-child(odd) {font-weight:600}
	.makelaar-list-group > div:nth-child(even) {margin-bottom:5px}
	.makelaar-list-group > div:last-child {margin-bottom:0;}
	.makelaar-quicklinks li {margin-right:0;display:block;}
	.makelaar-quicklinks span {        font-size: 22px;        width: 40px;        text-align: left;        padding-left: 0;        margin-right: 0;    }
	
	.gm-style-iw {    width: 270px;}
	.marker-img {width:90px;}
	.marker-desc {		width: calc(100% - 90px);}
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-primary);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-primary);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-primary);
	color:#FFF;
	text-shadow:none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-primary);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-primary);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-primary);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--color-primary);
}

header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-light);
}
header ::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-light);
}
header :-ms-input-placeholder { /* IE 10+ */
  color: var(--color-light);
}
header :-moz-placeholder { /* Firefox 18- */
  color: var(--color-light);
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}