.over, .noover {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.over span.tooltip {
    background: #00BCD4;
    border: 5px solid #f1f1f1;
    color: #ffffff;
    text-align: center;
    align-items: center;
    display: flex;
    -o-display: flex;
    position: absolute;
}

.titleServices1 {
    border-radius: 31px 31px 31px 31px;
    -moz-border-radius: 31px 31px 31px 31px;
    -webkit-border-radius: 31px 31px 31px 31px;
    color: #FFF;
    background: #00BCD4;
    height: 65px;
    width: 300px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.over:hover {
    visibility: hidden;
}

.over:hover span.tooltip {
    visibility: visible;
    font-size: 1em;
    top: 5px;
    left: 7px;
    z-index: 10;
    content: "";
    width: 95%;
    height: 95%;
    background: #00BCD4;
    border-radius: 50%;

    -moz-animation-name: Animacion;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;

    -webkit-animation-name: Animacion;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;

    animation-name: Animacion;
    animation-duration: 1s;
    animation-iteration-count: 1;
}


@-moz-keyframes Animacion {
    from{
        -moz-transform: scale(0.8);
    }
    to {
        -moz-transform: scale(1.0);
    }
}
@-webkit-keyframes Animacion {
    from{
        -webkit-transform: scale(0.8);
    }
    to {
        -webkit-transform: scale(1.0);
    }
}

@-ms-keyframes Animacion {

    from{
        -ms-transform: scale(0.8);
    }
    to {
        -ms-transform: scale(1.0);
    }
}