.anim-comefromleft {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.anim-comefromleft.do-animate {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.anim-comefromright {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.anim-comefromright.do-animate {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.anim-comefromtop {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.anim-comefromtop.do-animate {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.anim-comefrombottom {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.anim-comefrombottom.do-animate {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.anim-zoom {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.anim-zoom.do-animate {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.anim-opacity {
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
}

.anim-opacity.do-animate {
  opacity: 1;
}
/*# sourceMappingURL=mystyle.css.map */