.tooltip, .arrow:after {
  background: black;
  border: 2px solid white;
}

.tooltip {
  opacity: 0;
  display: inline-block;
  position: absolute;
  padding: 10px 20px;
  color: white;
  border-radius: 20px;
  margin-top: 20px;
  text-align: center;
  font: normal 12px "Helvetica Neue", Sans-Serif;
  font-stretch: condensed;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 0 7px black;
  bottom:0;
  left:0;
}
.tooltip.active {
  opacity: 1;
  margin-top: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.tooltip.out {
  opacity: 0;
  margin-top: -20px;
}
.banner-pic{position:relative; z-index:2;}
.tooltip0{
	margin-left:9%;
}
.tooltip1{
	margin-left:25%;
}
.tooltip2{
	margin-left:39%;
}
.tooltip0:hover, .tooltip1:hover, .tooltip2:hover{opacity:1;}
.tooltip0 a, .tooltip1 a, .tooltip2 a{color:#fff;}