.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes sheen{
    100%{
        -webkit-transform:rotateZ(60deg) translate(1em,-9em);
        transform:rotateZ(60deg) translate(1em,-9em);
    }
}
@keyframes sheen {
    100%{
      -webkit-transform:rotateZ(60deg) translate(1em,-9em);
      transform:rotateZ(60deg) translate(1em,-9em);
    }
}
@-webkit-keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity: 1;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
}
@keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity: 1;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
}
@-webkit-keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:none;
        transform: none;
        opacity: 1;
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:none;
        transform: none;
        opacity: 1;
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
}
@-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        
        100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}