﻿.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    background: #0F2F51 url(../Images/pattern.svg) left bottom no-repeat;;
    z-index: 99999;
    background-size: 25%;
	/*cursor: pointer;*/
    /*display: none;*/
}
.wrapper {
  position: absolute;
  width: 320px;
  height: 0.5px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
.loading_logo {
    position: absolute;
    width: 180px;
    height: 106px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -116px;
    background: url(../Images/LoadingLogo.svg) center no-repeat;
    background-size: contain;    
}
.loader {
  height: 100%;
  display: flex;
  margin-top: 28px;
  -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 5px #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;
  }
}