.shift-left { left: -100%; }
.slideOutL 	{ -webkit-animation:slideOutLeft .5s ease-in-out forwards; animation:slideOutLeft .5s ease-in-out forwards;}
.slideInL 	{ -webkit-animation:slideInLeft .5s ease-in-out forwards; animation:slideInLeft .5s ease-in-out forwards;}
.slideOutR 	{ -webkit-animation:slideOutRight .5s ease-in-out forwards; animation:slideOutRight .5s ease-in-out forwards;}
.slideInR 	{ -webkit-animation:slideInRight .5s ease-in-out forwards; animation:slideInRight .5s ease-in-out forwards;}
.fadeOut 	{ -webkit-animation:fadeOut .5s ease-in-out forwards; animation:fadeOut .5s ease-in-out forwards;}
.fadeIn 	{ -webkit-animation:fadeIn .5s ease-in-out forwards; animation:fadeIn .5s ease-in-out forwards;}

@-webkit-keyframes slideOutLeft {
	0%   { -webkit-transform:translateX(0px); opacity: 1;    }
	100% { -webkit-transform:translateX(-200px); opacity: 0; }
}
@keyframes slideOutLeft {
	0%   { transform:translateX(0px); opacity: 1;    }
	100% { transform:translateX(-200px); opacity: 0; }
}
@-webkit-keyframes slideInLeft {
	0%   { -webkit-transform:translateX(-200px); opacity: 0; }
	100% { -webkit-transform:translateX(0px); opacity: 1;    }
}
@keyframes slideOutLeft {
	0%   { transform:translateX(0px); opacity: 1;    }
	100% { transform:translateX(-200px); opacity: 0; }
}
@-webkit-keyframes slideInRight {
	0%   { -webkit-transform:translateX(0px); opacity: 1;   }
	100% { -webkit-transform:translateX(200px); opacity: 0; }
}
@keyframes slideInRight {
	0%   { transform:translateX(0px); opacity: 1;   }
	100% { transform:translateX(200px); opacity: 0; }
}
@-webkit-keyframes slideOutRight {
	0%   { -webkit-transform:translateX(200px); opacity: 0; }
	100% { -webkit-transform:translateX(0px); opacity: 1;   }
}
@keyframes slideOutRight {
	0%   { transform:translateX(200px); opacity: 0; }
	100% { transform:translateX(0px); opacity: 1;   }
}
@-webkit-keyframes fadeOut {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes fadeOut {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}
@-webkit-keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}