/* Hotspots */
.crust-hotspot-item {
	position: absolute;
	cursor: pointer;
	z-index: 2;
	transition: all 0.75s cubic-bezier(.4,0,0,1);
}

.crust-hotspot-item:hover{
	z-index:999
}

.crust-hotspot{
	position: relative;
	overflow: hidden;
}

.crust-hotspot img{
	margin: auto;
	max-width: 100%;
	position: relative;
	z-index: 0;
}

.crust-hotspot-item .crust-hotspot-text{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	line-height: 1;
	width: 40px;
	height: 40px;
	font-size: 25px;
	border-radius: 50%;
}

.crust-hotspot-item.style-1 .crust-hotspot-text{
	animation: scale_lg_sm 1.3s forwards linear infinite;
}
.crust-hotspot-item.style-2 .crust-hotspot-text{
	animation: scale_cont 4s infinite linear;
}
.crust-hotspot-item.style-3 .crust-hotspot-text{
	animation: up_down_anim 1s forwards ease infinite;
}

.crust-hotspot-item.style-4 .crust-hotspot-text:before,
.crust-hotspot-item.style-4 .crust-hotspot-text:after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	z-index: -1;
	display: block;
	border-radius: 50%;
	background-color: inherit;
	animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);
}
.crust-hotspot-item.style-4 .crust-hotspot-text:after{
	animation-delay: .5s
}

@keyframes scaleIn {
	from {
		transform: scale(.5, .5);
		opacity: .5;
	}
	to {
		transform: scale(2.5, 2.5);
		opacity: 0;
	}
}

.hotspotImg img{
}

.crust-hotspot-item > div:not(.crust-hotspot-text){
	position:absolute;
	top: 50%;
	left: 100%;
	z-index: 3;
	transform: translate(0,10px);
	padding: 20px;
	background-color: #fff;
	min-width: 290px;
	color: #777;
	border-radius: 5px;
	box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.5s cubic-bezier(.4,0,0,1);
}
.crust-hotspot-item.position-top > div:not(.crust-hotspot-text){
	bottom: 100%;
	top: auto;
	left: 50%;
	transform: translate(-50%,-30%);
}
.crust-hotspot-item.position-bottom > div:not(.crust-hotspot-text){
	top: 100%;
	left: 50%;
	transform: translate(-50%,30px) !important;
}
.crust-hotspot-item.position-right > div:not(.crust-hotspot-text){
	top: -15px;
	left: 45px;
	transform: translate(0,10px);
}
.crust-hotspot-item.position-left > div:not(.crust-hotspot-text){
	top: -15px;
	right: 100%;
	margin-right: 15px;
	left:auto;
}
.crust-hotspot .crust-hotspot-item .crust-hotspot-tooltip{
	opacity: 0;
	visibility: hidden;
	transform: translate(0,10px);
}

.crust-hotspot-text.crust-hotspot-tooltip,
.crust-hotspot-item.crust-show-spot:hover .crust-hotspot-tooltip{
	transition-delay: .25s;
	opacity: 1 !important;
	visibility: visible!important;
	transform: translate(0,0)!important;
}

.crust-hotspot .crust-hotspot-item.position-bottom:hover .crust-hotspot-tooltip{
	transform: translate(-50%,15px)!important;
}

.crust-hotspot .crust-hotspot-item.position-top:hover .crust-hotspot-tooltip{
	transform: translate(-50%,-15px)!important;
}

.crust-hotspot-item .crust-hotspot-Title {
	font-weight: 600;
	font-size: 1.25rem;
	margin-bottom: 10px;
}

.crust-hotspot-item .crust-hotspot-Message {
	font-size: .9rem;
}

.crust-hotspot-over{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
	z-index: 1;
	transition: .5s cubic-bezier(.4,0,0,1);
	transform: scale(1.1);
	opacity: 0;
	transform-origin: center center;
	visibility: hidden;
}

.crust-hotspot-over.active{
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}

.crust-hotspot-item.hidden-hover{
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
}