.slideshow_anim_out
{	
	-webkit-animation-name: slideshow_to_left;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:2s;
	
	animation-name: slideshow_to_left;
	animation-delay: 0s;
	animation-timing-function:ease;
	animation-fill-mode:both;
	animation-duration:2s;
}

@-webkit-keyframes slideshow_to_left
{
	from	{ -webkit-transform: translate(0%, 0%) scale(1, 1); }
	to 		{ -webkit-transform: translate(-103%, -70%) scale(0.16, 0.16); box-shadow:50px 60px 70px #444444;}
}

@keyframes slideshow_to_left
{
	from	{ transform: translate(0px, 0px) scale(1, 1); }
	to 		{ transform: translate(-103%, -70%) scale(0.16, 0.16); box-shadow:50px 60px 70px #444444;}
}

/*********************************************************/
.slideshow_anim_in
{	
	-webkit-animation-name: slideshow_to_center;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:2s;
	
	animation-name: slideshow_to_center;
	animation-delay: 0.3s;
	animation-timing-function:ease;
	animation-fill-mode:both;
	animation-duration:2s;
}

@-webkit-keyframes slideshow_to_center
{
	from	{ -webkit-transform: translate(-103%, -70%) scale(0.16, 0.16); box-shadow:50px 60px 70px #444444;}
	to 		{ -webkit-transform: translate(0%, 0%) scale(1, 1); }
}

@keyframes slideshow_to_center
{
	from	{ transform: translate(-103%, -70%) scale(0.16, 0.16); box-shadow:50px 60px 70px #444444;}
	to 		{ transform: translate(0%, 0%) scale(1, 1); }
}
/*********************************************************/
.bigBangIn
{	
	-webkit-animation: bigBangIn 2s 0s ease both;
	animation: bigBangIn 2s 0s ease both;
}

@-webkit-keyframes bigBangIn
{
	0%		{ -webkit-transform: scale(1, 1); opacity: 0; }
   100% 	{ -webkit-transform: scale(11, 11); opacity: 1; font-size: 2px;}
}
@keyframes bigBangIn
{
	0%		{ transform: scale(1, 1); opacity: 0; }
   100% 	{ transform: scale(11, 11); opacity: 1; font-size: 2px;}
}

/*********************************************************/
.bigBangOut
{
	-webkit-animation: bigBangOut 2s 0s ease both;
	animation: bigBangOut 2s 0s ease both;
}
@-webkit-keyframes bigBangOut
{
	0%	{ -webkit-transform: scale(11, 11); opacity: 1; font-size: 1px;}
   100% { -webkit-transform: scale(1, 1); opacity: 0; font-size: 1px;}
}

@keyframes bigBangOut
{
	0%	{ transform: scale(11, 11); opacity: 1; font-size: 1px;}
   100% { transform: scale(1, 1); opacity: 0; font-size: 1px;}
}

/*********************************************************/
.show_text{
		-webkit-animation: show_text 1s 1s ease both;
		animation: show_text 1s 0s ease both;
	}

@-webkit-keyframes show_text
{
	0%		{  
				opacity: 0; 
				display: none; 
			}
   100% 	{  
				opacity: 1; 
				display: block;
				width:33.5%;
				height:61%;
				margin-left: 35%;
				top: 22%;
				font-size: 12px;
			}
}

@keyframes show_text
{
	0%		{  
				opacity: 0; 
				display: none; 
			}
   100% 	{  
				opacity: 1; 
				display: block;
			}
}

/*********************************************************/
.hide_text{
		-webkit-animation: hide_text 1s 0s ease both;
		animation: hide_text 1s 0s ease both;
	}

@-webkit-keyframes hide_text
{
	0%		{
				opacity: 1; 
				display: block;
				width:33.5%;
				height:61%;
				margin-left: 35%;
				top: 22%;
				font-size: 12px;
			}
   100% 	{  
				font-size: 0px;
				width: 0px;
				height: 0px;
				margin-left: 50%;
				top: 45%;
				opacity: 0;
				display: none; 
			}
}

@keyframes hide_text
{
	0%		{
				opacity: 1; 
				display: block;
			}
   100% 	{  
				font-size: 0px;
				width: 0px;
				height: 0px;
				margin-left: 50%;
				top: 45%;
				opacity: 0;
				display: none; 
			}
}

/*********************************************************/
.flipYIn {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipYIn;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:2s;
}

@-webkit-keyframes flipYIn {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    } 40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

/*********************************************************/
.flipYOut {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipYOut;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:2s;
}

@-webkit-keyframes flipYOut 
{
    0% 
    {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	 100% 
	 {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}