/*------------------------------------*\
    #LOADING-SECTION
\*------------------------------------*/
.preloader {
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:fixed;
  z-index:99999;
  background-color:$color-white;
  overflow:hidden;
  .loader-eclipse {
    position: relative;
    width:100%;
      height:100%;
    @include prefix(transform,translate(-50px, -50px) scale(1) translate(50px, 50px), moz webkit);
    .loader-content {
      position: absolute;
      -webkit-animation: loader-eclipse 1s linear infinite;
      animation: loader-eclipse 1s linear infinite;
      width: 80px;
      height: 80px;
      top: 50%;
      left: 50%;
      margin-top:-40px;
      margin-left: -40px;
      border-radius: 50%;
      @include prefix(box-shadow, 0 4px 0 0 $color-theme, moz webkit);
      -webkit-transform-origin: 40px 42px;
      transform-origin: 40px 42px;
      }      
    }
  
}

@keyframes loader-eclipse {
0% {
  @include prefix(transform,rotate(0deg), moz webkit);
}
50% {
  @include prefix(transform,rotate(180deg), moz webkit);
}
100% {
  @include prefix(transform,rotate(360deg), moz webkit);
}
}
@-webkit-keyframes loader-eclipse {
0% {
  @include prefix(transform,rotate(0deg), moz webkit);
}
50% {
  @include prefix(transform,rotate(180deg), moz webkit);
}
100% {
  @include prefix(transform,rotate(360deg), moz webkit);
}
}