/* Animation */
@keyframes page1elip1 {
    from {
        -webkit-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        transform: rotate(0deg) translateX(-15vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
    }
}
@keyframes page1elip2 {
    from {
        -webkit-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        transform: rotate(0deg) translateX(-12vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-12vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(-12vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(-12vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(-12vw) rotate(360deg);
        transform: rotate(-360deg) translateX(-12vw) rotate(360deg);
    }
}
@keyframes page1elip3 {
    from {
        -webkit-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-12vw) rotate(0deg);
        transform: rotate(0deg) translateX(-12vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-12vw) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(-12vw) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(-12vw) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(-12vw) rotate(-360deg);
        transform: rotate(360deg) translateX(-12vw) rotate(-360deg);
    }
}
@keyframes page1elip4 {
    from {
        -webkit-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        transform: rotate(0deg) translateX(-10vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
    }
}
@keyframes page3elip1 {
    from {
        -webkit-transform: rotate(0deg) translateX(5vw) translateY(20vh) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(5vw) translateY(20vh) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(5vw) translateY(20vh) rotate(0deg);
        -o-transform: rotate(0deg) translateX(5vw) translateY(20vh) rotate(0deg);
        transform: rotate(0deg) translateX(5vw) translateY(20vh) rotate(0deg);
        width: 12.8vw;
    }
    25% {
        width: 8.8vw;
    }
    75% {
        width: 16.8vw;
    }
    to {
        -webkit-transform: rotate(360deg) translateX(5vw) translateY(20vh) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(5vw) translateY(20vh) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(5vw) translateY(20vh) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(5vw) translateY(20vh) rotate(-360deg);
        transform: rotate(360deg) translateX(5vw) translateY(20vh) rotate(-360deg);
        width: 12.8vw;
    }
}
@keyframes page3elip2 {
    from {
        -webkit-transform: rotate(0deg) translateX(10vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(10vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(10vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(10vw) rotate(0deg);
        transform: rotate(0deg) translateX(10vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(10vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(10vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(10vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(10vw) rotate(360deg);
        transform: rotate(-360deg) translateX(10vw) rotate(360deg);
    }
}
@keyframes page3elip3 {
    from {
        -webkit-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        transform: rotate(0deg) translateX(15vw) rotate(0deg);
        width: 5.5vw;
        z-index: 2;
    }
    20% {
        z-index: 1;
        width: 2.5vw;
    }
    70% {
        z-index: 2;
        width: 10.5vw;
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(15vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(15vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(15vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(15vw) rotate(360deg);
        transform: rotate(-360deg) translateX(15vw) rotate(360deg);
        z-index: 2;
        width: 5.5vw;
    }
}
@keyframes page3elip4 {
    from {
        -webkit-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        transform: rotate(0deg) translateX(15vw) rotate(0deg);
        width: 5.5vw;
        z-index: 1;
    }
    10% {
        z-index: 2;
        width: 7.5vw;
    }
    70% {
        z-index: 1;
        width: 2.5vw;
    }
    to {
        -webkit-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        z-index: 1;
        width: 5.5vw;
    }
}
@keyframes page5elip1 {
    from {
        -webkit-transform: rotate(0deg) translateX(5vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(5vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(5vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(5vw) rotate(0deg);
        transform: rotate(0deg) translateX(5vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(5vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(5vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(5vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(5vw) rotate(360deg);
        transform: rotate(-360deg) translateX(5vw) rotate(360deg);
    }
}
@keyframes page5elip2 {
    from {
        -webkit-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(15vw) rotate(0deg);
        transform: rotate(0deg) translateX(15vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(15vw) rotate(-360deg);
        transform: rotate(360deg) translateX(15vw) rotate(-360deg);
    }
}
@keyframes page5elip3 {
    from {
        -webkit-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-10vw) rotate(0deg);
        transform: rotate(0deg) translateX(-10vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -moz-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -ms-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        -o-transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
        transform: rotate(-360deg) translateX(-10vw) rotate(360deg);
    }
}
@keyframes page5elip4 {
    from {
        -webkit-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -moz-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -ms-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        -o-transform: rotate(0deg) translateX(-15vw) rotate(0deg);
        transform: rotate(0deg) translateX(-15vw) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -moz-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -ms-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        -o-transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
        transform: rotate(360deg) translateX(-15vw) rotate(-360deg);
    }
}
