
  
  .radar {
    background-image: url("../img/radar.png");
    width: 500px;
    height: 500px;
    position: relative;
	background-repeat: no-repeat;
	background-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	z-index: 9;
}
  
 
  
  .radar .pointer {
	position: absolute;
	z-index: 1024;
	left: 10.5820106%;
	right: 10.5820106%;
	top: 10.5820106%;
	bottom: 50%;
	will-change: transform;
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	background-image: linear-gradient(135deg, rgba(175, 13, 13, 0.8) 0%, rgba(0, 0, 0, 0.02) 70%, rgba(0, 0, 0, 0) 100%);
	-webkit-clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0);
			clip-path: polygon(100% 0, 100% 10%, 50% 100%, 0 100%, 0 0);
	-webkit-animation: rotate360 3s infinite linear;
			animation: rotate360 3s infinite linear;
  }
  
  .radar .pointer:after {
	content: "";
	position: absolute;
	width: 50%;
	bottom: -1px;
	border-top: 2px solid rgba(175, 13, 13, 0.8);
	box-shadow: 0 0 3px rgba(175, 13, 13, 0.6);
	border-radius: 9px;
  }
  
  .shadow {
	position: absolute;
	left: 11%;
	top: 11%;
	right: 11%;
	bottom: 11%;
	margin: auto;
	border-radius: 9999px;
	box-shadow: 0 0 66px 6px #A51414;
	-webkit-animation: shadow 1s infinite ease;
			animation: shadow 1s infinite ease;
  }
  
  @-webkit-keyframes rotate360 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
			  transform: rotate(-360deg);
	}
  }
  
  @keyframes rotate360 {
	0% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(-360deg);
			  transform: rotate(-360deg);
	}
  }
  @-webkit-keyframes shadow {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
  @keyframes shadow {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	to {
	  opacity: 0;
	}
  }
  
