.hotspot-tooltip2.homeview::after,

.hotspot-tooltip2 .title,

.hotspot-tooltip2::after {

	opacity:0;

	-webkit-animation-duration:1s;

	animation-duration:1s;

	-webkit-animation-fill-mode:both;

	animation-fill-mode:both;

}



.hotspot-tooltip2 {

	position:absolute;

	position:relative;

}



.hotspot-tooltip2::after {

	position:absolute;

	content:'';

	border-left:2px dotted #fff;

	width:102px;

	height:100px;

	overflow:hidden;

	top:31px;

	z-index:0;

	transform-origin:bottom left;

	left:57%;

	-webkit-animation-name:mp-clipX;

	animation-name:mp-clipX;

	-webkit-animation-duration:.8s;

	animation-duration:.8s;

	-webkit-animation-delay:.8s;

	animation-delay:.8s;

}



.hotspot-tooltip2 .title {

	position:absolute;

	z-index:12;

	position:relative;

	border:1px solid rgb(255, 255, 255);

	color: #ffffff;

	/* text-shadow:0 0 1px #00888a; */

	/*-webkit-backdrop-filter:blur(3px);

	backdrop-filter:blur(3px);*/

	margin:2px 0 0 0;

	padding:0 15px 0 15px;

	border-radius:15px;

	background: #A97C50;

	font-size:13px;

	font-weight: 500;

	font-size: 14px;

	font-family: Montserrat;

	height:30px;

	line-height:29px;

	text-align:center;

	text-transform:uppercase;

	-webkit-animation-name:mp-fadeZoomBig;

	animation-name:mp-fadeZoomBig;

	-webkit-animation-duration:.5s;

	animation-duration:.5s;

	-webkit-animation-delay:1.2s;

	animation-delay:1.2s;

}



.hotspot-tooltip2 .image {

	width: 100px;

	height: 100px

}



.hotspot-tooltip2 .image img{

	max-width: 100%;

}



.hotspot-tooltip2 .title .spot_logo {

	position:relative;

	position:absolute;

	z-index:16;

	width:34px;

	height:34px;

	background:#fff;

	-webkit-border-radius:50%;

	border-radius:50%;

	left:-14px;

	top:-2px;

	display:none;

}



.hotspot-tooltip2 .title .spot_logo div {

	position:absolute;

	content:'' !important;

	width:26px;

	height:26px;

	left:4px;

	top:4px;

	background:url(../Images/spot_logo.png) no-repeat;

	background-size:contain;

}



.hotspot-tooltip2.nm .title {

	color:#fff;

	text-shadow:0 0 1px white;

	background:rgba(6,42,68,.46);

	text-shadow:0 0 1px rgba(255,255,255,.6);

}



.hotspot-tooltip2.streetview .title {

	background:rgba(6,42,68,.23);

	border:1px solid rgba(255,255,255,.16);

	color:#fff;

	text-shadow:0 0 1px rgba(255,255,255,.6);

	-webkit-backdrop-filter:blur(6px);

	backdrop-filter:blur(6px);

	-webkit-animation-duration:.9s;

	animation-duration:.9s;

	-webkit-animation-delay:1.2s;

	animation-delay:1.2s;

}



.hotspot-tooltip2.pk .title {

	background:rgba(0,136,138,.56);

	border:1px solid rgba(255,255,255,.16);

	color:#fff;

	text-shadow:0 0 1px white;

}



.hotspot-tooltip2.pcaqua1::after {

	border-left:2px dotted #f6d98e;

	height:42px !important;

}



.hotspot-tooltip2.pcaqua1 .title {

	background:rgba(4,46,64,.58);

	color:#f6d98e;

	text-shadow:0 0 1px rgba(246,217,142,.6);

	border:1px solid rgba(255,255,255,0);

	-webkit-animation-duration:.9s;

	animation-duration:.9s;

	-webkit-animation-delay:1.2s;

	animation-delay:1.2s;

}



.hotspot-tooltip2.homeview .title {

	color:#fff;

	text-shadow:0 0 1px white;

	background:rgba(6,42,68,.46);

	text-shadow:0 0 1px rgba(255,255,255,.6);

	-webkit-animation-duration:.5s;

	animation-duration:.5s;

	-webkit-animation-delay:.3s;

	animation-delay:.3s;

}



.hotspot-tooltip2.homeview::after {

	position:absolute;

	content:'';

	border-left:2px dotted #fff;

	width:102px;

	height:51px;

	overflow:hidden;

	top:31px;

	z-index:0;

	transform-origin:bottom left;

	left:calc(50% - 1px);

	-webkit-animation-name:mp-clipX;

	animation-name:mp-clipX;

	-webkit-animation-duration:.3s;

	animation-duration:.3s;

	-webkit-animation-delay:0s;

	animation-delay:0s;

}



.hotspot-tooltip2.homeview.arrow .title {

	top:-14px;

}



.hotspot-tooltip2.homeview.arrow::after {

	height:51px;

	top:14px;

}



.hotspot-tooltip2::after,

#h25 .note-tooltip::after {

	height:28px;

}



.hotspot-tooltip2::after,

#h50 .note-tooltip::after {

	height:52px;

}



.hotspot-tooltip2::after,

#h75 .note-tooltip::after {

	height:78px;

}