.animate {
	transition: 600ms ease-in-out !important;
}
.image_zoom_container {
	overflow: hidden;
 	width: 100%;
	height: 1080px;
}
.image_zoom {
	width: 100%;
	height: 100%;
	position: relative;
}
.zoomed .pin {
	/* opacity: 0; */
	display: none;
}
.pin {
	position: absolute;
	background: red;
	cursor: pointer;
	transition: 500ms;
}
.popup {
	display: none;
}
.image_zoom_container {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.image_zoom {
	width: 100%;
	height: 100%;
	position: relative;
}
.image_zoom img {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}
.pin {
	position: absolute;
}
.image_zoom_wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	max-height: 1080px;
}
.marker {
	position: absolute;
	/*transform: translateX(-50%) translateY(-50%);*/
	width: 30px;
	height: 30px;
}
.marker:before {
	content: '';
	position: relative;
	display: block;
	width: 300%;
	height: 300%;
	box-sizing: border-box;
	margin-left: -100%;
	margin-top: -100%;
	border-radius: 45px;
	border: 8px solid #a3c614;
	animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.marker:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #a3c614;
	border-radius: 15px;
	animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
 @keyframes pulse-ring {
 0% {
 transform: scale(.33);
}
 80%, 100% {
 opacity: 0;
}
}
 @keyframes pulse-dot {
 0% {
 transform: scale(.8);
}
 50% {
 transform: scale(1);
}
 100% {
 transform: scale(.8);
}
}
.espf .pulsating-circle {
	cursor: pointer;
}
.uo-espf .row {
	margin-left: 0px;
	margin-right: 0px;
}
.uo-espf .col-md-12, .uo-espf .col-lg-12 {
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
}
.uo-espf .container-fluid {
	padding: 0px;
	max-width: 100%;
	max-height: 100%;
}
.espf .stage-img {
	border-radius: 6px;
	width: 1920px;
	height: 1080px;
	position: relative;
}
.espf .stage-img img {
	z-index: 1000;
	width: 100%;
	height: auto;
}
.espf-logo {
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	top: 15%;
	left: 90%;
	max-width: 108px;
	height: auto;
	z-index: 2000;
}
.image_zoom_wrapper .active_popup {
	/*width: 25%;*/
	width: 450px;
	position: absolute;
	left: 25%;
	top: 30%;
	z-index: 2000;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: 30px;
	background: rgba(255,255,255,.8);
	min-height: 164px;
	border-radius: 6px;
	text-transform: none;
}
.image_zoom_wrapper .popup h2 {
	text-transform: none;
}

@media(max-width: 767px) {

}
@media(max-width: 1024px) {
	.marker {
		width: 20px;
		height: 20px;
	}
	.espf-logo {
		max-width: 66px;
		height: auto;
	}
}
.image_zoom_wrapper button.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
	position: absolute;
	right: 10px;
	top: 4px;
	opacity: 0.5;
	padding:10px;
}
.image_zoom_wrapper button.close:hover {
	opacity: 0.7;
}
div#haus1.image_zoom.zoomed div.pin div.marker.clickable
 {
	pointer-events: none;
}