/*~~~~~~~~~~~~~~~~============== Font Webkit Sart Here ==============~~~~~~~~~~~~~~~~*/
@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Light.eot');
    src: url('../fonts/ArsenicaTrial-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Light.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Light.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Light.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Light.svg#ArsenicaTrial-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Extrabold.eot');
    src: url('../fonts/ArsenicaTrial-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Extrabold.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Extrabold.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Extrabold.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Extrabold.svg#ArsenicaTrial-Extrabold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Bold.eot');
    src: url('../fonts/ArsenicaTrial-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Bold.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Bold.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Bold.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Bold.svg#ArsenicaTrial-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Regular.eot');
    src: url('../fonts/ArsenicaTrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Regular.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Regular.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Regular.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Regular.svg#ArsenicaTrial-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Thin.eot');
    src: url('../fonts/ArsenicaTrial-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Thin.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Thin.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Thin.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Thin.svg#ArsenicaTrial-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arsenica Trial';
    src: url('../fonts/ArsenicaTrial-Medium.eot');
    src: url('../fonts/ArsenicaTrial-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArsenicaTrial-Medium.woff2') format('woff2'),
        url('../fonts/ArsenicaTrial-Medium.woff') format('woff'),
        url('../fonts/ArsenicaTrial-Medium.ttf') format('truetype'),
        url('../fonts/ArsenicaTrial-Medium.svg#ArsenicaTrial-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*~~~~~~~~~~~~~~~~============== Font Webkit End Here ==============~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~============== Primary CSS Start Here ==============~~~~~~~~~~~~~~~~*/
*{margin:0px;padding:0px;box-sizing:border-box;}
html,body{margin:0px;padding:0px;scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-family: 'Arsenica Trial '  ; /*font-family: 'DM Sans' !important;*/}
a,button{transition: 0.4s ease all;text-decoration:none;}
a:hover,a:focus,button:hover,button:focus,input:hover,input:focus,textarea:hover,textarea:focus,select:hover,select:focus{outline:none;box-shadow:none;}
img{max-width:100%;}
/*~~~~~~~~~~~~~~~~============== Primary CSS End Here ==============~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~============== All Pages CSS Start Here ==============~~~~~~~~~~~~~~~~*/
.knsl-book-form.knsl-book-form-2 { display: none; }
.knsl-btn:hover { background: #52413a !important; border-color: #52413a !important; box-shadow: 0 0 0 1px #52413a, 0 2px 48px 0 rgba(0, 0, 0, 0.04) !important; }
.qunita-menu-cntr .knsl-menu ul li::after { content: unset; }
.home .brand_logo-qunita.elementor-widget-image img { filter: unset; }
.elementor-editor-active .elementor{padding-top:0px !important;}
.knsl-app.knsl-app-minimal .knsl-top-bar{background:transparent !important;}
.copyright-rt p a:hover { color: #fff !important; text-decoration: underline; } 
.copyright-rt p a { transition: 0.4s ease all; }
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed { background: #fff !important;transition:0.4s ease all;} 
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .quinta-header-main .e-con-inner { padding: 15px 0;transition:0.4s ease all; } 
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .qunita-menu-widget nav ul.elementor-nav-menu > li > a { color: #52413A !important; } 
.knsl-app.knsl-app-minimal .knsl-top-bar .qunita-menu-widget nav ul.elementor-nav-menu > li > a > .sub-arrow svg path { transition: .3s; }
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .qunita-menu-widget nav ul.elementor-nav-menu > li > a > .sub-arrow svg path { fill: #52413A !important; }
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .qunita-menu-widget nav ul.elementor-nav-menu > li.current-menu-item > a,.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .qunita-menu-widget nav ul.elementor-nav-menu > li > a:hover { color: #E2C3A0 !important; }
.qunita-menu-widget .elementor-menu-toggle { padding: 0; }
.kamers_counter .elementor-counter-title { width: 100%; text-align: center; }
.kamers_counter .elementor-widget-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.kamers_counter .elementor-counter { width: 100%; }
.nu_btn-withoutBg a { position: relative; } 
.nu_btn-withoutBg .elementor-button-icon { position: absolute; right: 5px; top: 50%; transform: translateY(-50%);display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: 0.4s ease all; } 
.nu_btn-withoutBg .elementor-button-icon svg { width: 14px; } 
.nu_btn-withoutBg a:hover .elementor-button-icon { right: 0; } 
.nu_btn-withoutBg a:hover .elementor-button-icon svg path { fill: #BD7649; }
.extra_ico-box .elementor-widget-container {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;width: 100%;}
.qc_info-ct p a { display: block; color: #fff; transition: 0.4s ease all; } 
.qc_info-ct p br { display: none; } 
.qc_info-ct p { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: flex-start; -moz-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
.qc_info-ct p a:hover { text-decoration: underline; }
.h_accord-widget .eael-accordion-list .fa-accordion-icon { margin: 0px !important; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); } 
.h_accord-widget .eael-accordion-list .eael-accordion-header { position: relative; } 
.h_accord-widget .eael-accordion-list .eael-accordion-header .eael-advanced-accordion-icon-opened svg path { fill: #fff; }
.testi-widget .knsl-name-and-text blockquote::before,.testi-widget .knsl-name-and-text blockquote::after { content: unset; }
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .elementor-menu-toggle svg path { stroke: #b8a089; fill: #b8a089; }

/* Fotos Page CSS Start Here */
.fotos_tabs-gallery .knsl-p-0-100 { padding: 0; } 
.fotos_tabs-gallery .knsl-p-0-100 .container {  max-width: 100%; padding: 0; }
.fotos_gird-gallery .knsl-filter a.knsl-work-category { border-radius: 50px !important; border: 2px solid #bd7649; margin: 0; padding: 10px 25px; height: auto; line-height: normal; } 
.fotos_gird-gallery .knsl-filter { gap: 15px; } 
.fotos_gird-gallery .knsl-filter a.knsl-work-category:hover { background: #bd7649 !important; color: #fff !important; }
.fotos_gird-gallery .knsl-filter a[data-filter="*"] { order: -2; }
.fotos_gird-gallery .knsl-filter a[data-filter=".videos"] { order: -1; }
/* Fotos Page CSS End Here */

/* De Villa Page CSS Start Here */
.veel_ruimte-list .elementor-icon-list-icon svg { height: auto !important; width: auto !important; } 
.veel_ruimte-list .elementor-icon-list-icon svg g { clip-path: unset; }
svg g{ clip-path: unset; }
.veel_ruimte-list ul.elementor-icon-list-items li {margin: 0px !important;} 
.veel_ruimte-list ul.elementor-icon-list-items { column-gap: 60px; row-gap: 30px;margin:0px!important; }
.villa_gallery-widget .gallery .gallery-item:nth-child(2n) { margin-top: 50px !important; }
.villa_gallery-widget .gallery { display: flex; flex-wrap: wrap; column-gap: 50px; } 
.villa_gallery-widget .gallery .gallery-item { width: calc(25% - 37.5px); max-width: calc(25% - 37.5px) !important; }
.knsl-testimonials-slider .swiper-slide .knsl-testimonial-card{margin-top:0px;}
.brand_logo-qunita img { filter: brightness(0) invert(1); } 
.home .brand_logo-qunita img { filter: unset; } 
.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .brand_logo-qunita img { filter: unset; }
.map_widget-custom .knsl-map-frame.knsl-mb-60 { margin: 0; height: 400px;box-shadow:none ; }
.veil-listing-main-section a span.elementor-icon-list-icon svg path { fill: #BD7649; }
.veil-listing-main-section ul li a:hover span.elementor-icon-list-icon { left: 5px; }
.veil-listing-main-section ul  li  a { transition: all 0.3s ease-in-out; }
.veil-listing-main-section ul li a span.elementor-icon-list-icon { position: relative; left: 0; transition: all 0.3s ease-in-out; }
.info-list-one ul li { margin-top: 3px !important; }
.info-list-one ul li:first-child { margin-top: 0 !important; }
.veil-listing-main-section ul.elementor-icon-list-items { display: flex; flex-direction: column; }
.veil-listing-main-section ul.elementor-icon-list-items li { display: flex; width: fit-content; }
.footer .knsl-footer a,
.hf-type-footer a { color: #fff; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.boek-info-text .eael-infobox { display: flex; align-items: flex-start; gap: 10px; }
.boek-info-text .eael-infobox .infobox-icon.eael-icon-only { position: relative; top: 11px; }
.bekij-main a { color: #BD7649; text-decoration: underline !important;  transition: all 0.3s ease-in-out; }
.bekij-main a:hover { color: #52413A; text-decoration: none !important;}
/* De Villa Page CSS Start Here */
/*~~~~~~~~~~~~~~~~============== All Pages CSS End Here ==============~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~============== Media Queries Start Here ==============~~~~~~~~~~~~~~~~*/

@media (max-height:800px){
	.qc_home-bnnr { min-height: inherit; padding: 200px 30px; }
}

@media (max-width:1460px){
	.veel_ruimte-list ul.elementor-icon-list-items { column-gap: 45px; }
}

@media (max-width:1400px){
	.knsl-menu nav ul li{padding:0 10px;}
	.veel_ruimte-list ul.elementor-icon-list-items { column-gap: 30px; row-gap: 30px; }
	.villa_gallery-widget .gallery { column-gap: 30px;}
	.villa_gallery-widget .gallery .gallery-item { width: calc(25% - 22.5px); max-width: calc(25% - 22.5px) !important;}
	.villa_gallery-widget .gallery .gallery-item:nth-child(2n) { margin-top: 30px !important; }
}

@media (max-width:1200px){
	.fotos_gird-gallery .knsl-filter { gap: 10px; }
	.veel_ruimte-list ul.elementor-icon-list-items { column-gap: 20px; row-gap: 20px; }
	.villa_gallery-widget .gallery { column-gap: 20px;}
	.villa_gallery-widget .gallery .gallery-item { width: calc(25% - 15px); max-width: calc(25% - 15px) !important;}
	.villa_gallery-widget .gallery .gallery-item:nth-child(2n) { margin-top: 20px !important; }
}

@media (max-width:1024px){
	.qunita-menu-widget nav { position: absolute !important; width: calc(100% - 30px) !important; left: 0px !important; top: 100% !important; padding-top: 0px !important; margin: 0px auto 0 !important; right: 0px !important; }
	.knsl-app.knsl-app-minimal .knsl-top-bar.fixed .qunita-menu-widget nav{margin: 15px auto 0 !important;}
	.qunita-menu-widget .elementor-widget-container,.qunita-menu-widget,.qunita-menu-cntr { position: inherit !important; }
	.qunita-menu-widget nav ul.elementor-nav-menu { background: #fff; border-radius: 10px;padding:15px 0; } 
	.qunita-menu-widget nav ul.elementor-nav-menu > li > a { color: #52413A !important; } 
	.qunita-menu-widget nav ul.elementor-nav-menu > li > a:hover,.qunita-menu-widget nav ul.elementor-nav-menu > li.current-menu-item > a { color: #E2C3A0 !important; }
	body.overlay-fixed:after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 80%); z-index:2; }
	.veel_ruimte-list ul.elementor-icon-list-items { column-gap: 20px; row-gap: 20px; }
}

@media (max-width:991px){
	/* .welkom-img-lt img { aspect-ratio: 4/3; object-fit: cover; object-position: 50% 100%;} */
	.welkom-img-col { display: inline-block !important;}
	.testi-widget .knsl-transition-none.knsl-p-0-80 { padding-bottom: 50px !important; }
}
@media (max-width:768px){
	.knsl-grid-sizer, .knsl-masonry-grid-item { width: 50% !important; }
	.fotos_gird-gallery .knsl-filter { gap: 10px; margin: 0px 0 30px !important; flex-wrap: nowrap; white-space: nowrap; justify-content: flex-start; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } 
	.fotos_gird-gallery .knsl-masonry-grid { margin: 0; }
	.fotos_gird-gallery .knsl-masonry-grid-item { float: left; padding: 0 5px; }
	.fotos_gird-gallery .knsl-masonry-grid-item .knsl-gallery-item { margin: 0 0 10px !important; }
	.fotos_gird-gallery .knsl-filter a.knsl-work-category { border-radius: 50px !important; border: 1px solid #bd7649; margin: 0; padding: 11px 35px; height: auto; line-height: normal; width: auto; }
	.fotos_gird-gallery .knsl-masonry-grid { min-height: auto !important; }
}

@media (max-width:767px){
    .prijzen-innr-aside::-webkit-scrollbar { height: 3px !important; }
    .prijzen-innr-aside { overflow-x: scroll !important; }
    .datum-main-aside { flex-wrap: nowrap !important; }
    .datum-left { min-width: 200px !important; }
    .table-in-main-bdr { width: 800px !important; }
	.h_accord-widget .eael-accordion-list .fa-accordion-icon { margin: 0px !important; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } 
	.map_info-cntr { position: relative !important; margin: 10px 0 0 !important; }
	.dialog-lightbox-widget .swiper-slide.elementor-lightbox-item { padding: 70px 25px !important; }
	.villa_gallery-widget .gallery .gallery-item:nth-child(2n) { margin-top: 0px !important; }
	.villa_gallery-widget .gallery .gallery-item { width: calc(50% - 5px); max-width: calc(50% - 5px) !important;}
	.villa_gallery-widget .gallery { gap: 10px; }	
	/* .welkom-img-lt img { aspect-ratio: 4/5; } */
	.fotos_gird-gallery .knsl-filter a.knsl-work-category{padding:8px 20px;font-size:15px !important;}
	.map_widget-custom .knsl-map-frame  .knsl-map { height: 100%; margin-top: -5%; } 
	.map_widget-custom .knsl-map-frame.knsl-mb-60 { margin: 0; height: 300px; }
    .fotos_gird-gallery .knsl-filter { padding: 0 15px; }
    .fotos_gird-gallery .knsl-masonry-grid {margin: 0 10px;}
}

@media (max-width:575px){
	.welkom-img-lt img { aspect-ratio: unset; }
	.map_widget-custom .knsl-map-frame  .knsl-map { height: 100%; margin-top: -6%; } 
}

@media (max-width:480px){
    .veil-listing-main-section { width: 100% !important;}
    .info-list-one { gap: 15px; }
	.stranden_cntr-box,.welkom-img-col{width:100% !important;}
}

@media (max-width:414px){
	.foto-outer-col { width: 100% !important; } 
	.foto_img-radius img { border-radius: 0px !important; aspect-ratio:1; object-fit:cover;}
	.extra_ico-box { width: 100% !important; }
	.facilit_list-widget,.luxe_box-cntr { width: 100% !important; }
	.faciliteiten_lists-cntr { gap: 8px !important; }
	.luxe-img-widget { display: inline-block; width: 100%; } 
}

@media (max-width:370px){
	.kamers_counter { width: 100% !important; } 
	.kamers-sec > .e-con-inner { gap: 10px !important; }
}
/*~~~~~~~~~~~~~~~~============== Media Queries End Here ==============~~~~~~~~~~~~~~~~*/