/* Stylesheet animation CSS file for MegaNavbar BS4 (bootstrap 4).
** MegaNavbar BS4 v1.0.2 (http://www.navbar4.com/) Copyright 2018 www.Navbar4.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.*/


.no-animation .dropdown-menu{-moz-animation-name: none!important;-o-animation-name: none!important;animation-name: none!important;-webkit-animation-name: none!important}
[data-show] .dropdown-toggle:not(.collapsed)+.dropdown-menu.collapsing, [data-hide] .dropdown-toggle.collapsed+.dropdown-menu.collapsing {-webkit-animation-duration: 650ms; animation-duration: 650ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; height: initial!important;}

[data-show="speed"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:speedIn;animation-name:speedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
[data-hide="speed"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:speedOut;animation-name:speedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}

[data-show="flash"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:flashIn;animation-name:flashIn;}
[data-hide="flash"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:flashOut;animation-name:flashOut;}

[data-show="pulse"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:pulseIn;animation-name:pulseIn;}
[data-hide="pulse"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:pulseOut;animation-name:pulseOut;}

[data-show="rubberBand"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:rubberBandIn;animation-name:rubberBandIn;}
[data-hide="rubberBand"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:rubberBandOut;animation-name:rubberBandOut;}

[data-show="swing"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:swingIn;animation-name:swingIn; -webkit-transform-origin: top center; transform-origin: top center;}
[data-hide="swing"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:swingOut;animation-name:swingOut; -webkit-transform-origin: top center; transform-origin: top center;}

[data-show="tada"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:tadaIn;animation-name:tadaIn;}
[data-hide="tada"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:tadaOut;animation-name:tadaOut;}

[data-show="wobble"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:wobbleIn;animation-name:wobbleIn;}
[data-hide="wobble"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:wobbleOut;animation-name:wobbleOut;}

[data-show="jello"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:jelloIn;animation-name:jelloIn; -webkit-transform-origin: center; transform-origin: center;}
[data-hide="jello"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:jelloOut;animation-name:jelloOut; -webkit-transform-origin: center; transform-origin: center;}

[data-show="jackInTheBox"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:jackInTheBoxIn;animation-name:jackInTheBoxIn; -webkit-transform-origin: center bottom; transform-origin: center bottom;}
[data-hide="jackInTheBox"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:jackInTheBoxOut;animation-name:jackInTheBoxOut; -webkit-transform-origin: center bottom; transform-origin: center bottom;}

[data-show="rollLeft"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:rollLeftIn;animation-name:rollLeftIn;}
[data-hide="rollLeft"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:rollLeftOut;animation-name:rollLeftOut;}

[data-show="rollRight"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:rollRightIn;animation-name:rollRightIn;}
[data-hide="rollRight"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:rollRightOut;animation-name:rollRightOut;}

[data-show="shake"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:shakeIn;animation-name:shakeIn;}
[data-hide="shake"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:shakeOut;animation-name:shakeOut;}
[data-show="headShake"] .dropdown-toggle:not(.collapsed)+.dropdown-menu {-webkit-animation-name:headShakeIn;animation-name:headShakeIn; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
[data-hide="headShake"] .dropdown-toggle.collapsed+.dropdown-menu {-webkit-animation-name:headShakeOut;animation-name:headShakeOut; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

/* Shake */
@-webkit-keyframes shakeIn {
  from,to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  from {opacity: 0;}
  to {opacity: 1;}
  10%,50%,90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
  30%,70% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}

@keyframes shakeIn {
  from,to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  from {opacity: 0;}
  to {opacity: 1;}
  10%,50%,90% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
  30%,70% {-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}
}

@-webkit-keyframes shakeOut {
  from,to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  from {opacity: 1;}
  to {opacity: 0;}
  10%,50%,90% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
  30%,70% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
}

@keyframes shakeOut {
  from,to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  from {opacity: 1;}
  to {opacity: 0;}
  10%,50%,90% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
  30%,70% {-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}
}

/* headShake */
@-webkit-keyframes headShakeIn {
  from {opacity: 0;}
  to {opacity: 1;}
  0%,50% {-webkit-transform: translateX(0); transform: translateX(0);}
  6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}
  18.5% {-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}
  31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}
  43.5% {-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}
}

@keyframes headShakeIn {
  from {opacity: 0;}
  to {opacity: 1;}
  0%,50% {-webkit-transform: translateX(0); transform: translateX(0);}
  6.5% {-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}
  18.5% {-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}
  31.5% {-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}
  43.5% {-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}
}

@-webkit-keyframes headShakeOut {
  from {opacity: 1;}
  to {opacity: 0;}
  0%, 50% {-webkit-transform: translateX(0); transform: translateX(0);}
  6.5% {-webkit-transform: translateX(6px) rotateY(9deg); transform: translateX(6px) rotateY(9deg);}
  18.5% {-webkit-transform: translateX(-5px) rotateY(-7deg); transform: translateX(-5px) rotateY(-7deg);}
  31.5% {-webkit-transform: translateX(3px) rotateY(5deg); transform: translateX(3px) rotateY(5deg);}
  43.5% {-webkit-transform: translateX(-2px) rotateY(-3deg);transform: translateX(-2px) rotateY(-3deg);}
}

@keyframes headShakeOut {
  from {opacity: 1;}
  to {opacity: 0;}
  0%, 50% {-webkit-transform: translateX(0); transform: translateX(0);}
  6.5% {-webkit-transform: translateX(6px) rotateY(9deg); transform: translateX(6px) rotateY(9deg);}
  18.5% {-webkit-transform: translateX(-5px) rotateY(-7deg); transform: translateX(-5px) rotateY(-7deg);}
  31.5% {-webkit-transform: translateX(3px) rotateY(5deg); transform: translateX(3px) rotateY(5deg);}
  43.5% {-webkit-transform: translateX(-2px) rotateY(-3deg);transform: translateX(-2px) rotateY(-3deg);}
}

/* Speed */
@-webkit-keyframes speedIn {
  from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}
  60% {-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}
  80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}
  to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@keyframes speedIn {
  from {-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}
  60% {-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}
  80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}
  to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}


@-webkit-keyframes speedOut {
  from {opacity: 1;}
  to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}
}

@keyframes speedOut {
  from {opacity: 1;}
  to {-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}
}


/* rollRight */
@-webkit-keyframes rollRightIn {
  from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
  to {opacity: 1;}
}
@keyframes rollRightIn {
  from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
  to {opacity: 1;}
}
@-webkit-keyframes rollRightOut {
  from {opacity: 1;}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
@keyframes rollRightOut {
  from {opacity: 1;}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}


/* rollLeft */
@-webkit-keyframes rollLeftIn {
  from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes rollLeftIn {
  from {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
  to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes rollLeftIn {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
}
@keyframes rollLeftIn {
  from {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
}


/* jackInTheBox */
@-webkit-keyframes jackInTheBoxIn {
  from {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg);}
  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
  70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}
  to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes jackInTheBoxIn {
  from {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg);}
  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
  70% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}
  to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes jackInTheBoxOut {
  from {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
  30% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}
  to {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg);}
}

@keyframes jackInTheBoxOut {
  from {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
  50% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}
  30% {-webkit-transform: rotate(3deg);transform: rotate(3deg);}
  to {opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg);}
}

/* Jello */
@-webkit-keyframes jelloIn {
  from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}
  33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}
  44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
  55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
  66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
  88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}

@keyframes jelloIn {
  from, 11.1%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}
  33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}
  44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
  55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
  66.6% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
  88.8% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}

@-webkit-keyframes jelloOut {
  from, 88.8%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  77.7% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}
  66.6% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}
  55.5% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
  44.4% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
  33.3% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  22.2% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
  11.1% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}

@keyframes jelloIn {
  from, 88.8%, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  77.7% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}
  66.6% {-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}
  55.5% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg);}
  44.4% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg);}
  33.3% {-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);transform: skewX(-0.78125deg) skewY(-0.78125deg);}
  22.2% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg);}
  11.1% {-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}
}


/* Wobble */
@-webkit-keyframes wobbleIn {
  from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
  30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
  45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
  60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
  75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
}

@keyframes wobbleIn {
  from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  15% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
  30% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
  45% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
  60% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
  75% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
}
@-webkit-keyframes wobbleOut {
  from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  85% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
  70% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
  55% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
  40% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
  25% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
}

@keyframes wobbleOut {
  from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  85% {-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
  70% {-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
  55% {-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
  40% {-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
  25% {-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
}



/* Tada */
@-webkit-keyframes tadaIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
  30%,50%,70%,90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  40%,60%,80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
}

@keyframes tadaIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  10%, 20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
  30%,50%,70%,90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  40%,60%,80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
}

@-webkit-keyframes tadaOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  90%, 80% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
  70%,50%,30%,10% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  60%,40%,20% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
}

@keyframes tadaOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  90%, 80% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
  70%,50%,30%,10% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
  60%,40%,20% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
}


/* Swing */
@-webkit-keyframes swingIn {
  from, to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
  20% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}
}

@keyframes swingIn {
  from, to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
  20% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}
}

@-webkit-keyframes swingOut {
  from, to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}
  20% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}
}

@keyframes swingOut {
  from, to {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}
  20% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}
}


/* RubberBand */
@-webkit-keyframes rubberBandIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
  40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
  65% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}
  75% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}
}

@keyframes rubberBandIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  30% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
  40% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
  65% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}
  75% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}
}

@-webkit-keyframes rubberBandOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  70% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
  60% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
  35% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}
  25% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}
}

@keyframes rubberBandOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  70% {-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}
  60% {-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}
  35% {-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}
  25% {-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}
}



/* Pulse */
@-webkit-keyframes pulseIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
}

@keyframes pulseIn {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
}

@-webkit-keyframes pulseOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
}

@keyframes pulseOut {
  from, to {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  50% {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
}


/* Flash */
@-webkit-keyframes flashIn {
  from,50%,to {opacity: 1;}
  25%,75% {opacity: 0;}
}

@keyframes flashIn {
  from,50%,to {opacity: 1;}
  25%,75% {opacity: 0;}
}

@-webkit-keyframes flashOut {
  from,50%,to {opacity: 0;}
  25%,75% {opacity: 1;}
}

@keyframes flashout {
  from,50%,to {opacity: 0;}
  25%,75% {opacity: 1;}
}