#select_city,
#popup-window-content-select_city{
    background: transparent;
}
.city_selector-current{
    padding-left: 26px;
    position: relative;
    cursor:pointer;
    font-size: 16px;
    color: #F27405;
    font-weight: bold;
    line-height: 39px;
}
.city_selector-current:before {
    content: '';
    position: absolute;
    background-image: url("images/pin.svg");
    width: 1em;
    height: 1em;
    top: 10px;
    left: -1px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .2s ease;
}
#select_city{
    max-width: 650px;
    box-shadow: none;
}
.city_selector-popup{
    width: 450px;
    display: block;
}
.city_selector-popup-wrap{
    background: #555;
    margin-top: 15px;
    padding: 20px 40px;
}
.city_selector-popup-title {
    font-size: 18pt;
    background: transparent;
    text-transform: uppercase;
    font-weight: bold;
}
.city {
    width: 100%;
    font-size: 18px;
    margin-bottom: 0.8em;
}
.city .current {
    font-weight: 700;
    cursor: default;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0.8em;
    text-decoration: none;
}
.city a{
    text-decoration: underline;
}
.city a:hover{
    color: #9c2531;
}
.close-popup{
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--main-orange);
    cursor: pointer;
}

@media (max-width: 600px) {
    .city_selector-popup{
        width: 250px;
        display: block;
    }
    .city {
        font-size: 13px;
    }
    .city .current{
        font-size: 13px;
    }
}

@media (max-width: 600px) and (min-width: 321px){
    .city_selector {
        margin: 0 0 0 32px;
    }
}