.q-life{
transition:    top 900ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition:  -webkit-  top 600ms cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition:  -ms-  top 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

  .q-hang{
  animation: hang 1500ms cubic-bezier(0.68, -0.6, 0.32, 1.6) 1 alternate;
animation-fill-mode: forwards;
  -webkit-animation: hang 1500ms cubic-bezier(0.68, -0.6, 0.32, 1.6) 1  alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: hang 1500ms cubic-bezier(0.68, -0.6, 0.32, 1.6) 1 alternate;
-ms-animation-fill-mode: forwards;

}
.q-rotate-forever {
  animation: rotate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  animation-fill-mode: forwards;
  -webkit-animation: rotate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  -webkit-animation-fill-mode: forwards;
  -ms-animation: rotate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
  -ms-animation-fill-mode: forwards;
}

.q-life-sling{
  transition:  left 900ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition:  -webkit-  top 600ms cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition:  -ms-  top 600ms cubic-bezier(0.4, 0, 0.2, 1);

}
.q-sling-slide{
  transform: rotate(180deg) ;
  left: -100%;
  opacity: 0;
}

.q-swing{
animation: swing 8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
animation-fill-mode: forwards;
-webkit-animation: swing 8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: swing 8s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-ms-animation-fill-mode: forwards;

}

.q-shake{
animation: shake 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
animation-fill-mode: forwards;
-webkit-animation: shake 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: shake 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-ms-animation-fill-mode: forwards;

}

.q-run{
animation: run 6.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
animation-fill-mode: forwards;
-webkit-animation: run 6.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: run 6.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-ms-animation-fill-mode: forwards;

}

.q-throw{
animation: throw 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
animation-fill-mode: forwards;
-webkit-animation: throw 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: throw 4.5s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-ms-animation-fill-mode: forwards;

}

.q-entice{
animation: entice 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
animation-fill-mode: forwards;
-webkit-animation: entice 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-webkit-animation-fill-mode: forwards;
-ms-animation: entice 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
-ms-animation-fill-mode: forwards;

}

@keyframes hang {

  0%{
    transform: rotate(180deg) ;
    opacity: 0;
  }
  100%{
    transform: rotate(40deg);
    opacity: 1

  }

}

@keyframes entice {

  0%{
    transform: rotate(00deg) translate(0px,0px);
  }
  100%{
    transform: rotate(10deg) translate(50px,40px);
  }

}

@keyframes run {

  0%{
    transform: rotate(00deg)  translate(0px,0px);
  }

  100%{
    transform: rotate(30deg) translate(20px,0px);
  }

}

@keyframes throw {

  0%{
    transform:  translate(0px,0px);

  }

  100%{
    transform:  translate(20px,-20px) ;

  }

}

@keyframes shake {

  0%{
    transform: rotate(20deg) translate(0px,0px);
  }
  100%{
    transform: rotate(30deg) translate(-10px,-17px);
  }

}

@keyframes swing {

  0%{
    transform: rotate(10deg) translate(0px,0px) ;

  }
  100%{
    transform: rotate(0deg) translate(10px,30px);

  }

}
@keyframes rotate {

  0% {
    transform: rotate(0deg);

  }

  100% {
    transform: rotate(360deg);

  }

}