@font-face {
    font-family: "controls";
    src: url("controls.eot?-vma0st");
    src: url("controls.eot?#iefix-vma0st") format("embedded-opentype"),
    url("controls.woff?-vma0st") format("woff"),
    url("controls.ttf?-vma0st") format("truetype"),
    url("controls.svg?-vma0st#controls") format("svg");
    font-weight: normal;
    font-style: normal;
}

/******Slider****/

.anim-slider {
    /*background: #225A86;*/
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    /*text-align: center;*/
    top: 0;
    left: 0;
    overflow: hidden;
}

/********Slides**********/

.anim-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.anim-slide * {
    position: absolute;
    opacity: 0;
}

/*****Current Slide******/

.anim-slide-this {
    z-index: 3;
}

.anim-slide-this * {
    opacity: 1;
}

/***********************************************************/
/* Initial position and style of each element in the Slide */
/*                      demo1.css & demo2.css              */
/***********************************************************/

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(1.2);
    }
}

@-ms-keyframes pulse {
    0% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(1.2);
    }
}

@-o-keyframes pulse {
    0% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(1.2);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

nav.anim-arrows > span {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -ms-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    opacity: 0;
    z-index: 3;
}

nav.anim-arrows > span.anim-arrows-prev,
nav.anim-arrows > span.anim-arrows-next {
    width: 40px;
    height: 40px;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #fff;
    -moz-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    -webkit-transition: -webkit-box-shadow .4s ease, background-color .4s ease;
    -moz-transition: -moz-box-shadow .4s ease, background-color .4s ease;
    -ms-transition: -ms-box-shadow .4s ease, background-color .4s ease;
    -o-transition: -o-box-shadow .4s ease, background-color .4s ease;
    transition: box-shadow .4s ease, background-color .4s ease;
}

nav.anim-arrows > span.anim-arrows-prev:after,
nav.anim-arrows > span.anim-arrows-next:after {
    color: #fff;
    font: 20px "controls";
    text-align: center;
    line-height: 42px;
    display: block;
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -ms-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}

nav.anim-arrows > span.anim-arrows-prev {
    left: 15px;
}

nav.anim-arrows > span.anim-arrows-prev:after {
    content: '\e800';
}

nav.anim-arrows > span.anim-arrows-next {
    right: 15px;
}

nav.anim-arrows > span.anim-arrows-next:after {
    content: '\e801';
}

.anim-slider:hover > nav.anim-arrows > span {
    opacity: 1;
    cursor: pointer;
}

.anim-slider:hover > nav.anim-arrows > span:hover {
    opacity: 1;
    cursor: pointer;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 3px #526465;
    -moz-box-shadow: 0 0 0 3px #526465;
    box-shadow: 0 0 0 3px #526465;
    -webkit-animation: pulse 1s alternate infinite ease-in-out !important;
    -moz-animation: pulse 1s alternate infinite ease-in-out !important;
    -ms-animation: pulse 1s alternate infinite ease-in-out !important;
    -o-animation: pulse 1s alternate infinite ease-in-out !important;
    animation: pulse 1s alternate infinite ease-in-out !important;
}

@-webkit-keyframes nextArrow {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes nextArrow {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-ms-keyframes nextArrow {
    49% {
        -ms-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -ms-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-o-keyframes nextArrow {
    49% {
        -o-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -o-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes nextArrow {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-webkit-keyframes prevArrow {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes prevArrow {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-ms-keyframes prevArrow {
    49% {
        -ms-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -ms-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-o-keyframes prevArrow {
    49% {
        -o-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -o-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes prevArrow {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

nav.anim-arrows > span.anim-arrows-next:hover:after {
    color: #526465;
    -webkit-animation: nextArrow 0.3s forwards;
    -moz-animation: nextArrow 0.3s forwards;
    -ms-animation: nextArrow 0.3s forwards;
    -o-animation: nextArrow 0.3s forwards;
    animation: nextArrow 0.3s forwards;
}

nav.anim-arrows > span.anim-arrows-prev:hover:after {
    color: #526465;
    -webkit-animation: prevArrow 0.3s forwards;
    -moz-animation: prevArrow 0.3s forwards;
    -ms-animation: prevArrow 0.3s forwards;
    -o-animation: prevArrow 0.3s forwards;
    animation: prevArrow 0.3s forwards;
}

/********Dots************/

.anim-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 5px;
    z-index: 3;
}

.anim-dots span {
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.anim-dots span.anim-dots-this:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #526465 !important;
    position: absolute;
    top: 0;
    left: 0;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

/********************************************************************/
/* You can add your own classes of animations and delays like below */
/********************************************************************/
.delay0-5s {
    -webkit-animation-delay: 1s;
    animation-delay: .5s;
}

.delay1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay2-5s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.delay3-5s {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.delay4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.delay4-5s {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.delay5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.delay5-5s {
    -webkit-animation-delay: 5.5s;
    animation-delay: 5.5s;
}

.delay6s {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.delay6-5s {
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

/* Bounce */

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/* Flash */

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* Pulse */

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/* Slingshot Clockwise */

.slingshot {
    -webkit-animation-name: slingshot;
    animation-name: slingshot;
}

@-webkit-keyframes slingshot {
    0% {
        -webkit-transform: rotate(0deg);
    }
    20%, 30% {
        -webkit-transform: rotate(-45deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes slingshot {
    0% {
        transform: rotate(0deg);
    }
    20%, 30% {
        transform: rotate(-45deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Slingshot Counter-Clockwise */

.slingshotReverse {
    -webkit-animation-name: slingshotReverse;
    animation-name: slingshotReverse;
}

@-webkit-keyframes slingshotReverse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    20%, 30% {
        -webkit-transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes slingshotReverse {
    0% {
        transform: rotate(0deg);
    }
    20%, 30% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* Pulsate */

.pulsate {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
}

@-webkit-keyframes pulsate {
    0%, 50%, 100% {
        -webkit-transform: scale(1);
    }
    25%, 75% {
        -webkit-transform: scale(1.1);
    }
}

@keyframes pulsate {
    0%, 50%, 100% {
        transform: scale(1);
    }
    25%, 75% {
        transform: scale(1.1);
    }
}

/* Heartbeat */

.heartbeat {
    -webkit-animation-name: heartbeat;
    animation-name: heartbeat;
}

@-webkit-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        -webkit-transform: scale(1);
    }
    40%, 70% {
        -webkit-transform: scale(1.1);
    }
}

@keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% {
        transform: scale(1);
    }
    40%, 70% {
        transform: scale(1.1);
    }
}

/* RubberBand */

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/* Shake */

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

/* Strobe */

.strobe {
    -webkit-animation-name: strobe;
    animation-name: strobe;
}

@-webkit-keyframes strobe {
    0%, 20%, 40%, 60%, 80%, 100% {
        opacity: 1;
    }
    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

@keyframes strobe {
    0%, 20%, 40%, 60%, 80%, 100% {
        opacity: 1;
    }
    10%, 30%, 50%, 70%, 90% {
        opacity: 0;
    }
}

/* Shake X */

.shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
}

@-webkit-keyframes shakeX {
    0%, 100% {
        -webkit-transform: translateY(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateY(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateY(10px);
    }
}

@keyframes shakeX {
    0%, 100% {
        transform: translateY(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateY(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateY(10px);
    }
}

/* Shake Y */

.shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
}

@-webkit-keyframes shakeY {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@keyframes shakeY {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

/* Spin Clockwise */

.spin {
    -webkit-animation-name: spin;
    animation-name: spin;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Spin Counter-Clockwise */

.spinReverse {
    -webkit-animation-name: spinReverse;
    animation-name: spinReverse;
}

@-webkit-keyframes spinReverse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spinReverse {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}

/* Swing */

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/* Tada */

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

/* Panic */

.panic {
    -webkit-animation-name: panic;
    animation-name: panic;
}

@-webkit-keyframes panic {
    0%, 100% {
        -webkit-transform: scale(1) rotate(0);
    }
    10%, 60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    20%, 40% {
        -webkit-transform: scale(1) rotate(-3deg);
    }
    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    50%, 70%, 90% {
        -webkit-transform: scale(1) rotate(3deg);
    }
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
}

@keyframes panic {
    0%, 100% {
        transform: scale(1) rotate(0);
    }
    10%, 60% {
        transform: scale(1.1) rotate(-3deg);
    }
    20%, 40% {
        transform: scale(1) rotate(-3deg);
    }
    30% {
        transform: scale(1.1) rotate(3deg);
    }
    50%, 70%, 90% {
        transform: scale(1) rotate(3deg);
    }
    80% {
        transform: scale(1.1) rotate(-3deg);
    }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* Wobble */

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* Bounce In */

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/* Big */
.bounceInBig {
    -webkit-animation-name: bounceInBig;
    animation-name: bounceInBig;
}

@-webkit-keyframes bounceInBig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
    }

    70% {
        -webkit-transform: scale(.85);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceInBig {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }

    70% {
        transform: scale(.85);
    }

    100% {
        transform: scale(1);
    }
}

/* Large */
.bounceInLarge {
    -webkit-animation-name: bounceInLarge;
    animation-name: bounceInLarge;
}

@-webkit-keyframes bounceInLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.50);
    }

    70% {
        -webkit-transform: scale(.8);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceInLarge {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: scale(1.50);
    }

    70% {
        transform: scale(.8);
    }

    100% {
        transform: scale(1);
    }
}

/* Bounce In Down */

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Big */
.bounceInDownBig {
    -webkit-animation-name: bounceInDownBig;
    animation-name: bounceInDownBig;
}

@-webkit-keyframes bounceInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    70% {
        -webkit-transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-200px);
    }

    50% {
        opacity: 1;
        transform: translateY(20px);
    }

    70% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Large */
.bounceInDownLarge {
    -webkit-animation-name: bounceInDownLarge;
    animation-name: bounceInDownLarge;
}

@-webkit-keyframes bounceInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(25px);
    }

    70% {
        -webkit-transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInDownLarge {
    0% {
        opacity: 0;
        transform: translateY(-600px);
    }

    50% {
        opacity: 1;
        transform: translateY(25px);
    }

    70% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Bounce In Left */

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Big */
.bounceInLeftBig {
    -webkit-animation-name: bounceInLeftBig;
    animation-name: bounceInLeftBig;
}

@-webkit-keyframes bounceInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(140px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-15px);
    }

    70% {
        -webkit-transform: translateX(5px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(140px);
    }

    50% {
        opacity: 1;
        transform: translateX(-15px);
    }

    70% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Large */
.bounceInLeftLarge {
    -webkit-animation-name: bounceInLeftLarge;
    animation-name: bounceInLeftLarge;
}

@-webkit-keyframes bounceInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    70% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(280px);
    }

    50% {
        opacity: 1;
        transform: translateX(-20px);
    }

    70% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Bounce In Right */

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Big */
.bounceInRightBig {
    -webkit-animation-name: bounceInRightBig;
    animation-name: bounceInRightBig;
}

@-webkit-keyframes bounceInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-140px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(15px);
    }

    70% {
        -webkit-transform: translateX(-5px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRightBig {
    0% {
        opacity: 0;
        transform: translateX(-140px);
    }

    50% {
        opacity: 1;
        transform: translateX(15px);
    }

    70% {
        transform: translateX(-5px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Large */
.bounceInRightLarge {
    -webkit-animation-name: bounceInRightLarge;
    animation-name: bounceInRightLarge;
}

@-webkit-keyframes bounceInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    70% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRightLarge {
    0% {
        opacity: 0;
        transform: translateX(-280px);
    }

    50% {
        opacity: 1;
        transform: translateX(20px);
    }

    70% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Bounce In Up */

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Big */
.bounceInUpBig {
    -webkit-animation-name: bounceInUpBig;
    animation-name: bounceInUpBig;
}

@-webkit-keyframes bounceInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    70% {
        -webkit-transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInUpBig {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    50% {
        opacity: 1;
        transform: translateY(-20px);
    }

    70% {
        transform: translateY(15px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Large */
.bounceInUpLarge {
    -webkit-animation-name: bounceInUpLarge;
    animation-name: bounceInUpLarge;
}

@-webkit-keyframes bounceInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-25px);
    }

    70% {
        -webkit-transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInUpLarge {
    0% {
        opacity: 0;
        transform: translateY(600px);
    }

    50% {
        opacity: 1;
        transform: translateY(-25px);
    }

    70% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
}

/* Bounce In Up Left */

.bounceInUpLeft {
    -webkit-animation-name: bounceInUpLeft;
    animation-name: bounceInUpLeft;
}

@-webkit-keyframes bounceInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, -10px);
    }

    70% {
        -webkit-transform: translate(15px, 15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpLeft {
    0% {
        opacity: 0;
        transform: translate(60px, 60px);
    }

    50% {
        opacity: 1;
        transform: translate(-10px, -10px);
    }

    70% {
        transform: translate(15px, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Big */
.bounceInUpLeftBig {
    -webkit-animation-name: bounceInUpLeftBig;
    animation-name: bounceInUpLeftBig;
}

@-webkit-keyframes bounceInUpLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-20px, -20px);
    }

    70% {
        -webkit-transform: translate(15px, 15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, 200px);
    }

    50% {
        opacity: 1;
        transform: translate(-20px, -20px);
    }

    70% {
        transform: translate(15px, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Large */
.bounceInUpLeftLarge {
    -webkit-animation-name: bounceInUpLeftLarge;
    animation-name: bounceInUpLeftLarge;
}

@-webkit-keyframes bounceInUpLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-25px, -25px);
    }

    70% {
        -webkit-transform: translate(20px, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, 600px);
    }

    50% {
        opacity: 1;
        transform: translate(-25px, -25px);
    }

    70% {
        transform: translate(20px, 20px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Bounce In Up Right */

.bounceInUpRight {
    -webkit-animation-name: bounceInUpRight;
    animation-name: bounceInUpRight;
}

@-webkit-keyframes bounceInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(10px, -10px);
    }

    70% {
        -webkit-transform: translate(-15px, 15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpRight {
    0% {
        opacity: 0;
        transform: translate(-60px, 60px);
    }

    50% {
        opacity: 1;
        transform: translate(10px, -10px);
    }

    70% {
        transform: translate(-15px, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Big */
.bounceInUpRightBig {
    -webkit-animation-name: bounceInUpRightBig;
    animation-name: bounceInUpRightBig;
}

@-webkit-keyframes bounceInUpRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(20px, -20px);
    }

    70% {
        -webkit-transform: translate(-15px, 15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, 200px);
    }

    50% {
        opacity: 1;
        transform: translate(20px, -20px);
    }

    70% {
        transform: translate(-15px, 15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Large */
.bounceInUpRightLarge {
    -webkit-animation-name: bounceInUpRightLarge;
    animation-name: bounceInUpRightLarge;
}

@-webkit-keyframes bounceInUpRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(25px, -25px);
    }

    70% {
        -webkit-transform: translate(-20px, 20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInUpRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, 600px);
    }

    50% {
        opacity: 1;
        transform: translate(25px, -25px);
    }

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

    100% {
        transform: translate(0, 0);
    }
}

/* Bounce In Down Left */

.bounceInDownLeft {
    -webkit-animation-name: bounceInDownLeft;
    animation-name: bounceInDownLeft;
}

@-webkit-keyframes bounceInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, 10px);
    }

    70% {
        -webkit-transform: translate(15px, -15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownLeft {
    0% {
        opacity: 0;
        transform: translate(60px, -60px);
    }

    50% {
        opacity: 1;
        transform: translate(-10px, 10px);
    }

    70% {
        transform: translate(15px, -15px);
    }

}

/* Big */
.bounceInDownLeftBig {
    -webkit-animation-name: bounceInDownLeftBig;
    animation-name: bounceInDownLeftBig;
}

@-webkit-keyframes bounceInDownLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-20px, 20px);
    }

    70% {
        -webkit-transform: translate(15px, -15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownLeftBig {
    0% {
        opacity: 0;
        transform: translate(200px, -200px);
    }

    50% {
        opacity: 1;
        transform: translate(-20px, 20px);
    }

    70% {
        transform: translate(15px, -15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Large */
.bounceInDownLeftLarge {
    -webkit-animation-name: bounceInDownLeftLarge;
    animation-name: bounceInDownLeftLarge;
}

@-webkit-keyframes bounceInDownLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(-25px, 25px);
    }

    70% {
        -webkit-transform: translate(20px, -20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownLeftLarge {
    0% {
        opacity: 0;
        transform: translate(600px, -600px);
    }

    50% {
        opacity: 1;
        transform: translate(-25px, 25px);
    }

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

    100% {
        transform: translate(0, 0);
    }
}

/* Bounce In Down Right */

.bounceInDownRight {
    -webkit-animation-name: bounceInDownRight;
    animation-name: bounceInDownRight;
}

@-webkit-keyframes bounceInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(10px, 10px);
    }

    70% {
        -webkit-transform: translate(-15px, -15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownRight {
    0% {
        opacity: 0;
        transform: translate(-60px, -60px);
    }

    50% {
        opacity: 1;
        transform: translate(10px, 10px);
    }

    70% {
        transform: translate(-15px, -15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Big */
.bounceInDownRightBig {
    -webkit-animation-name: bounceInDownRightBig;
    animation-name: bounceInDownRightBig;
}

@-webkit-keyframes bounceInDownRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(20px, 20px);
    }

    70% {
        -webkit-transform: translate(-15px, -15px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownRightBig {
    0% {
        opacity: 0;
        transform: translate(-200px, -200px);
    }

    50% {
        opacity: 1;
        transform: translate(20px, 20px);
    }

    70% {
        transform: translate(-15px, -15px);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* Large */
.bounceInDownRightLarge {
    -webkit-animation-name: bounceInDownRightLarge;
    animation-name: bounceInDownRightLarge;
}

@-webkit-keyframes bounceInDownRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate(25px, 25px);
    }

    70% {
        -webkit-transform: translate(-20px, -20px);
    }

    100% {
        -webkit-transform: translate(0, 0);
    }
}

@keyframes bounceInDownRightLarge {
    0% {
        opacity: 0;
        transform: translate(-600px, -600px);
    }

    50% {
        opacity: 1;
        transform: translate(25px, 25px);
    }

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

    100% {
        transform: translate(0, 0);
    }
}

/* Bounce Out */

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

/* Big */
.bounceOutBig {
    -webkit-animation-name: bounceOutBig;
    animation-name: bounceOutBig;
}

@-webkit-keyframes bounceOutBig {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    30% {
        -webkit-transform: scale(.85);
    }

    50%, 100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
    }
}

@keyframes bounceOutBig {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    30% {
        transform: scale(.85);
    }

    50%, 100% {
        opacity: 0;
        transform: scale(1.25);
    }
}

/* Large */
.bounceOutLarge {
    -webkit-animation-name: bounceOutLarge;
    animation-name: bounceOutLarge;
}

@-webkit-keyframes bounceOutLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
    }

    30% {
        -webkit-transform: scale(.8);
    }

    50%, 100% {
        opacity: 0;
        -webkit-transform: scale(1.50);
    }
}

@keyframes bounceOutLarge {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    30% {
        transform: scal