.sl-sl{
    opacity:1; 
    -ms-transform: scale(1,1) rotateX(0deg);
    -webkit-transform: scale(1,1) rotateX(0deg);
    transform: scale(1,1) rotateX(0deg);
    animation: sl 3s ;
}


/* Standard syntax */
@keyframes sl {
    0%   {
    	opacity:0;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(1.5,1.5) rotateX(90deg);
    	
    }
    
    40% {
    	opacity:1; 
    	-ms-transform: scale(1,1) ;
    	-webkit-transform: scale(1,1); 
    	transform: scale(1,1) rotateX(0deg);
    	
    }
    
}

.sl-satu{
    opacity:1; 
    -ms-transform: scale(1,1) rotateX(0deg);
    -webkit-transform: scale(1,1) rotateX(0deg);
    transform: scale(1,1) rotateX(0deg);
    animation: first 2s ;
}


/* Standard syntax */
@keyframes first {
    0%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    20%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    
    50% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
    100% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
}

.sl-dua{
    opacity:1; 
    -ms-transform: scale(1,1) rotateX(0deg);
    -webkit-transform: scale(1,1) rotateX(0deg);
    transform: scale(1,1) rotateX(0deg);
    animation: second 2s ;
}



@keyframes second {
    0%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }

    30%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    
    60% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
    100% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
}

.sl-tiga{
    opacity:1; 
    -ms-transform: scale(1,1) rotateX(0deg);
    -webkit-transform: scale(1,1) rotateX(0deg);
    transform: scale(1,1) rotateX(0deg);
    animation: third 2s ;
}




/* Standard syntax */
@keyframes third {
    0%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    40%   {
    	opacity:0.2;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    
    70% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
    100% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
}

.sl-empat{
    opacity:1; 
    -ms-transform: scale(1,1) rotateX(0deg);
    -webkit-transform: scale(1,1) rotateX(0deg);
    transform: scale(1,1) rotateX(0deg);
    animation: fourth 2s ;
}



/* Standard syntax */
@keyframes fourth {
    0%   {
    	opacity:0;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    50%   {
    	opacity:0;
    	-ms-transform: scale(0.3,0.3);
    	-webkit-transform: scale(0.3,0.3) ;
    	transform: scale(0.3,0.3) ;
    	margin-left:0px;
    }
    
    80% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
    100% {opacity:1; -ms-transform: scale(1,1) rotateY(0deg);-webkit-transform: scale(1,1) rotateY(0deg); transform: scale(1,1) rotateY(0deg);margin-left:0px;}
}