#loader {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 5500; }

#loader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background:rgba(255,255,255,0.9);
    -webkit-backdrop-filter: blur(24px);
  -moz-backdrop-filter: blur(24px);
  -o-backdrop-filter: blur(24px);
   backdrop-filter: blur(24px);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; 
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1; }

.fullscreen span img{
    max-width: 40px;
    -webkit-animation:hero-bounce 2.5s both infinite;
    -moz-animation:hero-bounce 2.5s both infinite;
    -ms-animation:hero-bounce 2.5s both infinite;
    -o-animation:hero-bounce 2.5s both infinite;
    animation:hero-bounce 2.5s both infinite;
}

@keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px) rotate(45deg) scale(1.2);
    }
    60% {
      transform: translateY(-15px) rotate(-45deg) scale(1.0);
    }
  }


@-webkit-keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px) rotate(45deg) scale(1.2);
    }
    60% {
      transform: translateY(-15px) rotate(-45deg) scale(1.0);
    }
  }

  @-moz-keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px) rotate(45deg) scale(1.2);
    }
    60% {
      transform: translateY(-15px) rotate(-45deg) scale(1.0);
    }
  }

  @-ms-keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px) rotate(45deg) scale(1.2);
    }
    60% {
      transform: translateY(-15px) rotate(-45deg) scale(1.0);
    }
  }

  @-o-keyframes hero-bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px) rotate(45deg) scale(1.2);
    }
    60% {
      transform: translateY(-15px) rotate(-45deg) scale(1.0);
    }
  }