.p_page_main_districts {
    text-align: center;
}

.p_page_main_districts table {
    display: inline-block;
}

.p_page_main_districts {
    padding: 25px 0;
}

#yamap-districts {
    width: 100%;
    height: 500px;
}
#lists-districts {
    border-left: 5px solid #f8ce35;
}
#lists-districts li {
    position: relative;
    font-size: 14px;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    margin-left: -5px;
    border-left: 5px solid transparent;
}

#lists-districts li.active,
#lists-districts li:hover {
    background-color: #f8ce35;
    border-left-color: #000;
}

#lists-districts li:hover a,
#lists-districts li.active a {
    color: #000;
    text-decoration: none;
}

#lists-districts li:hover:after,
#lists-districts li.active:after {
    content: '\f041';
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    font-family: 'icons-main' !important;
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (max-width: 550px) {

    .p_page_main_districts .col.size_3_of_12 {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
}



@media only screen and (max-width: 850px) {
    #lists-districts li:hover:after,
    #lists-districts li.active:after {
        display: none;
    }
}


#lists-districts h3 {
    margin: 10px 0px 5px 10px;
}


#lists-districts.msk-areas h3 {
    margin: 2px 0 0 -5px;
}


.msk-areas h3 {
    position: relative;
    font-size: 14px;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    /*margin-left: -5px;*/
    margin: 2px 0 0 -5px;
    border: none;
    border-radius: 0;
    border-left: 5px solid transparent;
    background: none;
}
.msk-areas h3:hover,
.msk-areas h3.active,
.msk-areas h3.ui-state-active {
    background-color: #f8ce35;
    border-left-color: #000;
}

.msk-areas h3:hover:after,
.msk-areas h3.ui-state-active:after {
    content: '\f078';
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    font-family: 'icons-main' !important;
    font-size: 20px;
    font-weight: bold;
}
.msk-areas h3.ui-state-active:after {
    content: '\f077';
}
.msk-areas h3 + div {
    border-radius: 0;
    border: none;
}


.msk-areas.ui-accordion .ui-accordion-content {
    padding: 1em 1.2em;
}



#lists-districts li.isInside {
    font-size: 1em;
    padding-left: 2em;
}