/*-----------------------------------------------------------------------------------*/
/*  animate
/*-----------------------------------------------------------------------------------*/

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes flash {
    0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
    0%, 50%, 100% {opacity: 1;} 
    25%, 75% {opacity: 0;}
}

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

.flash.animated {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translatex(0);}
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translatex(-10px);}
    20%, 40%, 60%, 80% {-webkit-transform: translatex(10px);}
}

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

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

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

.shake.animated {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translatey(0);}
    40% {-webkit-transform: translatey(-30px);}
    60% {-webkit-transform: translatey(-15px);}
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translatey(0);}
    40% {-moz-transform: translatey(-30px);}
    60% {-moz-transform: translatey(-15px);}
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translatey(0);}
    40% {-o-transform: translatey(-30px);}
    60% {-o-transform: translatey(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translatey(0);}
    40% {transform: translatey(-30px);}
    60% {transform: translatey(-15px);}
}

.bounce.animated {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}
@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}   
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}

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

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

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

.tada.animated {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }   
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }    
    80% { -webkit-transform: rotate(-5deg); }   
    100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
    20% { -moz-transform: rotate(15deg); }  
    40% { -moz-transform: rotate(-10deg); }
    60% { -moz-transform: rotate(5deg); }   
    80% { -moz-transform: rotate(-5deg); }  
    100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
    20% { -o-transform: rotate(15deg); }    
    40% { -o-transform: rotate(-10deg); }
    60% { -o-transform: rotate(5deg); } 
    80% { -o-transform: rotate(-5deg); }    
    100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
    20% { transform: rotate(15deg); }   
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }    
    80% { transform: rotate(-5deg); }   
    100% { transform: rotate(0deg); }
}

.swing.animated {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}
/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translatex(0%); }
  15% { -webkit-transform: translatex(-25%) rotate(-5deg); }
  30% { -webkit-transform: translatex(20%) rotate(3deg); }
  45% { -webkit-transform: translatex(-15%) rotate(-3deg); }
  60% { -webkit-transform: translatex(10%) rotate(2deg); }
  75% { -webkit-transform: translatex(-5%) rotate(-1deg); }
  100% { -webkit-transform: translatex(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translatex(0%); }
  15% { -moz-transform: translatex(-25%) rotate(-5deg); }
  30% { -moz-transform: translatex(20%) rotate(3deg); }
  45% { -moz-transform: translatex(-15%) rotate(-3deg); }
  60% { -moz-transform: translatex(10%) rotate(2deg); }
  75% { -moz-transform: translatex(-5%) rotate(-1deg); }
  100% { -moz-transform: translatex(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translatex(0%); }
  15% { -o-transform: translatex(-25%) rotate(-5deg); }
  30% { -o-transform: translatex(20%) rotate(3deg); }
  45% { -o-transform: translatex(-15%) rotate(-3deg); }
  60% { -o-transform: translatex(10%) rotate(2deg); }
  75% { -o-transform: translatex(-5%) rotate(-1deg); }
  100% { -o-transform: translatex(0%); }
}

@keyframes wobble {
  0% { transform: translatex(0%); }
  15% { transform: translatex(-25%) rotate(-5deg); }
  30% { transform: translatex(20%) rotate(3deg); }
  45% { transform: translatex(-15%) rotate(-3deg); }
  60% { transform: translatex(10%) rotate(2deg); }
  75% { transform: translatex(-5%) rotate(-1deg); }
  100% { transform: translatex(0%); }
}

.wobble.animated {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}
/* originally authored by nick pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }    
    50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }  
    50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}
@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translatez(0) rotatey(0) scale(1);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        transform: perspective(400px) translatez(0) rotatey(0) scale(1);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translatez(150px) rotatey(170deg) scale(1);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translatez(150px) rotatey(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translatez(0) rotatey(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) translatez(0) rotatey(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.flip.animated {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipinx {
    0% {
        -webkit-transform: perspective(400px) rotatex(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotatex(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotatex(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipinx {
    0% {
        -moz-transform: perspective(400px) rotatex(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotatex(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotatex(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipinx {
    0% {
        -o-transform: perspective(400px) rotatex(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotatex(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotatex(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
}
@keyframes flipinx {
    0% {
        transform: perspective(400px) rotatex(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotatex(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotatex(10deg);
    }
    
    100% {
        transform: perspective(400px) rotatex(0deg);
        opacity: 1;
    }
}

.flipinx.animated {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipinx;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipinx;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipinx;
    backface-visibility: visible !important;
    animation-name: flipinx;
}
@-webkit-keyframes flipiny {
    0% {
        -webkit-transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotatey(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotatey(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipiny {
    0% {
        -moz-transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotatey(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotatey(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipiny {
    0% {
        -o-transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotatey(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotatey(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}
@keyframes flipiny {
    0% {
        transform: perspective(400px) rotatey(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotatey(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotatey(10deg);
    }
    
    100% {
        transform: perspective(400px) rotatey(0deg);
        opacity: 1;
    }
}

.flipiny.animated {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipiny;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipiny;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipiny;
    backface-visibility: visible !important;
    animation-name: flipiny;
}
@-webkit-keyframes fadein {
    0% {opacity: 0;}    
    100% {opacity: 1;}
}

@-moz-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;}
}

.fadein.animated {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    -o-animation-name: fadein;
    animation-name: fadein;
}
@-webkit-keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translatey(20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
    }
}

@-moz-keyframes fadeinup {
    0% {
        opacity: 0;
        -moz-transform: translatey(20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatey(0);
    }
}

@-o-keyframes fadeinup {
    0% {
        opacity: 0;
        -o-transform: translatey(20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatey(0);
    }
}

@keyframes fadeinup {
    0% {
        opacity: 0;
        transform: translatey(20px);
    }
    
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}

.fadeinup.animated {
    -webkit-animation-name: fadeinup;
    -moz-animation-name: fadeinup;
    -o-animation-name: fadeinup;
    animation-name: fadeinup;
}
@-webkit-keyframes fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translatey(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
    }
}

@-moz-keyframes fadeindown {
    0% {
        opacity: 0;
        -moz-transform: translatey(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatey(0);
    }
}

@-o-keyframes fadeindown {
    0% {
        opacity: 0;
        -o-transform: translatey(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatey(0);
    }
}

@keyframes fadeindown {
    0% {
        opacity: 0;
        transform: translatey(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}

.fadeindown.animated {
    -webkit-animation-name: fadeindown;
    -moz-animation-name: fadeindown;
    -o-animation-name: fadeindown;
    animation-name: fadeindown;
}
@-webkit-keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes fadeinleft {
    0% {
        opacity: 0;
        -moz-transform: translatex(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatex(0);
    }
}

@-o-keyframes fadeinleft {
    0% {
        opacity: 0;
        -o-transform: translatex(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatex(0);
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        transform: translatex(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translatex(0);
    }
}

.fadeinleft.animated {
    -webkit-animation-name: fadeinleft;
    -moz-animation-name: fadeinleft;
    -o-animation-name: fadeinleft;
    animation-name: fadeinleft;
}
@-webkit-keyframes fadeinright {
    0% {
        opacity: 0;
        -webkit-transform: translatex(20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes fadeinright {
    0% {
        opacity: 0;
        -moz-transform: translatex(20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatex(0);
    }
}

@-o-keyframes fadeinright {
    0% {
        opacity: 0;
        -o-transform: translatex(20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatex(0);
    }
}

@keyframes fadeinright {
    0% {
        opacity: 0;
        transform: translatex(20px);
    }
    
    100% {
        opacity: 1;
        transform: translatex(0);
    }
}

.fadeinright.animated {
    -webkit-animation-name: fadeinright;
    -moz-animation-name: fadeinright;
    -o-animation-name: fadeinright;
    animation-name: fadeinright;
}
@-webkit-keyframes fadeinupbig {
    0% {
        opacity: 0;
        -webkit-transform: translatey(2000px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
    }
}

@-moz-keyframes fadeinupbig {
    0% {
        opacity: 0;
        -moz-transform: translatey(2000px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatey(0);
    }
}

@-o-keyframes fadeinupbig {
    0% {
        opacity: 0;
        -o-transform: translatey(2000px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatey(0);
    }
}

@keyframes fadeinupbig {
    0% {
        opacity: 0;
        transform: translatey(2000px);
    }
    
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}

.fadeinupbig.animated {
    -webkit-animation-name: fadeinupbig;
    -moz-animation-name: fadeinupbig;
    -o-animation-name: fadeinupbig;
    animation-name: fadeinupbig;
}
@-webkit-keyframes fadeindownbig {
    0% {
        opacity: 0;
        -webkit-transform: translatey(-2000px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatey(0);
    }
}

@-moz-keyframes fadeindownbig {
    0% {
        opacity: 0;
        -moz-transform: translatey(-2000px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatey(0);
    }
}

@-o-keyframes fadeindownbig {
    0% {
        opacity: 0;
        -o-transform: translatey(-2000px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatey(0);
    }
}

@keyframes fadeindownbig {
    0% {
        opacity: 0;
        transform: translatey(-2000px);
    }
    
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}

.fadeindownbig.animated {
    -webkit-animation-name: fadeindownbig;
    -moz-animation-name: fadeindownbig;
    -o-animation-name: fadeindownbig;
    animation-name: fadeindownbig;
}
@-webkit-keyframes fadeinleftbig {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-2000px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatex(0);
    }
}
@-moz-keyframes fadeinleftbig {
    0% {
        opacity: 0;
        -moz-transform: translatex(-2000px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatex(0);
    }
}
@-o-keyframes fadeinleftbig {
    0% {
        opacity: 0;
        -o-transform: translatex(-2000px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatex(0);
    }
}
@keyframes fadeinleftbig {
    0% {
        opacity: 0;
        transform: translatex(-2000px);
    }
    
    100% {
        opacity: 1;
        transform: translatex(0);
    }
}

.fadeinleftbig.animated {
    -webkit-animation-name: fadeinleftbig;
    -moz-animation-name: fadeinleftbig;
    -o-animation-name: fadeinleftbig;
    animation-name: fadeinleftbig;
}
@-webkit-keyframes fadeinrightbig {
    0% {
        opacity: 0;
        -webkit-transform: translatex(2000px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes fadeinrightbig {
    0% {
        opacity: 0;
        -moz-transform: translatex(2000px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translatex(0);
    }
}

@-o-keyframes fadeinrightbig {
    0% {
        opacity: 0;
        -o-transform: translatex(2000px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translatex(0);
    }
}

@keyframes fadeinrightbig {
    0% {
        opacity: 0;
        transform: translatex(2000px);
    }
    
    100% {
        opacity: 1;
        transform: translatex(0);
    }
}

.fadeinrightbig.animated {
    -webkit-animation-name: fadeinrightbig;
    -moz-animation-name: fadeinrightbig;
    -o-animation-name: fadeinrightbig;
    animation-name: fadeinrightbig;
}
@-webkit-keyframes slideindown {
    0% {
        opacity: 0;
        -webkit-transform: translatey(-2000px);
    }

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

@-moz-keyframes slideindown {
    0% {
        opacity: 0;
        -moz-transform: translatey(-2000px);
    }

    100% {
        -moz-transform: translatey(0);
    }
}

@-o-keyframes slideindown {
    0% {
        opacity: 0;
        -o-transform: translatey(-2000px);
    }

    100% {
        -o-transform: translatey(0);
    }
}

@keyframes slideindown {
    0% {
        opacity: 0;
        transform: translatey(-2000px);
    }

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

.slideindown.animated {
    -webkit-animation-name: slideindown;
    -moz-animation-name: slideindown;
    -o-animation-name: slideindown;
    animation-name: slideindown;
}
@-webkit-keyframes slideinleft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-2000px);
    }
    
    100% {
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes slideinleft {
    0% {
        opacity: 0;
        -moz-transform: translatex(-2000px);
    }
    
    100% {
        -moz-transform: translatex(0);
    }
}

@-o-keyframes slideinleft {
    0% {
        opacity: 0;
        -o-transform: translatex(-2000px);
    }
    
    100% {
        -o-transform: translatex(0);
    }
}

@keyframes slideinleft {
    0% {
        opacity: 0;
        transform: translatex(-2000px);
    }
    
    100% {
        transform: translatex(0);
    }
}

.slideinleft.animated {
    -webkit-animation-name: slideinleft;
    -moz-animation-name: slideinleft;
    -o-animation-name: slideinleft;
    animation-name: slideinleft;
}
@-webkit-keyframes slideinright {
    0% {
        opacity: 0;
        -webkit-transform: translatex(2000px);
    }
    
    100% {
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes slideinright {
    0% {
        opacity: 0;
        -moz-transform: translatex(2000px);
    }
    
    100% {
        -moz-transform: translatex(0);
    }
}

@-o-keyframes slideinright {
    0% {
        opacity: 0;
        -o-transform: translatex(2000px);
    }
    
    100% {
        -o-transform: translatex(0);
    }
}

@keyframes slideinright {
    0% {
        opacity: 0;
        transform: translatex(2000px);
    }
    
    100% {
        transform: translatex(0);
    }
}

.slideinright.animated {
    -webkit-animation-name: slideinright;
    -moz-animation-name: slideinright;
    -o-animation-name: slideinright;
    animation-name: slideinright;
}
@-webkit-keyframes bouncein {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }
    
    70% {
        -webkit-transform: scale(.9);
    }
    
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bouncein {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    
    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }
    
    70% {
        -moz-transform: scale(.9);
    }
    
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bouncein {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    
    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }
    
    70% {
        -o-transform: scale(.9);
    }
    
    100% {
        -o-transform: scale(1);
    }
}

@keyframes bouncein {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    
    70% {
        transform: scale(.9);
    }
    
    100% {
        transform: scale(1);
    }
}

.bouncein.animated {
    -webkit-animation-name: bouncein;
    -moz-animation-name: bouncein;
    -o-animation-name: bouncein;
    animation-name: bouncein;
}
@-webkit-keyframes bounceinup {
    0% {
        opacity: 0;
        -webkit-transform: translatey(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translatey(-30px);
    }
    
    80% {
        -webkit-transform: translatey(10px);
    }
    
    100% {
        -webkit-transform: translatey(0);
    }
}
@-moz-keyframes bounceinup {
    0% {
        opacity: 0;
        -moz-transform: translatey(2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translatey(-30px);
    }
    
    80% {
        -moz-transform: translatey(10px);
    }
    
    100% {
        -moz-transform: translatey(0);
    }
}

@-o-keyframes bounceinup {
    0% {
        opacity: 0;
        -o-transform: translatey(2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translatey(-30px);
    }
    
    80% {
        -o-transform: translatey(10px);
    }
    
    100% {
        -o-transform: translatey(0);
    }
}

@keyframes bounceinup {
    0% {
        opacity: 0;
        transform: translatey(2000px);
    }
    
    60% {
        opacity: 1;
        transform: translatey(-30px);
    }
    
    80% {
        transform: translatey(10px);
    }
    
    100% {
        transform: translatey(0);
    }
}

.bounceinup.animated {
    -webkit-animation-name: bounceinup;
    -moz-animation-name: bounceinup;
    -o-animation-name: bounceinup;
    animation-name: bounceinup;
}
@-webkit-keyframes bounceindown {
    0% {
        opacity: 0;
        -webkit-transform: translatey(-2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translatey(30px);
    }
    
    80% {
        -webkit-transform: translatey(-10px);
    }
    
    100% {
        -webkit-transform: translatey(0);
    }
}

@-moz-keyframes bounceindown {
    0% {
        opacity: 0;
        -moz-transform: translatey(-2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translatey(30px);
    }
    
    80% {
        -moz-transform: translatey(-10px);
    }
    
    100% {
        -moz-transform: translatey(0);
    }
}

@-o-keyframes bounceindown {
    0% {
        opacity: 0;
        -o-transform: translatey(-2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translatey(30px);
    }
    
    80% {
        -o-transform: translatey(-10px);
    }
    
    100% {
        -o-transform: translatey(0);
    }
}

@keyframes bounceindown {
    0% {
        opacity: 0;
        transform: translatey(-2000px);
    }
    
    60% {
        opacity: 1;
        transform: translatey(30px);
    }
    
    80% {
        transform: translatey(-10px);
    }
    
    100% {
        transform: translatey(0);
    }
}

.bounceindown.animated {
    -webkit-animation-name: bounceindown;
    -moz-animation-name: bounceindown;
    -o-animation-name: bounceindown;
    animation-name: bounceindown;
}
@-webkit-keyframes bounceinleft {
    0% {
        opacity: 0;
        -webkit-transform: translatex(-2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translatex(30px);
    }
    
    80% {
        -webkit-transform: translatex(-10px);
    }
    
    100% {
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes bounceinleft {
    0% {
        opacity: 0;
        -moz-transform: translatex(-2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translatex(30px);
    }
    
    80% {
        -moz-transform: translatex(-10px);
    }
    
    100% {
        -moz-transform: translatex(0);
    }
}

@-o-keyframes bounceinleft {
    0% {
        opacity: 0;
        -o-transform: translatex(-2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translatex(30px);
    }
    
    80% {
        -o-transform: translatex(-10px);
    }
    
    100% {
        -o-transform: translatex(0);
    }
}

@keyframes bounceinleft {
    0% {
        opacity: 0;
        transform: translatex(-2000px);
    }
    
    60% {
        opacity: 1;
        transform: translatex(30px);
    }
    
    80% {
        transform: translatex(-10px);
    }
    
    100% {
        transform: translatex(0);
    }
}

.bounceinleft.animated {
    -webkit-animation-name: bounceinleft;
    -moz-animation-name: bounceinleft;
    -o-animation-name: bounceinleft;
    animation-name: bounceinleft;
}
@-webkit-keyframes bounceinright {
    0% {
        opacity: 0;
        -webkit-transform: translatex(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translatex(-30px);
    }
    
    80% {
        -webkit-transform: translatex(10px);
    }
    
    100% {
        -webkit-transform: translatex(0);
    }
}

@-moz-keyframes bounceinright {
    0% {
        opacity: 0;
        -moz-transform: translatex(2000px);
    }
    
    60% {
        opacity: 1;
        -moz-transform: translatex(-30px);
    }
    
    80% {
        -moz-transform: translatex(10px);
    }
    
    100% {
        -moz-transform: translatex(0);
    }
}

@-o-keyframes bounceinright {
    0% {
        opacity: 0;
        -o-transform: translatex(2000px);
    }
    
    60% {
        opacity: 1;
        -o-transform: translatex(-30px);
    }
    
    80% {
        -o-transform: translatex(10px);
    }
    
    100% {
        -o-transform: translatex(0);
    }
}

@keyframes bounceinright {
    0% {
        opacity: 0;
        transform: translatex(2000px);
    }
    
    60% {
        opacity: 1;
        transform: translatex(-30px);
    }
    
    80% {
        transform: translatex(10px);
    }
    
    100% {
        transform: translatex(0);
    }
}

.bounceinright.animated {
    -webkit-animation-name: bounceinright;
    -moz-animation-name: bounceinright;
    -o-animation-name: bounceinright;
    animation-name: bounceinright;
}
@-webkit-keyframes rotatein {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}
@-moz-keyframes rotatein {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }
    
    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}
@-o-keyframes rotatein {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }
    
    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotatein {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotatein.animated {
    -webkit-animation-name: rotatein;
    -moz-animation-name: rotatein;
    -o-animation-name: rotatein;
    animation-name: rotatein;
}
@-webkit-keyframes rotateinupleft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateinupleft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateinupleft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateinupleft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateinupleft.animated {
    -webkit-animation-name: rotateinupleft;
    -moz-animation-name: rotateinupleft;
    -o-animation-name: rotateinupleft;
    animation-name: rotateinupleft;
}
@-webkit-keyframes rotateindownleft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateindownleft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateindownleft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateindownleft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateindownleft.animated {
    -webkit-animation-name: rotateindownleft;
    -moz-animation-name: rotateindownleft;
    -o-animation-name: rotateindownleft;
    animation-name: rotateindownleft;
}
@-webkit-keyframes rotateinupright {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateinupright {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateinupright {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateinupright {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateinupright.animated {
    -webkit-animation-name: rotateinupright;
    -moz-animation-name: rotateinupright;
    -o-animation-name: rotateinupright;
    animation-name: rotateinupright;
}
@-webkit-keyframes rotateindownright {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateindownright {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateindownright {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateindownright {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
    
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateindownright.animated {
    -webkit-animation-name: rotateindownright;
    -moz-animation-name: rotateindownright;
    -o-animation-name: rotateindownright;
    animation-name: rotateindownright;
}