.container.modal.loading #loader{
	display:block;
	animation: loadpush 2s forwards;
}

@keyframes loadpush {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(-50%) scaleX(0) scaleY(0);
	}
	5% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scaleX(1) scaleY(0.2);
	}
	20% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scaleX(1) scaleY(1);
	}
}

.container.modal.showing #loader{
	animation: loadpop 0.5s forwards;
}

@keyframes loadpop {
	0% {
		transform: translateX(-50%) translateY(-50%) scaleX(1) scaleY(1);
	}
	33% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scaleX(0.8) scaleY(0.8) rotateY(0deg);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(-50%) scaleX(0) scaleY(4) rotateY(-90deg);
	}
}

.container.modal.showing #telescreen{
	display:block;
	opacity:0;
	animation: 0.3s linear 0.5s forwards telepush;
}

@keyframes telepush {
	0% {
		opacity:1;
		transform: translateX(-50%) translateY(-50%) rotateY(90deg);
		background:transparent;
		border:none;
	}
	100% {
		opacity:1;
		transform: translateX(-50%) translateY(-50%) rotateY(0deg);
		background:transparent;
		border:none;
	}
}