#app-loading{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;

	font-size: 32px;
	font-weight: 600;
	/* color:#FFFFFF; */
}

.loader{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 175px;
  height: 100px;
}

.loader .load {
	display: block;
	background: #ccc;
	width: 7px;
	height: 10%;
	border-radius: 14px;
	margin-right: 5px;
	float: left;
}
.loader .load-span17 {
	display: block;
	/* background: #ccc; */
	/* width: 7px; */
	height: 10%;
	border-radius: 14px;
	margin-right: 5px;
	float: left;
}
.loader .load-span17:nth-of-type(1){
  
  animation: textload 2.5s 0.2s linear infinite;
}
.loader .load-span17:nth-of-type(2){
  /* color: #3185fa; */
 animation: textload 2.5s 0.4s linear infinite;
}
.loader .load-span17:nth-of-type(3){
  /* color: #3185fa; */
  animation: textload 2.5s 0.6s linear infinite;
}
.loader .load:nth-child(4) {
 animation: load 2.5s 0.8s infinite linear;
}
.loader .load:nth-child(5) {
 animation: load 2.5s 1s infinite linear;
}
.loader .load:nth-child(6) {
 animation: load 2.5s 1.2s infinite linear;
}
@keyframes load {
 0% {
 background: #ccc;
 margin-top: 25%;
 height: 10%;
}
 50% {
 background: #444;
 height: 100%;
 margin-top: 0%;
}
 100% {
 background: #ccc;
 height: 10%;
 margin-top: 25%;
}
}
@keyframes textload {
 0% {
 /* background: #ccc; */
 margin-top: 25%;
 height: 10%;
}
 50% {
 /* background: #444; */
 height: 100%;
 margin-top: 0%;
}
 100% {
 /* background: #ccc; */
 height: 10%;
 margin-top: 25%;
}
}