.marker{
	margin: auto auto;
	width: 300px;
	height: 300px;
	position: absolute;
    z-index: 999;
}
.dot0{
    top: -117px;
    right: 647px;
}
.dot1{
    top: 62px;
    right: 262px;
}
.dot2{
    top: 93px;
    right: 234px;
}
.dot3{
    top: 263px;
    right: 265px;
}
.dot4{
    top: 233px;
    right: 217px;
}
.dot5{
    top: 221px;
    right: 190px;
}
.dot6{
    top: 235px;
    right: 247px;
}
.dot7{
    top: 221px;
    right: 262px;
}
.dot8{
    top: 126px;
    right: 290px;
}
.dot9{
    top: 64px;
    right: 290px;
}
.dot10{
	top: 255px;
    right: 305px;
}
.dot11{
	top: 255px;
    right: 91px;
}
.dot12{
	top: 185px;
    right: 334px;
}
.dot13{
    top: -20px;
    right: 418px;
}
.dot14{
	top: 4px;
    right: 396px;
}
.dot15{
    top: 96px;
    right: 236px;
}
.dot16{
	top: 134px;
    right: 224px;
}
.dot17{
	top: 283px;
    right: 185px;
}
.dot18{
    top: 189px;
    right: 341px;
}
.dot19{
	top: 76px;
    right: 294px;
}
.centraldot{
	width: 6px;
	height: 6px;
	background: rgb(0 0 0);
	border-radius: 30px;
	position: absolute;
	left:147px;
	top:147px;
	animation: animationDotCentral linear 5s;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards;
	animation-iteration-count: infinite;
}
.wave{
	width: 260px;
	height: 260px;
	background: rgb(234 78 26 / 40%);
	border-radius: 200px;
	position: absolute;
	left:20px;
	top:20px;
	opacity: 0;
	animation: animationWave cubic-bezier(0,.54,.53,1) 5s;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards;
	/*animation-delay:0.9s;*/
	animation-iteration-count: infinite;
}
.wave2{
	width: 260px;
	height: 260px;
	background: rgb(234 78 26 / 40%);
	border-radius: 200px;
	position: absolute;
	left:20px;
	top:20px;
	opacity: 0;
	animation: animationWave cubic-bezier(0,.54,.53,1) 5s;
	transform-origin: 50% 50%;
	animation-fill-mode:forwards;
	/*animation-delay:1.07s;*/
	animation-iteration-count: infinite;
}


@keyframes animationDotCentral{
	
	0% {
		transform:  scale(0) ;
		opacity: 0;
	}
 
	5% {
		transform:  scale(2) ;
	}
  
	10% {
		transform:  scale(0.90) ;
		opacity: 1;
	}


	11% {
		transform:  scale(1.50) ;
	}

	12% {
		transform:  scale(1.00) ;
	}
 
	28% {
		background: rgb(234 78 27 / 40%);
	}
  
	29% {
		background: rgba(255,255,255,1);
	}

	31% {
		background: rgb(234 78 27 / 40%);
	}

	33% {
		background: rgba(255,255,255,1);
	}

	35% {
		background: rgb(234 78 27 / 40%);
	}

	90%{
		opacity: 0.7;
	}

	100% {
		opacity: 0;
	}
}

@keyframes animationWave{
	0% {
	    opacity: 0;
	    transform:  scale(0.00);
	}

	1% {
		opacity: 0.3;
	}

	10% {
		background: rgb(234 78 27 / 40%);
	}

	100% {
	 	transform:  scale(1) ;
	 	background: rgba(32,150,243,0.0);
	 }
}