@keyframes myfirst
{
0%{opacity: 0;margin-left:400px;}

100%{opacity: 1;margin-left:0;}
}
@keyframes myfirst-1
{
0%{opacity: 0;margin-left:400px;}

100%{opacity: 1;    margin: 0 18px}
}
@keyframes myfirst-3
{
0%{opacity: 1;margin-left:400px;}

100%{opacity: 1;    margin: 0 24px}
}
@keyframes myfirst-2
{
0%{opacity: 1;margin-left:1200px;}

100%{opacity: 1;margin-left:0;}
}

@keyframes myfirst2
{
from {margin-top:100px}
to {opacity: 1;margin-top:0}
}
@keyframes myfirst3
{
from {margin-top:-210px}
to {opacity: 1;margin-top:0}
}
@keyframes myfirst4
{
from {margin-top:190px}
to {margin-top:0}
}
@keyframes myfirst5
{
from {margin-top:-280px}
to {margin-top:0}
}
@keyframes myfirst6
{
from {opacity:0}
to {opacity:1}
}
@keyframes myfirst7
{
0%{width:0;opacity:1;}
100%{opacity:1;width: 100%;}
}
@keyframes myfirst8
{
from {opacity:0.1;}
to {opacity:1;}
}
@keyframes action {
 0% {
       
	   
  }
  
  100% {
    	transform:rotateX(180deg);
  }

}
@keyframes myfirst9 {
 0% {
      margin-top:-519px;opacity:0;
	   
  }
  
  100% {
    	margin-top:0;opacity:1;
  }

}
@keyframes myfirst10{
		0%{opacity:0;
   }
	100%{  opacity:1;}
}
@keyframes myfirst11{
	
	0%{margin-top:-100%;
   }
	100%{   margin-top:0;}
}
@keyframes myfirst12{
	
	0%{margin-left:100%}
	100%{margin-left:0}
}
@keyframes myfirst13{
	
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes myfirst14{
	
	0%{opacity:0;margin-left: 335px;}
	100%{opacity:1;margin-left:0;}
}
@keyframes myfirst15{
	
	0%{border:none}
	100%{border:none}
}

@keyframes myfirst16{
	
	0%{left:0}
	100%{left:-230px !important}
}