/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.pre_scale_top_right {
  transition: transform .3s linear;
  transform-origin: top right;
  transform-style: preserve-3D; }

.pre_scale_top_left {
  transition: transform .3s linear;
  transform-origin: top left;
  transform-style: preserve-3D; }

.pre_scale_top_center {
  transition: transform .3s linear;
  transform-origin: top center;
  transform-style: preserve-3D; }

.pre_scale_bottom_center {
  transition: transform .3s linear;
  transform-origin: bottom center;
  transform-style: preserve-3D; }

.pre_scale_bottom_right {
  transition: transform .3s linear;
  transform-origin: bottom right;
  transform-style: preserve-3D; }

.pre_scale_center_center {
  transition: transform .3s linear;
  transform-origin: center center;
  transform-style: preserve-3D; }

.scale {
  transform: scale(0, 0); }

.scale_2_4 {
  transform: scale(2, 4); }

.scale_height {
  transform: scaleY(0); }

.scale_width {
  transform: scaleX(0); }

.slide_top_bottom {
  transform: translateY(20px); }

.fade_in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  animation-duration: 300ms; }

.fade_out {
  opacity: 1;
  /* make things invisible upon start */
  -webkit-animation: fadeOut ease-in 1;
  /* call our keyframe named fadeOut, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeOut ease-in 1;
  animation: fadeOut ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  animation-duration: 300ms; }

.fade_in_100 {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 100ms;
  -moz-animation-duration: 100ms;
  animation-duration: 100ms; }

.fade_out_100 {
  opacity: 1;
  /* make things invisible upon start */
  -webkit-animation: fadeOut ease-in 1;
  /* call our keyframe named fadeOut, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeOut ease-in 1;
  animation: fadeOut ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 100ms;
  -moz-animation-duration: 100ms;
  animation-duration: 100ms; }

@keyframes pulsate_green_border_keys {
  0% {
    border-color: #fff; }
  50% {
    border-color: green; }
  100% {
    border-color: #fff; } }
.pulsate_green_border {
  animation: pulsate_green_border_keys 2s infinite; }

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