.loading_spinner {
		animation-play-state: running;
		opacity: 1;
		position: relative;
		height: 65px;
		margin: 70px 0;
	}
	
@keyframes spinner {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
            transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg);
            transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}

.loading_spinner::before {
        animation: 1s linear infinite spinner;
        animation-play-state: inherit;
  		border: solid 5px #33058d;
  		border-bottom-color: rgba(51, 5, 141, 0);
  		border-radius: 50%;
  		content: "";
  		height: 50px;
  		left: 50%;
  		opacity: inherit;
  		position: absolute;
  		top: 50%;
        transform: translate3d(-50%, -50%, 0);
  		width: 50px;
  		will-change: transform;
	}
	
	
@media screen and (max-width: 720px) {
  .loading_spinner::before {
    height: 40px;
    width: 40px;
  }
  .loading_spinner {
    margin: 40px 0;
    height: 40px;
  }
}