/*====================== Google fonts ========================*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=DM+Serif+Display&display=swap');


/*====================== Basic css ========================*/

:root {
	--theme-color: #CD8B6B;
	scroll-behavior: unset;
}

html{
	font-size: 62.5%;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

a{
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img{
	max-width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
	outline: none;
}

.beschikbaarheid{
	width:100%;
}

/* body */
body {
	font-family: 'Barlow', sans-serif;
	font-size: 2.6rem;
	font-weight: 400;
	color: #545559;
	line-height: 1.8;
}

/* Heading */
h1,h2,h3,h4,h5,h6{
	font-family: 'DM Serif Display', serif;
	font-weight: 400;
}

h1{
	font-size: 8rem;
	color: #545559;
	line-height: 1.175;
}

h2{
	font-size: 5rem;
	color: #EDE9DF;
}

h3{
	font-size: 3.6rem;
	color: #545559;
	line-height: 0.88;
}

h5{
	font-size: 3.2rem;
	color: #FFFFFF;
}


/* BUTON */
.btn{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 2rem 4rem;
	line-height: 1;
	font-family: 'Barlow', sans-serif;
	background: var(--theme-color) !important;
	color: #FFFFFF !important;
	font-size: 2.2rem;
	font-weight: 700;
	text-transform: uppercase;
	border: 2px solid var(--theme-color);
	border-radius: 5px;
}

.btn.sm{
	padding: 2rem 3rem;
}

.btn:hover,
.btn.white{
	background: #EDE9DF !important;
	color: var(--theme-color) !important;
	border-color: #EDE9DF;
}

.btn.transparent{
	background: transparent;
	color: var(--theme-color);
	border-color: var(--theme-color);
}

.btn.white:hover,
.btn.transparent:hover{
	background: var(--theme-color);
	color: #FFFFFF;
	border-color: var(--theme-color);
}

.afstand:hover{
	background:transparent !important;
	color: var(--theme-color) !important;
	border-color: var(--theme-color) !important;
	cursor:default;
}

.btn-check:focus + .btn, .btn:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

/* horizontal mark */
hr {
	opacity: 1;
	background-color: #707070;
	margin: 0;
}

hr:not([size]) {
	width: 9.5rem;
	height: 3px;
}

/*====================== Header area start ========================*/

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1024;
	width: 100%;
	padding: 5rem 0;
}

/* logo */
.logo{
	display: inline-block;
	width: 23.2rem;
}

.logo img{
	width: 100%;
}


/* navbar nav */
.social_nav li{
	display: inline-block;
	margin-right: 1.5rem;
}

.social_nav li a{
	display: inline-block;
	width: 3.5rem;
}

.social_nav li a:hover{
	opacity: .7;
}

.social_nav li a img{
	width: 100%;
}

.right_nav{
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	display:inline-block;
}

.right_nav li{
	display: inline-block;
	margin-right: 6rem;
}

.right_nav li:last-child{
	margin-right: 0;
}

.right_nav li a{
	font-family: 'DM Serif Display', serif;
	font-size: 2rem;
	font-weight: 400;
	color: #FFFFFF;
	display: inline-block;
}

.right_nav li a:hover{
	color: var(--theme-color);
}

.right_nav li a img{
	width: 3.5rem;
	margin-right: 1.5rem;
	margin-top: -0.3rem;
}

.right_nav li .book_now{
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	padding: 1.5rem 1.7rem;
	font-size: 1.5rem;
}

.right_nav li .hamburger_menu{
	font-size: 3.2rem;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.right_nav li .hamburger_menu:hover{
	color: #FFFFFF;
	opacity: .7;
}

.right_nav li .hamburger_menu img{
	width: 8rem;
	margin-right: 2rem;
	margin-top: 0;
}

/*sticky*/
header.sticky {
	padding: 1rem 0;
	background: #666365;
}

header.sticky .logo{
	width: 8rem;
}

header.sticky>.container > .row{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/*ofcanvas menu*/
.ofcavas-menu{
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../img/bg5.png) no-repeat;
	background-size: cover;
	background-position: 0 0;
	top: 0;
	display: block;
	left: -100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	z-index: 1200;
}

.ofcavas-menu.current {
	left: 0;
}

.ofcavas_menu_logo{
	display: inline-block;
	width: 23rem;	
	margin-top: 5rem;
}

.ofcavas_menu_logo img:nth-child(2){
	display: none;
}

.ofcavas_menu_left{
	margin-top: 8rem;
}

.ofcavas_menu_left li,
.ofcavas_menu_left li a{
	font-size: 2.4rem;
	line-height: 1;
	color: #545559;
}

.ofcavas_menu_left li a:hover{
	color: var(--theme-color);
}

.ofcavas_menu_left li{
	padding-bottom: 2.5rem;
}

.ofcavas_menu_left li:last-child{
	padding-bottom: 0;
}

.ofcavas_menu_left .book_now{
	margin-top: 4.5rem;
	color: #545559;
	padding: 2rem;
}

.ofcavas_menu_social{
	margin-top: 4.5rem;
}

.ofcavas_menu_social li{
	display: inline-block;
	margin-right: 1.1rem;
}

.ofcavas_menu_social li a{
	display: inline-block;
	width: 3.5rem;
}

.ofcavas_menu_social li a:hover{
	opacity: .6;
}

.ofcavas_menu_social li a img{
	width: 100%;
}

.ofcavas_nav{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	width: 100%;
}

.ofcavas_nav li{
	max-width: 40rem;
	line-height: 1;
	padding: 3.2vh 0;
	border-bottom: 1px solid #EDE9DF;
}

.ofcavas_nav li:last-child{
	border-bottom: none;
}

.ofcavas_nav li a{
	font-family: 'DM Serif Display', serif;
	color: #EDE9DF;
	font-size: 4.6rem;
}

.ofcavas_nav li a:hover{
	color: #545559;
}

.ofcavas_nav .book_now{
	color: #545559;
	font-size: 16px;
	font-family: 'Barlow', sans-serif;
	padding: 14px;
}

.hamburger_menu_close{
	width: 6.6rem;
	height: 6.6rem;
	position: absolute;
	right: 14rem;
	top: 7rem;
	cursor: pointer;
	z-index: 11;
}

.hamburger_menu_close:hover{
	opacity: .7;
}

.ofcavas_menu_close img{
	width: 100%;
}

.ofcavas-menu .shape{
	position: absolute;
	top: 19.5rem;
	right: 15rem;
	width: 4.4rem;
}

.ofcavas-menu .container{
	height: 100%;
}



/*========== Page loader CSS ==========*/

#preloader {
	position: fixed;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

#lottie{
	width: 40rem;
}


/*========== return-to-top CSS ==========*/

.back-to-top {
	width: 6rem;
	height: 6rem;
	line-height: 5.4rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	display: none;
	position: fixed;
	bottom: 3rem;
	right: 3.2rem;
	border-radius: 50%;
	background: var(--theme-color);
	z-index: 1000;
}

.back-to-top img {
	width: 95%;
}

.sub_title {
	color: #545559;
	font-size: 2rem;
	font-weight: 600;
}


/*========== Hero area start ==========*/

.hero_area{
	background: url(../img/bg1.png) no-repeat left center;
	background-size: cover;
	overflow: hidden;
}

.hero_content_wrap {
    width: 57rem;
}
.hero_slider_wrap{
	width: calc(100% - 57rem);
}

.hero_content {
    padding-bottom: 2rem;
    padding-right: 10rem;
    padding-top: 22rem;
}

.hero_area h1{
	color: #EDE9DF;
}

.hero_area .sub_title,
.hero_area p{
	color: #EDE9DF;
	font-weight: 600;
}

.hero_area .sub_title.underline::before{
	background: #EDE9DF;
}

.hero_area .btn{
	width: 15.5rem;
	font-size: 1.5rem;
	margin-right: 1.7rem;
}

.hero_area .btn.transparent{
	border-color: #EDE9DF;
	color: #EDE9DF;
}

.hero_area .btn.transparent:hover{
	border-color: transparent;
}

.hero_slider .owl-nav{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.hero_slider .item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(255, 255, 255, 0)), to(#545559));
	background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 40%, #545559);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 40%, #545559);
}

/* owl-nav */
.owl-nav button{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 5rem;
	height: 5rem;
	background: #FFFFFF;
	border: none;
}

.owl-nav button:hover{
	background: var(--theme-color);
}

.owl-nav button img{
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	width: 2rem;
}

.owl-nav button:hover img{
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(39%) hue-rotate(311deg) brightness(116%) contrast(100%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(39%) hue-rotate(311deg) brightness(116%) contrast(100%);
}

.owl-nav button:active{
	background: #FFFFFF;
}

.owl-nav button:active img{
	-webkit-filter: none;
	        filter: none;
}

.hero_slider .owl-nav button{
	margin-bottom: 1px;
}

.hero_area hr{
	margin: 2rem 0 2.4rem 0;
	background-color: #EDE9DF;
}


/*========== See villa area start ==========*/

/* availability form */
.availability_form{
	position: relative;
	padding: 2.7rem;
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	        box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 500;
}

.availability_form .form_group{
	position: relative;
	width: 100%;
	height: 6.6rem;
}

.availability_form input{
	width: 100%;
	height: 100%;
	border: 1px solid var(--theme-color);
	padding: 0 2rem 0 4rem;
	font-size: 2rem;
	color: #545559;
	font-weight: 600;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.availability_form input::-webkit-input-placeholder{
	font-family: 'Barlow', sans-serif;
	font-size: 2rem;
	color: rgba(84, 85, 89, 0.5);
	font-weight: 600;
	opacity: 1;
}

.availability_form input::-moz-placeholder{
	font-family: 'Barlow', sans-serif;
	font-size: 2rem;
	color: rgba(84, 85, 89, 0.5);
	font-weight: 600;
	opacity: 1;
}

.availability_form input:-ms-input-placeholder{
	font-family: 'Barlow', sans-serif;
	font-size: 2rem;
	color: rgba(84, 85, 89, 0.5);
	font-weight: 600;
	opacity: 1;
}

.availability_form input::-ms-input-placeholder{
	font-family: 'Barlow', sans-serif;
	font-size: 2rem;
	color: rgba(84, 85, 89, 0.5);
	font-weight: 600;
	opacity: 1;
}

.availability_form input::placeholder{
	font-family: 'Barlow', sans-serif;
	font-size: 2rem;
	color: rgba(84, 85, 89, 0.5);
	font-weight: 600;
	opacity: 1;
}

.availability_form button{
	width: 100%;
	height: 6.6rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.availability_form .form_group .icon{
	position: absolute;
	top: 50%;
	right: 2px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 6.5rem;
	height: calc(100% - 5px);
	background: #FFFFFF;
	border-radius: 5px;
	pointer-events: none;
}

.availability_form .form_group .icon img{
	width: 2.5rem;
}

.see_villa{
	background: url(../img/bg2.png) no-repeat center;
	background-size: cover;
}

.scrolling_bottom{
	display: inline-block;
	width: 17rem;
	height: 17rem;
	border-radius: 50%;
}

.scrolling_bottom img{
	width: 100%;
}

.see_villa_title_box .date{
	font-size: 4rem;
	color: #CD8B6B;
}

/* icon box */
.icon_box{
	text-align: center;
	width: 100%;
	height: 30.5rem;
	padding: 6rem;
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	        box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	margin-top: 5rem;
	margin-right: 2rem;
}

.icon_box:last-child{
	margin-right: 0;
}

.icon_box:nth-child(odd){
	margin-top: 12.7rem;
}

.icon_box img{
	height: 12.5rem;
}

.icon_box p{
	font-size: 3rem;
	color: var(--theme-color);
	padding-top: 3rem;
}

.see_villa_bottom p{
	color: #545559;
	font-size: 2.6rem;
	line-height: 1.37;
	padding-bottom: 6.5rem;
}


/*========== spaces area start ==========*/

.spaces_area{
	padding: 13.5rem 0 18rem;
	background-color: #FFFFFF;
}

.spaces_box{
	display: block;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.spaces_box img{
	width: 100%;
}

.spaces_box:hover img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}

.spaces_box .overly_content{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 6rem 3.4rem 3rem 3.4rem;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), to(#545559));
	background: -o-linear-gradient( rgba(255, 255, 255, 0) 40%, #545559);
	background: linear-gradient( rgba(255, 255, 255, 0) 40%, #545559);
}

.spaces_area .g-5{
	--bs-gutter-y: 3.5rem;
	--bs-gutter-x: 3.5rem;
}

.spaces_area hr{
	margin: 2rem 0 2.4rem 0;
}

.youtube-video{
	padding:12rem 0;
background-color: #CD8B6B;
opacity: 1;
background-image:  linear-gradient(135deg, #c68363 25%, transparent 25%), linear-gradient(225deg, #c68363 25%, transparent 25%), linear-gradient(45deg, #c68363 25%, transparent 25%), linear-gradient(315deg, #c68363 25%, #CD8B6B 25%);
background-position:  15px 0, 15px 0, 0 0, 0 0;
background-size: 15px 15px;
background-repeat: repeat;
}

.youtube-tekst{
	display:block;
	height:450px;
	
}

.youtube-tekst h2{
	max-width: 80%;
	margin-bottom: 40px;
	color: #545559;
	font-size: 62px;
}

.youtube-tekst p{
	color:#fff;
	width:65%;
}


/*========== De omgeving area start ==========*/

.De_omgeving{
	background: url(../img/bg3.png) no-repeat center bottom;
	background-size: cover;
	padding: 13.5rem 0 23rem;
}

.img_box{
	text-align: center;
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	        box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}

.img_box:hover img{
	-webkit-transform: scale(1.15);
	    -ms-transform: scale(1.15);
	        transform: scale(1.15);
}

.img_box .content{
	padding: 4rem 0 3.6rem;
}

.img_box p{
	color: #545559;
	font-size: 4rem;
	line-height: 1;
	padding-bottom: 2.7rem;
}

.De_omgeving hr{
	margin: 2rem 0 2.4rem 0;
}


/*========== Testimonial area start ==========*/

.testimonial_area{
	padding: 16rem 0 18rem;
	background: #FFFCF8;
}

.testimonial_area .title_box h1{
	display: inline-block;
	position: relative;
}

.testimonial_area .title_box h1::before{
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% + 2.5rem);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 8rem;
	height: 1.9rem;
	background: url(../img/shape1.png) no-repeat center;
	background-size: 100% 100%;
}

.testimonial_area .title_box h1::after{
	content: '';
	position: absolute;
	top: 50%;
	left: calc(100% + 2.5rem);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 8rem;
	height: 1.9rem;
	background: url(../img/shape2.png) no-repeat center;
	background-size: 100% 100%;
}

.single_testi{
	background: #FFFFFF;
	text-align: center;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.16);
	        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.16);
	padding: 5rem;
	padding-bottom: 10rem;
}

.single_testi .avatar{
	position: relative;
	display: inline-block;
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	margin: auto;
}

.single_testi .profile{
	border-radius: 50%;
}

.single_testi .verified{
	position: absolute;
	top: 10px;
	right: -5px;
	max-width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border: .5rem solid #FFFFFF;
}

.single_testi h2{
	font-size: 4.8rem;
	color: #545559;
	padding: 3rem 0;
}

.single_testi p{
	font-size: 2.6rem;
	color: #545559;
	line-height: 1.38;
}

.testimonial_slider .owl-stage-outer{
	padding: 2rem 0;
}

.testimonial_slider .owl-dots{
	text-align: center;
	padding-top: 6.5rem;
}

.testimonial_slider .owl-dots button{
	width: 9.5rem;
	height: 5px;
	margin-right: 1.5rem;
	background: #CD8B6B;
}

.testimonial_slider .owl-dots button.active{
	background: #EDE9DF;
}


/*========== map area start ==========*/

.map_area{
	background-size: cover;
	height: auto;
	position: relative;
}

.map-achterliggend{
	margin-top:-120px;
}

/*========== Footer area start ==========*/

footer{
	background: #CD8B6B;
	padding: 13.4rem 0 18.8rem;
	margin-top:-10px;
}

.footer_logo{
	display: inline-block;
	width: 23rem;
}

footer p{
	color: #FFFFFF;
}

footer hr{
	margin: 5.4rem 0 4.8rem 0;
	background-color: #EDE9DF;
}

.footer_widget{
	margin-top: 6.8rem;
}

.footer_about_widget {
	padding-right: 10rem;
	margin-top: 0;
}

.footer_widget h2{
	padding-bottom: 3rem;
}

.social_link li{
	display: inline-block;
	margin-right: 1rem;
}

.social_link li a{
	display: inline-block;
	width: 3.5rem;
}

.social_link li a:hover{
	opacity: 0.7;
}

.social_link li a img{
	width: 100%;
}

.footer_widget ul li,
.footer_widget ul li a{
	color: #FFFFFF;
	font-size: 2.4rem;
	line-height: 1;
}

.footer_widget ul li{
	padding-bottom: 2rem;
}

.footer_widget ul li a:hover{
	opacity: .7;
}

.footer_widget .book_now{
	padding: 2rem;
	margin-top: 2rem;
}

.footer_widget .book_now:hover{
	border-color: #fff;
}








/*-------------------========== ruimtes page CSS start ==========--------------------*/

.container.custom {
	position: relative;
	padding: 0 7rem;
	-webkit-box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	        box-shadow: 3px 5px 30px rgba(0, 0, 0, 0.16);
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-transform: translateY(-7.8rem);
	    -ms-transform: translateY(-7.8rem);
	        transform: translateY(-7.8rem);
	z-index: 11;
}


/*========== Page title area start ==========*/

.page_title{
	position: relative;
	padding: 29.5rem 0 24.5rem;
	text-align: center;
	z-index: 1;
}

.page_title::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(255, 255, 255, 0)), to(#545559));
	background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 10%, #545559);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, #545559);
	z-index: -1;
}

.page_title h1{
	color: #EDE9DF;
}

.ruimtes_page_title{
	background: url(../img/bg8.png) no-repeat center;
	background-size: cover;
}


/*========== pagenation area start ==========*/

.pagenation{
	padding: 5rem 0 2rem;
}

.pagenation li{
	display: inline-block;
}

.pagenation li,
.pagenation li a{
	font-weight: 600;
	color: #545559;
	font-size: 2rem;
}

.pagenation li a:hover{
	color: var(--theme-color);
}

.ruimtes_content_area{
	background: url(../img/bg9.jpg) no-repeat center;
	background-size: cover;
}

/*========== photo slider ==========*/

.photo_slider .owl-nav button{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.photo_slider .owl-nav .owl-prev{
	left: 0;
}

.photo_slider .owl-nav .owl-next{
	right: 0;
}

/* owl-dots */
.photo_slider .owl-dots{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), to(#545559));
	background: -o-linear-gradient( rgba(255, 255, 255, 0) 60%, #545559);
	background: linear-gradient( rgba(255, 255, 255, 0) 60%, #545559);
	padding: 9rem 0 2.5rem;
	border-radius: 5px;
	text-align: center;
}

.photo_slider .owl-dots button{
	padding: .5rem;
	border-radius: 50%;
	background: #EDE9DF;
	margin-right: .5rem;
}

.photo_slider .owl-dots button.active{
	background: var(--theme-color);
}

.ruimtes_content_area .row{
	padding-bottom: 7.5rem;
}

.pb_100{
	padding-bottom: 10rem !important;
}

.ruimtes_content_area .bottom_content{
	padding: 11rem 0 21rem;
}

.ruimtes_content_area .bottom_content p{
	padding: 6.7rem 0;
	font-size: 2.6rem;
	color: #545559;
	line-height: 1.38;
}





/*-------------------========== contactpagina page CSS start ==========--------------------*/


.contactpagina_page_title{
	background: no-repeat center;
	background-size: cover;
}

.contactpagina_content_area h4{
	font-family: 'Barlow', sans-serif;
	font-size: 2.6rem;
	font-weight: 700;
	color: #545559;
}

.tekstvak h3{
	padding-bottom:20px;
}

.tekstvak a, .tekstvak p a{
	color:var(--theme-color);
	cursor:pointer !important;
}

.tekstvak a:hover, .tekstvak p a:hover{
	text-decoration: underline;
}

.introtekst p{
	font-style: italic;
	color:var(--theme-color);
	padding-bottom:40px;
}

.omgeving-intro p{
	font-style: italic;
	color:var(--theme-color);
}

.omgeving-opsomming{
	padding-top:60px;
}

.tekstvak ul{
	margin-bottom:40px;
}

.omgeving-opsomming ul, .tekstvak ul{
	list-style:none;
	list-style-position: inside;
	margin-bottom:40px;
}

.omgeving-opsomming ul li::before, .tekstvak ul li::before{
  content: "\2022";  
  color:var(--theme-color);
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
}

.kolom-voorz{
	column-count:2 !important;
}

/* contact form */
.contact_form .form_group{
	padding-bottom: 2rem;
	padding-right: 2rem;
}

.contact_form input{
	width: 100%;
	height: 5.7rem;
	background: rgba(237, 233, 223, 0.2);
	border: 1px solid #707070;
	padding: 0 1.7rem;
}

.contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder{
	font-family: 'Barlow', sans-serif;
	color: #545559;
	opacity: 1;
	font-size: 2rem;
}

.contact_form input::-moz-placeholder, .contact_form textarea::-moz-placeholder{
	font-family: 'Barlow', sans-serif;
	color: #545559;
	opacity: 1;
	font-size: 2rem;
}

.contact_form input:-ms-input-placeholder, .contact_form textarea:-ms-input-placeholder{
	font-family: 'Barlow', sans-serif;
	color: #545559;
	opacity: 1;
	font-size: 2rem;
}

.contact_form input::-ms-input-placeholder, .contact_form textarea::-ms-input-placeholder{
	font-family: 'Barlow', sans-serif;
	color: #545559;
	opacity: 1;
	font-size: 2rem;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder{
	font-family: 'Barlow', sans-serif;
	color: #545559;
	opacity: 1;
	font-size: 2rem;
}

.contact_form textarea{
	width: 100%;
	height: 100%;
	background: rgba(237, 233, 223, 0.2);
	border: 1px solid #707070;
	padding: 0 1.7rem;
	resize: none;
}

.contact_form .btn{
	margin-top: 3rem;
}

.contactpagina_content_area{
	background: url(../img/bg12.png) no-repeat center;
	background-size: cover;
}

.contactpagina_content_area .bottom_content {
	padding: 11rem 0 21rem;
}

.contactpagina_content_area .bottom_content p{
	padding: 6.7rem 0;
	font-size: 2.6rem;
	color: #545559;
	line-height: 1.38;
}


.pulse{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	height: 9rem;
	width: 9rem;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0.1rem 0.5rem 4rem rgba(0, 0, 0, 0.16);
	        box-shadow: 0.1rem 0.5rem 4rem rgba(0, 0, 0, 0.16);
	margin-top: 5rem;
	margin-bottom: 3rem;
}
.pulse img{
	width: 2.8rem;
}
.pulse::before,
.pulse::after{
    position: absolute;
    content: '';
    top: -1rem;
    left: -1rem;
    right: -1rem;
    bottom: -1rem;
    border: 0.2rem solid #fff;
    border-radius: 50%;
    -webkit-animation: pulsing 1.5s linear infinite;
            animation: pulsing 1.5s linear infinite;
    opacity: 0;
}
.pulse::after{
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}
@-webkit-keyframes pulsing{
    0%{
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes pulsing{
    0%{
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(1.5);
                transform: scale(1.5);
        opacity: 0;
    }
}

@media (min-width: 1700px){
	.hero_slider .item img {
	    min-height: 950px;
	    -o-object-fit: cover;
	       object-fit: cover;
	}
}