/*
  Project Name : Heron
*/

#loader {
    background: #2F3030;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99999;
}
#loader .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#loader .loading span {
  font-size: 3em;
  background: #2F3030;
  padding: 0 .2em;
  position: relative;
  visibility:hidden;
  text-shadow:0 1px 15px #034A67, 0 -1px 15px #034A67;
  -webkit-animation: load 3s ease-in-out;
  -webkit-animation-iteration-count:infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#loader .loading span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
}
#loader .loading span:nth-of-type(2) {
  -webkit-animation-delay: .2s; 
}
#loader .loading span:nth-of-type(3) {
  -webkit-animation-delay: .4s;
}
#loader .loading span:nth-of-type(4) {
  -webkit-animation-delay: .6s;
}
#loader .loading span:nth-of-type(5) {
  -webkit-animation-delay: .8s;
}
#loader .loading span:nth-of-type(6) {
  -webkit-animation-delay: 1s;
}
#loader .loading span:nth-of-type(7) {
  -webkit-animation-delay: 1.2s;
}
@-webkit-keyframes load {
  0% {visibility:hidden;background:none;text-shadow: none;}
  50% {visibility:visible;background: #2F3030;text-shadow:0 1px 15px #034A67, 0 -1px 15px #034A67;}
  100% {visibility:hidden;background:none;text-shadow: none;}
}