#lottiePreload {
	min-height: 400px;
}

#theLottie {
	z-index: -1;
  position: relative;
}


.lottieWrap {
	position: relative; 
	z-index:0; 
	margin: 0 auto;
}

.hotspotLayer {
	position: absolute; 
	top: 0; 
	z-index:10; 
	height: 100%; 
	width: 100%;
}

.hotspotLayer .hotspot {
	position: absolute;
	background-color: #fbbd0c;
	background-image: linear-gradient(45deg, #fbbd0c 0%, #f29e44 100%);

	border: 5px white solid;
	box-shadow: none !important;
	outline: 0;
}

.hotspotLayer .hotspot .hotspotTitle {
	display: none;
}

.hotspotPopoverBeautifier {
	/*background-color: #FBAB7E;*/
	/*background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);*/
	/*border-radius: 0;*/
}

.hotspotPopoverBeautifier .popover-body {
	/*color: white;*/
	font-size:  1.3rem;
	padding:  10px;
}

  
.fancybox-close-small {
	top: 20px;
	right: 40px;
}

.fcy-lottie-slide {
	background-color: #002650 !important;
}

.fcy-lottie-slide.fancybox-slide>* {
background: transparent;
}

.fancybox-content {
	background: initial;
	padding-top: 0px;
	padding-bottom: 0px;
}

.lottieContent {
	display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

.lottieContent h1 {
	color: #0feb7a;
}

.lottieContent p {
	color: #fff;
}

.lottieLinkBtn, .lottieLinkBtn:hover {
      width: fit-content;
    padding-left: 2rem;
    padding-right: 2rem;
	color: white !important;
	border-radius: 50px;
	border: 2px solid #0feb7a;
}

.fcy-lottie-slide .fancybox-close-small:after {
	/*height: 120px;
    width: 120px;*/
    color: #0feb7a !important;
    background: initial;
    font-size: 100px;
      outline: 0 !important;
  z-index: 9999999;
}

.hotspotWrap {
	position: absolute; 
	width:80px; 
	height: auto; 
	display: flex; 
	flex-direction: column; 
	align-items: center;
}

@media (max-width: 991.98px) { 
  img.hotspotV2 {
    max-width: 50px;
}
  
  
	 .lottieWrap { 
	 	position: static; 
	 }
	
  .hotspotLayer {
	position: static;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    
    align-content: flex-start;
     flex-wrap: wrap;
    flex-direction: row;
	}
	.hotspotLayer .hotspot {
		position: static;
		border-radius: 10px;
		border:  0;
		margin-top:  5px;
		display:  inline !important;
	}
	.hotspotLayer .hotspot .hotspotTitle {
		display: inline;
		color: #000;
	}
	.hotspotPopoverBeautifier {
		display: none !important;
	}
	.hotspotWrap {
		position: static;
	}
  	.hotspotTitle {
    	margin-top: 0.5rem;
 	}
	.hotspotWrap {
		position: static;
		flex-direction: column-reverse;
          flex-shrink: 0;
            /*width: 50px;*/
/*display:block;*/
margin-top: 20px;

    	font-size: .8rem;
    	line-height: 1.2;

}
      	
	}


@media (min-width: 992px) { 
	.hotspotLayer .hotspot {
		border-radius: 50%;

		width: 50px;
		height: 50px;
	}
    .fancybox-container {
            position: absolute !important;
        }
    .fancybox-enabled, body.fancybox-active {
            overflow: visible;
        }
  
 .fancybox-bg {
    background: transparent;
    }

  .fancybox-slide>* {
    /*margin: 0;
    background-color: rgba(255,255,255,.95);
    min-height: 100%;
    padding-left: 50px;
    padding-right: 50px;*/
  }
  .fancybox-loading {
    min-height: initial;
    padding: 0;
  }
  .hotspotTitle {
        margin-bottom: 0.5rem;
  }
  img.hotspotV2 {
    	animation: hotspotPulse 2s infinite;
  }

.hotspotWrap:nth-of-type(1) img.hotspotV2 { animation-delay: 0s }
.hotspotWrap:nth-of-type(2) img.hotspotV2 { animation-delay: -.5s }
.hotspotWrap:nth-of-type(3) img.hotspotV2 { animation-delay: -1s }
.hotspotWrap:nth-of-type(4) img.hotspotV2 { animation-delay: -1.5s }
.hotspotWrap:nth-of-type(5) img.hotspotV2 { animation-delay: -2s }
.hotspotWrap:nth-of-type(6) img.hotspotV2 { animation-delay: -2.5s }
.hotspotWrap:nth-of-type(7) img.hotspotV2 { animation-delay: -3s }
.hotspotWrap:nth-of-type(8) img.hotspotV2 { animation-delay: -3.5s }  
  @keyframes hotspotPulse {
	0% {
		transform: scale(0.9);
	}

	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.9);
	}
}

}
