.ms-preload {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #eee;
	z-index: 50000;
	height: 100%;
	width: 100%
}

.spinner {
	width: 60px;
	height: 60px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	animation: sk-rotate 2.0s infinite linear
}

.dot1,
.dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #607d8b;
	border-radius: 100%;
	animation: sk-bounce 2.0s infinite ease-in-out
}

.dot2 {
	top: auto;
	bottom: 0;
	animation-delay: -1.0s
}

@keyframes sk-rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}