/* The animation code */
@keyframes sl_fadeIn {
  0%   {opacity:0}
  100% {opacity:1}
}

@keyframes sl_fadeOut {
  0%   {opacity:1}
  100% {opacity:0}
}

@keyframes sl_flyUpA {
	0%   {opacity:0;transform:translateY(720px);}
	20%   {opacity:1;transform:translateY(720px);}
	100% {opacity:1;transform:translateY(0);}
}

@keyframes sl_flyUpD {
	0%   {opacity:1;transform:translateY(0);}
	20%   {opacity:1;transform:translateY(0);}
	100% {opacity:1;transform:translateY(-720px);}
}

@keyframes sl_flyDwnA {
	0%   {opacity:1;transform:translateY(-720px);}
	80% {opacity:1;transform:translateY(0);}
	100% {opacity:1;transform:translateY(0);}
}

@keyframes sl_flyDwnD {
	0%   {opacity:1;transform:translateY(0);}
	80% {opacity:1;transform:translateY(720px);}
	100% {opacity:0;transform:translateY(720px);}
}

@keyframes sl_flyLftA {
	0%   {opacity:1;transform:translateX(1280px);}
	20%   {opacity:1;transform:translateX(1280px);}
	100% {opacity:1;transform:translateX(0);}
}

@keyframes sl_flyLftD {
	0%   {opacity:1;transform:translateX(0);}
	20%   {opacity:1;transform:translateX(0);}
	100% {opacity:1;transform:translateX(-1280px);}
}

@keyframes sl_flyRgtA {
	0%   {opacity:1;transform:translateX(-1280px);}
	20%   {opacity:1;transform:translateX(-1280px);}
	100% {opacity:1;transform:translateX(0);}
}

@keyframes sl_flyRgtD {
	0%   {opacity:1;transform:translateX(0);}
	20%   {opacity:1;transform:translateX(0);}
	100% {opacity:1;transform:translateX(1280px);}
}