.wrap{
  margin: 0px auto !important;
  padding: 0px !important;
  color: #fff;
  text-align: center;
}
.wrap img{
	margin:0px;
}
.wrap ul{
  width:230px;
	height:20px;
	margin:0px auto !important;
	padding:0px !important;
	float:right !important; 
}
.wrap li{
  margin-right:30px !important;
	float:right !important; 
	list-style:none;
	padding:0px !important;
	margin-top:5px !important;
	width:20px !important;
	height:20px !important;
}
.home h1{
	margin:0px!important;
	padding:0px!important;
	line-height:20px;
}
.wrap a{
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 10%;
  background: #000;
  transition: .3s;
  margin:0px !important;
  padding:0px !important;
}
.wrap a:hover{
  background: #333;
}
.wrap a:before {
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}

.wrap a span{
	position: absolute;
	opacity: 0;
	top: 1px;
	left: -30px;
	width: 60px;
	padding: 10px;
	border-radius: 2px;
	background: #000;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	transition: .3s;
	z-index:120;
}
.wrap a span:after{
  position: absolute;
  top: -30%;
  left: 35px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-bottom: 6px solid #000;
  content: "";
}
.wrap a:hover span{
  opacity: 1;
  top: 30px;
}