@charset "UTF-8";
/*( 6+1)*/
/*** Список городов ***/
.city_change .popover {
    width: 100%;
    max-width: 250px;
    height: auto;
}


@media (max-width: 767px) {
    .city_change .popover {
        /*max-width: 100%;*/
        max-height: 100vh;
        /*left: -5px !important;*/
        top: 0 !important;
    }
    .city_change .popover-body {
        max-height: calc(100vh - 130px);
        overflow-y: auto;
    }
    .popover > .arrow:after{
        /*display: none;*/
    }
}

.city_change .city {
    padding: 19px 25px 27px;
    font-size: 14px;
    font-family: 'PT Sans';
}

.city_change .city .header{
    font-size: 18px;
    color: #3F4753;
    margin-bottom: 18px;
}

.city_change .popover-body{
    padding: 0;
}
.city_change .popover .arrow{
    display: none;
}

.city_change .popover{
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.19);
    min-width: 287px;
    border: none;
    border-radius: 6px;
}

.city-button__wrap .change,
.city-button__wrap .continue{
    border-radius: 6px;
    font-family: 'PT Sans Bold';
    
}

.city-button__wrap .continue{
    background: #84c427;
    width: 70px;
    min-width: 70px;
    margin-right: 14px;
    border: none;

}



.city-button__wrap .continue:hover {
    border: none;
}
.city-button__wrap .continue:focus {
    border: none;
    box-shadow: none;
    
}
.city-button__wrap .continue:active {
    background-color: #84c427 !important;
    border: none;
}




.city-button__wrap .change{
    min-width: 154px;
    border: 1px solid #727272;
    color: #727272;
}

.city-button__wrap .change:focus {
    box-shadow: none;
}

.city-button__wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
}

.city_change .city .navbar-nav {
    width: 100%;
    padding-top: 15px;
    margin: 6.5px 0;
    flex-direction: row;
}

.city_change .city .navbar-nav a {
    color: #969696;
    padding: 0 6px 0 0;
    display: inline-block;
}

.city_change .city .navbar-nav a:hover, .city_change .city .navbar-nav a:active, .city_change .city .navbar-nav a:focus, .city_change .city .navbar-nav a.active {
    color: #84c427;
}

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1) !important;
}

.city_change .city .block-city {
    float: left;
    position: relative;
    padding: 10px 0;
    list-style: none;
    width: 100%;
    /*указываем общую ширину блока с колонками*/
    text-align: justify;
    /*выравнивание текста внутри колонок*/
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}


@media (min-width: 768px) {
    .city_change .city .block-city {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

.city_change .city .block-city .warning {
    position: absolute;
    top: 2px;
}

.city_change .city .block-city a {
    color: #000;
    line-height: 20px;
    text-decoration: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.city_change .city .input-group {
    width: 100%;
}

.city_change .city input {
    border: 2px solid #84c427;
    font-size: 14px;
}

#location_search_field > div {
    padding-top: 5px;
}