.loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#e36929;
}

.loader-svg {
  width: 250px; 
  margin: 0 auto;
  display: block;
  margin-top: 5%;
}

// ANIMATIONS

// Icon animation
@-webkit-keyframes loader {
  33%  { -webkit-transform: translate3d(0,-95px,0); }
  66%  { -webkit-transform: translate3d(-95px,-95px,0); }
  100% { -webkit-transform: translate3d(-194px,-95px,0); }
}

@keyframes loader {
  33%  { transform: translate3d(0,-95px,0); }
  66%  { transform: translate3d(-95px,-95px,0); }
  100% { transform: translate3d(-194px,-95px,0); }
}

@-moz-keyframes loader {
  33% { transform: translate3d(0,-95px,0); }
  66% { transform: translate3d(-95px,-95px,0); }
  100% { transform: translate3d(-194px,-95px,0); }
}

@-ms-keyframes loader {
  33%  { transform: translate3d(0,-95px,0); }
  66%  { transform: translate3d(-95px,-95px,0); }
  100% { transform: translate3d(-194px,-95px,0); }
}

// Rotate Circle
@-webkit-keyframes loader-rotate {
  from { -webkit-transform: rotate(0); }
  to   { -webkit-transform: rotate(360deg); }
}

@keyframes loader-rotate {
  from { transform: rotate(0); }
  to   { transform: rotate(360deg); }
}

@-moz-keyframes loader-rotate {
  from { transform: rotate(0); }
  to   { transform: rotate(360deg); }
}

@-ms-keyframes loader-rotate {
  from { transform: rotate(0); }
  to   { transform: rotate(360deg); }
}


/* 
KEYFRAME ANIMATION FALLBACK

.loader-icon-group,
.loader-ring-group {
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

.loader-icon-group {
  animation-name: loader;
  animation-timing-function: @timing-function;
}

.loader-ring-group {
  animation-name: loader-rotate;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: 58px 58px;
}

*/