.--pn-hide{
    display: none;
}
.-pn-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}
.-pn-container input,
.order-form__delivery-cour-input{
    width: 100%;
    padding: 8px 20px 8px 8px;
    font-size: 14px;
    outline: none;
    box-shadow: none!important;
    background: #FFFFFF!important;
    border: 1px solid #C8C8C8;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 3;
    position: relative;
    opacity: 1!important;
}
.-pn-container input::placeholder, 
.order-form__delivery-cour-input::placeholder{
    font-weight: 300;
    color: #595959;
}
.-pn-cancel-button{
    position: absolute;
    right: 5px;
    top: 9px;
    font-size: 14px;
    cursor: pointer;
    transform: scale(1.4, 1);
    z-index: 4;
    color: #595959;
}
.-pn-container>div{
    position: relative;
}
.-pn-container ul{
    position: relative;
    top: 100%;
    width: calc(100% + 12px);
    overflow: auto;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #FFF;
    max-height: 200px;

}
.-pn-container ul li{
    font-size: 14px;
    padding:8px;
}
.-pn-container ul li:first-child{
    margin-top: 5px;
}
.-pn-container ul li:nth-child(n+2){
    
    border-top: 1px solid #C8C8C8;
}
.-pn-container ul li:hover{
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.-pn-city_ul-holder, .-pn-post_ul-holder, .-pn-street_ul-holder, .ji-city_ul-holder, .ji-depart_ul-holder{
    position: absolute;
    max-height: 200px;
    width: 100%;
    top: calc(100% - 5px);
    overflow: hidden;
    border: 1px solid #C8C8C8;
    z-index: 2;
    background: #ffffff;
}

.-pn-container .--pn-choosen input{
    color: #000;
}
.-pn-streetsData_container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
    grid-column: -1 / 1;
}
.-pn-cities_container{
    z-index: 5;
    position: relative;
}
.-pn-streets_container{
    z-index: 4;
    position: relative;
}
.-pn-posts_container{
    position: relative;
}


@media (max-width:767px){
    .-pn-container input, .order-form__delivery-cour-input{
        font-size: 11px;
        line-height: 1.2;
        padding: 6px 15px 6px 6px;
    }
    .-pn-container ul li {
        font-size: 11px;
        padding: 6px;
    }
    .-pn-container ul{
        width: 100%;
    }
    .-pn-cancel-button {
        right: 5px;
        top: 5px;
        font-size: 12px;
        text-transform: lowercase;
    }

}
@media (max-width: 360px){
    .-pn-container input, .order-form__delivery-cour-input{
        font-size: 10px;
    }
    .-pn-container ul li {
        font-size: 10px;
    }
    .-pn-cancel-button{
        top: 6px;
    }
}