.lineBalloon{
    position: relative;
    background-color: #333333;
    left: 3px;
    text-align:center;
    box-shadow: 5px 5px 5px #333333;
    border-radius: 5px;
    top: 14px;
    padding: 10px;
    color: white;
    font-size: 15px;
    border: solid 3px white;
}
.lineBalloon:hover{
    background-color: #f6d405;
}
.lineBalloon:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #333333;
  z-index: 11;
}

.lineBalloon:after {
  content: "";
  position: absolute;
  top: -31px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid white;
  z-index: 3;
}
.lineBalloon:hover:before{
    border-bottom: 12px solid #f6d405;
}
.lineBalloon p {
  margin: 0;
  padding: 0;
}
.eventLine{
    position:absolute;
    cursor: pointer;
    padding-bottom: 27px;
}
.eventLine .pin{
    text-align:center;
    color: white;
    text-shadow: 1px 1px 1px red;
    position: relative;
    top:5px;
    font-size: 20px;
}