.spinner-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: black;
  opacity: 0.6; }
  .spinner-wrapper .spinner {
    height: 60px;
    width: 60px;
    margin: 250px auto;
    position: relative;
    -webkit-animation: rotation 3s infinite linear;
    -moz-animation: rotation 3s infinite linear;
    -o-animation: rotation 3s infinite linear;
    animation: rotation 3s infinite linear;
    border: 6px solid rgba(2, 2, 2, 0.8);
    border-radius: 100%; }
    .spinner-wrapper .spinner:before {
      content: "";
      display: block;
      position: absolute;
      left: -6px;
      top: -6px;
      height: 60px;
      width: 60px;
      border-top: 6px solid rgba(0, 143, 240, 0.8);
      border-left: 6px solid transparent;
      border-bottom: 6px solid transparent;
      border-right: 6px solid transparent;
      border-radius: 100%; }

@-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); } }