.city-notification-modal{
    /*width: 100%;*/
    font-size: 13px;
    position: absolute;
    left: 41%;
    top: 81px;
    z-index: 1020;
}

.city-agree {
    width: 350px;
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #0d9b42;
    border-radius: 10px;
}
.city-agree-close {
    position: absolute;
    top: -18px;
    left: 330px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1100;
    background-image: url(/images/fancybox_sprite.png);
}
.city-agree__button:not(:last-child){
    margin-right:10px
}
.city-agree__button.btn-green{
    background:#66c05d;
    border:1px solid #66c05d
}


@media (max-width:767px){
    .city-notification-modal {
        width: 100%;
        font-size: 13px;
        position: fixed;
        left: 0;
        padding: 30px;
        top: 178px;
        z-index: 1060;
    }
    .city-agree{
        max-width: 84vw;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .city-agree-close{
        top: 3vw;
        left: 86vw;
    }
}
.city-agree__text{
line-height:1.5;
margin:0;
    text-align: center;
}
@media (min-width:768px){
.city-agree__text{
    padding-bottom: 15px;
}
}
@media (max-width:767px){
.city-agree__text{
    margin-bottom:10px
}
}
.city-agree__buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: space-around;
}
@media (max-width:767px){
.city-agree__buttons{
    -ms-flex-item-align:center;
    align-self:center;
    -webkit-box-pack:stretch;
    -ms-flex-pack:stretch;
    justify-content:stretch;
}
}
.city-agree__button{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
font-size:12px;
    padding: 5px;
/*
height:35px;
*/
border-radius:4px;
-webkit-transition:color .3s ease-out,background .3s ease-out;
transition:color .3s ease-out,background .3s ease-out;
cursor:pointer
}
@media (min-width:768px){
    .city-agree__button{
        padding: 6px 40px;
        margin: 0 10px;
    }
}
@media (max-width:767px){
    .city-agree__button{
        -webkit-box-flex:1;
        -ms-flex:1 0 140px;
        flex:1 0 45%;
        padding: 6px 23px;
        margin: 0 10px;
    }

}

@media (min-width:992px){
.city-agree__button.btn-green:hover{
    color:#71c768;
    background:#fff
}
}
@media (max-width:991px){
.city-agree__button.btn-green:active{
    color:#71c768;
    background:#fff
}
}
.city-agree__button.btn-dark{
background:#333f46;
border:1px solid #333f46
}
@media (min-width:992px){
.city-agree__button.btn-dark:hover{
    color:#333f46;
    background:#fff
}
}
@media (max-width:991px){
.city-agree__button.btn-dark:active{
    color:#333f46;
    background:#fff
}
}