.sp-circle-link-reel {
	position: absolute;
	left: 50%;
	bottom: 150px;
	margin-left: -170px;
	text-align: center;
	line-height: 100px;
	width: 130px;
	height: 130px;
	background: #50767E;
	color: #e8e8e8;
	font-size: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: blurFadeIn 3s ease-in 3s backwards;
	-moz-animation: blurFadeIn 3s ease-in 3s backwards;
	-ms-animation: blurFadeIn 3s ease-in 3s backwards;
	-o-animation: blurFadeIn 3s ease-in 3s backwards;
	animation: blurFadeIn 3s ease-in 3s backwards;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.sp-circle-link-reel:hover {
	background: #8B1818;
	color: #fff;
		-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
-webkit-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4); 
	-moz-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
}
.sp-circle-link{
	position: absolute;
	left: 50%;
	bottom: 150px;
	margin-left: 30px;
	text-align: center;
	line-height: 100px;
	width: 130px;
	height: 130px;
	background: #50767E;
	color: #e8e8e8;
	font-size: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: blurFadeIn 3s ease-in 5s backwards;
	-moz-animation: blurFadeIn 3s ease-in 5s backwards;
	-ms-animation: blurFadeIn 3s ease-in 5s backwards;
	-o-animation: blurFadeIn 3s ease-in 5s backwards;
	animation: blurFadeIn 3s ease-in 5s backwards;
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.sp-circle-link:hover {
	background: #8B1818;
	color: #fff;
		-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	-webkit-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4); 
	-moz-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
	box-shadow: 0 0 25px 4px rgba(0,0,0,0.4);
}


/**/
@-webkit-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-webkit-transform: scale(0);
	}
}
@-webkit-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-webkit-transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		-webkit-transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes blurFadeInDev{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(5);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(3);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 0px #fff;
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes fadeInBack{
	0%{
		opacity: 0;
		-webkit-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-webkit-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-webkit-transform: scale(5);
	}
}
@-webkit-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-webkit-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}
/**/
@-moz-keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		-moz-transform: scale(0);
	}
}
@-moz-keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		-moz-transform: scale(1.3);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		-moz-transform: scale(1);
	}
}
@-moz-keyframes fadeInBack{
	0%{
		opacity: 0;
		-moz-transform: scale(0);
	}
	50%{
		opacity: 0.4;
		-moz-transform: scale(2);
	}
	100%{
		opacity: 0.2;
		-moz-transform: scale(5);
	}
}
@-moz-keyframes fadeInRotate{
	0%{
		opacity: 0;
		-moz-transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		-moz-transform: scale(1) rotate(0deg);
	}
}
/**/
@keyframes blurFadeInOut{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	20%,75%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
	100%{
		opacity: 0;
		text-shadow: 0px 0px 50px #fff;
		transform: scale(0);
	}
}
@keyframes blurFadeIn{
	0%{
		opacity: 0;
		text-shadow: 0px 0px 40px #fff;
		transform: scale(1.3);
	}
	50%{
		opacity: 0.5;
		text-shadow: 0px 0px 10px #fff;
		transform: scale(1.1);
	}
	100%{
		opacity: 1;
		text-shadow: 0px 0px 1px #fff;
		transform: scale(1);
	}
}
@keyframes fadeInBack{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 0.4;
		transform: scale(2);
	}
	100%{
		opacity: 0.2;
		transform: scale(5);
	}
}
@keyframes fadeInRotate{
	0%{
		opacity: 0;
		transform: scale(0) rotate(360deg);
	}
	100%{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

/* Step 1: Build an Animation */
@-webkit-keyframes aniload {
from{-webkit-transform:translate(-2200px, 0px);}
to{-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes aniload {
from{-moz-transform:translate(-2200px, 0px)}
to{-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes aniload {
from{-ms-transform:translate(-2200px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@-o-keyframes aniload {
from{-ms-transform:translate(-2200px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@keyframes aniload {
from{transform:translate(-2200px, 0px)}
to{transform:translate(0px, 0px)}
}