.region-phones {
    color: #fff;
    font-family: "Oswald", sans-serif;
    max-width: 160px;
    margin-right: 20px;
}

@media (max-width: 575px) {
    .region-phones {
        max-width: 140px;
        margin-bottom: 20px;
    }
}

.region-phones .contacts-list {
    position: relative;
    top: 4px;
}

.region-phones .contacts-list .contacts-list-label,
.region-phones .contacts-list .city-list-label {
    background-image: url(/local/templates/staltorg/images/icons/dropdown-white.svg);
    background-position: top 50% right 0;
    background-repeat: no-repeat;
    color: white;
    cursor: pointer;
    font-size: 17px;
    line-height: 25px;
    padding-right: 13px;
}

.region-phones .contacts-list .contacts-list-rest,
.region-phones .contacts-list .city-list-rest {
    background-color: white;
    border-radius: 4px;
    display: none;
    font-size: 16px;
    line-height: 24px;
    min-width: 210px;
    padding: 6px 14px 9px;
    position: absolute;
    top: 100%;
    right: -16px;
    z-index: 10000;
    box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.15);
}

.region-phones .contacts-list .contacts-list-rest .list-item + .list-item,
.region-phones .contacts-list .city-list-rest .list-item + .list-item {
    margin-top: 8px;
}

.region-phones .contacts-list .contacts-list-rest .list-item a,
.region-phones .contacts-list .city-list-rest .list-item a {
    color: #313FA0;
}

.region-phones .contacts-list .contacts-list-rest .contact-list-city,
.region-phones .contacts-list .city-list-rest .contact-list-city {
    color: #777777;
    font-size: 16px;
    min-width: 100px;
    padding-right: 10px;
    text-align: right;
}

.region-phones .contacts-list .contacts-list-rest .contact-list-city {
    text-align: left;
}

.region-phones .contacts-list:hover .contacts-list-rest,
.region-phones .contacts-list:hover .city-list-rest {
    display: block;
}