.cssload-container {
	margin: -44px -58px;
	width: 117px;
	height: 88px;
	position: absolute;
	left: 50%;
}
.cssload-dot {
	background: rgb(0,0,0);
	border-radius: 50%; 
	width: 50px;
	height: 50px;
	line-height:50px;
	font-size:24px;
	position: absolute;
	bottom: 29px;
	left: 0px;
	transform-origin: center bottom;
		-o-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		-webkit-transform-origin: center bottom;
		-moz-transform-origin: center bottom;
	animation: cssload-dot 0.69s ease-in-out infinite;
		-o-animation: cssload-dot 0.69s ease-in-out infinite;
		-ms-animation: cssload-dot 0.69s ease-in-out infinite;
		-webkit-animation: cssload-dot 0.69s ease-in-out infinite;
		-moz-animation: cssload-dot 0.69s ease-in-out infinite;
}


.step {
	position: absolute;
	width: 36px;
	height: 36px;
	border-top: 4px solid rgb(0,0,0);
	top: 0;
	right:0;
}



#cssload-s1 { animation: cssload-anim 2.07s linear infinite;
		-o-animation: cssload-anim 2.07s linear infinite;
		-ms-animation: cssload-anim 2.07s linear infinite;
		-webkit-animation: cssload-anim 2.07s linear infinite;
		-moz-animation: cssload-anim 2.07s linear infinite; }
#cssload-s2 { animation: cssload-anim 2.07s linear infinite -0.69s;
		-o-animation: cssload-anim 2.07s linear infinite -0.69s;
		-ms-animation: cssload-anim 2.07s linear infinite -0.69s;
		-webkit-animation: cssload-anim 2.07s linear infinite -0.69s;
		-moz-animation: cssload-anim 2.07s linear infinite -0.69s; }
#cssload-s3 { animation: cssload-anim 2.07s linear infinite -1.38s;
		-o-animation: cssload-anim 2.07s linear infinite -1.38s;
		-ms-animation: cssload-anim 2.07s linear infinite -1.38s;
		-webkit-animation: cssload-anim 2.07s linear infinite -1.38s;
		-moz-animation: cssload-anim 2.07s linear infinite -1.38s; }

/* For the dot fade in and out */
@keyframes cssload-dot {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-o-keyframes cssload-dot {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-ms-keyframes cssload-dot {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-webkit-keyframes cssload-dot {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-moz-keyframes cssload-dot {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  /* For the overall animation */
  @keyframes cssload-anim {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-o-keyframes cssload-anim {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-ms-keyframes cssload-anim {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-webkit-keyframes cssload-anim {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }
  
  @-moz-keyframes cssload-anim {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
  }

  

@keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-o-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-ms-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-webkit-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}

@-moz-keyframes cssload-anim { 
	0% { 
		opacity: 0;
		top: 0; 
		right: 0; 
	}
	50% { opacity: 1; }
	100% { 
		top: 88px; 
		right: 88px;
		opacity: 0;
	}
}