.cssload-wrap{
	padding-top:56px;
}	

.cssload-wrap > div {
	left: calc(50% - 70px);
	position: relative;
	background-color: rgb(255,255,255);
	width: 140px;
	height: 140px;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	overflow: hidden;
	color:rgb(0,0,0);
}
.cssload-wrap > div:nth-child(2) {
	width: 126px;
	height: 126px;
	top: -133px;
	left: calc(50% - 63px);
	line-height: 126px;
	text-align: center;
}
.cssload-wrap > div div {
	width: 105px;
	height: 105px;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	filter: blur(21px);
		-o-filter: blur(21px);
		-ms-filter: blur(21px);
		-webkit-filter: blur(21px);
		-moz-filter: blur(21px);
	position: absolute;
}
.cssload-wrap > div div:nth-child(1) {
	background-color: red;
	animation: cssload-move 4.6s;
		-o-animation: cssload-move 4.6s;
		-ms-animation: cssload-move 4.6s;
		-webkit-animation: cssload-move 4.6s;
		-moz-animation: cssload-move 4.6s;
	animation-delay: 5.52s;
		-o-animation-delay: 5.52s;
		-ms-animation-delay: 5.52s;
		-webkit-animation-delay: 5.52s;
		-moz-animation-delay: 5.52s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}
.cssload-wrap > div div:nth-child(2) {
	background-color: green;
	animation: cssload-move 3.45s;
		-o-animation: cssload-move 3.45s;
		-ms-animation: cssload-move 3.45s;
		-webkit-animation: cssload-move 3.45s;
		-moz-animation: cssload-move 3.45s;
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}
.cssload-wrap > div div:nth-child(3) {
	background-color: blue;
	animation: cssload-move 6.9s;
		-o-animation: cssload-move 6.9s;
		-ms-animation: cssload-move 6.9s;
		-webkit-animation: cssload-move 6.9s;
		-moz-animation: cssload-move 6.9s;
	animation-delay: 3.68s;
		-o-animation-delay: 3.68s;
		-ms-animation-delay: 3.68s;
		-webkit-animation-delay: 3.68s;
		-moz-animation-delay: 3.68s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}
.cssload-wrap > div div:nth-child(4) {
	background-color: yellow;
	animation: cssload-move 5.75s;
		-o-animation: cssload-move 5.75s;
		-ms-animation: cssload-move 5.75s;
		-webkit-animation: cssload-move 5.75s;
		-moz-animation: cssload-move 5.75s;
	animation-delay: 1.84s;
		-o-animation-delay: 1.84s;
		-ms-animation-delay: 1.84s;
		-webkit-animation-delay: 1.84s;
		-moz-animation-delay: 1.84s;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}




@keyframes cssload-move {
	0%, 100% {
		top: 0%;
		left: 0%;
	}
	25% {
		top: 0%;
		left: 50%;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 50%;
		left: 0%;
	}
}

@-o-keyframes cssload-move {
	0%, 100% {
		top: 0%;
		left: 0%;
	}
	25% {
		top: 0%;
		left: 50%;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 50%;
		left: 0%;
	}
}

@-ms-keyframes cssload-move {
	0%, 100% {
		top: 0%;
		left: 0%;
	}
	25% {
		top: 0%;
		left: 50%;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 50%;
		left: 0%;
	}
}

@-webkit-keyframes cssload-move {
	0%, 100% {
		top: 0%;
		left: 0%;
	}
	25% {
		top: 0%;
		left: 50%;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 50%;
		left: 0%;
	}
}

@-moz-keyframes cssload-move {
	0%, 100% {
		top: 0%;
		left: 0%;
	}
	25% {
		top: 0%;
		left: 50%;
	}
	50% {
		top: 50%;
		left: 50%;
	}
	75% {
		top: 50%;
		left: 0%;
	}
}