/*image*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: linear-gradient( rgba(255, 255,255, 0.7), rgba(255, 255, 255, 0.8) ),  url('../../imgs/logo-l.png') center no-repeat #fff;
}

/*spinner*/
.spinner div  {
    width: 25px;
    height: 25px;
    position: absolute;
    left: -20px;
    top: 40px;

    background-color: #efefef;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
    }
    .spinner div:nth-child(2) {
    animation-delay: 150ms;
    }
    .spinner div:nth-child(3) {
    animation-delay: 300ms;
    }
    .spinner div:nth-child(4) {
    animation-delay: 450ms;
    }
    @keyframes move {
    0% {left: 0%;}
    75% {left:100%;}
    100% {left:100%;}
    }

    .spinner .one {
      background-color: #a99f9f;
    }
    .spinner .two {
      background-color: #01984f;
    }
    .spinner .three {
      background-color: #fec700;
    }