﻿.wait-main {
  background-color: #2980b9;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  margin-top: 0px;
  top: 0px;
}

.wait-center {
  width: 100%;
  height: 100%;
  position: relative;
}

.wait-center-absolute {
  height: 118px;
  width: 118px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); 
}

.wait-object {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin-right: 20px;
  float: left;
  margin-bottom: 20px;
}

.wait-object:nth-child(3n + 0) {
  margin-right: 0px;
}

#wait-object_one {
  -webkit-animation: animate 1s -0.9s ease-in-out infinite;
  animation: animate 1s -0.9s ease-in-out infinite;
}

#object_two {
  -webkit-animation: animate 1s -0.8s ease-in-out infinite;
  animation: animate 1s -0.8s ease-in-out infinite;
}

#object_three {
  -webkit-animation: animate 1s -0.7s ease-in-out infinite;
  animation: animate 1s -0.7s ease-in-out infinite;
}

#object_four {
  -webkit-animation: animate 1s -0.6s ease-in-out infinite;
  animation: animate 1s -0.6s ease-in-out infinite;
}

#object_five {
  -webkit-animation: animate 1s -0.5s ease-in-out infinite;
  animation: animate 1s -0.5s ease-in-out infinite;
}

#object_six {
  -webkit-animation: animate 1s -0.4s ease-in-out infinite;
  animation: animate 1s -0.4s ease-in-out infinite;
}

#object_seven {
  -webkit-animation: animate 1s -0.3s ease-in-out infinite;
  animation: animate 1s -0.3s ease-in-out infinite;
}

#object_eight {
  -webkit-animation: animate 1s -0.2s ease-in-out infinite;
  animation: animate 1s -0.2s ease-in-out infinite;
}

#object_nine {
  -webkit-animation: animate 1s -0.1s ease-in-out infinite;
  animation: animate 1s -0.1s ease-in-out infinite;
}

@-webkit-keyframes animate {
  50% {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }

  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes animate {
  50% {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }

  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
