.circle_ani{
	position: relative;
	top: 20vw;
	left: 5vw;
	width: 35vw;
	height: 35vw;
	transform: rotate(30deg);
	pointer-events: none;
	-webkit-user-select: none;
}
.circle_ani .fixed{
	position: absolute;
	width: 70%;
	transform-origin: 50% 50%;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.circle_ani .fixed2{
	position: absolute;
	width: 100%;
	transform-origin: 50% 50%;
	top: 22%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.circle_ani .beem-bottom{
	position: absolute;
	top: 8vw;
	left: 11vw;
	width: 13vw;
	opacity: 0.6;
	animation: beem_flash 2s infinite;
}
.circle_ani .beem-top{
	position: absolute;
	top: -13vw;
    left: 8.5vw;
    width: 18vw;
	opacity: 0.6;
	animation: beem_flash 2s infinite;

}
.circle_ani .layer001{
	position: absolute;
	animation: rotate 70s infinite;
	animation-timing-function: linear;
	top: 20%;
	left: 50%;
}
.circle_ani .layer002{
	position: absolute;
	transform-origin: 50% 50%;	
	animation: rotate-r 80s infinite;
	animation-timing-function: linear;
	top: 25%;
	left: 50%;
}
.circle_ani .layer003{
	position: absolute;
	transform-origin: 50% 50%;
	animation: rotate 100s infinite;
	animation-timing-function: linear;
	top: 30%;
	left: 50%;
}
.circle_ani .layer004{
	position: absolute;
	transform-origin: 50% 50%;
	animation: rotate-r 80s infinite;
	animation-timing-function: linear;
	top: 40%;
	left: 50%;
}
.circle_ani .layer005{
	position: absolute;
	transform-origin: 50% 50%;
	animation: rotate 80s infinite;
	animation-timing-function: linear;
	top: 45%;
	left: 50%;
}
@keyframes rotate{
	0%{
		transform: translate(-50%,-50%) rotate(0deg) skew(0deg,0deg) scale(1);
    	width: 119%;
    	height: 54%;
	}
	5%{
		transform: translate(-50%,-50%) rotate(-18deg) skew(23deg,9deg) scale(1.1);
    	width: 100%;
    	height: 50%;
	}
	10%{
		transform: translate(-50%,-50%) rotate(-36deg) skew(41deg,3deg) scale(0.76);
    	width: 100%;
    	height: 100%;
	}
	15%{
		transform: translate(-50%,-50%) rotate(-54deg) skew(27deg,1deg) scale(1.05);
    	width: 58%;
    	height: 94%;
	}
	20%{
		transform: translate(-50%,-50%) rotate(-72deg) skew(16deg,-3deg) scale(0.72);
    	width: 74%;
    	height: 152%;
	}
	25%{
		transform: translate(-50%,-50%) rotate(-90deg) skew(0deg,0deg) scale(1);
    	width: 50%;
		height: 116%;
	}
	30%{
		transform: translate(-50%,-50%) rotate(-108deg) skew(-7deg,-33deg) scale(1.02);
    	width: 55%;
    	height: 100%;
	}
	35%{
		transform: translate(-50%,-50%) rotate(-126deg) skew(-15deg,-30deg) scale(0.89);
    	width: 82%;
    	height: 100%;
	}
	40%{
		transform: translate(-50%,-50%) rotate(-144deg) skew(2deg,-29deg) scale(0.87);
    	width: 116%;
    	height: 70%;
	}
	45%{
		transform: translate(-50%,-50%) rotate(-162deg) skew(-15deg,-10deg) scale(1);
    	width: 112%;
    	height: 60%;
	}
	50%{
		transform: translate(-50%,-50%) rotate(-180deg) skew(0deg,0deg) scale(1.2);
    	width: 100%;
    	height: 43%;
	}
	55%{
		transform: translate(-50%,-50%) rotate(-198deg) skew(15deg,10deg) scale(1);
    	width: 112%;
    	height: 60%;
	}
	60%{
		transform: translate(-50%,-50%) rotate(-216deg) skew(-2deg,29deg) scale(0.87);
    	width: 116%;
    	height: 70%;
	}
	65%{
		transform: translate(-50%,-50%) rotate(-234deg) skew(15deg,30deg) scale(0.89);
    	width: 82%;
    	height: 100%;
	}
	70%{
		transform: translate(-50%,-50%) rotate(-252deg) skew(7deg,33deg) scale(1.02);
    	width: 55%;
    	height: 100%;
	}
	75%{
		transform: translate(-50%,-50%) rotate(-270deg) skew(0deg,0deg) scale(1);
    	width: 50%;
		height: 116%;
	}
	80%{
		transform: translate(-50%,-50%) rotate(-288deg) skew(1deg,-44deg) scale(1);
    	width: 60%;
    	height: 100%;
	}
	85%{
		transform: translate(-50%,-50%) rotate(-306deg) skew(-2deg,-38deg) scale(0.8);
    	width: 100%;
    	height: 100%;
	}
	90%{
		transform: translate(-50%,-50%) rotate(-324deg) skew(0deg,-29deg) scale(0.6);
    	width: 163%;
    	height: 100%;
	}
	95%{
		transform: translate(-50%,-50%) rotate(-342deg) skew(0deg,-15deg) scale(1);
    	width: 114%;
    	height: 55%;
	}
	100%{
		transform: translate(-50%,-50%) rotate(-360deg) skew(0deg,0deg) scale(1);
    	width: 119%;
    	height: 54%;
	}
}
@keyframes rotate-r{
	0%{
		transform: translate(-50%,-50%) rotate(0deg) skew(0deg,0deg) scale(1);
    	width: 119%;
    	height: 54%;
	}
	5%{
		transform: translate(-50%,-50%) rotate(18deg) skew(-23deg,-9deg) scale(1.1);
    	width: 100%;
    	height: 50%;
	}
	10%{
		transform: translate(-50%,-50%) rotate(36deg) skew(-41deg,-3deg) scale(0.76);
    	width: 100%;
    	height: 100%;
	}
	15%{
		transform: translate(-50%,-50%) rotate(54deg) skew(-27deg,-1deg) scale(1.05);
    	width: 58%;
    	height: 94%;
	}
	20%{
		transform: translate(-50%,-50%) rotate(72deg) skew(-16deg,3deg) scale(0.72);
    	width: 74%;
    	height: 152%;
	}
	25%{
		transform: translate(-50%,-50%) rotate(90deg) skew(0deg,0deg) scale(1);
    	width: 50%;
		height: 116%;
	}
	30%{
		transform: translate(-50%,-50%) rotate(108deg) skew(7deg,33deg) scale(1.02);
    	width: 55%;
    	height: 100%;
	}
	35%{
		transform: translate(-50%,-50%) rotate(126deg) skew(15deg,30deg) scale(0.89);
    	width: 82%;
    	height: 100%;
	}
	40%{
		transform: translate(-50%,-50%) rotate(144deg) skew(-2deg,29deg) scale(0.87);
    	width: 116%;
    	height: 70%;
	}
	45%{
		transform: translate(-50%,-50%) rotate(162deg) skew(15deg,10deg) scale(1);
    	width: 112%;
    	height: 60%;
	}
	50%{
		transform: translate(-50%,-50%) rotate(180deg) skew(0deg,0deg) scale(1.2);
    	width: 100%;
    	height: 43%;
	}
	55%{
		transform: translate(-50%,-50%) rotate(198deg) skew(-15deg,-10deg) scale(1);
    	width: 112%;
    	height: 60%;
	}
	60%{
		transform: translate(-50%,-50%) rotate(216deg) skew(2deg,-29deg) scale(0.87);
    	width: 116%;
    	height: 70%;
	}
	65%{
		transform: translate(-50%,-50%) rotate(234deg) skew(-15deg,-30deg) scale(0.89);
    	width: 82%;
    	height: 100%;
	}
	70%{
		transform: translate(-50%,-50%) rotate(252deg) skew(-7deg,-33deg) scale(1.02);
    	width: 55%;
    	height: 100%;
	}
	75%{
		transform: translate(-50%,-50%) rotate(270deg) skew(0deg,0deg) scale(1);
    	width: 50%;
		height: 116%;
	}
	80%{
		transform: translate(-50%,-50%) rotate(288deg) skew(-1deg,44deg) scale(1);
    	width: 60%;
    	height: 100%;
	}
	85%{
		transform: translate(-50%,-50%) rotate(306deg) skew(2deg,38deg) scale(0.8);
    	width: 100%;
    	height: 100%;
	}
	90%{
		transform: translate(-50%,-50%) rotate(324deg) skew(0deg,29deg) scale(0.6);
    	width: 163%;
    	height: 100%;
	}
	95%{
		transform: translate(-50%,-50%) rotate(342deg) skew(0deg,15deg) scale(1);
    	width: 114%;
    	height: 55%;
	}
	100%{
		transform: translate(-50%,-50%) rotate(360deg) skew(0deg,0deg) scale(1);
    	width: 119%;
    	height: 54%;
	}
}
@keyframes beem_flash{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.1;
	}
	100%{
		opacity: 0.1;
	}
}
.right_rotaters{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30vw;
	height: 30vw;
}
.right_rotaters .r-rotater{
	position: absolute;
	top: 10vw;
	left: 9vw;
	width: 13vw;
	animation: rotate_right 10s infinite;
	animation-timing-function: linear;
}
.right_rotaters .f-rotater{
	position: absolute;
	top: 5vw;
	right: 0;
	width: 22vw;
}
@keyframes rotate_right{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}