@-webkit-keyframes slideHideForward {
  from {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -100%); } }
@keyframes slideHideForward {
  from {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -100%); } }
@-webkit-keyframes slideHideBackward {
  from {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 100%); } }
@keyframes slideHideBackward {
  from {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 100%); } }
@-webkit-keyframes slideForward {
  from {
    -webkit-transform: translate(0, 100%); }
  100% {
    -webkit-transform: translate(0, 0); } }
@keyframes slideForward {
  from {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }
@-webkit-keyframes slideBackward {
  from {
    -webkit-transform: translate(0, -100%); }
  100% {
    -webkit-transform: translate(0, 0); } }
@keyframes slideBackward {
  from {
    transform: translate(0, -100%); }
  100% {
    transform: translate(0, 0); } }
@-webkit-keyframes imageLoad {
  from {
    opacity: 0;
    -webkit-transform: translate(30%, 0); }
  30% {
    opacity: 0;
    -webkit-transform: translate(30%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0); } }
@keyframes imageLoad {
  from {
    opacity: 0;
    transform: translate(30%, 0); }
  30% {
    opacity: 0;
    transform: translate(30%, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@-webkit-keyframes imageShow {
  from {
    opacity: 0;
    -webkit-transform: translate(20%, 0); }
  30% {
    opacity: 0.1;
    -webkit-transform: translate(20%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0); } }
@keyframes imageShow {
  from {
    opacity: 0;
    transform: translate(20%, 0); }
  30% {
    opacity: 0.1;
    transform: translate(20%, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@-webkit-keyframes imageShowLeft {
  from {
    opacity: 0;
    -webkit-transform: translate(-30%, 0); }
  30% {
    opacity: 0.1;
    -webkit-transform: translate(-30%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0); } }
@keyframes imageShowLeft {
  from {
    opacity: 0;
    transform: translate(-30%, 0); }
  30% {
    opacity: 0.1;
    transform: translate(-30%, 0); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@-webkit-keyframes imageHide {
  from {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
@keyframes imageHide {
  from {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
@-webkit-keyframes textHideForward {
  from {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 100%); } }
@keyframes textHideForward {
  from {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 100%); } }
@-webkit-keyframes textHideBackward {
  from {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, -100%); } }
@keyframes textHideBackward {
  from {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -100%); } }
@-webkit-keyframes textForward {
  from {
    -webkit-transform: translate(0, -100%); }
  100% {
    -webkit-transform: translate(0, 0); } }
@keyframes textForward {
  from {
    transform: translate(0, -100%); }
  100% {
    transform: translate(0, 0); } }
@-webkit-keyframes textBackward {
  from {
    -webkit-transform: translate(0, 100%); }
  100% {
    -webkit-transform: translate(0, 0); } }
@keyframes textBackward {
  from {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }
@-webkit-keyframes hotPoint {
  from {
    opacity: 0;
    margin-top: -50px;
    -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); }
  50% {
    opacity: 0;
    margin-top: -50px;
    -webkit-transform: translate(-50%, -50%) scale(0, 0); }
  100% {
    opacity: 1;
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%) scale(1, 1); } }
@keyframes hotPoint {
  from {
    opacity: 0;
    margin-top: -50px;
    transform: translate(-50%, -50%) scale(0.5, 0.5); }
  50% {
    opacity: 0;
    margin-top: -50px;
    transform: translate(-50%, -50%) scale(0, 0); }
  100% {
    opacity: 1;
    margin-top: 0;
    transform: translate(-50%, -50%) scale(1, 1); } }
@-webkit-keyframes titlePoint {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -24px) scale(0.5, 0.5); }
  70% {
    opacity: 0;
    -webkit-transform: translate(-50%, -24px) scale(0.5, 0.5); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -24px) scale(1, 1); } }
@keyframes titlePoint {
  from {
    opacity: 0;
    transform: translate(-50%, -24px) scale(0.5, 0.5); }
  70% {
    opacity: 0;
    transform: translate(-50%, -24px) scale(0.5, 0.5); }
  100% {
    opacity: 1;
    transform: translate(-50%, -24px) scale(1, 1); } }
@media (max-width: 1400px), (max-height: 740px) {
  @-webkit-keyframes imageShowLeft {
    from {
      opacity: 0;
      -webkit-transform: translate(-20%, 0); }
    30% {
      opacity: 0.1;
      -webkit-transform: translate(-20%, 0); }
    100% {
      opacity: 1;
      -webkit-transform: translate(0, 0); } }
  @keyframes imageShowLeft {
    from {
      opacity: 0;
      transform: translate(-20%, 0); }
    30% {
      opacity: 0.1;
      transform: translate(-20%, 0); }
    100% {
      opacity: 1;
      transform: translate(0, 0); } } }

/*# sourceMappingURL=animations.css.map */