/* Virtual tour home */

.virtualTourHome {
	position: relative;
	background-color: #f0f0f0;
}

.virtualTourHome img {
	width: 100%;
}

.virtualTourHome svg {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.example-image-link:hover {
	color:#3f4c47;
}

.virtualTourHomeInfo {
	position: absolute;
	top: 4%;
	font-size: 17px;
	text-shadow: 1px 0px 5px #fff;
}

.nav-tabs .nav-link {
	padding:15px !important;
	border:0px;
}

.nav-tabs .nav-item  a {
	box-shadow: none !important;
    color: #000;
    padding: 12px 30px !important;
}

.nav-tabs .nav-link:hover {
    background: #eeeeee;
}

.nav-tabs .nav-item {
	padding: 0px 0px 15px 0px;
    margin-right: 15px;
}

.nav-tabs .nav-item .active {
	padding: 12px 30px !important;
    -webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.4) !important;
    -moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.4) !important;
    box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.4) !important;
}

.virtualTourHomeInfo:before {
	content: "";
	left: -35px;
	top: -4px;
	position: absolute;
	background-image: url(/images/info.svg);
	height: 27px;
	width: 27px;
}

.appartementModel .modal-content {
	border: 0;
	border-radius: 0;
	padding: 35px;
}

.appartementModel .modal-dialog {
	max-width: 1215px;
	margin: 30px auto;
}

.appartementModel h5 {
	font-size: 45px;
	margin-bottom: 35px;
	font-weight: 400;
}

.appartementModel h6 {
	font-size: 25px;
	margin-bottom: 25px;
	font-weight: 400;
}

.appartementModel p {
	font-weight: 600;
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 25px;
}

.appartementModel .modal-footer, .appartementModel .modal-header {
	border: 0;
}

.appartementModel .modal-footer {
	margin-top: 20px;
}

.appartementModel .btn {
	margin: 0 10px;
}

.appartementModel .close {
	outline: none;
	opacity: 1;
	margin-top: 20px;
	padding: 2px 13px;
	cursor: pointer;
}

.appartementModel .btn.downloadButton {
	margin: 0 20px 30px 0 !important;
}

.fadeModal {
	opacity: 1;
	animation: fadeIn .25s ease-in;
}

.cls-1 {
	transition: 0.3s opacity;
	opacity: 0.5;
	cursor: pointer;
}

.cls-1:hover {
	opacity: 0;
}

.popup {
	position: absolute;
	display: none;
	background-color: white;
	width: 330px;
	padding: 35px;
	opacity: 0;
	z-index:9999;
	-webkit-box-shadow: 0px 11px 11px -8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 11px 11px -8px rgba(0,0,0,0.4);
	box-shadow: 0px 11px 11px -8px rgba(0,0,0,0.4);
}

.popup.showDetails {
	display: block;
	opacity: 1;
	animation: fadeIn .15s linear;
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

.popup p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 0;
}

.vt360 iframe {
	height:85vh;
	width: 100%;
}

.popup h6 {
	font-size: 25px;
	margin-bottom: 25px;
	font-weight: 400;
	font-family: 'Noto Serif', sans-serif;
}

.popup h6:first-letter {
	text-transform: uppercase;
}

.modal-backdrop {
	z-index: 9999;
}

.modal {
	z-index: 99999;
}

.popupklingelbeek-16 { top: 10%; left: 4%; }
.popupklingelbeek-12 { top: 35%; left: 20%; }
.popupklingelbeek-8 { top: 54%; left: 40%; }
.popupklingelbeek-6 { top: 35%; left: 20%; }

.popupklingelbeek-10 { top: 35%; left: 20%; }
.popupklingelbeek-2 { top: 51%; left: 30%; }
.popupklingelbeek-14 { top: 15%; left: 30%; }
.popupklingelbeek-4 { top: 50%; left: 50%; }

.popupklingelbeek-18 { top: 40%; left: 18%; }
.popupklingelbeek-20 { top: 36%; left: 36%; }
.popupklingelbeek-22 { top: 30%; left: 55%; }

.verderKijken {
	width: 294px;
	position: absolute;
	left: -60px;
	top: 64%;
	padding: 35px;
	background-color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
}

.verderKijkenR {
	width: 294px;
	position: absolute;
	right: -60px;
	top: 64%;
	padding: 35px;
	background-color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.4);
}

.verderKijken h6 {
	font-weight: 500 !important;
}

@media (min-width: 1600px) {
	.verderKijken {
		left: -140px;
	}

	.verderKijkenR {
		right: -140px;
	}
}

@media (max-width: 768px) {
	.popup {
		left:20px !important;
	}

}