div.dt-processing {
	color: #333;
	left: 50%;
	margin-left: -100px;
	margin-top: -22px;
	padding: 2px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 200px;
	z-index: 10;
}

div.dt-processing > div:last-child {
	height: 15px;
	margin: 1em auto;
	position: relative;
	width: 80px;
}

div.dt-processing > div:last-child > div {
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	background: #049cdb;
	border-radius: 50%;
	height: 13px;
	position: absolute;
	top: 0;
	width: 13px;
}

div.dt-processing > div:last-child > div:first-child {
	animation: dt-loader-1 .6s infinite;
	left: 8px;
}

div.dt-processing > div:last-child > div:nth-child(2) {
	animation: dt-loader-2 .6s infinite;
	left: 8px;
}

div.dt-processing > div:last-child > div:nth-child(3) {
	animation: dt-loader-2 .6s infinite;
	left: 32px;
}

div.dt-processing > div:last-child > div:nth-child(4) {
	animation: dt-loader-3 .6s infinite;
	left: 56px;
}

@keyframes dt-loader-1 {
	0% {
		transform: scale(0);
	}
	
	to {
		transform: scale(1);
	}
}

@keyframes dt-loader-3 {
	0% {
		transform: scale(1);
	}
	
	to {
		transform: scale(0);
	}
}

@keyframes dt-loader-2 {
	0% {
		transform: translate(0);
	}
	
	to {
		transform: translate(24px);
	}
}