.script .transition
{
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* FADE IN */

.script .transition.fade_in { opacity: 0; }
.script .transition.fade_in.active { opacity: 1; }

/* FADE UP */

.script .transition.fade_up
{
  -webkit-transform: translate(0, 250px);
  -moz-transform: translate(0, 250px);
  -ms-transform: translate(0, 250px);
  -o-transform: translate(0, 250px);
  transform: translate(0, 250px);

  opacity: 0;
}

.script .transition.fade_up.active
{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);

  opacity: 1;
}

/* FADE DOWN */

.script .transition.fade_down
{
  -webkit-transform: translate(0, -250px);
  -moz-transform: translate(0, -250px);
  -ms-transform: translate(0, -250px);
  -o-transform: translate(0, -250px);
  transform: translate(0, -250px);

  opacity: 0;
}

.script .transition.fade_down.active
{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);

  opacity: 1;
}

/* FADE LEFT */

.script .transition.fade_left
{
  -webkit-transform: translate(250px, 0);
  -moz-transform: translate(250px, 0);
  -ms-transform: translate(250px, 0);
  -o-transform: translate(250px, 0);
  transform: translate(250px, 0);

  opacity: 0;
}

.script .transition.fade_left.active
{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);

  opacity: 1;
}

/* FADE RIGHT */

.script .transition.fade_right
{
  -webkit-transform: translate(-250px, 0);
  -moz-transform: translate(-250px, 0);
  -ms-transform: translate(-250px, 0);
  -o-transform: translate(-250px, 0);
  transform: translate(-250px, 0);

  opacity: 0;
}

.script .transition.fade_right.active
{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);

  opacity: 1;
}