/********** IRAN MAP **********/
#IranMap {
    direction: rtl;
    display: block;
    width: 90%;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    padding: 0;
    margin: -30px auto 30px;
    position: relative;
}

#map-tooltip {
    display: none;
    color: #fff;
    text-align: center;
    line-height: 26px;
    background-color: #333;
    padding: 0 5px;
    margin: 0 !important;
    border-radius: 2px;
    position: absolute;
    z-index: 999;
    opacity: .9;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

#map-tooltip:after {
    content: "";
    border: 5px solid transparent;
    border-top-color: #333;
    border-bottom: 0;
    position: absolute;
    bottom: -5px;
    right: calc(50% - 5px);
}

#IranMap .map {
    display: block;
    text-align: center;
    -webkit-user-select: none;
    /*! -moz-user-select: none; */
    -ms-user-select: none;
}

#IranMap .map svg {
    width: 600px;
    height: 600px;
    max-width: 100%;
}

#IranMap .map .border path, #IranMap .map .island path {
    fill: #fff;
}

#IranMap .map .province path {
    fill: #8d8b8b;
    position: relative;
}

    #IranMap .map .province path.special-province {
        fill: #4CAF50;
    }


#IranMap .map .province path.loc-point {
    fill: #00ff7e;
}

#IranMap .map .sea path, #IranMap .map .lake path {
    fill: #6caed8;
}

#IranMap .map .province path:hover,
#IranMap .map .island path:hover,
#IranMap .map .province path.hover,
#IranMap .map .island path.hover {
    fill: #004caa !important;
    cursor: pointer;
}
    #IranMap .map .province path.special-province:hover,
    #IranMap .map .island path.special-province:hover,
    #IranMap .map .province path.special-province.hover,
    #IranMap .map .island path.special-province.hover {
        fill: #1B5E20 !important;
        cursor: pointer;
    }

/********** MAP LINKS **********/
.map-links {
    margin-bottom: 30px;
}

.map-links ul {
    display: inline-block;
    min-width: 250px;
    padding: 0;
    margin-top: 0;
    list-style: none;
    vertical-align: top;
}

.map-links li a {
    display: inline-block;
    color: #004caa;
    line-height: 2.4em;
}

.map-links li a:hover {
    text-indent: 5px;
}