@keyframes fadeInUp1 {
    0%{
     opacity: 0;
	 transform: translateX(-300px); 
    }
    100% {
     opacity: 1;
     transform: translateX(0px);
   }
}

@-webkit-keyframes fadeInUp1 {
  0%{
     opacity: 0;
	 transform: translateX(-300px); 
    }
    100% {
     opacity: 1;
     transform: translateX(0px);
   }
}


@keyframes rot{ 	
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rot{
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}

@-ms-keyframes rot{
    0% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -ms-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
}


@keyframes fadeInUp2 {
    0%{
     opacity: 0;
	 transform: translateY(200px); 
    }
    100% {
     opacity: 1;
     transform: translateY(0px);
   }
}

@-webkit-keyframes fadeInUp2 {
  0%{
     opacity: 0;
	 transform: translateY(200px); 
    }
    100% {
     opacity: 1;
     transform: translateY(0px);
   }
}