.members a {
  border-radius:0px;
  text-align:center;
  text-decoration:none;
  position: relative;
  display: inline-block;
  width:26px;
  height:30px;
  margin:0px;
  -o-transition:all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
   -webkit-font-smoothing: antialiased;
}

.members a span {
  color:#666;
  position:absolute;
  font-family:sans-serif;
  bottom:0;
  left:-31px;
  right:-31px;
  padding:5px 7px;
  z-index:-1;
  font-size:14px;
  border-radius:2px;
  background:#cc0000;
  visibility:hidden;
  opacity:0;
  -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* pop-up text arrow */

.#members a span:before {
  content:'';
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #cc0000;
  position:absolute;
  top:-5px;
  left:40px;
  z-index:10;
}

/* text pops up when icon is in hover state */

.members a:hover span {
  z-index:10;
  bottom:-50px;
  visibility:visible;
  opacity:1;
  background-color:#cc0000;
  color:#fff;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}