/* ==== Rotate Logo in Main Menu ==== */
@keyframes rotate_animation{
	from{ transform: rotateY(360deg); }
	to{ transform: rotateY(0deg); }
}

/* ==== Fade in pages on load ==== */
@keyframes fadeInAnimation{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes rotate_slider_border{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(-360deg);
     }
}

@keyframes msg-fade-out{
    from {opacity :1;display:block;}
    to {opacity :0;display:none;}
}

@-webkit-keyframes msg-fade-out{
    from {opacity :1;display:block;}
    to {opacity :0;display:none;}
}