.map-container {
    position: relative;
    display: inline-block
}

.map-container img {
    width: 100%
}

.map-container .point {
    cursor: pointer;
    position: absolute;
    width: 1.3rem;
    height: 1.3rem;
    background-color: #007cbd;
    border-radius: 50%;
    transition: all .3s ease;
    will-change: transform, box-shadow;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 rgba(0, 124, 189, 0.4);
    animation: pulse 3s infinite
}

.map-container .point:hover {
    transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.map-container .flusa {
    top: 38%;
    left: 19%
}

.map-container .usa {
    top: 30%;
    left: 21.5%
}

.map-container .europe {
    top: 25%;
    left: 45%
}

.map-container .Turkey {
    top: 30%;
    left: 54.5%
}

.map-container .london {
    top: 20%;
    left: 43.5%
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 124, 189, 0.5)
    }
    70% {
        box-shadow: 0 0 0 25px rgba(0, 124, 189, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 124, 189, 0)
    }
}

.popover-header {
    color: #004b87 !important;
    background-color: white !important
}

.popover-body {
    color: #004b87
}