#londerBum{width: 100%; height:0px;position:fixed; left:0px; overflow: hidden;background: rgb(0,0,0,0.5);z-index: 1000;}

.londerSKI {
       padding-top: 20%; 
	text-align: center;
	width:230px;
	height:144px;
	margin: auto;
}

.londerSKI span {
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 29px;
	margin: 72px auto;
	background: rgb(0,0,0);
	border-radius: 144px;
		-o-border-radius: 144px;
		-ms-border-radius: 144px;
		-webkit-border-radius: 144px;
		-moz-border-radius: 144px;
	animation: londerSKI 1.105s infinite alternate;
		-o-animation: londerSKI 1.105s infinite alternate;
		-ms-animation: londerSKI 1.105s infinite alternate;
		-webkit-animation: londerSKI 1.105s infinite alternate;
		-moz-animation: londerSKI 1.105s infinite alternate;
}

#londerSKI_1 {
	animation-delay: 0s;
		-o-animation-delay: 0s;
		-ms-animation-delay: 0s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
}

#londerSKI_2 {
	animation-delay: 0.3295s;
		-o-animation-delay: 0.3295s;
		-ms-animation-delay: 0.3295s;
		-webkit-animation-delay: 0.3295s;
		-moz-animation-delay: 0.3295s;
}

#londerSKI_3 {
	animation-delay: 0.659s;
		-o-animation-delay: 0.659s;
		-ms-animation-delay: 0.659s;
		-webkit-animation-delay: 0.659s;
		-moz-animation-delay: 0.659s;
}



@keyframes londerSKI {
	0% {
		width: 29px;
		height: 29px;
		background-color:rgb(0,0,0);
		transform: translateY(0);
	}

	100% {
		width: 69px;
		height: 69px;
		background-color:rgb(255,255,255);
		transform: translateY(-60px);
	}
}

@-o-keyframes londerSKI {
	0% {
		width: 29px;
		height: 29px;
		background-color:rgb(0,0,0);
		-o-transform: translateY(0);
	}

	100% {
		width: 69px;
		height: 69px;
		background-color:rgb(255,255,255);
		-o-transform: translateY(-60px);
	}
}

@-ms-keyframes londerSKI {
	0% {
		width: 29px;
		height: 29px;
		background-color:rgb(0,0,0);
		-ms-transform: translateY(0);
	}

	100% {
		width: 69px;
		height: 69px;
		background-color:rgb(255,255,255);
		-ms-transform: translateY(-60px);
	}
}

@-webkit-keyframes londerSKI {
	0% {
		width: 29px;
		height: 29px;
		background-color:rgb(0,0,0);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 69px;
		height: 69px;
		background-color:rgb(255,255,255);
		-webkit-transform: translateY(-60px);
	}
}

@-moz-keyframes londerSKI {
	0% {
		width: 29px;
		height: 29px;
		background-color:rgb(0,0,0);
		-moz-transform: translateY(0);
	}

	100% {
		width: 69px;
		height: 69px;
		background-color:rgb(255,255,255);
		-moz-transform: translateY(-60px);
	}
}