.fi_wif { /* Fade in */
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}
.fi_wif.show { /* Fade in */
  opacity: 1;
}


.fiamfl_wif { /* Fade in and move from left */
  opacity: 0;
  transform: translateX(-50vw);
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.fiamfl_wif.show { /* Fade in and move from left */
  opacity: 1;
  transform: translateX(0);
}
.fiamfr_wif { /* Fade in and move from right */
  opacity: 0;
  transform: translateX(50vw);
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.fiamfr_wif.show { /* Fade in and move from right */
  opacity: 1;
  transform: translateX(0);
}
.fiamftr_wif { /* Fade in and move from top right */
  opacity: 0;
  transform: translateX(50vw) translateY(-50vw);
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.fiamftr_wif.show { /* Fade in and move from top right */
  opacity: 1;
  transform: translateX(0) translateY(0);
}
.gih_wif { /* Grow in height */
  transform: scaleY(0);
  transform-origin: top;
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.gih_wif.show { /* Fade in and move from top right */
  transform: scaleY(1);
}