.noTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.leftTransition{
    -webkit-transition: left 0.4s; /* chrome & safari */
    -moz-transition: left 0.4s; /* firefox */
    -o-transition: left 0.4s; /* opera */
    transition: left 0.4s; /* explorer 10 */
}


.widthTransition{
    -webkit-transition: width 0.4s; /* chrome & safari */
    -moz-transition: width 0.4s; /* firefox */
    -o-transition: width 0.4s; /* opera */
    transition: width 0.4s; /* explorer 10 */
}

.heightTransition{
    -webkit-transition: height 0.4s; /* chrome & safari */
    -moz-transition: height 0.4s; /* firefox */
    -o-transition: height 0.4s; /* opera */
    transition: height 0.4s; /* explorer 10 */
}

.bottomTransition{
    -webkit-transition: bottom 0.4s; /* chrome & safari */
    -moz-transition: bottom 0.4s; /* firefox */
    -o-transition: bottom 0.4s; /* opera */
    transition: bottom 0.4s; /* explorer 10 */
}

.opacityTransition{
    -webkit-transition: opacity 0.4s; /* chrome & safari */
    -moz-transition: opacity 0.4s; /* firefox */
    -o-transition: opacity 0.4s; /* opera */
    transition: opacity 0.4s; /* explorer 10 */
}

.opacityFastTransition{
    -webkit-transition: opacity 0.1s; /* chrome & safari */
    -moz-transition: opacity 0.1s; /* firefox */
    -o-transition: opacity 0.1s; /* opera */
    transition: opacity 0.1s; /* explorer 10 */
}

.wobble-hor-top {
    -webkit-animation: wobble-hor-top 0.8s 2s both;
            animation: wobble-hor-top 0.8s 2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2017-7-7 14:25:54
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-top
 * ----------------------------------------
 */
@-webkit-keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}