.filter {
	overflow: hidden;
	margin-bottom: 5px; }
	.filter select {
		width: 25% !important;
		float: left;
	}

.floorplan-slider {
	width: auto;
	clear: both;
	position: relative;
}
	#floorplan .slide {
		position: relative;
		display: block;
	}
	.zoom-wrap {
		width: 100% !important;
	}
	#overzicht {
		max-height: none;
		height: auto;
		width: 100% !important;
		vertical-align: bottom;
	}

.details {
	position: absolute;
	width: auto;
	top: 50px;
	right: 50px;
	padding: 50px;
	display: none;
	background-color: #ffffff;
	box-shadow: 0 0 4px rgba(0,0,0,.4); }
	.details.show { display: block; }

.streetview-point {
	position: absolute;
	transition: .3s;
}
.streetview-point:hover {
	transform: scale(1.1);
}

.streetview-point span{
	visibility:hidden;
}
.streetview-point:hover span{
	visibility:visible;
	background-color: #ffffff;
	color:#000000;
	padding:10px;
}

.point {
	position: absolute;
	width: auto;
	border: none;
	display: block; }
	.point:hover .popup {
		display: block !important;
	}
		.point:before { content: ""; }
		.point[data-filter*="niet beschikbaar"] > a { background-color: rgba(210,210,210, 1); }
		.point[data-filter*="verkocht"] > a { background-color: rgba( 255,130,130,.6 ); }
        .point[data-filter*="in optie"] > a { background-color: rgba( 255,200,0,1 ); }
		.point > a {
			color: #222222;
			width: 26px;
			height: 26px;
			background-color: #ffffff;
			border-radius: 50%;
			display: block;
			text-align: center;
			font-size: 1.5em;
			opacity: 1;
			cursor: pointer;
			border: 2px solid #8aa8bb;
			border-radius: 50%;
			position: absolute;
			top: 17px;
			right: 15px;
			line-height: 25px;
			border: none;
			top: auto;
			right: auto;
			-webkit-transform: translateY(-50%) translateX(-50%);
			transform: translateY(-50%) translateX(-50%);
		}
		.point > a:before {
			content: "";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			margin: -4px 0 0 -4px;
			opacity: 1;
			border: 4px solid rgba(255,255,255,.5);
		}
		.point > a:hover { color: #222222; }
		.point > a:hover:before,
		.point.pulse > a:before {
		    -webkit-animation: pulsate 1.5s ease-out;
		    -webkit-animation-iteration-count: 1; 
		}
	.popup {
		display: none;
		position: fixed;
		padding-bottom: 25px;
		width: 270px;
		z-index: 4;
		font-size: 14px;
		transform: translateX(-115px) translateY(-100%);
		text-transform: uppercase;}
		.popup > div {
			background-color: #ffffff;
			padding: 1px; }
			.popup div > img { display: none; }
			.popup header {
				width: 100%;
				padding-top: 0px;
				max-width: none;
				display: inline-block;
				background-color: #ebebeb; }
				.popup header span {
					line-height: 1em;
					padding: 10px 15px;
					display: inline-block;
				}
				.popup header .number {
					background-color: #231f20;
					color: #ffffff;
				}
				.popup header .type {
					color: #808080;
				}
			.popup div header ~ span { display: none; }
			.popup main {
				display: block;
				padding: 10px;
			}
			.popup .button {
				border: 2px solid #ebebeb;
			}
		.popup:after {
			content: "";
			display: block;
			position: absolute;
			border: 10px solid transparent;
			border-top: 10px solid #ffffff;
			left: calc(50% - 12px);
		}
	.point:hover .popup {
		display: block;
	}

	#woningslider .slides { cursor: pointer; }
	#woningslider > img { max-height: 700px; }
	#woningslider.open {
		margin-left: -100%;	}
		#woningslider .slide { text-align: right; }
		#woningslider .slide img {
			display: inline-block;
			width: auto;
		}
		#woningslider.open .slide img {
			margin-left: 0;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}

	#woningslider:not(.open):hover .slide:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,.2);
	}
	#woningslider.open .slide:hover {
		cursor: url(../shortcodes/templates/img/close.png), default;
	}
	#woningslider *::selection {
		background-color: transparent;
	}

	/* Animations */
	@-webkit-keyframes pulsate {
	    0% {-webkit-transform: scale(0.9, 0.9); opacity: 1;}
	    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
	}

.wa_btn { display: none; }

.typenummer {
	display: none;
}



/* Cuz i'm lazy cous */
:root {
	--dark-color: #231f20;
	--te-koop: #231f20;
	--in-optie: #ffd438;
	--verkocht: #da6f6f;
	--nog-niet-beschikbaar: #818181;
}

.kavelselector .point {
	margin: -20px;
}

.kavelselector .point.te-koop > a {
	color: #ffffff;
	background-color: #231f20;
}
.kavelselector .point.in-optie > a {
	background-color: #ffd438;
}
.kavelselector .point.verkocht > a {
	color: #ffffff;
	background-color: #da6f6f;
}
.kavelselector .point.nog-niet-beschikbaar > a {
	color: #ffffff;
	background-color: #818181;
}
.kavelselector .point > a:before {
	border: 6px solid rgba(255,255,255,.5);
	box-shadow: 0 0 6px rgba(0,0,0,.6);
	margin: -6px 0 0 -6px;
}

.kavelselector .popup:after { display: none; }
	.kavelselector .point .popup main table { margin-bottom: 10px; }
	.kavelselector .point .popup main tr { background-color: #ffffff; }
	.kavelselector .point .popup main td {
		border-bottom: 2px solid #ebebeb;
		padding: 3px 10px;
	}
	.kavelselector .point .popup main {
		margin-top: 2px;
		text-align: center;
		padding: 0;
	}
	.kavelselector .point .popup > div {
		background-color: #ebebeb;
		padding: 5px 5px 10px;
		border-radius: 3px;
		overflow: hidden;
		box-shadow: 0 0 6px rgba(0,0,0,.2);
	}
	.kavelselector .point .popup .button {
		width: 92%;
		text-align: center;
		border: 2px solid #231f20;
		border-radius: 3px;
		padding: 5px;
	}
	.kavelselector .point .popup table i {
		font-size: 9px;
		vertical-align: middle;
		transform: translate(0,-2px);
	}
	.kavelselector .point .popup table .te-koop i { color: #231f20; }
	.kavelselector .point .popup table .in-optie i { color: #ffd438; }
	.kavelselector .point .popup table .verkocht i { color: #da6f6f; }
	.kavelselector .point .popup table .nog-niet-beschikbaar i { color: #818181; }



#floorplan .slide {
	display: block;
	cursor: auto !important;
	overflow: hidden;
	max-width: none;
}
#floorplan .zoom {
	bottom: 0;
    margin: 15px;
    position: absolute;
    display: block;
    padding: 15px 20px 20px;
    background: #ffffff;
    border: 1px solid #222222;
    border-radius: 5px;
    right: 0;
}
#floorplan .zoom p {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
#floorplan .zoom button {
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	background-color: #ffffff;
	width: 40px;
	height: 40px;
	padding: 0;
	color: #565960;
	border: 1px solid #e1e1e1;
	font-weight: bold;
	cursor: pointer;
	display: block; }
	.zoom button:hover { background-color: #f4f4f4;	}
	.zoom button.in { border-radius: 5px 5px 0 0; }
	.zoom button.out { border-radius: 0 0 5px 5px; }



.test-point {
	position: fixed;
	transition: 3s;
	background: yellow;
}