﻿/* Animation */

@keyframes fadeInUp {
    from { transform: translate3d(0,25px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes fadeInUp {
    from { transform: translate3d(0,25px,0) }
    to { transform: translate3d(0,0,0); opacity: 1 }
}
.animated { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 2s; -webkit-animation-fill-mode: both }
.animatedFadeInUp { opacity: 0 }
.fadeInUp { opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp }

.loading { width: 48px; height: 48px; border: 5px solid #25BAD2; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; }

@keyframes rotation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} 