/********/
/*#bongden, #instagram{*/
/*    animation: chuyendong1 3s linear infinite alternate;*/
/*    transform-origin: top;*/
/*}*/
/*@keyframes chuyendong1 {*/
/*    0%{*/
/*        transform: rotate(-5deg);*/
/*    }*/
/*    100%{*/
/*        transform: rotate(5deg);*/
/*    }*/
/*}*/

/*#instagram{*/
/*    animation: chuyendong3 10s linear infinite alternate;*/
/*    transform-origin: top;*/
/*}*/
/*@keyframes chuyendong3 {*/
/*    0%{*/
/*        transform: rotate(-5deg);*/
/*    }*/
/*    100%{*/
/*        transform: rotate(5deg);*/
/*    }*/
/*}*/

#Ellipse-218,#twitter, #linkedin, #Facebook, #telegram, #bongden, #instagram {
    animation: chuyendong2 1.5s linear infinite alternate;
    transform-origin: center;
}

@keyframes chuyendong2 {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}

/****anh 2*/
#image2_1,#image2_2 {
    animation: move_anh2 1.5s linear infinite alternate;
    transform-origin: bottom;
}
@keyframes move_anh2 {
    0% {
        transform: rotate(1deg);
    }
    100% {
        transform: rotate(-1deg);
    }
}
/**anh 3*/
#image3_1,#image3_2 {
    animation: move_anh3 1.5s linear infinite alternate;
    transform-origin: bottom;
}
@keyframes move_anh3 {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}
#image4_2,#image4_1 {
    animation: move_anh4 1.5s linear infinite alternate;
    transform-origin: bottom;
}

@keyframes move_anh4 {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(-2deg);
    }
}


/***360**/
#quy-dao-to,#quy-dao-nho{
    display: none;
}
#bong-to {
    transform-origin: center;
    transform-box: fill-box;
    offset-path: path('M76 527.5C16.9159 490.89 262 240 262 240C262 240 468.5 29 560 55.5C651.5 82 403.5 335 403.5 335C403.5 335 157.5 578 76 527.5Z');
    animation: quy-dao1 linear infinite reverse;
    animation-duration: 12s;
    transform: scale(1);

}

@keyframes quy-dao1 {
    0% {
        offset-distance: 0%;
        opacity: 1;
        transform: scale(1);
    }
    12% {
        offset-distance: 12%;
        opacity: 0;
        transform: scale(1);
    }
    20% {
        offset-distance: 20%;
        opacity: 0;
        transform: scale(0.5);
    }
    37% {
        offset-distance: 37%;
        opacity: 0;
        transform: scale(0.6);
    }
    40% {
        offset-distance: 40%;
        opacity: 1;
        transform: scale(0.7);
    }
    50% {
        offset-distance: 50%;
        opacity: 1;
        transform: scale(0.8);
    }
    60% {
        offset-distance: 60%;
        opacity: 1;
        transform: scale(0.9);
    }
    70% {
        offset-distance: 70%;
        opacity: 1;
        transform: scale(1);
    }
    80% {
        offset-distance: 80%;
        opacity: 1;
        transform: scale(1.1);
    }
    90% {
        offset-distance: 90%;
        opacity: 1;
        transform: scale(1.18);
    }
    100% {
        offset-distance: 100%;
        opacity: 1;
        transform: scale(1.05);
    }

}

#bong-nho {
    transform-origin: center;
    transform-box: fill-box;
    offset-path: path('M77.5 532.5C2.5 509 263.5 238.5 263.5 238.5C263.5 238.5 510.5 11.5 565.5 58.5C620.5 105.5 423 319.5 423 319.5C423 319.5 200.747 571.118 77.5 532.5Z');
    animation: quy-dao-nho1 12s linear infinite reverse;
    animation-delay: 5s;
    opacity: 0;

}


@keyframes quy-dao-nho {
    0% {
        offset-distance: 0%;
        opacity: 1;
    }
    12% {
        offset-distance: 12%;
        opacity: 0;
    }
    20% {
        offset-distance: 20%;
        opacity: 0;
    }
    37% {
        offset-distance: 37%;
        opacity: 0;
    }
    40% {
        offset-distance: 40%;
        opacity: 1;
    }
    50% {
        offset-distance: 50%;
        opacity: 1;
    }
    60% {
        offset-distance: 60%;
        opacity: 1;
    }
    70% {
        offset-distance: 70%;
        opacity: 1;
    }
    80% {
        offset-distance: 80%;
        opacity: 1;
    }
    90% {
        offset-distance: 90%;
        opacity: 1;
    }
    100% {
        offset-distance: 100%;
        opacity: 1;
    }
}
