.info-current p,
.info-current .head,
.info-current .link,
.info-current .image
{
	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;
}

@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: 10%; 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;
}

@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: 20%; opacity: 0; }
	100%{ right: 10%; 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: 10%; opacity: 1; }
	100%{ right: 20%; 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;
}

@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: 10%; opacity: 1; }
	100%{ right: 20%; opacity: 0; }
}

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





@media only screen and (max-width: 600px)
{

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

	.info-fromright .head
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	.info-fromright p
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	.info-fromright .link
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-fromright .image
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	@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: 10%; opacity: 1;}
	}
	/* Slide in from the left*/
	.info-fromleft .head
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-fromleft p
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-fromleft .link
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-fromleft .image
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	@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: 20%; opacity: 0; }
		100%{ right: 10%; opacity: 1;}
	}

	.info-toright .head
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toright p
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toright .link
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toright .image
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	@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: 10%; opacity: 1; }
		100%{ right: 20%; opacity: 0; }
	}
	/* Slide out to the left*/
	.info-toleft .head
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toleft p
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toleft .link
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}
	.info-toleft .image
	{
		-webkit-animation	: none;
		-moz-animation		: none;
		animation			: none;
	}

	@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: 10%; opacity: 1; }
		100%{ right: 20%; opacity: 0; }
	}

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


}