/********** GMAP TOOLTIP **********/

.gmap-tooltip {
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    margin:-6rem 0 0 0;
    padding:2rem;
    color: rgb(0,0,0);
    background:rgb(255,255,255);
    display:none;
    -webkit-transform:translate3d(-50%,-50%,0);
    -moz-transform:translate3d(-50%,-50%,0);
    -o-transform:translate3d(-50%,-50%,0);
    -ms-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
}
.gmap-tooltip.active {
    display:block;
}
.gmap-tooltip span {
    display:block;
    white-space:nowrap;
}
.gmap-tooltip span + span {
    padding:.5rem 0 0 0;
}
.gmap-tooltip .name + * {
    padding:1rem 0 0 0;
}
.gmap-tooltip .location {
    font-size:.75rem;
}

.gmap-tooltip .close-tooltip {
    position: absolute;
    top: 7px;
    right: 13px;
    font-size: 35px;
    cursor: pointer;
}

@media all and (max-width: 768px) {
    .gmap-tooltip {
        width: 90%;
        position: absolute;
        left: 50% !important;
        top: 46% !important;
        transform: translate(-50%, -50%);
    }
    .gmap-tooltip span {
        display: block;
        white-space: normal;
    }
}

@media all and (max-width: 550px) {
    .gmap-tooltip {
        width: 95%;
    }
}