#loader[data-style="1"] .loader, #loader[data-style="1"] .loader::before, #loader[data-style="1"] .loader::after {
  background: rgba(113, 113, 113, 0.6);
  -webkit-animation: load1 1s infinite ease-in-out;
          animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

#loader[data-style="1"] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 9999; }
  #loader[data-style="1"] .loader {
    color: rgba(113, 113, 113, 0.6);
    text-indent: -9999em;
    font-size: 11px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
            transform: translateX(-50%) translateY(-50%) translateZ(0);
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }
    #loader[data-style="1"] .loader::before {
      position: absolute;
      top: 0;
      content: '';
      left: -1.5em;
      -webkit-animation-delay: -0.32s;
              animation-delay: -0.32s; }
    #loader[data-style="1"] .loader::after {
      position: absolute;
      top: 0;
      content: '';
      left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }

@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }