@-webkit-keyframes toOpen {
  0% {
    -webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
  50% {
    -webkit-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -webkit-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
}
@-moz-keyframes toOpen {
  0% {
    -moz-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
  50% {
    -moz-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -moz-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
}
@-o-keyframes toOpen {
  0% {
    -o-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
  50% {
    -o-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -o-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
}
@keyframes toOpen {
  0% {
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
  50% {
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
}
@-webkit-keyframes toClose {
  0% {
    -webkit-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
  50% {
    -webkit-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -webkit-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
}
@-moz-keyframes toClose {
  0% {
    -moz-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
  50% {
    -moz-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -moz-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
}
@-o-keyframes toClose {
  0% {
    -o-transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
  50% {
    -o-transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    -o-transform: rotateZ(0deg) translateY(0px) translateX(0px);
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
}
@keyframes toClose {
  0% {
    transform: rotateZ(-90deg) translateY(0px) translateX(-20px);
  }
  50% {
    transform: rotateZ(-95deg) translateY(0px) translateX(-19px);
  }
  100% {
    transform: rotateZ(0deg) translateY(0px) translateX(0px);
  }
}