.loader-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 30%;
  left: calc(50% - 200px);
  height: 100px;
  width: 400px;
  filter: drop-shadow(4px 4px 5px #666666);
  background-color: #ffffff;
  text-align: center;
}

.loader-box img {
  filter: grayscale(100%);
}

.label {
  /*    height:30px;
      line-height:30px;
      padding-top:20px;
      font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
      color:#404040;
      font-size:20px;
      */
}

.loader {
  width: 90px;
  height: 90px;
  background-color: #FFFFFF;
  overflow: hidden;
  display: block;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #e0e0e0;
  position: relative;
  margin: 15px auto;
  z-index: 1;
}

.element-animation {
  animation: animationFrames linear 6s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames linear 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFrames linear 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-fill-mode: forwards; /*FF 5+*/
  -o-animation: animationFrames linear 6s;
  -o-animation-iteration-count: infinite;
  -o-animation-fill-mode: forwards; /*Not implemented yet*/
  -ms-animation: animationFrames linear 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-fill-mode: forwards; /*IE 10+*/
}

.spinner {
  margin-left: calc(50% - 25px);
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes animationFrames {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(0px, 15px);
  }
}

@-moz-keyframes animationFrames {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(0px, 15px);
  }
}

@-webkit-keyframes animationFrames {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(0px, 15px);
  }
}

@-o-keyframes animationFrames {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(-0px, 15px);
  }
}

@-ms-keyframes animationFrames {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(0px, 15px);
  }
}