.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
}
@keyframes rotateOut{
    0%{
        transform-origin:center;
        opacity: 1;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:rotate(180deg);
        transform: rotate(180deg);
        opacity: 0;
    }
}
@keyframes rotateIn{
    0%{
        transform-origin:center;
        -webkit-transform:rotate(-180deg);
        transform: rotate(-180deg);
        opacity: 0;
    }
    0%,100%{
        -webkit-transform-origin:center;
    }
    100%{
        transform-origin:center;
        -webkit-transform:none;
        transform: none;
        opacity: 1;
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }