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

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

@-webkit-keyframes shake-horizontal {
    25% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    75% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

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

@keyframes shake-horizontal {
    25% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    75% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

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

.shake {
    -webkit-animation-duration: .5s;
    -webkit-animation-name: shake-horizontal;
    -webkit-animation-timing-function: ease-in-out;
    
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    
    -webkit-animation-name: shake;
    animation-name: shake;
   
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes unfold-vertical {
    0% { height: 0px; }
    100% { height: 100px; }
}

@keyframes unfold-vertical {
    0% { height: 0px; }
    100% { height: 100px; }
}

.unfold > :first-child {
    display: inline-block;
    -webkit-animation-duration: .5s;
    -webkit-animation-name: unfold-vertical;
    -webkit-animation-timing-function: ease-in-out;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;
    -webkit-animation-name: unfold-vertical;
    animation-name: unfold-vertical;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.accordion { 
    -webkit-transition: height .5s; 
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: height .5s;
    transition: height .5s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.accordion.close { 
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); /* easeInCubic */
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}



@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.0;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 2px 10px rgba(0,0,0,0.5), inset 0px 5px 10px 4px rgba(0,0,0,0.0);
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 1.0;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 2px 10px rgba(0,0,0,0.5), inset 0px 5px 10px 4px rgba(0,0,0,0.0);
    }
    60% {
        background-color: rgba(255, 255, 255, 0);
        box-shadow: 0px 1px 2px 5px rgba(0,0,0,0.1), inset 0px 1px 5px 4px rgba(0,0,0,0.1);
    }
    75% {
        opacity: 0.6;
        background-color: rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
        background-color: rgba(255, 255, 255, 0);
        box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.0), inset 0px 1px 10px 1px rgba(0,0,0,0.0);
    }
}



@keyframes "pulse" {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0.0;
        background-color: rgba(255, 255, 255, 1);
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 1.0;
        background-color: rgba(255, 255, 255, 1);
    }
    60% {
        background-color: rgba(255, 255, 255, 0);
    }
    75% {
        opacity: 0.6;
        background-color: rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
        background-color: rgba(255, 255, 255, 0);
    }
}