.social {
	/* width: 200px;*/
	height: 220px;
	position: fixed;
	margin-top: 30px;
	perspective: 1000px;
	right: 0;
	top: 20.8%;
	clear:both;
	z-index:10;
}
.social li a {
	display: block;
	height: 20px;
	width: 40px;
	background: #ed1b24;
	border-bottom: 1px solid #d80404;
	font: normal normal normal 16px/20px 'FontAwesome', 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	transition: background 0.5s ease 0.3ms;
}
.social li:first-child a:hover {
	background: #080f13;
}
.social li:nth-child(2) a:hover {
	background: #080f13;
}
.social li:nth-child(3) a:hover {
	background: #080f13;
}
.social li:nth-child(4) a:hover {
	background: #080f13;
}
.social li:nth-child(5) a:hover {
	background: #080f13;	
}
.social li:first-child a {
	border-radius: 5px 0 0 0;
}
.social li:last-child a {
	border-radius: 0 0 0 5px;
}
.social li a span {
	width: 100px;
	float: right;
	text-align: center;
	background: #080f13;
	color: #fff;
	margin: -25px 64px;
	padding: 8px;
	transform-origin: 0;
	visibility: hidden;
	opacity: 0;
	transform: rotateY(45deg);
	border-radius: 5px;
	transition: all 0.5s ease 0.3ms;
}
.social li span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	right: -20px;
	top: 7px;
	border-left: 10px solid #080f13;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
}
.social li a:hover span {
	visibility: visible;
	opacity: 1;
	transform: rotatex(0);
}