.svg-turkiye-map {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

    .svg-turkiye-map svg {
        width: 100%;
        height: auto;
    }

.div-city-names {
    position: absolute;
    z-index: 2;
}

    .div-city-names div {
        background: #ed1c24;
        color: #fff;
        display: inline-block;
        font-size: 12pt;
        padding: 8px 16px;
        border-radius: 4px;
    }

#svg-turkiye-map g[data-city-code] {
    cursor: pointer;
}

    #svg-turkiye-map g[data-city-code] path {
        fill: #cecece;
        transition: fill .12s ease-in-out;
    }

    #svg-turkiye-map g[data-city-code]:hover path {
        fill: #ed1c24;
    }

    #svg-turkiye-map g[data-city-code].active path {
        fill: #ed1c24;
    }