.tooltip {
    position: absolute;
    bottom: -18px;
    left: 25px;
    font-size: .8em;
    transition: opacity .6s;
    opacity: 0;
}
.tooltip .tooltip-text {
    padding: .6em .8em .6em .8em;
    color: white;/*#5e677e;*//*495062 darker*/
    border:none;
    border-radius:20px;
    background-color:#ff7556;/*#ffc0a0;*//*matches arrow*/
}
.tooltip .tooltip-pointer {
    min-width: 34px;
    height: 19px;
    background-image: url('/img/tooltip-arrow-orng-pnk-34x19.png');
    background-repeat: no-repeat;
    background-position: center center;
}