/*#region move-left-and-fadeout*/
.move-left-and-fadeout {
    -webkit-animation: move-left 1.5s ease forwards, fadeout 1.5s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: move-left 1.5s ease forwards, fadeout 1.5s ease forwards; /* Firefox < 16 */
    animation: move-left 1.5s ease forwards, fadeout 1.5s ease forwards;
}

@keyframes move-left {
    to {
        left: -12.5%;
    }
}

/* Firefox < 16 */
@-moz-keyframes move-left {
    to {
        left: -12.5%;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes move-left {
    to {
        left: -12.5%;
    }
}
/*#endregion*/

/*#region move-right-and-fadeout*/
.move-right-and-fadeout {
    -webkit-animation: move-right 1.5s ease forwards, fadeout 1.5s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: move-right 1.5s ease forwards, fadeout 1.5s ease forwards; /* Firefox < 16 */
    animation: move-right 1.5s ease forwards, fadeout 1.5s ease forwards;
}

@keyframes move-right {
    to {
        left: 37.5%;
    }
}

/* Firefox < 16 */
@-moz-keyframes move-right {
    to {
        left: 37.5%;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes move-right {
    to {
        left: 37.5%;
    }
}
/*#endregion*/

/*#region move-center-and-fadeout/fadein*/
.move-center-and-fadeout {
    -webkit-animation: move-center 1.5s ease-out forwards, fadeout 1.5s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: move-center 1.5s ease-out forwards, fadeout 1.5s ease forwards; /* Firefox < 16 */
    animation: move-center 1.5s ease-out forwards, fadeout 1.5s ease forwards;
}

.move-center-and-fadein {
    -webkit-animation: move-center 1.5s ease-in-out forwards, fadein 1.5s ease forwards; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: move-center 1.5s ease-in-out forwards, fadein 1.5s ease forwards; /* Firefox < 16 */
    animation: move-center 1.5s ease-in-out forwards, fadein 1.5s ease forwards;
}

@keyframes move-center {
    to {
        left: 12.5%;
    }
}

/* Firefox < 16 */
@-moz-keyframes move-center {
    to {
        left: 12.5%;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes move-center{
    to {
        left: 12.5%;
    }
}
/*#endregion*/