#ajax{
	position: fixed;
	right: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100vh;
}

#animation_container{
	display: table;
	margin: 0 auto;
}

#ajax_animation{
	display: table-cell;
	vertical-align: middle;
	height: 100vh;
}

.k-math-diagram-abacus{
	position:relative;
	height:300px;
	width:200px;
	border:10px solid #fff;
	border-radius:8px;
}
.k-math-diagram-abacus-pole{
	position:absolute;
	width:96%;
	height:8px;
	border:4px solid #fff;
	background-color:#fff;
}
.k-math-diagram-abacus-pole-1{
	top:15%;
}
.k-math-diagram-abacus-pole-2{
	top:35%;
}
.k-math-diagram-abacus-pole-3{
	top:55%;
}
.k-math-diagram-abacus-pole-4{
	top:75%;
}
.k-math-diagram-abacus-units{
	position:relative;
	margin-left:10px;
	height:50px;
	top:-25px;
	width:24px;
	background-color:white;
	border:4px solid white;
	border-radius:8px;
	display:inline-block;
}
.k-math-diagram-abacus-padded-left{
	animation-name:k-math-animation-abacus-moveunits;
	animation-iteration-count:infinite;
	animation-duration:4s;
}
@keyframes k-math-animation-abacus-moveunits{
	0{
		margin-left:10px;
	}
	50%{
		margin-left:60px;
	}
	100%{
		margin-left:10px;
	}
}