.app-container-placeholder {
	position: relative;
	display: block;
	height: 250px;
}

@keyframes app-container-placeholder-circle-bounce {
	0% {
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
	15% {
		-ms-transform: translateY(-36px);
		-webkit-transform: translateY(-36px);
		transform: translateY(-36px);
		opacity: 0.8;
	}
	30% {
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}

.app-container-placeholder .placeholder-circle {
	display: inline-block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 10px;
	border-radius: 50%;
}

.app-container-placeholder .placeholder-circle:first-of-type {
	background-color: #0f2d5d;
	margin-left: -60px;
	-webkit-animation: app-container-placeholder-circle-bounce 2s infinite ease;
	animation: app-container-placeholder-circle-bounce 2s infinite ease;
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.app-container-placeholder .placeholder-circle:nth-of-type(2) {
	background-color: #00677f;
	margin-left: -24.8px;
	-webkit-animation: app-container-placeholder-circle-bounce 2s infinite ease;
	animation: app-container-placeholder-circle-bounce 2s infinite ease;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.app-container-placeholder .placeholder-circle:nth-of-type(3) {
	background-color: #50325b;
	margin-left: 10.4px;
	-webkit-animation: app-container-placeholder-circle-bounce 2s infinite ease;
	animation: app-container-placeholder-circle-bounce 2s infinite ease;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.app-container-placeholder .placeholder-circle:nth-of-type(4) {
	background-color: #006747;
	margin-left: 45.6px;
	-webkit-animation: app-container-placeholder-circle-bounce 2s infinite ease;
	animation: app-container-placeholder-circle-bounce 2s infinite ease;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}