@keyframes slidein {
  from {
  	transform: perspective(500px) scale(1) rotateX(30deg) rotateY(0deg) translateY(-30px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
@keyframes slidein2 {
  from {
  	transform: perspective(500px) scale(1) rotateX(-30deg) rotateY(0deg) translateY(30px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
@keyframes slidein3 {
  from {
  	transform: perspective(500px) scale(1) rotateX(50deg) rotateY(0deg) translateY(-50px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}

@keyframes slideout {
  from {
  	transform: perspective(500px) scale(-1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }

  to {

  	transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
@keyframes slidein0 {
  from {
  	transform: perspective(500px) scale(1) rotateX(-75deg) rotateY(0deg) translateY(-40px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}

@keyframes slide_menuR {
  from {
  	transform: perspective(500px) scale(1) rotateX(0deg) rotateY(-20deg) translateY(-20px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
@keyframes slide_menuRout {
  from {
  	transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(-40deg) translateY(-40px);
  }
}
@keyframes slide_main {
  from {
  	transform: perspective(500px) scale(1) rotateX(-80deg) rotateY(-20deg) translateY(150px);
  }

  to {
transform: perspective(500px) scale(1) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}
@keyframes zoonIn {
  from {
   -webkit-transform:scale(1.8); /* Safari and Chrome */
    -moz-transform:scale(1.8); /* Firefox */
    -ms-transform:scale(1.8); /* IE 9 */
    -o-transform:scale(1.8); /* Opera */
    transform:scale(1.8);
  }

  to {
   -webkit-transform:scale(1); /* Safari and Chrome */
    -moz-transform:scale(1); /* Firefox */
    -ms-transform:scale(1); /* IE 9 */
    -o-transform:scale(1); /* Opera */
    transform:scale(1);
  }
}
@keyframes fromRightCenter {
  from {
    left: -80%;
  }

  to {
    left: 0%;
  }
}
@keyframes from_cent_out_toLeft {
  from {
    left: 0%;
  }

  to {
    left: -100%;
  }
}
@keyframes fromLefOf {
  from {
    left: 0%;
  }

  to {
    left: 100%;
  }
}