.loader {

  bottom: 0;

  height: 100%;

  left: 0;

  position: fixed;

  right: 0;

  top: 0;

  width: 100%;

  z-index: 1111;

  background:#fff;

  overflow-x:hidden;

}

.bouncybox {

  height:80px;

  width: 40px;

  position: absolute;

  left: 50%;

  top: 50%;

  -moz-transform:translate(-50%,-50%);

  -ms-transform:translate(-50%,-50%);

  -o-transform:translate(-50%,-50%);

  -webkit-transform:translate(-50%,-50%);

  transform:translate(-50%,-50%);

}

.bouncybox .bouncy {

  width: 40px;

  height: 40px;

  border-radius: 20px;

  background:#ffb600;

  -webkit-animation: bouncy 2s infinite ease-in-out;

  -moz-animation: bouncy 2s infinite ease-in-out;

  -o-animation: bouncy 2s infinite ease-in-out;

  animation: bouncy 2s infinite ease-in-out;

}



@-webkit-keyframes bouncy {

  40% {

    height: 40px;

  }

  50% {

    -webkit-transform: translate(0, 65px);

            transform: translate(0, 65px);

    height: 34px;

    border-radius: 20px;

  }

  65% {

    height: 40px;

  }

}



@keyframes bouncy {

  40% {

    height: 40px;

  }

  50% {

    -webkit-transform: translate(0, 65px);

            transform: translate(0, 65px);

    height: 34px;

    border-radius: 20px;

  }

  65% {

    height: 40px;

  }

}