#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 999; /* Makes sure it stays on top, over all other content. */
}

#status {
	width: 400px;
	height: 400px;
	position: absolute;
	left: 50%; /* Centers the loading animation horizontally on the screen */
	top: 50%; /* Centers the loading animation vertically on the screen */
	margin: -200px 0 0 -200px; /* Is above negative HEIGHT 0 0 WIDTH divided by two */
}

/* BEGIN CSS ANIMATION */

.inner-image {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 50%; /* Centers the loading animation horizontally on the screen */
  top: 50%; /* Centers the loading animation vertically on the screen */
  margin: -125px 0 0 -125px; /* Is above negative HEIGHT 0 0 WIDTH divided by two */
  background-image: url(rhs2001reunion-loading-image-v1-static-250x250.png);
  z-index: 99;
}
.css-animation-250px div {
  width: 250px;
  height: 250px;
  position: absolute;
  left: 50%; /* Centers the loading animation horizontally on the screen */
  top: 50%; /* Centers the loading animation vertically on the screen */
  margin: -125px 0 0 -125px; /* Is above negative HEIGHT 0 0 WIDTH divided by two */
  animation: css-animation-250px 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  background-image: url(rhs2001reunion-loading-image-v1-animate-250x250.png);
  z-index: 98;
}
.css-animation-250px div {
  animation-delay: -0.95s;
}
@keyframes css-animation-250px {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* END CSS ANIMATION */