/* RING */

.CLoad {
  top: 50%;
  left: 50%;
  position: absolute;
}

.CLoadRing {
  display: inline-block;
  font-size: 1rem;
  width: 10em;
  height: 10em;
  margin-top: -5em;
  margin-left: -5em;
}
.CLoadRing div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 8em;
  height: 8em;
  margin: 1em;
  border: 1em solid #aaa;
  border-radius: 50%;
  animation: CLoadRing 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #aaa transparent transparent transparent;
}
.CLoadRing div:nth-child(1) {
  animation-delay: -0.45s;
}
.CLoadRing div:nth-child(2) {
  animation-delay: -0.3s;
}
.CLoadRing div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes CLoadRing {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* SQUARE */

.CLoadSquare3 {
	font-size: 0.75rem;
	width: 10em;
	height: 10em;
	margin-top: -5em;
	margin-left: -5em;
}

.CLoadSquare3 > img {
	width: 100%;
	height: 100%;
}