.info-current p,
.info-current .head,
.info-current .link,
.info-current .image,
.info-current .detail
{
	opacity: 1;
}

.info-fromright .head
{
	-webkit-animation	: fromRightAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromRightAnim1 0.6s ease-in-out 0.6s both;
	animation			: fromRightAnim1 0.6s ease-in-out 0.6s both;
}

.info-fromright p
{
	-webkit-animation	: fromRightAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromRightAnim2 0.6s ease-in-out 0.6s both;
	animation			: fromRightAnim2 0.6s ease-in-out 0.6s both;
}

.info-fromright .link
{
	-webkit-animation	: fromRightAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromRightAnim3 0.6s ease-in-out 0.6s both;
	animation			: fromRightAnim3 0.6s ease-in-out 0.6s both;
}
.info-fromright .image
{
	-webkit-animation	: fromRightAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromRightAnim4 0.6s ease-in-out 0.6s both;
	animation			: fromRightAnim4 0.6s ease-in-out 0.6s both;
}

.info-fromright .detail
{
	-webkit-animation	: fromRightAnim5 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromRightAnim5 0.6s ease-in-out 0.6s both;
	animation			: fromRightAnim5 0.6s ease-in-out 0.6s both;
}

@keyframes fromRightAnim1
{
	0%	{ margin-top: -20px; opacity: 0; }
	100%{ margin-top: 0px;   opacity: 1; }
}
@keyframes fromRightAnim2
{
	0%	{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes fromRightAnim3
{
	0%	{ opacity: 0; margin-top: 99px;}
	100%{ opacity: 1; margin-top: 40px;  z-index: 3;}
}
@keyframes fromRightAnim4
{
	0%	{ right: 0%;  opacity: 0; }
	100%{ right: 15%; opacity: 1;}
}
@keyframes fromRightAnim5
{
	0%	{ bottom: 0%;  opacity: 0; }
	100%{ bottom: 5%; opacity: 1;}
}
/* Slide in from the left*/
.info-fromleft .head
{
	-webkit-animation	: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation			: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.info-fromleft p
{
	-webkit-animation	: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromLeftAnim2 0.6s ease-in-out 0.6s both;
	animation			: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.info-fromleft .link
{
	-webkit-animation	: fromLeftAnim3 .6s ease-in-out 0.6s both;
	-moz-animation		: fromLeftAnim3 .6s ease-in-out 0.6s both;
	animation			: fromLeftAnim3 .6s ease-in-out 0.6s both;
}
.info-fromleft .image
{
	-webkit-animation	: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation			: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
.info-fromleft .detail
{
	-webkit-animation	: fromLeftAnim5 0.6s ease-in-out 0.6s both;
	-moz-animation		: fromLeftAnim5 0.6s ease-in-out 0.6s both;
	animation			: fromLeftAnim5 0.6s ease-in-out 0.6s both;
}

@keyframes fromLeftAnim1
{
	0%	{ margin-top: -20px; opacity: 0; }
	100%{ margin-top: 0px;   opacity: 1; }
}
@keyframes fromLeftAnim2
{
	0%	{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes fromLeftAnim3
{
	0%	{ opacity: 0; margin-top: 99px;}
	100%{ opacity: 1; margin-top: 40px;  z-index: 2;}
}
@keyframes fromLeftAnim4
{
	0%	{ right: 25%; opacity: 0; }
	100%{ right: 15%; opacity: 1;}
}

@keyframes fromLeftAnim5
{
	0%	{ bottom: 5%; opacity: 0; }
	100%{ bottom: 0%; opacity: 1;}
}

.info-toright .head
{
	-webkit-animation	: toRightAnim1 0.6s ease-in-out both;
	-moz-animation		: toRightAnim1 0.6s ease-in-out both;
	animation			: toRightAnim1 0.6s ease-in-out both;
}
.info-toright p
{
	-webkit-animation	: toRightAnim2 0.3s ease-in-out both;
	-moz-animation		: toRightAnim2 0.3s ease-in-out both;
	animation			: toRightAnim2 0.3s ease-in-out both;
}
.info-toright .link
{
	-webkit-animation	: toRightAnim3 0.6s ease-in-out both;
	-moz-animation		: toRightAnim3 0.6s ease-in-out both;
	animation			: toRightAnim3 0.6s ease-in-out both;
}
.info-toright .image
{
	-webkit-animation	: toRightAnim4 0.6s ease-in-out both;
	-moz-animation		: toRightAnim4 0.6s ease-in-out both;
	animation			: toRightAnim4 0.6s ease-in-out both;
}

@keyframes toRightAnim1
{
	0%	{ margin-top: 0px;	 opacity: 1; }
	30%	{ margin-top: 10px;	 opacity: 1; }
	100%{ margin-top: -20px; opacity: 0; }
}
@keyframes toRightAnim2
{
	0%	{ opacity: 1;}
	100%{ opacity: 0;}
}
@keyframes toRightAnim3
{
	0%	{ opacity: 1; margin-top: 40px;}
	30%	{ opacity: 1; margin-top: 20px;}
	100%{ opacity: 0; margin-top: 99px;  z-index: 0;}
}
@keyframes toRightAnim4
{
	0%	{ right: 15%; opacity: 1; }
	100%{ right: 25%; opacity: 0; }
}
@keyframes toRightAnim5
{
	0%	{ opacity: 1; }
	100%{ opacity: 0; }
}
/* Slide out to the left*/
.info-toleft .head
{
	-webkit-animation	: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation		: toLeftAnim1 0.6s ease-in-out both;
	animation			: toLeftAnim1 0.6s ease-in-out both;
}
.info-toleft p
{
	-webkit-animation	: toLeftAnim2 0.6s ease-in-out both;
	-moz-animation		: toLeftAnim2 0.6s ease-in-out both;
	animation			: toLeftAnim2 0.6s ease-in-out both;
}
.info-toleft .link
{
	-webkit-animation	: toLeftAnim3 0.6s ease-in-out both;
	-moz-animation		: toLeftAnim3 0.6s ease-in-out both;
	animation			: toLeftAnim3 0.6s ease-in-out both;
}
.info-toleft .image
{
	-webkit-animation	: toLeftAnim4 0.6s ease-in-out both;
	-moz-animation		: toLeftAnim4 0.6s ease-in-out both;
	animation			: toLeftAnim4 0.6s ease-in-out both;
}
.info-toleft .detail
{
	-webkit-animation	: toLeftAnim5 0.6s ease-in-out both;
	-moz-animation		: toLeftAnim5 0.6s ease-in-out both;
	animation			: toLeftAnim5 0.6s ease-in-out both;
}

@keyframes toLeftAnim1
{
	0%	{ margin-top: 0px;	 opacity: 1; }
	30%	{ margin-top: 10px;	 opacity: 1; }
	100%{ margin-top: -20px; opacity: 0; }
}
@keyframes toLeftAnim2
{
	0%	{ opacity: 1;}
	100%{ opacity: 0;}
}
@keyframes toLeftAnim3
{
	0%	{ opacity: 1; margin-top: 40px;}
	30%	{ opacity: 1; margin-top: 20px;}
	100%{ opacity: 0; margin-top: 99px; z-index: 0;}
}
@keyframes toLeftAnim4
{
	0%	{ right: 15%; opacity: 1; }
	100%{ right: 25%; opacity: 0; }
}
@keyframes toLeftAnim5
{
	0%	{ opacity: 1; }
	100%{ opacity: 0; }
}

.info-current
{
	z-index		: 10!important;
}