.loader{
  position: absolute;
  top: 65%!important;
  left: 57%!important;
   -webkit-transform: translate(-50%,-50%);
}


svg#spinner {
  width:50%;
  height:50%;
  stroke:#fff;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    stroke-dasharray: 10 1
  }
  50% {
    -webkit-transform: rotate(180deg);
    stroke-dasharray: 1 10
  }
  100% {
    -webkit-transform: rotate(360deg);
    stroke-dasharray: 10 1
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    stroke-dasharray: 10 1
  }
  50% {
    transform: rotate(180deg);
    stroke-dasharray: 1 10
  }
  100% {
    transform: rotate(360deg);
    stroke-dasharray: 10 1
  }
}