.spinner,.spinner:after{
    width: 45px;
    height: 45px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: 50px;
    margin-left: -30px;
    border-radius: 50%;
    z-index: 1
 }
.spinner {
    background-color: transparent;
    border-top: 10px solid rgb(66,139,20);
    border-right: 10px solid rgb(66,139,20);
    border-bottom: 10px solid rgb(66,139,20);
    border-left: 10px solid rgba(66,139,20,.3);
    transform: translateZ(0);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: .8s;
    animation-name: spinner-loading
 }
@keyframes spinner-loading{
  0% {
      transform: rotate(0deg)
  } to {
      transform: rotate(1turn)
  }
}