#loading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1051;
  background: rgba(205, 205, 205, 0.6);
}
#loading .spinner {
  height: 6rem;
  width: 6rem;
  margin: 9.4rem auto 0 auto;
  position: relative;
  -webkit-animation: rotation 0.9s infinite linear;
  -moz-animation: rotation 0.9s infinite linear;
  -o-animation: rotation 0.9s infinite linear;
  animation: rotation 0.9s infinite linear;
  border: 0.6rem solid #ebebeb;
  border-top-color: var(--main-color, orange);
  border-radius: 100%;
  z-index: 1052;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}