.ss-page-stuff {
	transition: all 0.5s ease, bottom 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity:0;
}
.flex-active-slide .ss-page-stuff {
	transition: all 0.5s ease, bottom 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	opacity:1;
}

.ss-page {
	width:720px;
	height:720px;
	pointer-events: none;
}

.flex-active-slide .ss-page {
	pointer-events: all;
}

.ss-karl {
	position:relative;
	width:405px;
	height:310px;
	top:300px;
	left:200px;
	animation: float 6s ease-in-out infinite;
}

.ss-moka {
	position:relative;
	top:-130px;
	left:350px;
	width:150px;
	height:161px;
	animation: float2 5s ease-in-out infinite;
}

.ss-title {
	position:absolute;
	width:720px;
	height:720px;
	z-index:-1;
}

.ss-diamond {
	position:absolute;
	width:720px;
	height:720px;
	z-index:-2;
	background-repeat: no-repeat;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes float2 {
	0% {
		transform: translatey(-20px);
	}
	50% {
		transform: translatey(0px);
	}
	100% {
		transform: translatey(-20px);
	}
}

@keyframes floatnear {
	0% {
		transform: translatex(-40px);
	}
	50% {
		transform: translatex(40px);
	}
	100% {
		transform: translatex(-40px);
	}
}

@keyframes floatfar {
	0% {
		transform: translatex(5px);
	}
	50% {
		transform: translatex(-5px);
	}
	100% {
		transform: translatex(5px);
	}
}

@keyframes floatxmedium {
	0% {
		transform: translatex(-20px);
	}
	50% {
		transform: translatex(20px);
	}
	100% {
		transform: translatex(-20px);
	}
}


.ss-blockicon {
	position:relative;
	top:100px;
	left:450px;
	width:152px;
	height:171px;
}

.ss-blocktitle {
	position:absolute;
	width:720px;
	height:720px;
	z-index:-1;
	background-repeat: no-repeat;
	
	animation: floatnear 15s ease-in-out infinite;
}

.ss-blocksymbol {
	position:absolute;
	width:720px;
	height:720px;
	z-index:-3;
	background-repeat: no-repeat;
	
	animation: floatfar 15s ease-in-out infinite;
}

.ss-blockname {
	position:relative;
	top:320px;
	width:720px;
	height:90px;
	z-index:-2;
	animation: floatxmedium 15s ease-in-out infinite;
}
