#loader {
    display: block;
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    //background-color: rgba(192, 192, 192, 0.5);
    //background-image: url("http://i.stack.imgur.com/MnyxU.gif");
    background-repeat: no-repeat;
    background-position: center;

    background-color: white;
}
.indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(4);
}
.indicator svg polyline {
  fill: none;
  stroke-width: 3;
  //stroke-linecap: round;
  //stroke-linejoin: round;
}
.indicator svg polyline#back {
  stroke: rgba(0,0,0,0.2);
}
.indicator svg polyline#front {
  stroke: rgba(0,0,0,0.5);
  stroke-dasharray: 12, 36;
  stroke-dashoffset: 48;
  animation: dash 1s linear infinite;
}

@-moz-keyframes dash {
  62.5% {
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash {
  62.5% {
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes dash {
  62.5% {
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  62.5% {
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}