/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*Menu Scroll*/
.horizontale > div > div > div {
flex: 0 0 auto;
width: 80px;
}
.horizontale > div > div > div.active {
flex: 0 0 auto;
width: 80px;
background-color:white !important;
}
.horizontale > div > .elementor-section {
min-width: max-content;
}
.elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
    max-width: unset;
}
@media (max-width:1024px){
.horizontale > div > .elementor-section {
min-width: 100vw;
}
}

.horizontale > div {
display: flex;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
cursor: unset; /*Change to unset to have the normal cursor */
}

.horizontale > div::-webkit-scrollbar{
height: 3px; /* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
}

.horizontale > div::-webkit-scrollbar-track{
background: rgba(0, 0, 0, 0.1);
} /* Color of scrollbar track */

.horizontale > div::-webkit-scrollbar-thumb{
background: rgba(0, 0, 0, 0.31);
} /* Color of scrollbar thumb */

.horizontale > div.active {
cursor: unset; /*Change to unset to have the normal cursor when mouse button is clicked down */
cursor: -webkit-unset; /*idem */
transform: scale(1.0); /* Size of elements when mouse button is clicked down */

}

/* Prevents clicking on links while navigating left or right */
.noclick{
pointer-events: none;
}
#justmiddle{
    justify-content: center !important;
}
.justmiddle{
    justify-content: center !important;
}

/*ANIMATION*/
@keyframes RswingAD {
     0% { transform: rotate( -25deg ); }
    100% { transform: rotate( 25deg ); }
}

@keyframes RRswingAD {
     0% { transform: rotate( 25deg ); }
    100% { transform: rotate( -25deg ); }
}

@keyframes LswingAD {
     0% { transform: rotate( 25deg ); }
    100% { transform: rotate( -25deg ); }
}
@keyframes LLswingAD {
     0% { transform: rotate( -25deg ); }
    100% { transform: rotate( 25deg ); }
}

@keyframes CswingAD {
     0% { transform: rotate( -15deg ); }
    100% { transform: rotate( 15deg ); }
}
@keyframes pAD {
    0% { transform: scale( 0.93 ); }
    100% { transform: scale( 1.07 ); }
}
@keyframes zAD {
    0% { transform: scale( 0 ) ; }
    100% { transform: scale(1);}
}
@keyframes pFAD {
	from,to	{transform:scale3d(1,1,1)}
	50%	{transform:scale3d(1.05,1.05,1.05)}
}
@keyframes lAD {
	from { transform:translateX(12%) }
	to { transform:translateX(0%) }
}
/*Goyang Maju Mundur Kanan Bawah*/
#prb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#prb > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Maju Mundur Kanan Atas*/
#prt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#prt > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Maju Mundur Kiri Bawah*/
#plb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#plb > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Maju Mundur Kiri Atas*/
#plt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#plt > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Maju Mundur Tengah Bawah*/
#pcb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#pcb > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Maju Mundur Tengah Atas*/
#pct{
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#pct > div > img{
    animation: pAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: pAD !important;
    animation-name: pAD!important;
}
/*Goyang Kanan Bawah*/
#rb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rb > div > img{
    animation: RswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rb2 > div > img{
    animation: RswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rb3 > div > img{
    animation: RswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rb4 > div > img{
    animation: RswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
/*Goyang Kanan Bawah 2*/
#rrb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrb > div > img{
    animation: RRswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrb2 > div > img{
    animation: RRswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrb3 > div > img{
    animation: RRswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrb4 > div > img{
    animation: RRswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
/*Goyang Kanan Bawah 3*/
#crb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crb > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crb2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crb3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crb4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Goyang Kanan Atas*/
#rt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rt > div > img{
    animation: RswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rt2 > div > img{
    animation: RswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rt3 > div > img{
    animation: RswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
#rt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rt4 > div > img{
    animation: RswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RswingAD !important;
    animation-name: RswingAD !important;
}
/*Goyang Kanan Atas 2*/
#rrt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrt > div > img{
    animation: RRswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrt2 > div > img{
    animation: RRswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrt3 > div > img{
    animation: RRswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
#rrt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rrt4 > div > img{
    animation: RRswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: RRswingAD !important;
    animation-name: RRswingAD !important;
}
/*Goyang Kanan Atas 3*/
#crt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crt > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crt2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crt3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#crt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#crt4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Goyang Kiri Atas*/
#lt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lt > div > img{
    animation: LswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lt2 > div > img{
    animation: LswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lt3 > div > img{
    animation: LswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lt4 > div > img{
    animation: LswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
/*Goyang Kiri Atas 2*/
#llt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llt > div > img{
    animation: LLswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llt2 > div > img{
    animation: LLswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llt3 > div > img{
    animation: LLswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llt4 > div > img{
    animation: LLswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
/*Goyang Kiri Atas 3*/
#clt{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clt > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clt2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clt2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clt3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clt3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clt4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clt4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Goyang Kiri Bawah*/
#lb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lb > div > img{
    animation: LswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lb2 > div > img{
    animation: LswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lb3 > div > img{
    animation: LswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
#lb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lb4 > div > img{
    animation: LswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LswingAD !important;
    animation-name: LswingAD !important;
}
/*Goyang Kiri Bawah 2*/
#llb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llb > div > img{
    animation: LLswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llb2 > div > img{
    animation: LLswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llb3 > div > img{
    animation: LLswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
#llb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#llb4 > div > img{
    animation: LLswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: LLswingAD !important;
    animation-name: LLswingAD !important;
}
/*Goyang Kiri Bawah 3*/
#clb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clb > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clb2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clb3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#clb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#clb4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Goyang Tengah Bawah*/
#cb{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#cb > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#cb2{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#cb2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#cb3{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#cb3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#cb4{
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#cb4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Goyang Tengah Atas*/
#ct{
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ct > div > img{
    animation: CswingAD 4s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#ct2{
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ct2 > div > img{
    animation: CswingAD 6s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#ct3{
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ct3 > div > img{
    animation: CswingAD 8s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
#ct4{
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ct4 > div > img{
    animation: CswingAD 10s ease-in-out infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: CswingAD !important;
    animation-name: CswingAD !important;
}
/*Ngepul Tengah*/
#ccp {
    animation: zAD 2s linear forwards !important;
    transform-origin: center !important;
    -webkit-transform-origin: center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ccp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: center !important;
    -webkit-transform-origin: center !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Tengah Atas*/
#ctp {
    animation: zAD 2s linear forwards !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ctp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top center !important;
    -webkit-transform-origin: top center !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Tengah Bawah*/
#cbp {
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#cbp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom center !important;
    -webkit-transform-origin: bottom center !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Bawah Kiri*/
#lbp {
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lbp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom left !important;
    -webkit-transform-origin: bottom left !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Bawah Kanan*/
#rbp {
    animation: zAD 2s linear forwards !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rbp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: bottom right !important;
    -webkit-transform-origin: bottom right !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Atas Kiri*/
#ltp {
    animation: zAD 2s linear forwards !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#ltp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top left !important;
    -webkit-transform-origin: top left !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Atas Kanan*/
#rtp {
    animation: zAD 2s linear forwards !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rtp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: top right !important;
    -webkit-transform-origin: top right !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Tengah Kiri*/
#lcp {
    animation: zAD 2s linear forwards !important;
    transform-origin: center left !important;
    -webkit-transform-origin: center left !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#lcp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: center left !important;
    -webkit-transform-origin: center left !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}
/*Ngepul Tengah Kanan*/
#rcp {
    animation: zAD 2s linear forwards !important;
    transform-origin: center right !important;
    -webkit-transform-origin: center right !important;
    -webkit-animation-name: zAD !important;
    animation-name: zAD !important;
}
#rcp > div > img{
    animation: pFAD 3.5s linear infinite alternate-reverse both !important;
    transform-origin: center right !important;
    -webkit-transform-origin: center right !important;
    -webkit-animation-name: pFAD !important;
    animation-name: pFAD!important;
}