@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
    -moz-transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
    transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
  }
  50% {opacity: 1;}
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
    -moz-transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
    transform: scale3d(0.3, 0.3, 0.3) translateZ(0);
  }
  50% {opacity: 1;}
}


.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@keyframes rotating {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-moz-keyframes rotating {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px)  }
    60% {opacity: 1;-webkit-transform: translate(0,0)}
    100% {opacity: 0;-webkit-transform: translate(0,-8px)}
}

@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1; transform: translate(0,0);}
    100% {opacity: 0; transform: translate(0,-8px);}
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rotateInUpLeft {
    transform-origin: left bottom;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes loading 
{
    0% {-webkit-transform: rotate(0)}
    100% {-webkit-transform: rotate(360deg)}
}

@-webkit-keyframes shake {
    0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
    10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}
    20%,40%,60%,80% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}
}

@keyframes shake {
    0%,100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
    10%,30%,50%,70%,90% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}
    20%,40%,60%,80% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}
}
@-webkit-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
@-o-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}}
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
.z-fade-in {-webkit-animation: fadeIn 2.5s backwards;animation: fadeIn 2.5s backwards}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-o-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}

@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px)}
    60% {opacity: 1;-moz-transform: translate(0,0)}
    100% {opacity: 0;-moz-transform: translate(0,-8px)}
}

@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px)}
    60% {opacity: 1;transform: translate(0,0)}
    100% {opacity: 0;transform: translate(0,-8px)}
}
@-webkit-keyframes rightflip {
    0%,30% {opacity: 0;-webkit-transform: translate(10,0)}
    60% {opacity: 1;-webkit-transform: translate(0,0)}
    100% {opacity: 0;-webkit-transform: translate(-8px,0)}
}

@-moz-keyframes rightflip {
    0%,30% {opacity: 0;-moz-transform: translate(10,0)}
    60% {opacity: 1;-moz-transform: translate(0,0)}
    100% {opacity: 0; -moz-transform: translate(-8px,0)}
}

@keyframes rightflip {
    0%,30% {opacity: 0;transform: translate(10,0)}
    60% {opacity: 1;transform: translate(0,0)}
    100% {opacity: 0;transform: translate(-8px,0)}
}
@-webkit-keyframes move {
    from {right: 8px}
    to {right: 50px}
}
@-webkit-keyframes move2 {
    from {bottom: 5px}
    to {bottom: 15px}
}
@font-face {
    font-family: eqfonts;
    src: url(fonts/eqfonts.eot?hnv3rd);
    src: url(fonts/eqfonts.eot?hnv3rd#iefix) format('embedded-opentype'),url(fonts/eqfonts.ttf?hnv3rd) format('truetype'),url(fonts/eqfonts.woff?hnv3rd) format('woff'),url(fonts/eqfonts.svg?hnv3rd#eqfonts) format('svg');
    font-weight: 400;
    font-style: normal
}

.vanishIn {
    -webkit-animation-name: vanishIn;
    animation-name: vanishIn
}
@-webkit-keyframes vanishIn {
    0% {opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2,2);
        -webkit-filter: blur(90px)
}

    100% {opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1,1);
        -webkit-filter: blur(0px)
}
}

@keyframes vanishIn {
    0% {opacity: 0;
        transform-origin: 50% 50%;transform: scale(2,2);
        -webkit-filter: blur(90px)
}

    100% {opacity: 1;
        transform-origin: 50% 50%;transform: scale(1,1);
        -webkit-filter: blur(0px)
}
}

.vanishOut {
    -webkit-animation-name: vanishOut;
    animation-name: vanishOut
}

@-webkit-keyframes vanishOut {
    0% {opacity: 1;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1,1);
        -webkit-filter: blur(0px)
}

    100% {opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2,2);
        -webkit-filter: blur(20px)
}
}

@keyframes vanishOut {
    0% {opacity: 1;
        transform-origin: 50% 50%;transform: scale(1,1);
        -webkit-filter: blur(0px)
}

    100% {opacity: 0;
        transform-origin: 50% 50%;transform: scale(2,2);
        -webkit-filter: blur(20px)
}
}

.twisterInUp {
    -webkit-animation-name: twisterInUp;
    animation-name: twisterInUp
}

@-webkit-keyframes twisterInUp {
    0% {opacity: 0;
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0,0) rotate(360deg) translateY(100%)
}

    30% {-webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0,0) rotate(360deg) translateY(100%)
}

    100% {opacity: 1;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(1,1) rotate(0deg) translateY(0)
}
}

@keyframes twisterInUp {
    0% {opacity: 0;
        transform-origin: 100% 0;transform: scale(0,0) rotate(360deg) translateY(100%)
}

    30% {transform-origin: 100% 0;transform: scale(0,0) rotate(360deg) translateY(100%)
}

    100% {opacity: 1;
        transform-origin: 0 0;transform: scale(1,1) rotate(0deg) translateY(0)
}
}

.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

@-webkit-keyframes slideUp {
    0% {-webkit-transform-origin: 0 0;-webkit-transform: translateY(0%)}
    100% {-webkit-transform-origin: 0 0;-webkit-transform: translateY(-100%)}
}

@keyframes slideUp {
    0% {transform-origin: 0 0;transform: translateY(0%)}
    100% {transform-origin: 0 0;transform: translateY(-100%)}
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideDown {
    0% {-webkit-transform-origin: 0 0;-webkit-transform: translateY(0%)}
    100% {-webkit-transform-origin: 0 0;-webkit-transform: translateY(100%)}
}

@keyframes slideDown {
    0% {transform-origin: 0 0;transform: translateY(0%)}
    100% {transform-origin: 0 0;transform: translateY(100%)}
}

@-webkit-keyframes puffOut {
    0% {opacity: 1;-webkit-transform-origin: 50% 50%;-webkit-transform: scale(1,1);-webkit-filter: blur(0px)}
    100% {opacity: 0;-webkit-transform-origin: 50% 50%;-webkit-transform: scale(2,2);-webkit-filter: blur(2px)}
}

@keyframes puffOut {
    0% {opacity: 1;transform-origin: 50% 50%;transform: scale(1,1);-webkit-filter: blur(0px)}
    100% {opacity: 0;transform-origin: 50% 50%;transform: scale(2,2);-webkit-filter: blur(2px)}
}

.puffOut {
    -webkit-animation-name: puffOut;
    animation-name: puffOut
}

@-webkit-keyframes puffIn {
    0% {opacity: 0;-webkit-transform-origin: 50% 50%;-webkit-transform: scale(2,2);-webkit-filter: blur(2px)}
    100% {opacity: 1;-webkit-transform-origin: 50% 50%;-webkit-transform: scale(1,1);-webkit-filter: blur(0px)}
}

@keyframes puffIn {
    0% {opacity: 0;transform-origin: 50% 50%;transform: scale(2,2);filter: blur(2px)}
    100% {opacity: 1;transform-origin: 50% 50%;transform: scale(1,1); filter: blur(0px)}
}

.puffIn {
    -webkit-animation-name: puffIn;
    animation-name: puffIn
}

@-webkit-keyframes twisterInDown {
    0% {opacity: 0;-webkit-transform-origin: 0 100%;-webkit-transform: scale(0,0) rotate(360deg) translateY(-100%)}
    30% {-webkit-transform-origin: 0 100%;-webkit-transform: scale(0,0) rotate(360deg) translateY(-100%)}
    100% {opacity: 1;-webkit-transform-origin: 100% 100%;-webkit-transform: scale(1,1) rotate(0deg) translateY(0%)}
}

@keyframes twisterInDown {
    0% {opacity: 0;transform-origin: 0 100%;transform: scale(0,0) rotate(360deg) translateY(-100%)}
    30% {transform-origin: 0 100%;transform: scale(0,0) rotate(360deg) translateY(-100%)}
    100% {opacity: 1;transform-origin: 100% 100%;transform: scale(1,1) rotate(0deg) translateY(0%)}
}

.twisterInDown {
    -webkit-animation-name: twisterInDown;
    animation-name: twisterInDown
}

@-webkit-keyframes rollIn {
    0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

@keyframes rollIn {
    0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes lightSpeedIn {
    0% {-webkit-transform: translate3d(100%,0,0) skewX(-30deg);transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0}
    60% {-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1}
    80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1}
    100% {-webkit-transform: none;transform: none; opacity: 1}
}

@keyframes lightSpeedIn {
    0% {-webkit-transform: translate3d(100%,0,0) skewX(-30deg);transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0}
    60% {-webkit-transform: skewX(20deg);transform: skewX(20deg); opacity: 1}
    80% {-webkit-transform: skewX(-5deg);transform: skewX(-5deg); opacity: 1}
    100% {-webkit-transform: none;transform: none; opacity: 1}
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {opacity: 0; -webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}
    100% {opacity: 1;transform: none}
}

@keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

@keyframes fadeInUp {
    0% {opacity: 0; -webkit-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
    100% {opacity: 1; -webkit-transform: none; -ms-transform: none;transform: none}
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOutDown {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
}

@keyframes fadeOutDown {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0)}
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;animation-name: fadeOutDown}

@-webkit-keyframes fadeOutLeft {
    0% {opacity: 1}
    100% {opacity: 0;transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}
}

@keyframes fadeOutLeft {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0)}
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}
}

@keyframes fadeOutRight {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0)}
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight}

@-webkit-keyframes fadeOutUp {
    0% {opacity: 1;}
    100% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}
}

@keyframes fadeOutUp {
    0% {opacity: 1;}
   100% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes swing {
    20% {-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg)}
    40% {-webkit-transform: rotate3d(0,0,1,-10deg);transform: rotate3d(0,0,1,-10deg)}
    60% {-webkit-transform: rotate3d(0,0,1,5deg);transform: rotate3d(0,0,1,5deg)}
    80% {-webkit-transform: rotate3d(0,0,1,-5deg);transform: rotate3d(0,0,1,-5deg)}
    100% {-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg)
}
}

@keyframes swing {
    20% {-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg)}
    40% {-webkit-transform: rotate3d(0,0,1,-10deg);transform: rotate3d(0,0,1,-10deg)}
    60% {-webkit-transform: rotate3d(0,0,1,5deg);transform: rotate3d(0,0,1,5deg)}
    80% {-webkit-transform: rotate3d(0,0,1,-5deg);transform: rotate3d(0,0,1,-5deg)}
    100% {-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg)}
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes wobble {
    0% {-webkit-transform: none;transform: none}
    15% {-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
    30% {-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
    45% {-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
    60% {-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
    75% {-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
    100% {-webkit-transform: none;transform: none
}
}

@keyframes wobble {
    0% {-webkit-transform: none;transform: none}
    15% {-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
    30% {-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
   45% {-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
    60% {-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
    75% {-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
    100% {-webkit-transform: none;transform: none
}
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes rotateIn {
    from {-webkit-transform: rotate(0deg)}
    to {-webkit-transform: rotate(360deg)}
}

@-moz-keyframes rotateIn {
    from {-moz-transform: rotate(0deg)}
    to {-moz-transform: rotate(360deg)}
}

@-o-keyframes rotateIn {
    from {-o-transform: rotate(0deg)}
    to {-o-transform: rotate(360deg)}
}

@keyframes rotateIn {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg)}
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes flip {
    0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out}
    40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out}
    50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
    80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
    100% {-webkit-transform: perspective(400px);transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
}

@keyframes flip {
    0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out}

    40% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out}

    50% {-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
    80% {-webkit-transform: perspective(400px) scale3d(.95,.95,.95);transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}

    100% {-webkit-transform: perspective(400px);transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}
    100% {opacity: 1;-webkit-transform: none;transform: none}
}

@keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0)}
    100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none}
}

.fadeInDown {
    -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
}


@-webkit-keyframes zoomOut {
    0% {opacity: 1}
    50% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
    100% {opacity: 0}
}

@keyframes zoomOut {
    0% {opacity: 1}
    50% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
    100% {opacity: 0}
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
    20% {-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1)}
    40% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9)}
    60% {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03)}
    80% {-webkit-transform: scale3d(.97,.97,.97);transform: scale3d(.97,.97,.97)}
    100% {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
    20% {-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1)}
    40% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9)}
    60% {opacity: 1;-webkit-transform: scale3d(1.03,1.03,1.03);transform: scale3d(1.03,1.03,1.03)}
    80% {-webkit-transform: scale3d(.97,.97,.97);transform: scale3d(.97,.97,.97)}
    100% {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: translate3d(-3000px,0,0);transform: translate3d(-3000px,0,0)}
    60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0)}
    75% { -webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}
    90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0)}
    100% {-webkit-transform: none;transform: none}
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0; -webkit-transform: translate3d(-3000px,0,0);transform: translate3d(-3000px,0,0)}
    60% {opacity: 1;-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0)}
    75% {-webkit-transform: translate3d(-10px,0,0);transform: translate3d(-10px,0,0)}
    90% {-webkit-transform: translate3d(5px,0,0);transform: translate3d(5px,0,0)}
    100% {-webkit-transform: none;transform: none}
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: translate3d(3000px,0,0);transform: translate3d(3000px,0,0)}
    60% {opacity: 1; -webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0)}
    75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}
    90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0)}
    100% {-webkit-transform: none;transform: none}
}

@keyframes bounceInRight {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: translate3d(3000px,0,0);transform: translate3d(3000px,0,0)}
    60% {opacity: 1; -webkit-transform: translate3d(-25px,0,0);transform: translate3d(-25px,0,0)}
    75% {-webkit-transform: translate3d(10px,0,0);transform: translate3d(10px,0,0)}
    90% {-webkit-transform: translate3d(-5px,0,0);transform: translate3d(-5px,0,0)}
    100% {-webkit-transform: none;-ms-transform: none;transform: none}
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0; -webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0)}
    60% {opacity: 1; -webkit-transform: translate3d(0,-25px,0);transform: translate3d(0,-25px,0)}
    75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}
    90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0)}
    100% {-webkit-transform: none;transform: none}
}

@keyframes bounceInUp {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0)}
    60% {opacity: 1;-webkit-transform: translate3d(0,-25px,0);transform: translate3d(0,-25px,0)}
    75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}
    90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0)}
    100% {-webkit-transform: none;transform: none}
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0;-webkit-transform: translate3d(0,-3000px,0);transform: translate3d(0,-3000px,0)}
    60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0)}
    75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}
    90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0)}
    100% {-webkit-transform: none;transform: none}
}

@keyframes bounceInDown {
    0%,60%,75%,90%,100% {-webkit-transition-timing-function: cubic-bezier(0.215,.610,.355,1.000);
        transition-timing-function: cubic-bezier(0.215,.610,.355,1.000)}
    0% {opacity: 0; -webkit-transform: translate3d(0,-3000px,0);transform: translate3d(0,-3000px,0)}
    60% {opacity: 1;-webkit-transform: translate3d(0,25px,0);transform: translate3d(0,25px,0)}
    75% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}
    90% {-webkit-transform: translate3d(0,5px,0);transform: translate3d(0,5px,0)}
    100% {-webkit-transform: none;transform: none}
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceOut {
    20% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9)}
    50%,55% {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1)}
    100% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
}

@keyframes bounceOut {
    20% {-webkit-transform: scale3d(.9,.9,.9);transform: scale3d(.9,.9,.9)}
    50%,55% {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1)}
   100% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3)}
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}
    40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}
    100% {opacity: 0; -webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0)}
}

@keyframes bounceOutDown {
    20% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0)}
    40%,45% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0)}
    100% {opacity: 0;-webkit-transform: translate3d(0,2000px,0);transform: translate3d(0,2000px,0)}
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0)}
    100% {opacity: 0; -webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0)}
}

@keyframes bounceOutLeft {
    20% {opacity: 1;-webkit-transform: translate3d(20px,0,0);transform: translate3d(20px,0,0)}
    100% {opacity: 0; -webkit-transform: translate3d(-2000px,0,0);transform: translate3d(-2000px,0,0)}
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0)}
    100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0)}
}

@keyframes bounceOutRight {
    20% {opacity: 1;-webkit-transform: translate3d(-20px,0,0);transform: translate3d(-20px,0,0)}
    100% {opacity: 0;-webkit-transform: translate3d(2000px,0,0);transform: translate3d(2000px,0,0)}
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}
   40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)}
    100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0)}
}

@keyframes bounceOutUp {
    20% {-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0)}
    40%,45% {opacity: 1;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0)}
    100% {opacity: 0;-webkit-transform: translate3d(0,-2000px,0);transform: translate3d(0,-2000px,0)}
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes rollOut {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}

@keyframes rollOut {
    0% {opacity: 1}
    100% {opacity: 0;-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes rubberBand {
    0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    30% {-webkit-transform: scale3d(1.25,.75,1);transform: scale3d(1.25,.75,1)}
    40% {-webkit-transform: scale3d(0.75,1.25,1);transform: scale3d(0.75,1.25,1)}
    50% {-webkit-transform: scale3d(1.15,.85,1);transform: scale3d(1.15,.85,1)}
    65% {-webkit-transform: scale3d(.95,1.05,1);transform: scale3d(.95,1.05,1)}
    75% {-webkit-transform: scale3d(1.05,.95,1);transform: scale3d(1.05,.95,1)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

@keyframes rubberBand {
    0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    30% {-webkit-transform: scale3d(1.25,.75,1);transform: scale3d(1.25,.75,1)}
    40% {-webkit-transform: scale3d(0.75,1.25,1);transform: scale3d(0.75,1.25,1)}
    50% {-webkit-transform: scale3d(1.15,.85,1);transform: scale3d(1.15,.85,1)}
    65% {-webkit-transform: scale3d(.95,1.05,1);transform: scale3d(.95,1.05,1)}
    75% {-webkit-transform: scale3d(1.05,.95,1);transform: scale3d(1.05,.95,1)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

@-webkit-keyframes lightSpeedOut {
    0% {opacity: 1}
    100% {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg); opacity: 0}
}

@keyframes lightSpeedOut {
    0% {opacity: 1}
    100% {-webkit-transform: translate3d(100%,0,0) skewX(30deg);transform: translate3d(100%,0,0) skewX(30deg);opacity: 0}
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes heartbeat {
    0% {-webkit-transform: scale(1);transform: scale(1)}
    50% {-webkit-transform: scale(1.5);transform: scale(1.5)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}

@keyframes heartbeat {
    0% {-webkit-transform: scale(1);transform: scale(1)}
    50% {-webkit-transform: scale(1.5);transform: scale(1.5)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}

.heartbeat {
    -webkit-animation-name: heartbeat;
    animation-name: heartbeat
}

@-webkit-keyframes flipOutY {
    0% {-webkit-transform: perspective(400px);transform: perspective(400px)}
    30% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);transform: perspective(400px) rotate3d(0,1,0,-15deg);opacity: 1;}
    100% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);opacity: 0;}
}

@keyframes flipOutY {
    0% {-webkit-transform: perspective(400px);transform: perspective(400px)}
    30% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1;}
    100% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0;}
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;opacity: 0}
    40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}
    60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1}
    80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}
    100% {-webkit-transform: perspective(400px);transform: perspective(400px)}
}

@keyframes flipInY {
    0% {-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}
    40% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}
    60% {-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1}
    80% {-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);transform: perspective(400px) rotate3d(0,1,0,-5deg)}
   100% {-webkit-transform: perspective(400px);transform: perspective(400px)}
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipInX {
    0% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in; opacity: 0}
    40% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in}
    60% {-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);transform: perspective(400px) rotate3d(1,0,0,10deg);opacity: 1}
    80% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);transform: perspective(400px) rotate3d(1,0,0,-5deg)}
    100% {-webkit-transform: perspective(400px);transform: perspective(400px)}
}

@keyframes flipInX {
    0% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0}
    40% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in}
    60% {-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);transform: perspective(400px) rotate3d(1,0,0,10deg);opacity: 1}
    80% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);transform: perspective(400px) rotate3d(1,0,0,-5deg)}
    100% {-webkit-transform: perspective(400px);transform: perspective(400px)}
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipOutX {
    0% {-webkit-transform: perspective(400px);transform: perspective(400px)}
    30% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);opacity: 1}
    100% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0}
}

@keyframes flipOutX {
    0% {-webkit-transform: perspective(400px);transform: perspective(400px)}
   30% {-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);transform: perspective(400px) rotate3d(1,0,0,-20deg);opacity: 1}
    100% {-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);transform: perspective(400px) rotate3d(1,0,0,90deg);opacity: 0}
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes tada {
    0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    10%,20% {-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)
}
}

@keyframes tada {0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    10%,20% {-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80% {-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes jello {
    11.1% {-webkit-transform: none;transform: none}
    22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)}
   33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)}
    44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)}
    55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)}
    66.6% {-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)}
    77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)}
    88.8% {-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)}
    100% {-webkit-transform: none;transform: none
}
}

@keyframes jello {
    11.1% {-webkit-transform: none;transform: none}
   22.2% {-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)}
    33.3% {-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)}
   44.4% {-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)}
    55.5% {-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)}
    66.6% {-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)}
    77.7% {-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)}
    88.8% {-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)}
   100% {-webkit-transform: none;transform: none}
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes flash {
    0%,50%,100% {opacity: 1}
   25%,75% {opacity: 0}
}

@keyframes flash {
    0%,50%,100% {opacity: 1}
    25%,75% {opacity: 0}
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

@keyframes pulse {
    0% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
    50% {-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05)}
    100% {-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}
}

@-webkit-keyframes scaleUp {
    0% {-webkit-transform: scale(1)}
    100% {-webkit-transform: scale(1.5)}
}

@keyframes scaleUp {
    0% {transform: scale(1)}
    100% {transform: scale(1.5)}
}

@-webkit-keyframes scaleDown {
    0% {-webkit-transform: scale(1.5)}
    100% {-webkit-transform: scale(1)}
}

@keyframes scaleDown {
    0% {transform: scale(1.5)}
    100% {transform: scale(1)}
}

@-webkit-keyframes blur {
    0% {-webkit-filter: blur(0px)}
    100% {-webkit-filter: blur(8px)}
}

@keyframes blur {
    0% {-webkit-filter: blur(0px)}
    100% {-webkit-filter: blur(8px)}
}

@-webkit-keyframes sharp {
    0% {-webkit-filter: blur(8px)}
    100% {-webkit-filter: blur(0px)}
}

@keyframes sharp {
    0% {-webkit-filter: blur(8px)}
    100% {-webkit-filter: blur(0px)}
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.cas {
    position: absolute;
    z-index: 1!important;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s
}

.scratch-cas {
    z-index: 668!important
}


/*falling--------------------------------------------------------------------------------------------*/
#effBox.falling > div 
{
    position: absolute;
    width: 100px;
    height: 100px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
#effBox.falling > div > img {
     position: absolute;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}

/*---star--------------------------------------------------------------------------------------------*/
@-webkit-keyframes myflowUpDownK0wstar1 {
    0% {-webkit-transform: translate(8px,-72px) rotate(0deg); }
    100% {-webkit-transform: translate(50px,815px) rotate(720deg);}
  }
.myflowUpDown0wstar1 {
	-webkit-animation: myflowUpDownK0wstar1 8.545147315366194s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 0s;
}
@-webkit-keyframes myflowUpDownK1wstar2 {
	0% {-webkit-transform: translate(281px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(62px,815px) rotate(720deg); }
}
.myflowUpDown1wstar2 {
	-webkit-animation: myflowUpDownK1wstar2 5.229381397133693s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 0.6s;
}
@-webkit-keyframes myflowUpDownK2wstar3 {
	0% {-webkit-transform: translate(108px,-72px) rotate(0deg); }
	100% {-webkit-transform: translate(269px,815px) rotate(720deg);}
}
.myflowUpDown2wstar3 {
	-webkit-animation: myflowUpDownK2wstar3 3.7555076787248254s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 1.2s;
}

@-webkit-keyframes myflowUpDownK3wstar1 {
	0% {-webkit-transform: translate(131px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(186px,815px) rotate(720deg);}
}
.myflowUpDown3wstar1 {
	-webkit-animation: myflowUpDownK3wstar1 7.376763368025422s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 1.8s;
}

@-webkit-keyframes myflowUpDownK4wstar2 {
	0% {-webkit-transform: translate(172px,-72px) rotate(0deg); }
	100% {-webkit-transform: translate(299px,815px) rotate(720deg); }
}
.myflowUpDown4wstar2 {
	-webkit-animation: myflowUpDownK4wstar2 5.481176670175046s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 2.4s;
}
@-webkit-keyframes myflowUpDownK5wstar3 {
	0% {-webkit-transform: translate(309px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(163px,815px) rotate(720deg); }
}
.myflowUpDown5wstar3 {
	-webkit-animation: myflowUpDownK5wstar3 9.636664107674733s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay:3s;
}
@-webkit-keyframes myflowUpDownK6wstar1 {
	0% {-webkit-transform: translate(82px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(3px,815px) rotate(720deg); }
}
.myflowUpDown6wstar1 {
	-webkit-animation: myflowUpDownK6wstar1 7.6531787004787475s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 3.6s;
}
@-webkit-keyframes myflowUpDownK7wstar2 {
	0% {-webkit-transform: translate(64px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(181px,815px) rotate(720deg); }
}
.myflowUpDown7wstar2 {
	-webkit-animation: myflowUpDownK7wstar2 4.620734748663381s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 4.2s;
}
@-webkit-keyframes myflowUpDownK8wstar3 {
	0% {-webkit-transform: translate(216px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(291px,815px) rotate(720deg); }
}
.myflowUpDown8wstar3 {
	-webkit-animation: myflowUpDownK8wstar3 8.455311183584854s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 4.8s;
}
@-webkit-keyframes myflowUpDownK9wstar1 {
	0% {-webkit-transform: translate(193px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(334px,815px) rotate(720deg); }
}
.myflowUpDown9wstar1 {
	-webkit-animation: myflowUpDownK9wstar1 9.865449147764593s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 5.4s;
}
@-webkit-keyframes myflowUpDownK10wstar2 {
	0% {-webkit-transform: translate(218px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(330px,815px) rotate(720deg);}
}
.myflowUpDown10wstar2 {
	-webkit-animation: myflowUpDownK10wstar2 8.638492928352207s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 6s;
}
@-webkit-keyframes myflowUpDownK11wstar3 {
	0% {-webkit-transform: translate(436px,-72px) rotate(0deg);}
	100% {-webkit-transform: translate(465px,815px) rotate(720deg); }
}
.myflowUpDown11wstar3 {
	-webkit-animation: myflowUpDownK11wstar3 8.57628920301795s infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 6.6s;
}

@-webkit-keyframes inOut{                            
    0%{ -webkit-transform:scale(1);width:100%;height:100%;margin-top:0px;margin-left:0px; opacity:1;}                                                
    50%{-webkit-transform:scale(1.3); width:100%; height:100%; margin-top:0px;margin-left:0px; opacity:1; }                                                
    100%{-webkit-transform:scale(1); width:100%; height:100%;margin-top:0px;margin-left:0px;opacity:1 }                                                
}                                                    
@-webkit-keyframes bkScroll 
{                          
    0% {opacity: 0;-webkit-transform: translate(0px, 0);}                                                
    10% {opacity: 1; -webkit-transform: translate(-60px, 0);}                                                
    20% {opacity: 0; -webkit-transform: translate(-120px, 0); }                                                
    30% {opacity: 1; -webkit-transform: translate(-180px, 0);}                                                
    40% {opacity: 0; -webkit-transform: translate(-240px, 0); }                                                
    50% {opacity: 1;-webkit-transform: translate(-300px, 0);}                                                
    60% { opacity: 0;-webkit-transform: translate(-240px, 0);}                                                
    70% {opacity: 1;-webkit-transform: translate(-180px, 0);}                                                
    80% {opacity: 0;-webkit-transform: translate(-120px, 0);}                                                
    90% {opacity: 1;-webkit-transform: translate(-60px, 0);}                                                
    100% {opacity: 0;-webkit-transform: translate(0px, 0);}                                                
}               
@-webkit-keyframes leftRight
{
	0%{-webkit-transform:translateX(0px);}
	50%{-webkit-transform:translateX(-320px);}
	100%{-webkit-transform:translateX(0px);}
}

@-webkit-keyframes chongYingL
{
	0%{-webkit-transform:translateX(300px);opacity:0;}
	100%{-webkit-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes chongYingLR
{
	0%{-webkit-transform:translateX(-300px);opacity:0;}
	100%{-webkit-transform:translateX(0px);opacity:1;}
}
@-webkit-keyframes teXie
{
    25%{ -webkit-transform:scaleX(1) scaleY(1) translateX(0px) translateY(0px) rotate(0deg) rotateX(0deg) rotateY(0deg);opacity:1;}
    50%{ -webkit-transform:scaleX(1.2) scaleY(1.2) translateX(-37px) translateY(-64px) rotate(0deg) rotateX(0deg) rotateY(0deg);opacity:1;}
    75%{ -webkit-transform:scaleX(1.3) scaleY(1.3) translateX(9px) translateY(54px) rotate(0deg) rotateX(0deg) rotateY(0deg);opacity:1;}
    100%{ -webkit-transform:scaleX(1) scaleY(1) translateX(0px) translateY(0px) rotate(0deg) rotateX(0deg) rotateY(0deg);opacity:1;}
}
@-webkit-keyframes chongYingUpDown
{
    0%{-webkit-transform:translateY(-640px) rotate(0deg);opacity:1;}
    100%{-webkit-transform:translateY(0px) rotate(0deg);opacity:0;}
}
@-webkit-keyframes chongYingUp
{
    0%{-webkit-transform:translateY(640px);opacity:0;}
    100%{-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes rightLeft
{
	0%{-webkit-transform:translateX(-320px);width:236%;height:100%;margin-top:0px;margin-left:0px;}
	50%{-webkit-transform:translateX(0px);width:236%;height:100%;margin-top:0px;margin-left:0px;}
	100%{-webkit-transform:translateX(-320px);width:236%;height:100%;margin-top:0px;margin-left:0px;}
}
@-webkit-keyframes  chongYing4 
{
	0% {webkit-transform: translate3d(0,0,0);opacity:0.2;}
	60% {-webkit-transform: scale(1.2);opacity:0.3;}
	80% {-webkit-transform: scale(0.9);opacity:0.5;}
	100% {-webkit-transform: scale(1);opacity: 1;}
}
@-webkit-keyframes fadeIn
{
	0%{opacity:0;}
	100%{opacity:1;}
}
.blur3 {-webkit-filter: blur(3px);
}

.p4 {
	 -webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
            perspective: 1000px;
     position:absolute;
     width:100%;height:100%;
}
.p4 .p4container {
	-webkit-transform-style: preserve-3d;
	-webkit-perspective-origin: 50% 50%;
     width:100%;height:100%;
}
//maka---------------------------------------------------------------------------------------------------
@keyframes fadeInNormal {
  0% {  opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fadeInNormal {
  0% {opacity: 0;}
  100% { opacity: 1;}
}
//----zoomInDown
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
//----expandOpen
@keyframes expandOpen {
  0% {
    opacity: 0;
    -moz-transform: scale(1.8) translateZ(0);
    transform: scale(1.8) translateZ(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(0.95) translateZ(0);
    transform: scale(0.95) translateZ(0);
  }
  80% {
    -moz-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
  }
  90% {
    -moz-transform: scale(0.98) translateZ(0);
    transform: scale(0.98) translateZ(0);
  }
  100% {
    -moz-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    opacity: 0;
    -moz-transform: scale(1.8) translateZ(0);
    transform: scale(1.8) translateZ(0);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(0.95) translateZ(0);
    transform: scale(0.95) translateZ(0);
  }
  80% {
    -moz-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0);
  }
  90% {
    -moz-transform: scale(0.98) translateZ(0);
    transform: scale(0.98) translateZ(0);
  }
  100% {
    -moz-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
  }
}
//----fadeScaleIn
@keyframes fadeScaleIn {
  0% {
    -webkit-transform: scale(0) translateZ(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1) translateZ(0);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.9) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeScaleIn {
  0% {
    -webkit-transform: scale(0) translateZ(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1) translateZ(0);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.9) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0);
    opacity: 1;
  }
}
//----moveDown
@keyframes moveDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@-webkit-keyframes moveDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
//----moveUp
@keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
@-webkit-keyframes moveUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}
//----moveLeft
@keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-webkit-keyframes moveLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
//----moveRight
@keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-webkit-keyframes moveRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
//--- rotateInDownLeft
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg) translateZ(0);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0) translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg) translateZ(0);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0) translateZ(0);
    opacity: 1;
  }
}
//--- rotateInDownRight
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg) translateZ(0);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0) translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg) translateZ(0);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0) translateZ(0);
    opacity: 1;
  }
}
//--- slideDown
@keyframes slideDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
//--- slideUp
@keyframes slideUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}@-webkit-keyframes slideUp1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
//--- slideLeft
@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(150%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
//--- slideRight
@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-150%);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
//--- pullUp
@keyframes pullUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.1) translateZ(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.1) translateZ(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
//--- pullDown
@keyframes pullDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.1) translateZ(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1.02) translateZ(0);
  }
  60% {
    -webkit-transform: scaleY(0.98) translateZ(0);
  }
  80% {
    -webkit-transform: scaleY(1.01) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(0.98) translateZ(0);
  }
  80% {
    -webkit-transform: scaleY(1.01) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(1) translateZ(0);
  }
}
@-webkit-keyframes pullDown {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0.1) translateZ(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleY(1.02) translateZ(0);
  }
  60% {
    -webkit-transform: scaleY(0.98) translateZ(0);
  }
  80% {
    -webkit-transform: scaleY(1.01) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(0.98) translateZ(0);
  }
  80% {
    -webkit-transform: scaleY(1.01) translateZ(0);
  }
  100% {
    -webkit-transform: scaleY(1) translateZ(0);
  }
}
//--- stretchLeft
@keyframes stretchLeft {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
//--- stretchRight
@keyframes stretchRight {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}@-webkit-keyframes stretchRight {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.3);
  }
  40% {
    opacity: 1;
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

@keyframes fandapinyi{
0%{transform:scale(1,1) translateX(0);opacity:1}
10%{transform:scale(1.2,1.2) ranslateX(10px);opacity:1}
20%{transform:scale(1.2,1.2) ranslateX(20px);opacity:.7}
30%{transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}
40%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1}
50%{transform:scale(1.2,1.2) ranslateX(50px);opacity:1}
60%{transform:scale(1.2,1.2) ranslateX(40px);opacity:1}
70%{transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}
80%{transform:scale(1.2,1.2) translateX(20px);opacity:.7}
100%{transform:Scale(1.2,1.2) translate(0);opacity:1}}
@-webkit-keyframes fandapinyi{
0%{-webkit-transform:scale(1,1) translateX(0);opacity:1}
10%{-webkit-transform:scale(1.2,1.2) ranslateX(10px);opacity:1}
20%{-webkit-transform:scale(1.2,1.2) ranslateX(20px);opacity:.7}
30%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}
40%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1}
50%{-webkit-transform:scale(1.2,1.2) ranslateX(50px);opacity:1}
60%{-webkit-transform:scale(1.2,1.2) ranslateX(40px);opacity:1}
70%{-webkit-transform:scale(1.2,1.2) ranslateX(30px);opacity:.7}
80%{-webkit-transform:scale(1.2,1.2) translateX(20px);opacity:.7}
100%{-webkit-transform:Scale(1.2,1.2) translate(0);opacity:1}}

@keyframes rotate30deg {
    from {
        transform-origin: center;
        transform: none;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 30deg);
    }
}
.rotate30deg{
    animation-name: rotate30deg;
}

@keyframes fadeInDown30per {
    from {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInDown30per {
    animation-name: fadeInDown30per;
}

@keyframes fadeInDown70per {
    from {
        opacity: 0;
        transform: translate3d(0, -70%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInDown70per {
    animation-name: fadeInDown70per;
}

@keyframes fadeInLeft30per {
    from {
      opacity: 0;
      transform: translate3d(-30%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInLeft30per {
    animation-name: fadeInLeft30per;
}

@keyframes fadeInLeft70per {
    from {
      opacity: 0;
      transform: translate3d(-70%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInLeft70per {
    animation-name: fadeInLeft70per;
}

@keyframes fadeInRight30per {
    from {
      opacity: 0;
      transform: translate3d(30%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInRight30per {
    animation-name: fadeInRight30per;
}

@keyframes fadeInRight70per {
    from {
      opacity: 0;
      transform: translate3d(70%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInRight70per {
    animation-name: fadeInRight70per;
}

@keyframes fadeInUp30per {
    from {
      opacity: 0;
      transform: translate3d(0, 30%, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInUp30per {
    animation-name: fadeInUp30per;
}

@keyframes fadeInUp70per {
    from {
      opacity: 0;
      transform: translate3d(0, 70%, 0);
    }
  
    to {
      opacity: 1;
      transform: none;
    }
}
.fadeInUp70per {
    animation-name: fadeInUp70per;
}

@keyframes curveDownToLeft100per {
    from {
      opacity: 0;
      transform: rotateZ(-40deg) translate3d(0, 100%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveDownToLeft100per {
    animation-name: curveDownToLeft100per;
}
@keyframes curveDownToLeft500per {
    from {
      opacity: 0;
      transform: rotateZ(-40deg) translate3d(0, 500%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveDownToLeft500per {
    animation-name: curveDownToLeft500per;
}

@keyframes curveDownToRight100per {
    from {
      opacity: 0;
      transform: rotateZ(40deg) translate3d(0, 100%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveDownToRight100per {
    animation-name: curveDownToRight100per;
}

@keyframes curveDownToRight500per {
    from {
      opacity: 0;
      transform: rotateZ(40deg) translate3d(0, 500%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveDownToRight500per {
    animation-name: curveDownToRight500per;
}

@keyframes curveUpToLeft100per {
    from {
      opacity: 0;
      transform: rotateZ(-40deg) translate3d(0, -100%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveUpToLeft100per {
    animation-name: curveUpToLeft100per;
}

@keyframes curveUpToLeft500per {
    from {
      opacity: 0;
      transform: rotateZ(-40deg) translate3d(0, -500%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveUpToLeft500per {
    animation-name: curveUpToLeft500per;
}

@keyframes curveUpToRight100per {
    from {
      opacity: 0;
      transform: rotateZ(40deg) translate3d(0, -100%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveUpToRight100per {
    animation-name: curveUpToRight100per;
}

@keyframes curveUpToRight500per {
    from {
      opacity: 0;
      transform: rotateZ(40deg) translate3d(0, -500%, 0); 
    }
  
    to {
        transform: none; 
        opacity:1
    }
}

.curveUpToRight500per {
    animation-name: curveUpToRight500per;
}

@-webkit-keyframes zoomY {
    0% {
        -webkit-transform: translate(0) translateZ(0) rotate(0deg) scaleY(0)
    }

    to {
        -webkit-transform: translate(0) translateZ(0) rotate(0deg) scale(1)
    }
}

@keyframes zoomY {
    0% {
        -webkit-transform: translate(0) translateZ(0) rotate(0deg) scaleY(0);
        transform: translate(0) translateZ(0) rotate(0deg) scaleY(0)
    }

    to {
        -webkit-transform: translate(0) translateZ(0) rotate(0deg) scale(1);
        transform: translate(0) translateZ(0) rotate(0deg) scale(1)
    }
}
@-webkit-keyframes leftTopIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes rightTopIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes rightBottomIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes leftBottomIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes fadeInUpS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInRightS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,0,0);
        transform: translate3d(10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInLeftS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,0,0);
        transform: translate3d(-10%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes fadeInDownS {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes rotateScaleS {
    0% {
        -webkit-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) rotate(0deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    30% {
        -webkit-transform: scaleX(1.2) scaleY(1.2) translateX(-5px) translateY(0) rotate(5deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    60% {
        -webkit-transform: scaleX(1) scaleY(1) translateX(-5px) translateY(0) rotate(-5deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) rotate(0deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }
}

@keyframes rotateScaleS {
    0% {
        -webkit-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) rotate(0deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    30% {
        -webkit-transform: scaleX(1.2) scaleY(1.2) translateX(-5px) translateY(0) rotate(5deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    60% {
        -webkit-transform: scaleX(1) scaleY(1) translateX(-5px) translateY(0) rotate(-5deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1) translateX(0) translateY(0) rotate(0deg) rotateX(0deg) rotateY(0deg);
        opacity: 1
    }
}
@-webkit-keyframes rollOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOutRight {
    0% {opacity: 1}
   to { opacity: 0;-webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg)}
}
.rollOutRight {
    -webkit-animation-name: rollOutRight;
    animation-name: rollOutRight
}
@-webkit-keyframes rollOutLeft {
    0% {opacity: 1}
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }
}

@keyframes rollOutLeft {
    0% {opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }
}

.rollOutLeft {
    -webkit-animation-name: rollOutLeft;
    animation-name: rollOutLeft
}

@-webkit-keyframes rollOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotate(120deg);
        transform: translate3d(0,100%,0) rotate(120deg)
    }
}

@keyframes rollOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotate(120deg);
        transform: translate3d(0,100%,0) rotate(120deg)
    }
}

.rollOutDown {
    -webkit-animation-name: rollOutDown;
    animation-name: rollOutDown
}

@-webkit-keyframes rollOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) rotate(-120deg);
        transform: translate3d(0,-100%,0) rotate(-120deg)
    }
}

@keyframes rollOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) rotate(-120deg);
        transform: translate3d(0,-100%,0) rotate(-120deg)
    }
}

.rollOutUp {
    -webkit-animation-name: rollOutUp;
    animation-name: rollOutUp
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0) skewY(30deg);
        transform: translate3d(0,100%,0) skewY(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutDown {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,100%,0) skewY(30deg);
        transform: translate3d(0,100%,0) skewY(30deg);
        opacity: 0
    }
}

.lightSpeedOutDown {
    -webkit-animation-name: lightSpeedOutDown;
    animation-name: lightSpeedOutDown;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0) skewY(30deg);
        transform: translate3d(0,-100%,0) skewY(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutUp {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-100%,0) skewY(30deg);
        transform: translate3d(0,-100%,0) skewY(30deg);
        opacity: 0
    }
}

.lightSpeedOutUp {
    -webkit-animation-name: lightSpeedOutUp;
    animation-name: lightSpeedOutUp;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes hingeRight {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hingeRight {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hingeRight {
    -webkit-animation-name: hingeRight;
    animation-name: hingeRight
}

@-webkit-keyframes hingeLeft {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-700px,0);
        transform: translate3d(0,-700px,0);
        opacity: 0
    }
}

@keyframes hingeLeft {
    0% {
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(-80deg);
        transform: rotate(-80deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hingeLeft {
    -webkit-animation-name: hingeLeft;
    animation-name: hingeLeft
}
@-webkit-keyframes rollInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none
    }
}

@keyframes rollInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollInRight {
    -webkit-animation-name: rollInRight;
    animation-name: rollInRight
}

@-webkit-keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollInLeft {
    -webkit-animation-name: rollInLeft;
    animation-name: rollInLeft
}

@-webkit-keyframes rollInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) rotateX(120deg);
        transform: translate3d(0,-100%,0) rotateX(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) rotateX(120deg);
        transform: translate3d(0,-100%,0) rotateX(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollInDown {
    -webkit-animation-name: rollInDown;
    animation-name: rollInDown
}

@-webkit-keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotateX(-120deg);
        transform: translate3d(0,100%,0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) rotateX(-120deg);
        transform: translate3d(0,100%,0) rotateX(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollInUp {
    -webkit-animation-name: rollInUp;
    animation-name: rollInUp
}
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0) skewX(-30deg);
        transform: translate3d(0,-100%,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0) skewX(-30deg);
        transform: translate3d(0,-100%,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInDown {
    -webkit-animation-name: lightSpeedInDown;
    animation-name: lightSpeedInDown;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes lightSpeedInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0) skewX(-30deg);
        transform: translate3d(0,100%,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0) skewX(-30deg);
        transform: translate3d(0,100%,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedInUp {
    -webkit-animation-name: lightSpeedInUp;
    animation-name: lightSpeedInUp;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes twisterInDownRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: left top;
        -webkit-transform: scale(1) translateX(-100%) rotate(1turn)
    }

    30% {
        -webkit-transform-origin: left top;
        -webkit-transform: scale(0) translateX(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: left top;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInDownRight {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scale(0) translateX(-100%) rotate(1turn)
    }

    30% {
        transform-origin: left top;
        transform: scale(0) translateX(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

.twisterInDownRight {
    -webkit-animation-name: twisterInDownRight;
    animation-name: twisterInDownRight
}

@-webkit-keyframes twisterInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
    }

    30% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(0) translateX(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: right bottom;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInDownLeft {
    0% {
        opacity: 0;
        transform-origin: right bottom;
        transform: scale(0) translateX(100%) rotate(-1turn)
    }

    30% {
        transform-origin: right bottom;
        transform: scale(0) translateX(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: right bottom;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

.twisterInDownLeft {
    -webkit-animation-name: twisterInDownLeft;
    animation-name: twisterInDownLeft
}

@-webkit-keyframes twisterInDownDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: right top;
        -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
    }

    30% {
        -webkit-transform-origin: right top;
        -webkit-transform: scale(0) translateY(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: right top;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInDownDown {
    0% {
        opacity: 0;
        transform-origin: right top;
        transform: scale(0) translateY(-100%) rotate(1turn)
    }

    30% {
        transform-origin: right top;
        transform: scale(0) translateY(-100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: right top;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

.twisterInDownDown {
    -webkit-animation-name: twisterInDownDown;
    animation-name: twisterInDownDown
}

@-webkit-keyframes twisterInDownUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
    }

    30% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(0) translateY(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: left bottom;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInDownUp {
    0% {
        opacity: 0;
        transform-origin: left bottom;
        transform: scale(0) translateY(100%) rotate(-1turn)
    }

    30% {
        transform-origin: left bottom;
        transform: scale(0) translateY(100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: left bottom;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

.twisterInDownUp {
    -webkit-animation-name: twisterInDownUp;
    animation-name: twisterInDownUp
}
.twisterInUpLeft {
    -webkit-animation-name: twisterInUpLeft;
    animation-name: twisterInUpLeft
}

@-webkit-keyframes twisterInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInUpLeft {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateX(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}
.twisterInUpDown {
    -webkit-animation-name: twisterInUpDown;
    animation-name: twisterInUpDown
}

@-webkit-keyframes twisterInUpDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInUpDown {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateY(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}

.twisterInUpUp {
    -webkit-animation-name: twisterInUpUp;
    animation-name: twisterInUpUp
}

@-webkit-keyframes twisterInUpUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateY(0) rotate(0deg)
    }
}

@keyframes twisterInUpUp {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateY(100%) rotate(1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateY(0) rotate(0deg)
    }
}
.twisterInUpRight {
    -webkit-animation-name: twisterInUpRight;
    animation-name: twisterInUpRight
}

@-webkit-keyframes twisterInUpRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes twisterInUpRight {
    0% {
        opacity: 0;
        transform-origin: center center;
        transform: scale(1) translateX(-100%) rotate(-1turn)
    }

    to {
        opacity: 1;
        transform-origin: center center;
        transform: scale(1) translateX(0) rotate(0deg)
    }
}

@keyframes bounce {
    0% {transform: translateY(0)}
    3% {transform: translateY(-12%)}
    8% {transform: translateY(0)}
    15% {transform: translateY(-9%)}
    32% {transform: translateY(0)}
    44% {transform: translateY(-6%)}
   50% {transform: translateY(0) }
}
@-webkit-keyframes animate-3d-right-open {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@keyframes animate-3d-right-open {
    0% {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}
@-webkit-keyframes animate-3d-left-open {
    0% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@keyframes animate-3d-left-open {
    0% {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}
@-webkit-keyframes animate-3d-down-open {
    0% {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes animate-3d-down-open {
    0% {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}
@-webkit-keyframes animate-3d-up-open {
    0% {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes animate-3d-up-open {
    0% {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }

    to {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}