#IranMap {
    position: relative;
    /*font-family: Tahoma;*/
    font-size: 11px;
}

    #IranMap .show-title {
        display: none;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.77);
        color: #c09c3d;
        margin: 0 !important;
        padding: 0 5px;
        text-align: center;
        line-height: 26px;
        font-weight: bold;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    #IranMap .map {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        #IranMap .map svg {
            max-height: 520px;
            max-width: 520px;
        }

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

        #IranMap .map .province path {
            fill: #999;
        }

        #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:#333 !important;
            cursor: pointer;
        }


/*List Of Cities*/
.list ul {
    padding: 5px;
    background: #fff;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.23);
    /*border: 1px solid #e4dede;*/
    border-radius: 3px;
}

/*.list > ul {
    margin-left: 10px;
}*/

.list li {
    list-style: none;
}

.list ul li {
    display: block;
    float: right;
    /*width: 33.33333333333333%;*/
    width: 50%;
}

    .list ul li a {
        /*background: #34495e;*/
        color: #222;
        display: block;
        padding: 0 3px;
        line-height: 25px;
        margin: 1px 1px;
        text-decoration: none;
        font-size: 11px;
        position: relative;
        background: #e9ebec;
        border-radius: 3px;
    }

        .list ul li a:hover, .list ul li a.hover {
            color: #c09c3d;
            background: #222;
        }


.list ul:before, .list ul:after {
    display: table;
    content: " ";
}

.list ul, .list ul:after {
    clear: both;
}


@media(min-width:550px) {
    .list ul li a {
        /*background: #34495e;*/
        color: #222;
        display: block;
        padding: 0 5px;
        line-height: 25px;
        margin: 2px 2px;
        text-decoration: none;
        font-size: 13px;
        position: relative;
        background: #f5f4f4;
        border-radius: 3px;
    }
}