.w-map {
    visibility: visible;
}

.w-map img {
    max-width: none !important;
}

.radar-dot {
    margin: auto auto;
    width: 100px;
    height: 100px;
    position: relative;
}

.radar-centraldot {
    width: 10px;
    height: 10px;
    background: rgba(32, 150, 243, 1);
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
    animation: animationDotCentral linear 3s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.radar-wave,
.radar-wave2 {
    width: 130px;
    height: 130px;
    background: rgba(32, 150, 243, 1);
    border-radius: 200px;
    position: absolute;
    left: -60px;
    top: -60px;
    opacity: 0;
    animation: animationWave cubic-bezier(0, .54, .53, 1) 3s;
    transform-origin: 50% 50%;
    animation-fill-mode: forwards;
    animation-delay: 0.9s;
    animation-iteration-count: infinite;
}

.radar-wave2 {
    animation-delay: 1.07s;
}

@keyframes animationDotCentral {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    5% {
        transform: scale(2);
    }

    10% {
        transform: scale(0.90);
        opacity: 1;
    }

    11% {
        transform: scale(1.50);
    }

    12% {
        transform: scale(1.00);
    }

    28% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes animationWave {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    1% {
        opacity: 1;
    }

    10% {
        opacity: 0.4;
    }

    70% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}