@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,200);

.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-image: linear-gradient(to bottom, #214A9C 30%, #40b5d0 100%);
    text-align: center;
}

.wrapper {
  position: absolute;
  width: 300px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.loading-text{
    color: #fff;
    text-shadow: 0 0 5px #fff;
    font-size: 14px;
    letter-spacing: 20px;
    margin-bottom: 6px;
    -webkit-animation: light 0.8s infinite alternate ease;
            animation: light 0.8s infinite alternate ease;
}

.loader {
  height: 100%;
  display: flex;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.loader div {
  flex: 1;
  background: #fff;
  -webkit-animation: go 0.8s infinite alternate ease;
          animation: go 0.8s infinite alternate ease;
  box-shadow: 0 0 20px #fff;
}
.loader div:nth-child(1) {
  -webkit-animation-delay: -0.72s;
          animation-delay: -0.72s;
}
.loader div:nth-child(2) {
  -webkit-animation-delay: -0.64s;
          animation-delay: -0.64s;
}
.loader div:nth-child(3) {
  -webkit-animation-delay: -0.56s;
          animation-delay: -0.56s;
}
.loader div:nth-child(4) {
  -webkit-animation-delay: -0.48s;
          animation-delay: -0.48s;
}
.loader div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.loader div:nth-child(6) {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.loader div:nth-child(7) {
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}
.loader div:nth-child(8) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
.loader div:nth-child(9) {
  -webkit-animation-delay: -0.08s;
          animation-delay: -0.08s;
}
.loader div:nth-child(10) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes go {
  100% {
    background: transparent;
    flex: 10;
    box-shadow: 0 0 0 transparent;
  }
}

@keyframes go {
  100% {
    background: transparent;
    flex: 10;
    box-shadow: 0 0 0 transparent;
  }
}

@-webkit-keyframes light{
    0%{
        color: transparent;
        text-shadow: 0 0 5px transparent;
    }

    100%{
        color: #fff;
        text-shadow: 0 0 5px #fff;
    }
}