#sequence-container {
	height: 400px;
}

#sequence {
	top: -50px;
}

.Home-Image {
	position: absolute;
	left: 0px;
	top: 0px;
    opacity: 0;
}

.animate-in .Home-Image {
    opacity: 1;

	transition-duration: 1.0s;
}

.animate-out .Home-Image {
    opacity: 0;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* Mobile */
/*****************************************************************************/

.Mobile-Logos {
	position: absolute;
	margin-left: 100px;
	margin-top: -20px;
}

.Mobile-iPad {
	position: absolute;
	left: 50px;
	top: -600px;
	z-index: 3;
}

.animate-in .Mobile-iPad {
	left: 50px;
	top: 70px;

	transition-duration: 1.0s;
}

.animate-out .Mobile-iPad {
	left: 50px;
	top: 800px;

	transition-duration: 1.0s;

	transform: rotate(100deg);
}

.Mobile-iPad-Shadow {
	position: absolute;
	left: 40px;
	opacity: 0;
	top: 380px;

	transition-duration: 1.0s;
}

.animate-in .Mobile-iPad-Shadow {
	left: 40px;
	opacity: 1;
	top: 340px;

	transition-duration: 1.0s;
}

.animate-out .Mobile-iPad-Shadow {
	left: 40px;
	opacity: 0;
	top: 370px;

	transition-duration: 1.0s;
}


.Mobile-Text {
	position: absolute;
	left: 1000px;
	opacity: 0;
	top: 125px;
	width: 440px;
}

.animate-in .Mobile-Text {
	left: 550px;
	opacity: 1;
	top: 125px;

	transition-duration: 1.0s;
}

.animate-out .Mobile-Text {
	left: -200px;
	opacity: 0;
	top: 125px;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* SPECIFIC */
/*****************************************************************************/

.Specific-Text {
	position: absolute;
	left: 290px;
	top: 600px;
	width: 400px;
}

.animate-in .Specific-Text {
	left: 290px;
	top: 200px;

	transition-duration: 1.5s;
}

.animate-out .Specific-Text {
	left: 290px;
	opacity: 0;
	top: -150px;

	transition-duration: 1.0s;
}

.Specific-Logo {
	left: 5px;
	width: 970px;
	opacity: 0;
	position: absolute;
	top: 80px;
	text-align: center;

	transition-duration: 1.5s;
}

	.Specific-Logo svg {
		height: 90px;
		max-height: 90px;
	}

.animate-in .Specific-Logo {
	opacity: 1;

	transition-duration: 2.5s;
}

.animate-out .Specific-Logo {
	opacity: 0;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* INTRO */
/*****************************************************************************/

.Intro-Text {
	position: absolute;
	left: 1000px;
	top: 125px;
	width: 400px;

	transform: rotate(0deg);
}

.animate-in .Intro-Text {
	left: 500px;
	top: 125px;

	transform: rotate(0deg);

	transition-duration: 1.5s;
}

.animate-out .Intro-Text {
	left: 100px;
	opacity: 0;
	top: 250px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.Intro-Custom {
	left: -450px;
	opacity: 1;
	position: absolute;
	top: -550px;

	transform: rotate(-40deg);

	transition-duration: 1.5s;
}

.animate-in .Intro-Custom {
	left: 50px;
	opacity: 1;
	top: 100px;

	transform: rotate(0deg);

	transition-duration: 1.5s;
}

.animate-out .Intro-Custom {
	left: 1100px;
	opacity: 0;
	top: -400px;

	transform: rotate(20deg);

	transition-duration: 1.0s;
}

.Intro-Custom-Shadow {
	left: 50px;
	opacity: 0;
	top: 350px;
	position: absolute;

	transition-duration: 1.5s;
}

.animate-in .Intro-Custom-Shadow {
	left: 50px;
	opacity: 1;
	top: 300px;

	transition-duration: 1.5s;
}

.animate-out .Intro-Custom-Shadow {
	left: 590px;
	opacity: 0;
	top: 500px;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* Game */
/*****************************************************************************/

.Game-Text {
	left: 50px;
	position: absolute;
	top: 700px;
	width: 400px;

	transform: rotate(20deg);
}

.animate-in .Game-Text {
	left: 50px;
	top: 125px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .Game-Text {
	left: 50px;
	opacity: 0;
	top: -100px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.Game-Screenshot {
	left: 1000px;
	position: absolute;
	top: 800px;

	transform: rotate(-20deg);
	z-index: 5;
}

.animate-in .Game-Screenshot {
	left: 550px;
	top: 60px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .Game-Screenshot {
	left: -500px;
	opacity: 0;
	top: 60px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.Game-Screenshot-Shadow {
	left: 540px;
	top: 508px;
	opacity: 0;
	position: absolute;

	transition-duration: 1.0s;
}

.animate-in .Game-Screenshot-Shadow {
	left: 540px;
	top: 330px;
	opacity: 1;

	transition-duration: 1.0s;
}

.animate-out .Game-Screenshot-Shadow {
	left: -500px;
	top: 330px;
	opacity: 0;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* PRINT */
/*****************************************************************************/

.Print-Printer {
	left: 25px;
	position: absolute;
	top: -800px;

	z-index: 5;
}

.animate-in .Print-Printer {
	top: 50px;

	transition-duration: 1.0s;
}

.animate-out .Print-Printer {
	left: -800px;
	top: 75px;

	opacity: 0;

	transition-duration: 1.0s;
}

.Print-Printer-Shadow {
	left: 15px;
	top: 500px;
	opacity: 0;
	position: absolute;
}

.animate-in .Print-Printer-Shadow {
	left: 15px;
	top: 340px;
	opacity: 1;

	transition-duration: 1.0s;
}

.animate-out .Print-Printer-Shadow {
	left: -810px;
	top: 320px;
	opacity: 0;

	transition-duration: 1.0s;
}

.Print-Text {
	left: 950px;
	position: absolute;
	top: 700px;
	width: 400px;

	transform: rotate(20deg);
}

.animate-in .Print-Text {
	left: 550px;
	top: 125px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .Print-Text {
	left: 800px;
	opacity: 0;
	top: 250px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* Easy */
/*****************************************************************************/

.Easy-Text {
	position: absolute;
	left: -450px;
	top: -400px;
	width: 500px;

	transform: rotate(-40deg);
}

.animate-in .Easy-Text {
	left: 50px;
	top: 150px;

	transform: rotate(0deg);

	transition-duration: 1.5s;
}

.animate-out .Easy-Text {
	left: 100px;
	opacity: 0;
	top: 250px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.Easy-Internet {
	left: 0px;
	opacity: 1;
	position: absolute;
	top: -400px;

	transform: rotate(-40deg);

	transition-duration: 1.5s;
}

.animate-in .Easy-Internet {
	left: 700px;
	opacity: 1;
	top: 150px;
    z-index: 1;

	transform: rotate(0deg);

	transition-duration: 1.5s;
}

.animate-out .Easy-Internet {
	left: 1100px;
	opacity: 0;
	top: -400px;

	transform: rotate(20deg);

	transition-duration: 1.0s;
}

.Easy-Internet-Shadow {
	left: 0px;
	opacity: 0;
	top: 500px;
	position: absolute;

	transition-duration: 1.5s;
}

.animate-in .Easy-Internet-Shadow {
	left: 690px;
	opacity: 1;
	top: 330px;
    z-index: 0;

	transition-duration: 1.5s;
}

.animate-out .Easy-Internet-Shadow {
	left: 1090px;
	opacity: 0;
	top: 500px;

	transition-duration: 1.0s;
}

/*****************************************************************************/
/* GameSend */
/*****************************************************************************/

.GameSend-Email {
	left: -450px;
	position: absolute;
	top: 800px;

	transform: rotate(-20deg);
	z-index: 5;
}

.animate-in .GameSend-Email {
	left: 600px;
	top: 50px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .GameSend-Email {
	left: 1010px;
	opacity: 0;
	top: 50px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.GameSend-Shadow {
	left: 40px;
	top: 340px;
	opacity: 0;
	position: absolute;

	transition-duration: 1.0s;
}

.animate-in .GameSend-Shadow {
	left: 590px;
	top: 340px;
	opacity: 1;

	transition-duration: 1.0s;
}

.animate-out .GameSend-Shadow {
	left: 1000px;
	top: 340px;
	opacity: 0;

	transition-duration: 1.0s;
}


.GameSend-Text {
	left: 1000px;
	position: absolute;
	top: -100px;
	width: 400px;

	transform: rotate(-20deg);
}

.animate-in .GameSend-Text {
	left: 50px;
	top: 125px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .GameSend-Text {
	left: -100px;
	opacity: 0;
	top: 250px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}


/*****************************************************************************/
/* Pro */
/*****************************************************************************/


.Pro-Mouse {
	left: -250px;
	position: absolute;
	top: 800px;

	transform: rotate(-20deg);
	z-index: 5;
}

.animate-in .Pro-Mouse {
	left: 50px;
	top: 75px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .Pro-Mouse {
	left: -800px;
	opacity: 0;
	top: 50px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.Pro-Mouse-Shadow {
	left: -160px;
	top: 500px;
	opacity: 0;
	position: absolute;

	transition-duration: 1.0s;
}

.animate-in .Pro-Mouse-Shadow {
	left: 40px;
	top: 350px;
	opacity: 1;

	transition-duration: 1.0s;
}

.animate-out .Pro-Mouse-Shadow {
	left: -810px;
	top: 350px;
	opacity: 0;

	transition-duration: 1.0s;
}

.Pro-Text {
	left: 950px;
	position: absolute;
	top: 700px;
	width: 400px;

	transform: rotate(20deg);
}

.animate-in .Pro-Text {
	left: 450px;
	top: 125px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}

.animate-out .Pro-Text {
	left: 800px;
	opacity: 0;
	top: 250px;

	transform: rotate(0deg);

	transition-duration: 1.0s;
}