.jump:not(.modal) {
    animation-delay: 500ms;
    animation: jumpAnim linear .4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: jumpAnim linear .4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: jumpAnim linear .4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: jumpAnim linear .4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: jumpAnim linear .4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes jumpAnim {
    0%,100%,30%,60% {
        transform: translate(0,0)
    }

    15% {
        transform: translate(0,-25px)
    }

    45% {
        transform: translate(0,-15px)
    }

    75% {
        transform: translate(0,-5px)
    }
}

@-moz-keyframes jumpAnim {
    0%,100%,30%,60% {
        -moz-transform: translate(0,0)
    }

    15% {
        -moz-transform: translate(0,-25px)
    }

    45% {
        -moz-transform: translate(0,-15px)
    }

    75% {
        -moz-transform: translate(0,-5px)
    }
}

@-webkit-keyframes jumpAnim {
    0%,100%,30%,60% {
        -webkit-transform: translate(0,0)
    }

    15% {
        -webkit-transform: translate(0,-25px)
    }

    45% {
        -webkit-transform: translate(0,-15px)
    }

    75% {
        -webkit-transform: translate(0,-5px)
    }
}

@-o-keyframes jumpAnim {
    0%,100%,30%,60% {
        -o-transform: translate(0,0)
    }

    15% {
        -o-transform: translate(0,-25px)
    }

    45% {
        -o-transform: translate(0,-15px)
    }

    75% {
        -o-transform: translate(0,-5px)
    }
}

@-ms-keyframes jumpAnim {
    0%,100%,30%,60% {
        -ms-transform: translate(0,0)
    }

    15% {
        -ms-transform: translate(0,-25px)
    }

    45% {
        -ms-transform: translate(0,-15px)
    }

    75% {
        -ms-transform: translate(0,-5px)
    }
}

.jumpDown:not(.modal) {
    animation-delay: 500ms;
    animation: jumpDownAnim linear .8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: jumpAnim linear .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: jumpAnim linear .8s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: jumpAnim linear .8s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: jumpAnim linear .8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes jumpDownAnim {
    0%,100%,30%,60% {
        transform: translate(0,0)
    }

    15% {
        transform: translate(0,25px)
    }

    45% {
        transform: translate(0,15px)
    }

    75% {
        transform: translate(0,-5px)
    }
}

@-moz-keyframes jumpDownAnim {
    0%,100%,30%,60% {
        -moz-transform: translate(0,0)
    }

    15% {
        -moz-transform: translate(0,25px)
    }

    45% {
        -moz-transform: translate(0,-15px)
    }

    75% {
        -moz-transform: translate(0,-5px)
    }
}

@-webkit-keyframes jumpDownAnim {
    0%,100%,30%,60% {
        -webkit-transform: translate(0,0)
    }

    15% {
        -webkit-transform: translate(0,25px)
    }

    45% {
        -webkit-transform: translate(0,15px)
    }

    75% {
        -webkit-transform: translate(0,5px)
    }
}

@-o-keyframes jumpDownAnim {
    0%,100%,30%,60% {
        -o-transform: translate(0,0)
    }

    15% {
        -o-transform: translate(0,25px)
    }

    45% {
        -o-transform: translate(0,15px)
    }

    75% {
        -o-transform: translate(0,-5px)
    }
}

@-ms-keyframes jumpDownAnim {
    0%,100%,30%,60% {
        -ms-transform: translate(0,0)
    }

    15% {
        -ms-transform: translate(0,25px)
    }

    45% {
        -ms-transform: translate(0,15px)
    }

    75% {
        -ms-transform: translate(0,5px)
    }
}

.jumpLeft:not(.modal) {
    animation-delay: 500ms;
    animation: jumpLeftAnim linear .4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: jumpLeftAnim linear .4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: jumpLeftAnim linear .4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: jumpLeftAnim linear .4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: jumpLeftAnim linear .4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes jumpLeftAnim {
    0%,103%,40%,80% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(-25px,0)
    }

    60% {
        transform: translate(-15px,0)
    }

    100% {
        transform: translate(-5px,0)
    }
}

@-moz-keyframes jumpLeftAnim {
    0%,103%,40%,80% {
        -moz-transform: translate(0,0)
    }

    20% {
        -moz-transform: translate(-25px,0)
    }

    60% {
        -moz-transform: translate(-15px,0)
    }

    100% {
        -moz-transform: translate(-5px,0)
    }
}

@-webkit-keyframes jumpLeftAnim {
    0%,103%,40%,80% {
        -webkit-transform: translate(0,0)
    }

    20% {
        -webkit-transform: translate(-25px,0)
    }

    60% {
        -webkit-transform: translate(-15px,0)
    }

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

@-o-keyframes jumpLeftAnim {
    0%,103%,40%,80% {
        -o-transform: translate(0,0)
    }

    20% {
        -o-transform: translate(-25px,0)
    }

    60% {
        -o-transform: translate(-15px,0)
    }

    100% {
        -o-transform: translate(-5px,0)
    }
}

@-ms-keyframes jumpLeftAnim {
    0%,103%,40%,80% {
        -ms-transform: translate(0,0)
    }

    20% {
        -ms-transform: translate(-25px,0)
    }

    60% {
        -ms-transform: translate(-15px,0)
    }

    100% {
        -ms-transform: translate(-5px,0)
    }
}

.jumpRight:not(.modal) {
    animation-delay: 500ms;
    animation: jumpRightAnim linear .8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: jumpRightAnim linear .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: jumpRightAnim linear .8s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: jumpRightAnim linear .8s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: jumpRightAnim linear .8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes jumpRightAnim {
    0%,103%,40%,80% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(25px,0)
    }

    60% {
        transform: translate(15px,0)
    }

    100% {
        transform: translate(5px,0)
    }
}

@-moz-keyframes jumpRightAnim {
    0%,103%,40%,80% {
        -moz-transform: translate(0,0)
    }

    20% {
        -moz-transform: translate(25px,0)
    }

    60% {
        -moz-transform: translate(15px,0)
    }

    100% {
        -moz-transform: translate(5px,0)
    }
}

@-webkit-keyframes jumpRightAnim {
    0%,103%,40%,80% {
        -webkit-transform: translate(0,0)
    }

    20% {
        -webkit-transform: translate(25px,0)
    }

    60% {
        -webkit-transform: translate(15px,0)
    }

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

@-o-keyframes jumpRightAnim {
    0%,103%,40%,80% {
        -o-transform: translate(0,0)
    }

    20% {
        -o-transform: translate(25px,0)
    }

    60% {
        -o-transform: translate(15px,0)
    }

    100% {
        -o-transform: translate(5px,0)
    }
}

@-ms-keyframes jumpRightAnim {
    0%,103%,40%,80% {
        -ms-transform: translate(0,0)
    }

    20% {
        -ms-transform: translate(25px,0)
    }

    60% {
        -ms-transform: translate(15px,0)
    }

    100% {
        -ms-transform: translate(5px,0)
    }
}

.hexa {
    animation-delay: 500ms;
    animation-duration: 1s;
    animation-fill-mode: both
}

.hexa.noStop:not(.modal) {
    animation-delay: 500ms;
    animation-iteration-count: infinite
}

.hexa.x2:not(.modal) {
    animation-delay: 500ms;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    -ms-animation-iteration-count: 2
}

.hexa.x3:not(.modal) {
    animation-delay: 500ms;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
    -moz-animation-iteration-count: 3;
    -o-animation-iteration-count: 3;
    -ms-animation-iteration-count: 3
}

.hexa.x4:not(.modal) {
    animation-delay: 500ms;
    animation-iteration-count: 4;
    -webkit-animation-iteration-count: 4;
    -moz-animation-iteration-count: 4;
    -o-animation-iteration-count: 4;
    -ms-animation-iteration-count: 4
}

.bounce:not(.modal) {
    animation-delay: 500ms;
    animation: bounceAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: bounceAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: bounceAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: bounceAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: bounceAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes bounceAnim {
    0% {
        opacity: 0;
        transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .2;
        transform: scaleX(.6) scaleY(.6)
    }

    40% {
        opacity: .41;
        transform: scaleX(.9) scaleY(.9)
    }

    60% {
        opacity: .7;
        transform: scaleX(1.1) scaleY(1.1)
    }

    80% {
        opacity: .9;
        transform: scaleX(1.4) scaleY(1.4)
    }

    100% {
        opacity: 1;
        transform: scaleX(1) scaleY(1)
    }
}

@-moz-keyframes bounceAnim {
    0% {
        opacity: 0;
        -moz-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .2;
        -moz-transform: scaleX(.6) scaleY(.6)
    }

    40% {
        opacity: .41;
        -moz-transform: scaleX(.9) scaleY(.9)
    }

    60% {
        opacity: .7;
        -moz-transform: scaleX(1.1) scaleY(1.1)
    }

    80% {
        opacity: .9;
        -moz-transform: scaleX(1.4) scaleY(1.4)
    }

    100% {
        opacity: 1;
        -moz-transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes bounceAnim {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .2;
        -webkit-transform: scaleX(.6) scaleY(.6)
    }

    40% {
        opacity: .41;
        -webkit-transform: scaleX(.9) scaleY(.9)
    }

    60% {
        opacity: .7;
        -webkit-transform: scaleX(1.1) scaleY(1.1)
    }

    80% {
        opacity: .9;
        -webkit-transform: scaleX(1.4) scaleY(1.4)
    }

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

@-o-keyframes bounceAnim {
    0% {
        opacity: 0;
        -o-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .2;
        -o-transform: scaleX(.6) scaleY(.6)
    }

    40% {
        opacity: .5;
        -o-transform: scaleX(.9) scaleY(.9)
    }

    60% {
        opacity: .8;
        -o-transform: scaleX(1.1) scaleY(1.1)
    }

    80% {
        opacity: .9;
        -o-transform: scaleX(1.4) scaleY(1.4)
    }

    100% {
        opacity: 1;
        -o-transform: scaleX(1) scaleY(1)
    }
}

@-ms-keyframes bounceAnim {
    0%,100% {
        -ms-transform: scaleX(1) scaleY(1)
    }

    0% {
        opacity: 0
    }

    20% {
        opacity: .2;
        -ms-transform: scaleX(.6) scaleY(.6)
    }

    40% {
        opacity: .41;
        -ms-transform: scaleX(.9) scaleY(.9)
    }

    60% {
        opacity: .7;
        -ms-transform: scaleX(1.1) scaleY(1.1)
    }

    80% {
        opacity: .9;
        -ms-transform: scaleX(1.4) scaleY(1.4)
    }

    100% {
        opacity: 1
    }
}

.bounceOut:not(.modal) {
    animation-delay: 500ms;
    animation: bounceOutAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: bounceOutAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: bounceOutAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: bounceOutAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: bounceOutAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes bounceOutAnim {
    0% {
        opacity: 1;
        transform: scaleX(1) scaleY(1)
    }

    25% {
        opacity: 1;
        transform: scaleX(.95) scaleY(.95)
    }

    50% {
        opacity: 1;
        transform: scaleX(1.1) scaleY(1.1)
    }

    100% {
        opacity: 0;
        transform: scaleX(.3) scaleY(.3)
    }
}

@-moz-keyframes bounceOutAnim {
    0% {
        opacity: 1;
        -moz-transform: scaleX(1) scaleY(1)
    }

    25% {
        opacity: 1;
        -moz-transform: scaleX(.95) scaleY(.95)
    }

    50% {
        opacity: 1;
        -moz-transform: scaleX(1.1) scaleY(1.1)
    }

    100% {
        opacity: 0;
        -moz-transform: scaleX(.3) scaleY(.3)
    }
}

@-webkit-keyframes bounceOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1) scaleY(1)
    }

    25% {
        opacity: 1;
        -webkit-transform: scaleX(.95) scaleY(.95)
    }

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

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

@-o-keyframes bounceOutAnim {
    0% {
        opacity: 1;
        -o-transform: scaleX(1) scaleY(1)
    }

    25% {
        opacity: 1;
        -o-transform: scaleX(.95) scaleY(.95)
    }

    50% {
        opacity: 1;
        -o-transform: scaleX(1.1) scaleY(1.1)
    }

    100% {
        opacity: 0;
        -o-transform: scaleX(.3) scaleY(.3)
    }
}

@-ms-keyframes bounceOutAnim {
    0%,25%,50% {
        opacity: 1
    }

    0% {
        -ms-transform: scaleX(1) scaleY(1)
    }

    25% {
        -ms-transform: scaleX(.95) scaleY(.95)
    }

    50% {
        -ms-transform: scaleX(1.1) scaleY(1.1)
    }

    100% {
        opacity: 0;
        -ms-transform: scaleX(.3) scaleY(.3)
    }
}

.bounceLeft:not(.modal) {
    animation-delay: 500ms;
    animation: bounceLeftAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: bounceLeftAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: bounceLeftAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: bounceLeftAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: bounceLeftAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes bounceLeftAnim {
    0% {
        opacity: 0;
        transform: translate(-1500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        transform: translate(-10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-moz-keyframes bounceLeftAnim {
    0% {
        opacity: 0;
        -moz-transform: translate(-1500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -moz-transform: translate(-10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-webkit-keyframes bounceLeftAnim {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -webkit-transform: translate(-10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-o-keyframes bounceLeftAnim {
    0% {
        opacity: 0;
        -o-transform: translate(-1500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -o-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -o-transform: translate(-10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-ms-keyframes bounceLeftAnim {
    100%,60% {
        opacity: 1
    }

    0% {
        opacity: 0;
        -ms-transform: translate(-1500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        -ms-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -ms-transform: translate(-10px,0) skewX(0)
    }

    100% {
        -ms-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

.bounceRight:not(.modal) {
    animation-delay: 500ms;
    animation: bounceRightAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: bounceRightAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: bounceRightAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: bounceRightAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: bounceRightAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes bounceRightAnim {
    0% {
        opacity: 0;
        transform: translate(500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        transform: translate(10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-moz-keyframes bounceRightAnim {
    0% {
        opacity: 0;
        -moz-transform: translate(500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -moz-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -moz-transform: translate(10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-webkit-keyframes bounceRightAnim {
    0% {
        opacity: 0;
        -webkit-transform: translate(500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -webkit-transform: translate(10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-o-keyframes bounceRightAnim {
    0% {
        opacity: 0;
        -o-transform: translate(500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        opacity: 1;
        -o-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -o-transform: translate(10px,0) skewX(0)
    }

    100% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

@-ms-keyframes bounceRightAnim {
    100%,60% {
        opacity: 1
    }

    0% {
        opacity: 0;
        -ms-transform: translate(500px,0) rotate(0) scaleX(1) skewX(0)
    }

    60% {
        -ms-transform: translate(30px,0) rotate(NaNdeg) scaleX(1.01) skewX(28deg)
    }

    80% {
        -ms-transform: translate(10px,0) skewX(0)
    }

    100% {
        -ms-transform: translate(0,0) rotate(NaNdeg) scaleX(1.01) skewX(0)
    }
}

.bounceLeftOut:not(.modal) {
    animation-delay: 500ms;
    animation: bounceLeftOutAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: bounceLeftOutAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: bounceLeftOutAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: bounceLeftOutAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: bounceLeftOutAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes bounceLeftOutAnim {
    0% {
        opacity: 1;
        transform: translate(0,0)
    }

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

    100% {
        opacity: 0;
        transform: translate(-1000px,0)
    }
}

@-moz-keyframes bounceLeftOutAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }

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

    100% {
        opacity: 0;
        -moz-transform: translate(-1000px,0)
    }
}

@-webkit-keyframes bounceLeftOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0)
    }

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

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

@-o-keyframes bounceLeftOutAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0)
    }

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

    100% {
        opacity: 0;
        -o-transform: translate(-1000px,0)
    }
}

@-ms-keyframes bounceLeftOutAnim {
    0%,20% {
        opacity: 1
    }

    0% {
        -ms-transform: translate(0,0)
    }

    20% {
        -ms-transform: translate(20px,0)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(-1000px,0)
    }
}

.bounceRightOut:not(.modal) {
    animation-delay: 500ms;
    animation: bounceRightOutAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: bounceRightOutAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: bounceRightOutAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: bounceRightOutAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: bounceRightOutAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes bounceRightOutAnim {
    0% {
        opacity: 1;
        transform: translate(0,0)
    }

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

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

@-moz-keyframes bounceRightOutAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }

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

    100% {
        opacity: 0;
        -moz-transform: translate(1000px,0)
    }
}

@-webkit-keyframes bounceRightOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0)
    }

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

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

@-o-keyframes bounceRightOutAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0)
    }

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

    100% {
        opacity: 0;
        -o-transform: translate(1000px,0)
    }
}

.fadeOut:not(.modal) {
    animation-delay: 500ms;
    animation: fadeOutAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: fadeOutAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: fadeOutAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: fadeOutAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: fadeOutAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes fadeOutAnim {
    0% {
        opacity: 1;
        transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .52;
        transform: scaleX(1.3) scaleY(1.3)
    }

    100% {
        opacity: 0;
        transform: scaleX(1) scaleY(1)
    }
}

@-moz-keyframes fadeOutAnim {
    0% {
        opacity: 1;
        -moz-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .52;
        -moz-transform: scaleX(1.3) scaleY(1.3)
    }

    100% {
        opacity: 0;
        -moz-transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes fadeOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .52;
        -webkit-transform: scaleX(1.3) scaleY(1.3)
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(1) scaleY(1)
    }
}

@-o-keyframes fadeOutAnim {
    0% {
        opacity: 1;
        -o-transform: scaleX(1) scaleY(1)
    }

    20% {
        opacity: .52;
        -o-transform: scaleX(1.3) scaleY(1.3)
    }

    100% {
        opacity: 0;
        -o-transform: scaleX(1) scaleY(1)
    }
}

@-ms-keyframes fadeOutAnim {
    0%,100% {
        -ms-transform: scaleX(1) scaleY(1)
    }

    0% {
        opacity: 1
    }

    20% {
        opacity: .52;
        -ms-transform: scaleX(1.3) scaleY(1.3)
    }

    100% {
        opacity: 0
    }
}

.fadeRightOut:not(.modal) {
    animation-delay: 500ms;
    animation: fadeRightOut ease 3s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: fadeRightOut ease 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: fadeRightOut ease 3s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: fadeRightOut ease 3s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: fadeRightOut ease 3s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes fadeRightOut {
    0% {
        opacity: 1;
        transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        transform: translate(19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        transform: translate(59px,0)
    }

    100% {
        opacity: 0;
        transform: translate(200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-moz-keyframes fadeRightOut {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -moz-transform: translate(19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -moz-transform: translate(59px,0)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-webkit-keyframes fadeRightOut {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -webkit-transform: translate(19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -webkit-transform: translate(59px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-o-keyframes fadeRightOut {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -o-transform: translate(19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -o-transform: translate(59px,0)
    }

    100% {
        opacity: 0;
        -o-transform: translate(200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-ms-keyframes fadeRightOut {
    100%,20% {
        opacity: 0
    }

    0% {
        opacity: 1;
        -ms-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -ms-transform: translate(19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        -ms-transform: translate(59px,0)
    }

    100% {
        -ms-transform: translate(200px,0) scaleX(1.3) scaleY(1.3)
    }
}

.fadeLeftOut:not(.modal) {
    animation-delay: 500ms;
    animation: fadeLeftOut ease 3s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: fadeLeftOut ease 3s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: fadeLeftOut ease 3s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: fadeLeftOut ease 3s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: fadeLeftOut ease 3s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes fadeLeftOut {
    0% {
        opacity: 1;
        transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        transform: translate(-19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        transform: translate(-59px,0)
    }

    100% {
        opacity: 0;
        transform: translate(-200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-moz-keyframes fadeLeftOut {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -moz-transform: translate(-19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -moz-transform: translate(-59px,0)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(-200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-webkit-keyframes fadeLeftOut {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -webkit-transform: translate(-19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -webkit-transform: translate(-59px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-o-keyframes fadeLeftOut {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -o-transform: translate(-19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        opacity: 0;
        -o-transform: translate(-59px,0)
    }

    100% {
        opacity: 0;
        -o-transform: translate(-200px,0) scaleX(1.3) scaleY(1.3)
    }
}

@-ms-keyframes fadeLeftOut {
    100%,20% {
        opacity: 0
    }

    0% {
        opacity: 1;
        -ms-transform: translate(0,0) scaleX(1) scaleY(1)
    }

    10% {
        opacity: .5;
        -ms-transform: translate(-19px,0) scaleX(1.3) scaleY(1.3)
    }

    20% {
        -ms-transform: translate(-59px,0)
    }

    100% {
        -ms-transform: translate(-200px,0) scaleX(1.3) scaleY(1.3)
    }
}

.fadeDown:not(.modal) {
    animation-delay: 500ms;
    animation: fadeDown ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: fadeDown ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeDown ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeDown ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: fadeDown ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

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

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

@-moz-keyframes fadeDown {
    0% {
        opacity: 0;
        -moz-transform: translate(0,-25px)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }
}

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

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

@-o-keyframes fadeDown {
    0% {
        opacity: 0;
        -o-transform: translate(0,-25px)
    }

    100% {
        opacity: 1;
        -o-transform: translate(0,0)
    }
}

@-ms-keyframes fadeDown {
    0% {
        opacity: 0;
        -ms-transform: translate(0,-25px)
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0,0)
    }
}

.fadeDownOut:not(.modal) {
    animation-delay: 500ms;
    animation: fadeDownOut ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: fadeDownOut ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeDownOut ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeDownOut ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: fadeDownOut ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes fadeDownOut {
    0% {
        opacity: 1;
        transform: translate(0,0)
    }

    10% {
        opacity: .6777369479537847;
        transform: translate(0,0)
    }

    20% {
        opacity: .6;
        transform: translate(0,7px)
    }

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

@-moz-keyframes fadeDownOut {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }

    10% {
        opacity: .6777369479537847;
        -moz-transform: translate(0,0)
    }

    20% {
        opacity: .6;
        -moz-transform: translate(0,7px)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0,60px)
    }
}

@-webkit-keyframes fadeDownOut {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0)
    }

    10% {
        opacity: .6777369479537847;
        -webkit-transform: translate(0,0)
    }

    20% {
        opacity: .6;
        -webkit-transform: translate(0,7px)
    }

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

@-o-keyframes fadeDownOut {
    0% {
        opacity: 1;
        -o-transform: translate(0,0)
    }

    10% {
        opacity: .6777369479537847;
        -o-transform: translate(0,0)
    }

    20% {
        opacity: .6;
        -o-transform: translate(0,7px)
    }

    100% {
        opacity: 0;
        -o-transform: translate(0,60px)
    }
}

@-ms-keyframes fadeDownOut {
    0%,10% {
        -ms-transform: translate(0,0)
    }

    0% {
        opacity: 1
    }

    10% {
        opacity: .6777369479537847
    }

    20% {
        opacity: .6;
        -ms-transform: translate(0,7px)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(0,60px)
    }
}

.fadeUp:not(.modal) {
    animation-delay: 500ms;
    animation: fadeUpAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    -webkit-animation: fadeUpAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeUpAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeUpAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: fadeUpAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

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

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

.fadeUpOut:not(.modal),.flash:not(.modal) {
    animation-delay: 500ms;
    transform-origin: 50% 50%
}

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

    100% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }
}

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

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

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

    100% {
        opacity: 1;
        -o-transform: translate(0,0)
    }
}

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

    100% {
        opacity: 1;
        -ms-transform: translate(0,0)
    }
}

.fadeUpOut:not(.modal) {
    animation-delay: 500ms;
    animation: fadeUpOutAnim ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation: fadeUpOutAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: fadeUpOutAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards;
    -o-animation: fadeUpOutAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards;
    -ms-animation: fadeUpOutAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards
}

@keyframes fadeUpOutAnim {
    0% {
        opacity: 1;
        transform: translate(0,0)
    }

    100% {
        opacity: 0;
        transform: translate(0,-200px)
    }
}

@-moz-keyframes fadeUpOutAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0,-200px)
    }
}

@-webkit-keyframes fadeUpOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0)
    }

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

@-o-keyframes fadeUpOutAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0)
    }

    100% {
        opacity: 0;
        -o-transform: translate(0,-200px)
    }
}

@-ms-keyframes fadeUpOutAnim {
    0% {
        opacity: 1;
        -ms-transform: translate(0,0)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(0,-200px)
    }
}

.flash:not(.modal) {
    animation-delay: 500ms;
    animation: flashAnim linear 1s;
    animation-iteration-count: 1;
    -webkit-animation: flashAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: flashAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: flashAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: flashAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes flashAnim {
    0%,100% {
        opacity: 1
    }

    28% {
        opacity: 0
    }

    50% {
        opacity: .91
    }

    74% {
        opacity: .18
    }
}

@-moz-keyframes flashAnim {
    0%,100% {
        opacity: 1
    }

    28% {
        opacity: 0
    }

    50% {
        opacity: .91
    }

    74% {
        opacity: .18
    }
}

@-webkit-keyframes flashAnim {
    0%,100% {
        opacity: 1
    }

    28% {
        opacity: 0
    }

    50% {
        opacity: .91
    }

    74% {
        opacity: .18
    }
}

@-o-keyframes flashAnim {
    0%,100% {
        opacity: 1
    }

    28% {
        opacity: 0
    }

    50% {
        opacity: .91
    }

    74% {
        opacity: .18
    }
}

@-ms-keyframes flashAnim {
    0%,100% {
        opacity: 1
    }

    28% {
        opacity: 0
    }

    50% {
        opacity: .91
    }

    74% {
        opacity: .18
    }
}

.turbine:not(.modal) {
    animation-delay: 500ms;
    animation: turbineAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineAnim {
    0% {
        transform: rotate(360deg)
    }

    50% {
        transform: rotate(3779deg)
    }

    100% {
        transform: rotate(37799deg)
    }
}

@-moz-keyframes turbineAnim {
    0% {
        -moz-transform: rotate(360deg)
    }

    50% {
        -moz-transform: rotate(3779deg)
    }

    100% {
        -moz-transform: rotate(37799deg)
    }
}

@-webkit-keyframes rotateAnim {
    0% {
        -webkit-transform: rotate(360deg)
    }

    50% {
        -webkit-transform: rotate(3779deg)
    }

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

@-o-keyframes turbineAnim {
    0% {
        -o-transform: rotate(360deg)
    }

    50% {
        -o-transform: rotate(3779deg)
    }

    100% {
        -o-transform: rotate(37799deg)
    }
}

@-ms-keyframes turbineAnim {
    0% {
        -ms-transform: rotate(360deg)
    }

    50% {
        -ms-transform: rotate(3779deg)
    }

    100% {
        -ms-transform: rotate(37799deg)
    }
}

.turbineTrouble:not(.modal) {
    animation-delay: 500ms;
    animation: turbineTroubleAnim ease 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineTroubleAnim ease 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineTroubleAnim ease 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineTroubleAnim ease 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineAnim ease 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineTroubleAnim {
    0% {
        transform: rotate(360deg)
    }

    50% {
        transform: rotate(3779deg)
    }

    100% {
        transform: rotate(37799deg)
    }
}

@-moz-keyframes turbineTroubleAnim {
    0% {
        -moz-transform: rotate(360deg)
    }

    50% {
        -moz-transform: rotate(3779deg)
    }

    100% {
        -moz-transform: rotate(37799deg)
    }
}

@-webkit-keyframes turbineTroubleAnim {
    0% {
        -webkit-transform: rotate(360deg)
    }

    50% {
        -webkit-transform: rotate(3779deg)
    }

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

@-o-keyframes turbineTroubleAnim {
    0% {
        -o-transform: rotate(360deg)
    }

    50% {
        -o-transform: rotate(3779deg)
    }

    100% {
        -o-transform: rotate(37799deg)
    }
}

@-ms-keyframes turbineTroubleAnim {
    0% {
        -ms-transform: rotate(360deg)
    }

    50% {
        -ms-transform: rotate(3779deg)
    }

    100% {
        -ms-transform: rotate(37799deg)
    }
}

.turbineOutRight:not(.modal) {
    animation-delay: 500ms;
    animation: turbineOutRightAnim linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineOutRightAnim linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineOutRightAnim linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineOutRightAnim linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineOutRightAnim linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineOutRightAnim {
    0% {
        opacity: 1;
        transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        transform: translate(24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        transform: translate(48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        transform: translate(72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        transform: translate(200px,0) rotate(180deg)
    }
}

@-moz-keyframes turbineOutRightAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -moz-transform: translate(24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -moz-transform: translate(48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -moz-transform: translate(72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(200px,0) rotate(180deg)
    }
}

@-webkit-keyframes turbineOutRightAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -webkit-transform: translate(24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -webkit-transform: translate(48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -webkit-transform: translate(72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(200px,0) rotate(180deg)
    }
}

@-o-keyframes turbineOutRightAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -o-transform: translate(24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -o-transform: translate(48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -o-transform: translate(72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -o-transform: translate(200px,0) rotate(180deg)
    }
}

@-ms-keyframes turbineOutRightAnim {
    0% {
        opacity: 1;
        -ms-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -ms-transform: translate(24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -ms-transform: translate(48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -ms-transform: translate(72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(200px,0) rotate(180deg)
    }
}

.turbineOutUp:not(.modal) {
    animation-delay: 500ms;
    animation: turbineOutUpAnim linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineOutUpAnim linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineOutUpAnim linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineOutUpAnim linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineOutUpAnim linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineOutUpAnim {
    0% {
        opacity: 1;
        transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        transform: translate(0,-200px) rotate(180deg)
    }
}

@-moz-keyframes turbineOutUpAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -moz-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -moz-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -moz-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0,-200px) rotate(180deg)
    }
}

@-webkit-keyframes turbineOutUpAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -webkit-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -webkit-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -webkit-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,-200px) rotate(180deg)
    }
}

@-o-keyframes turbineOutUpAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -o-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -o-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -o-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -o-transform: translate(0,-200px) rotate(180deg)
    }
}

@-ms-keyframes turbineOutUpAnim {
    0% {
        opacity: 1;
        -ms-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -ms-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -ms-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -ms-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(0,-200px) rotate(180deg)
    }
}

.turbineOutLeft:not(.modal) {
    animation-delay: 500ms;
    animation: turbineOutLeftAnim linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineOutLeftAnim linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineOutLeftAnim linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineOutLeftAnim linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineOutLeftAnim linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineOutLeftAnim {
    0% {
        opacity: 1;
        transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        transform: translate(-24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        transform: translate(-48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        transform: translate(-72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        transform: translate(-200px,0) rotate(180deg)
    }
}

@-moz-keyframes turbineOutLeftAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -moz-transform: translate(-24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -moz-transform: translate(-48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -moz-transform: translate(-72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(-200px,0) rotate(180deg)
    }
}

@-webkit-keyframes turbineOutLeftAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -webkit-transform: translate(-24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -webkit-transform: translate(-48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -webkit-transform: translate(-72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-200px,0) rotate(180deg)
    }
}

@-o-keyframes turbineOutLeftAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -o-transform: translate(-24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -o-transform: translate(-48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -o-transform: translate(-72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -o-transform: translate(-200px,0) rotate(180deg)
    }
}

@-ms-keyframes turbineOutLeftAnim {
    0% {
        opacity: 1;
        -ms-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -ms-transform: translate(-24px,0) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -ms-transform: translate(-48px,0) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -ms-transform: translate(-72px,0) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(-200px,0) rotate(180deg)
    }
}

.turbineOutDown:not(.modal) {
    animation-delay: 500ms;
    animation: turbineOutDownAnim linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineOutDownAnim linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineOutDownAnim linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineOutDownAnim linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineOutDownAnim linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes turbineOutDownAnim {
    0% {
        opacity: 1;
        transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        transform: translate(0,24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        transform: translate(0,48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        transform: translate(0,72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        transform: translate(0,200px) rotate(180deg)
    }
}

@-moz-keyframes turbineOutDownAnim {
    0% {
        opacity: 1;
        -moz-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -moz-transform: translate(0,24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -moz-transform: translate(0,48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -moz-transform: translate(0,72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0,200px) rotate(180deg)
    }
}

@-webkit-keyframes turbineOutDownAnim {
    0% {
        opacity: 1;
        -webkit-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -webkit-transform: translate(0,24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -webkit-transform: translate(0,48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -webkit-transform: translate(0,72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0,200px) rotate(180deg)
    }
}

@-o-keyframes turbineOutDownAnim {
    0% {
        opacity: 1;
        -o-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -o-transform: translate(0,24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -o-transform: translate(0,48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -o-transform: translate(0,72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -o-transform: translate(0,200px) rotate(180deg)
    }
}

@-ms-keyframes turbineOutDownAnim {
    0% {
        opacity: 1;
        -ms-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .8099985852029548;
        -ms-transform: translate(0,24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -ms-transform: translate(0,48px) rotate(4092deg)
    }

    30% {
        opacity: .43;
        -ms-transform: translate(0,72px) rotate(35865deg)
    }

    100% {
        opacity: 0;
        -ms-transform: translate(0,200px) rotate(180deg)
    }
}

.turbineUp:not(.modal) {
    animation-delay: 500ms;
    animation: turbineUpAnim linear 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: turbineUpAnim linear 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: turbineUpAnim linear 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: turbineUpAnim linear 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: turbineUpAnim linear 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

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

    10% {
        opacity: .43;
        transform: translate(0,-72px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .8099985852029548;
        transform: translate(0,-24px) rotate(35865deg)
    }

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

@-moz-keyframes turbineOutUpAnim {
    0% {
        opacity: 0;
        -moz-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .43;
        -moz-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -moz-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .8099985852029548;
        -moz-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0,-200px) rotate(180deg)
    }
}

@-webkit-keyframes turbineOutUpAnim {
    0% {
        opacity: 0;
        -webkit-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .43;
        -webkit-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -webkit-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .8099985852029548;
        -webkit-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0,-200px) rotate(180deg)
    }
}

@-o-keyframes turbineOutUpAnim {
    0% {
        opacity: 0;
        -o-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .43;
        -o-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -o-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .8099985852029548;
        -o-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 1;
        -o-transform: translate(0,-200px) rotate(180deg)
    }
}

@-ms-keyframes turbineOutUpAnim {
    0% {
        opacity: 0;
        -ms-transform: translate(0,0) rotate(0)
    }

    10% {
        opacity: .43;
        -ms-transform: translate(0,-24px) rotate(413deg)
    }

    20% {
        opacity: .620001414797045;
        -ms-transform: translate(0,-48px) rotate(4092deg)
    }

    30% {
        opacity: .8099985852029548;
        -ms-transform: translate(0,-72px) rotate(35865deg)
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0,-200px) rotate(180deg)
    }
}

.rotate:not(.modal) {
    animation-delay: 500ms;
    animation: rotateAnim linear .7s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: rotateAnim linear .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: rotateAnim linear .7s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotateAnim linear .7s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: rotateAnim linear .7s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes rotateAnim {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

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

@-moz-keyframes rotateAnim {
    0% {
        opacity: 0;
        -moz-transform: rotate(-200deg)
    }

    100% {
        opacity: 1;
        -moz-transform: rotate(0)
    }
}

@-webkit-keyframes rotateAnim {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg)
    }

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

@-o-keyframes rotateAnim {
    0% {
        opacity: 0;
        -o-transform: rotate(-200deg)
    }

    100% {
        opacity: 1;
        -o-transform: rotate(0)
    }
}

@-ms-keyframes rotateAnim {
    0% {
        opacity: 0;
        -ms-transform: rotate(-200deg)
    }

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

.rotateOut:not(.modal) {
    animation-delay: 500ms;
    animation: rotateOutAnim linear .7s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: rotateOutAnim linear .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: rotateOutAnim linear .7s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotateOutAnim linear .7s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: rotateOutAnim linear .7s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes rotateOutAnim {
    0% {
        opacity: 1;
        transform: rotate(0)
    }

    100% {
        opacity: 0;
        transform: rotate(200deg)
    }
}

@-moz-keyframes rotateOutAnim {
    0% {
        opacity: 1;
        -moz-transform: rotate(0)
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(200deg)
    }
}

@-webkit-keyframes rotateOutAnim {
    0% {
        opacity: 1;
        -webkit-transform: rotate(0)
    }

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

@-o-keyframes rotateOutAnim {
    0% {
        opacity: 1;
        -o-transform: rotate(0)
    }

    100% {
        opacity: 0;
        -o-transform: rotate(200deg)
    }
}

@-ms-keyframes rotateOutAnim {
    0% {
        opacity: 1;
        -ms-transform: rotate(0)
    }

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

.rotateDown:not(.modal) {
    animation-delay: 500ms;
    animation: rotateDownAnim linear .7s;
    animation-iteration-count: 1;
    transform-origin: 0 100%;
    -webkit-animation: rotateDownAnim linear .7s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 0 100%;
    -moz-animation: rotateDownAnim linear .7s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 0 100%;
    -o-animation: rotateDownAnim linear .7s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 0 100%;
    -ms-animation: rotateDownAnim linear .7s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 0 100%
}

@keyframes rotateDownAnim {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

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

@-moz-keyframes rotateDownAnim {
    0% {
        opacity: 0;
        -moz-transform: rotate(-90deg)
    }

    100% {
        opacity: 1;
        -moz-transform: rotate(0)
    }
}

@-webkit-keyframes rotateDownAnim {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg)
    }

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

@-o-keyframes rotateDownAnim {
    0% {
        opacity: 0;
        -o-transform: rotate(-90deg)
    }

    100% {
        opacity: 1;
        -o-transform: rotate(0)
    }
}

@-ms-keyframes rotateDownAnim {
    0% {
        opacity: 0;
        -ms-transform: rotate(-90deg)
    }

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

.shake:not(.modal) {
    animation-delay: 500ms;
    animation: shakeAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: shakeAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: shakeAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: shakeAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: shakeAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes shakeAnim {
    0%,100% {
        transform: translate(0,0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate(10px,0)
    }
}

@-moz-keyframes shakeAnim {
    0%,100% {
        -moz-transform: translate(0,0)
    }

    10%,30%,50%,70%,90% {
        -moz-transform: translate(-10px,0)
    }

    20%,40%,60%,80% {
        -moz-transform: translate(10px,0)
    }
}

@-webkit-keyframes shakeAnim {
    0%,100% {
        -webkit-transform: translate(0,0)
    }

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

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

@-o-keyframes shakeAnim {
    0%,100% {
        -o-transform: translate(0,0)
    }

    10%,30%,50%,70%,90% {
        -o-transform: translate(-10px,0)
    }

    20%,40%,60%,80% {
        -o-transform: translate(10px,0)
    }
}

@-ms-keyframes shakeAnim {
    0%,100% {
        -ms-transform: translate(0,0)
    }

    10%,30%,50%,70%,90% {
        -ms-transform: translate(-10px,0)
    }

    20%,40%,60%,80% {
        -ms-transform: translate(10px,0)
    }
}

.spin:not(.modal) {
    animation-delay: 500ms;
    animation: spinAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 0;
    -webkit-animation: spinAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 0;
    -moz-animation: spinAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 0;
    -o-animation: spinAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 0;
    -ms-animation: spinAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 0
}

@keyframes spinAnim {
    0%,100% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(15deg)
    }

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

    60% {
        transform: rotate(5deg)
    }

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

@-moz-keyframes spinAnim {
    0%,100% {
        -moz-transform: rotate(0)
    }

    20% {
        -moz-transform: rotate(15deg)
    }

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

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

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

@-webkit-keyframes spinAnim {
    0%,100% {
        -webkit-transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(15deg)
    }

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

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

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

@-o-keyframes spinAnim {
    0%,100% {
        -o-transform: rotate(0)
    }

    20% {
        -o-transform: rotate(15deg)
    }

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

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

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

@-ms-keyframes spinAnim {
    0%,100% {
        -ms-transform: rotate(0)
    }

    20% {
        -ms-transform: rotate(15deg)
    }

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

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

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

.tada:not(.modal) {
    animation-delay: 500ms;
    animation: tadaAnim linear 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: tadaAnim linear 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: tadaAnim linear 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: tadaAnim linear 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: tadaAnim linear 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes tadaAnim {
    0% {
        transform: rotate(0) scaleX(1) scaleY(1)
    }

    10%,20% {
        transform: rotate(-3deg) scaleX(.8) scaleY(.8)
    }

    30%,50%,70%,90% {
        transform: rotate(3deg) scaleX(1.2) scaleY(1.2)
    }

    40%,60%,80% {
        transform: rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }

    100% {
        transform: rotate(0) scaleX(1.2) scaleY(1.2)
    }
}

@-moz-keyframes tadaAnim {
    0% {
        -moz-transform: rotate(0) scaleX(1) scaleY(1)
    }

    10%,20% {
        -moz-transform: rotate(-3deg) scaleX(.8) scaleY(.8)
    }

    30%,50%,70%,90% {
        -moz-transform: rotate(3deg) scaleX(1.2) scaleY(1.2)
    }

    40%,60%,80% {
        -moz-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }

    100% {
        -moz-transform: rotate(0) scaleX(1.2) scaleY(1.2)
    }
}

@-webkit-keyframes tadaAnim {
    0% {
        -webkit-transform: rotate(0) scaleX(1) scaleY(1)
    }

    10%,20% {
        -webkit-transform: rotate(-3deg) scaleX(.8) scaleY(.8)
    }

    30%,50%,70%,90% {
        -webkit-transform: rotate(3deg) scaleX(1.2) scaleY(1.2)
    }

    40%,60%,80% {
        -webkit-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }

    100% {
        -webkit-transform: rotate(0) scaleX(1.2) scaleY(1.2)
    }
}

@-o-keyframes tadaAnim {
    0% {
        -o-transform: rotate(0) scaleX(1) scaleY(1)
    }

    10%,20% {
        -o-transform: rotate(-3deg) scaleX(.8) scaleY(.8)
    }

    30%,50%,70%,90% {
        -o-transform: rotate(3deg) scaleX(1.2) scaleY(1.2)
    }

    40%,60%,80% {
        -o-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }

    100% {
        -o-transform: rotate(0) scaleX(1.2) scaleY(1.2)
    }
}

@-ms-keyframes tadaAnim {
    0% {
        -ms-transform: rotate(0) scaleX(1) scaleY(1)
    }

    10%,20% {
        -ms-transform: rotate(-3deg) scaleX(.8) scaleY(.8)
    }

    30%,50%,70%,90% {
        -ms-transform: rotate(3deg) scaleX(1.2) scaleY(1.2)
    }

    40%,60%,80% {
        -ms-transform: rotate(-3deg) scaleX(1.2) scaleY(1.2)
    }

    100% {
        -ms-transform: rotate(0) scaleX(1.2) scaleY(1.2)
    }
}

.groove:not(.modal) {
    animation-delay: 500ms;
    animation: grooveAnim ease 1s;
    animation-iteration-count: 1;
    transform-origin: 0 0;
    animation-fill-mode: forwards;
    -webkit-animation: grooveAnim ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 0 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: grooveAnim ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 0 0;
    -moz-animation-fill-mode: forwards;
    -o-animation: grooveAnim ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 0 0;
    -o-animation-fill-mode: forwards;
    -ms-animation: grooveAnim ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 0 0;
    -ms-animation-fill-mode: forwards
}

@keyframes grooveAnim {
    0% {
        transform: rotate(0)
    }

    20% {
        transform: rotate(60deg)
    }

    40% {
        transform: rotate(40deg)
    }

    60% {
        transform: rotate(54deg)
    }

    80% {
        transform: rotate(42deg)
    }

    100% {
        transform: rotate(46deg)
    }
}

@-moz-keyframes grooveAnim {
    0% {
        -moz-transform: rotate(0)
    }

    20% {
        -moz-transform: rotate(60deg)
    }

    40% {
        -moz-transform: rotate(40deg)
    }

    60% {
        -moz-transform: rotate(54deg)
    }

    80% {
        -moz-transform: rotate(42deg)
    }

    100% {
        -moz-transform: rotate(46deg)
    }
}

@-webkit-keyframes grooveAnim {
    0% {
        -webkit-transform: rotate(0)
    }

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

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

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

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

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

@-o-keyframes grooveAnim {
    0% {
        -o-transform: rotate(0)
    }

    20% {
        -o-transform: rotate(60deg)
    }

    40% {
        -o-transform: rotate(40deg)
    }

    60% {
        -o-transform: rotate(54deg)
    }

    80% {
        -o-transform: rotate(42deg)
    }

    100% {
        -o-transform: rotate(46deg)
    }
}

@-ms-keyframes grooveAnim {
    0% {
        -ms-transform: rotate(0)
    }

    20% {
        -ms-transform: rotate(60deg)
    }

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

    60% {
        -ms-transform: rotate(54deg)
    }

    80% {
        -ms-transform: rotate(42deg)
    }

    100% {
        -ms-transform: rotate(46deg)
    }
}

.shapeCarre:not(.modal) {
    animation-delay: 500ms;
    animation: shapeCarreAnim ease 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: shapeCarreAnim ease 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: shapeCarreAnim ease 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: shapeCarreAnim ease 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: shapeCarreAnim ease 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes shapeCarreAnim {
    0%,100% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(90px,0)
    }

    40% {
        transform: translate(90px,-90px)
    }

    60% {
        transform: translate(-90px,-90px)
    }

    80% {
        transform: translate(-90px,0)
    }
}

@-moz-keyframes shapeCarreAnim {
    0%,100% {
        -moz-transform: translate(0,0)
    }

    20% {
        -moz-transform: translate(90px,0)
    }

    40% {
        -moz-transform: translate(90px,-90px)
    }

    60% {
        -moz-transform: translate(-90px,-90px)
    }

    80% {
        -moz-transform: translate(-90px,0)
    }
}

@-webkit-keyframes shapeCarreAnim {
    0%,100% {
        -webkit-transform: translate(0,0)
    }

    20% {
        -webkit-transform: translate(90px,0)
    }

    40% {
        -webkit-transform: translate(90px,-90px)
    }

    60% {
        -webkit-transform: translate(-90px,-90px)
    }

    80% {
        -webkit-transform: translate(-90px,0)
    }
}

@-o-keyframes shapeCarreAnim {
    0%,100% {
        -o-transform: translate(0,0)
    }

    20% {
        -o-transform: translate(90px,0)
    }

    40% {
        -o-transform: translate(90px,-90px)
    }

    60% {
        -o-transform: translate(-90px,-90px)
    }

    80% {
        -o-transform: translate(-90px,0)
    }
}

@-ms-keyframes shapeCarreAnim {
    0%,100% {
        -ms-transform: translate(0,0)
    }

    20% {
        -ms-transform: translate(90px,0)
    }

    40% {
        -ms-transform: translate(90px,-90px)
    }

    60% {
        -ms-transform: translate(-90px,-90px)
    }

    80% {
        -ms-transform: translate(-90px,0)
    }
}

.shapeStar:not(.modal) {
    animation-delay: 500ms;
    animation: shapeStarAnim ease 4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: shapeStarAnim ease 4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: shapeStarAnim ease 4s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: shapeStarAnim ease 4s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: shapeStarAnim ease 4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes shapeStarAnim {
    0%,100% {
        transform: translate(0,0)
    }

    20% {
        transform: translate(0,-90px)
    }

    40% {
        transform: translate(90px,90px)
    }

    60% {
        transform: translate(-45px,-45px)
    }
}

@-moz-keyframes shapeStarAnim {
    0%,100% {
        -moz-transform: translate(0,0)
    }

    20% {
        -moz-transform: translate(0,-90px)
    }

    40% {
        -moz-transform: translate(90px,90px)
    }

    60% {
        -moz-transform: translate(-45px,-45px)
    }
}

@-webkit-keyframes shapeStarAnim {
    0%,100% {
        -webkit-transform: translate(0,0)
    }

    20% {
        -webkit-transform: translate(0,-90px)
    }

    40% {
        -webkit-transform: translate(90px,90px)
    }

    60% {
        -webkit-transform: translate(-45px,-45px)
    }
}

@-o-keyframes shapeStarAnim {
    0%,100% {
        -o-transform: translate(0,0)
    }

    20% {
        -o-transform: translate(0,-90px)
    }

    40% {
        -o-transform: translate(90px,90px)
    }

    60% {
        -o-transform: translate(-45px,-45px)
    }
}

@-ms-keyframes shapeStarAnim {
    0%,100% {
        -ms-transform: translate(0,0)
    }

    20% {
        -ms-transform: translate(0,-90px)
    }

    40% {
        -ms-transform: translate(90px,90px)
    }

    60% {
        -ms-transform: translate(-45px,-45px)
    }
}