.cont_1_1 {
    position: absolute;
    width: 100%;
    top: 16%;
    opacity: 0;
    animation: fadedown 1s ease-out alternate forwards;
    animation-delay: 1s;
}

.cont_1_2 {
    position: absolute;
    width: 100%;
    top: 27%;
    opacity: 0;
    animation: fadedown 1s ease-out alternate forwards;
    animation-delay: 2s;
}
.cont_1_3 {
    position: absolute;
    width: 25%;
    top: 40%;
    left: 10%;
    opacity: 0;
    z-index: 1;
    animation: fv1 2.4s steps(1) alternate forwards;
    animation-delay: 3s;
}
.cont_1_4 {
    position: absolute;
    width: 29.4%;
    top: 40%;
    right: 10%;
    opacity: 0;
    z-index: 1;
    animation: fv1 2.4s steps(1) alternate forwards;
    animation-delay: 3s;
}
.cont_1_5 {
    position: absolute;
    width: 25.4%;
    top: 72%;
    left: 4%;
    opacity: 0;
    z-index: 1;
    animation: fv1 2.4s steps(1) alternate forwards;
    animation-delay: 3s;
}
.cont_1_6 {
    position: absolute;
    width: 27.3%;
    top: 72%;
    right: 3%;
    opacity: 0;
    z-index: 1;
    animation: fv1 2.4s steps(1) alternate forwards;
    animation-delay: 3s;
}
.cont_1_7 {
    position: absolute;
    width: 59.8%;
    top: 40%;
    left: 18%;
    opacity: 0;
    animation: fv2 3s ease-in-out alternate forwards;
    animation-delay: 2.8s;
}
.cont_1_7_2 {
    position: absolute;
    width: 59.8%;
    top: 55%;
    left: 8%;
    opacity: 0;
    animation: fv2 3s ease-in-out alternate forwards;
    animation-delay: 2.8s;
}
.cont_1_7_3 {
    position: absolute;
    width: 59.8%;
    top: 55%;
    right: 8%;
    opacity: 0;
    animation: fv2 3s ease-in-out alternate forwards;
    animation-delay: 2.8s;
}
.cont_1_8 {
    position: absolute;
    width: 100%;
    top: 40%;
    opacity: 0;
    animation: fv4 3.8s ease-in-out alternate forwards;
    animation-delay: 1.8s;
}
.cont_1_9 {
    position: absolute;
    width: 100%;
    top: 40%;
    opacity: 0;
    animation: fv5 3.8s ease-in-out alternate forwards;
    animation-delay: 1.8s;
}
.cont_1_10 {
    position: absolute;
    width: 76%;
    top: 44%;
    left: 12%;
    opacity: 0;
    animation: fv3 4s ease-in-out alternate forwards;
    animation-delay: 2s;
}

.cont_1_11 {
    position: absolute;
    width: 87.2%;
    top: 1%;
    left: 5%;
    opacity: 0;
    animation: fadedown 1s ease-out alternate forwards;
}


@keyframes fv1 {
    0% {
        opacity: 1;
        transform: rotate(-20deg);
    }

    25% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(-20deg);
    }

    75% {
        transform: rotate(20deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}


@keyframes fv2 {
    0% {
        opacity: 0;
        transform: rotate(-40deg);
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(0deg);
    }
}

@keyframes fv3 {
    0% {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fv4 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    60% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fv5 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    90% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}