html {
 background: linear-gradient(#ffffff, #f9f9f9);
 width:100%;
 min-height:100%;
}

.loader_top {
	padding-top: 55px;
}

.loader {
	z-index: 1;
	width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
	position: fixed;
	background: white;
}

.load {
  position: relative;
}

.load img{
  height: 450px;
  width: 950px;
}

.str{
  display: inline-flex;
  font-size: 24px;
  animation: 1.8s keys infinite alternate ease;
  opacity: 1;
}

.str1{
  animation-delay: 0s;
}
.str2{
  animation-delay: 0.3s;
}
.str3{
  animation-delay: 0.6s;
}
.str4{
  animation-delay: 0.9s;
}
.str5{
  animation-delay: 1.2s;
}
.str6{
  animation-delay: 1.5s;
}
.str7{
  animation-delay: 1.8s;
}
.str8{
  animation-delay: 2.1s;
}
.str9{
  animation-delay: 2.4s;
}
.str10{
  animation-delay: 2.7s;
}

@keyframes keys {
  0%{
    opacity: 1;
  }
  60%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

.animation {
  background: rgba(255,255,255,0);
  position: absolute;
  top: 400px;
  left: 375px;
  width: 200px;
  text-align: center;
}
