* {
    margin: 0;
    padding: 0;
}

/*Шапка*/

    .menu-mobile{
        visibility: hidden;
        display: none;
    }

    .header_wrap{
        height: 56px;
        display: table;
        width: 100%;
        background-color:#01bf9a;
        color:rgba(255,255,255,.83);
        font: 14px/14px 'Roboto',sans-serif;
        line-height: 2;
    }

    .header_left{
        width: 70%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }

    .header_right{
        display: table-cell;
        vertical-align: middle;
    }

    .topleft{
        padding-left: 40px;
    }

    .topmenu{
        visibility: hidden;
        display: none;
    }

    .navbar_mobile{
        visibility: hidden;
        display: none;
    }

    .topright{
        font: 700 14px/14px 'Roboto',sans-serif;
        padding-left: 0px;
        padding-right: 15px;
    }

    /*Футер*/

        footer{
        height: 40px;
    }

    .foot_wrap{
        height: 100%;
        width: 100%;
        display: table;
    }

    .logo_foot{
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }

    .text_foot{
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: center;
        color: rgba(25,35,43,.3);
    }

    .text_foot_link{
        text-decoration: underline;
        color: rgba(25,35,43,.3);
    }

    .text_foot_link:hover{
        text-decoration: none;
        color: #0989cc;
    }

    .gerb_foot{
        margin-right: 10px;
        text-align: right;
        margin-right: 10px;
    }

    .gerb_foot_text{
        display: inline;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: left;
        color: #19232b;
        margin-left: 5px;
        padding-right: 15px;
    }

    .gerb_img_link:hover{
        text-decoration: none;
    }

    .gerb_foot{
        display: table-cell;
        vertical-align: middle;
    }

/*Заголовок*/

.intro__heading {
font: 900 24px/32px 'Roboto Black',sans-serif;
color: #3167A9;
margin: 2em 0 15px 15px;
padding-left: 45px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*Статьи главная*/

.blog{
 position: relative;
 display: flex;
}

.blog h1{
 color:#3b4256;
 margin: 2em; 
}

.blog .card img{
 width: 100%;
 height: 16em;
}

.blog .card-title{
 color:#3b4256;
 font: 900 16px/24px 'Roboto',sans-serif; 
 line-height: 1.5;
 height: 90%;
 overflow: hidden;
 text-overflow: ellipsis; 
}

.blog .card-body{
 padding: 1em;
 color:#01bf9a;
}

.blog .card-link{
 color:#3b4256;
}

.place{
float: left;
}

.time{
text-align: right;
}

.category__title {
font: 900 22px/32px 'Roboto Black',sans-serif;
color: #01bf9a;
margin-bottom: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
margin-left: 30px;
}

.container {
margin-left: 15px!important;
margin-right: 15px!important;
position: relative;
}

.blog__category{
display: flex;
}

.cat__title{
margin-top: 15px;
}

.categories{
margin-top: 15px;
}

.card{
height: 425px;
margin-left: 30px;
border-radius: 5px;
margin-bottom: 60px;
}

@media screen and (min-width: 1430px) {
    .card{
        height: 460px;
    }
}

.card-body{
position: relative;
}

.card-img img{
object-fit: cover;
object-position: center top;
width: 100%;
height: 100%;
border-radius: 4px 4px 0 0;
}

.place_time{
width: 90%;
position: absolute;
bottom: 5px;
color: #01bf9a;
}

.btn-primary {
color:#fff!important;
background-color:#01bf9a!important;
border-color:#01bf9a!important;
font: 900 16px/32px 'Roboto Black',sans-serif;
}

/*Статья*/

.article__title {
font: 900 20px/32px 'Roboto Black',sans-serif;
color: #01bf9a;
margin-bottom: 16px;
text-align: justify;
}

.article {
margin-left: 15px;
padding-left: 15px;
margin-right: 15px;
padding-right: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
}

.article__content{
    margin-left: 60px;
    margin-right: 60px;
}

.article__text{
text-align: justify;
color:#3b4256;
font: 16px/32px 'Roboto',sans-serif; 
}

.btn-secondary {
color:#fff!important;
background-color:#808080!important;
border-color:#808080!important;
margin-left: 30px;
margin-bottom: 15px;
width: 200px;
font: 20px/32px 'Roboto Black',sans-serif!important;
}

.but_icon_vk{
height: 30px; 
width: 30px;
margin-right: 15px;
}

.but_icon_fb{
height: 25px; 
width: 25px;
margin-right: 15px;
}

.date_time{
margin-top: 15px;
text-align: center;

}

.date_time_place__title{
font: 700 18px/32px 'Roboto Black',sans-serif;
color: #3b4256;
}

.date_time_place__value{
font: 16px/32px 'Roboto Black',sans-serif;
color: #01bf9a;
}

.place__title_value{
display: table;
width: 100%;
}

.place__title{
font: 900 18px/32px 'Roboto Black',sans-serif;
color: #3b4256;
display: table-cell;
vertical-align: middle;
}

.place__value{
font: 18px/32px 'Roboto Black',sans-serif;
color: #01bf9a;
display: table-cell;
text-align: right;	
}

.links_marker{
margin-left: 50px;
font: 900 24px/32px 'Roboto Black',sans-serif;
color: #01bf9a;
}

.link_click{
color: #3167A9;
font: 700 16px/32px 'Roboto Black',sans-serif;
text-decoration: underline;
}

.link_click:hover{
color: #3b4256!important;
text-decoration: none;
}

.btn-primary {
color:#fff!important;
background-color:#01bf9a!important;
border-color:#01bf9a!important;
font: 500 18px/32px 'Roboto Black',sans-serif!important;
}

.container_article {
width: 70%;
float: left;
}

.cat{
width: 22%;
margin-top: 49px;
margin-right: 30px;
}

/*Календарь*/

#datepicker {
width: 272px;
margin: 0 auto;
height: 280px;
}

.datepick{
text-align: center;
width: 282px;
margin-right: 30px;
margin-left: 35px;
}

.datepicker_title{
color:#3b4256;
font: 700 22px/32px 'Roboto Black',sans-serif;
}

/*Календарь+категории*/

.category {
width: 100%;
margin: 48px 0 0 0;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-right: 15px;
padding-left: 20px;
margin-left: 50px;
margin-right: 15px;
font: 900 20px/32px 'Roboto Black',sans-serif;
color: #fff;
background: #3b4256;
height: 600px;
}

.menu__datepick{
margin-top: 48px;
position: relative;
}

/*.but_top{
    position: absolute;
    top: -60px;
    margin-left: 46px;
    height: 48px;
}

.but_top_but{
    height: 48px;
}

.but_top_mob{
    display: none;
}*/

.cat_title{
text-align: center;
font: 700 22px/32px 'Roboto Black',sans-serif;
color: #fff;
}

.bg-light{
background-color: #3167A9!important;
}

.menu__datepicker{
width: 100%;
text-align: center;
align-items: center;
align-content: center;
justify-content: center;
}

.nav-item{
border-radius: 4px;
margin-top: 10px;
width: 100%;
color:#fff!important;
background-color:#01bf9a!important;
font: 500 18px/32px 'Roboto Black',sans-serif!important;
text-align: center;
}

.navbar-nav{
width: 100%;
}

.nav-link{
color: #fff;
}

.nav-link:hover {
color: #3b4256;
cursor: pointer;
}

.navbar_art{
width: 280px;
border-radius: 5px;
padding-bottom: 20px;
}

.place_time_article{
    width: 100%;
    position: relative;
    height: 25px;
    margin: 10px 0 0 0;
    font: 700 16px/16px 'Roboto',sans-serif;
    color: #3b4256;
    font-style: italic;
}

.date_article{
    left: 10px;
    width: 50%;
    position: absolute;
}

.place_article{
    width: 50%;
    right: 10px;
    position: absolute;
    text-align: right;
}

.navmarg{
    margin-left: 30px;
}

.intro__heading_article {
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3167A9;
    margin: 2em 0 15px 15px;
    padding-left: 75px;
}

/*Карта*/

.map_ev_heading{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    text-align: center;
}

.map_ev_legend{
    width: 100%;
    display: flex;
}

.button_togglable_check{
    background-color: transparent;
    border: none;
}

button:active, button:focus {
    outline: none;
}

.chbox__control{
    visibility: hidden;
}

.grayscale img{
    filter: opacity(30%);
}

.chbox{
    margin-left: 40px;
    margin-right: 0!important;
}

.map_ev_scroll{
    display: block;
}

/*Адаптив*/

/* @media screen and (max-width: 1020px){

    .topleft{
        visibility: hidden;
        display: none;
    }

    .topmenu{
        visibility: visible;
        display: block;
        font: 700 16px/16px 'Roboto',sans-serif;
        border: solid 1px #fff;
        border-radius: 5px;
        margin-right: 15px;
        padding: .25rem .75rem;
    }

    .droptop{
        background-color:#01bf9a;
        color:rgba(255,255,255,.83);
        font: 14px/14px 'Roboto',sans-serif;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    .droptop_link{
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .droptop_link:hover{
        color:  #3b4256;
        background-color: #01bf9a;
    }

    .droptop_line{
        margin-top: 0;
        margin-bottom: 0;
        color: #3b4256;
        border-top: 1px solid #3b4256; 
    }

    .card{
        height: unset;
    }

    .article__content{
        margin-left: 0;
        margin-right: 0;
    }

    .intro__heading_article {
        padding-left: 15px;
    }

    .article__title{
        margin-left: unset;
    }

    .header_right{
        width: 90%;
    }

    .header_left{
        width: 10%;
    }

    .topright{
        border: solid 1px #fff;
        border-radius: 5px;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 15px;
    }

} */

.but_top_mob{
    display: none!important;
}

@media screen and (max-width: 750px){

    .but_top_mob{
        display: block!important;
        text-align: center;
        padding-top: 0!important;
        margin-top: -25px!important;
    }

    .but_poster{
        font: 12px/14px 'Roboto',sans-serif;
        color: #01bf9a;
        width: 50%;
        margin: 10px auto;
        text-align: center;
    }

    .intro__heading {
        padding-left: 15px;
        margin: 0 0 15px 15px;
    }

    .menu_all{
        color: #fff;
        border: 1px solid;
        text-align: right;
    }

    .header_wrap{
        visibility: hidden;
        display: none;
    }

    .navbar_mobile{
        visibility: visible;
        display: block;
        background-color: #01bf9a;
    }

    .nav_mobile_line{
        margin: 0; 
        height: 1px;
        background-color: #3b4256;
        text-align: center;
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .notop{
        margin-top: 0px;
    }

    .sel_cat{
        color: #3b4256;
        font: 18px/18px 'Roboto',sans-serif;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #hide_menu{
        margin-bottom: 0;
    }

    .sel_cat11{
        border: 1px solid #3b4256;
        border-radius: 30px;
        font: 700 16px/16px 'Roboto',sans-serif;
        background-color: #3167A9;
        width: 80%;
        margin: 0 auto;
    }

    .datepick_mobile{
        width: 100%;
        height: 260px;
    }

    .datepicker_title_mobile{
        color: #3b4256;
        font: 18px/18px 'Roboto',sans-serif;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #datepicker {
        margin: 0 auto 0 auto;
        height: 280px;
    }

    .notop_cat{
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .cat_date_line{
        height: 1px;
        background-color: #fff;
        text-align: center;
        width: 80%;
        margin: 5px 10% 5px 10%;
    }

    .droptop_link_cat{
        text-align: center;
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .droptop_link_cat:hover{
        color:  #3b4256;
        background-color: transparent;
    }

    .menu_link{
        font: 18px/18px 'Roboto',sans-serif;
        margin: 5px 0 5px 0;
    }

    .menu__datepick{
        visibility: hidden;
        display: none;
    }

    .card{
        height: unset;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .place_time{
        bottom: 5px;
    }

    .category__title{
        margin-left: 0px;
    }

    .article__content{
        margin-left: 0;
        margin-right: 0;
    }

    .intro__heading_article{
        padding-left: 15px;
    }

    .article__title{
        margin-left: 0px;
    }

    .hidemob{
        display: none;
    }

    .chbox{
        margin-left: 10px;
    }

    .map_ev_scroll{
        display: none;
    }

}

@media screen and (max-width: 518px){

    .intro__heading {
        margin: 10px 0 15px 15px;
    }

}

@media screen and (max-width: 1160px) and (min-width: 570px) {

    .card{
        height: unset;
    }

}

@media screen and (max-width: 900px) {

    .hidemob{
        display: none;
    }

}

@media screen and (max-width: 1200px) {

    .nav_art{
        width: unset;
    }

}

@media screen and (max-width: 1000px) {

    .gerb_foot_text{
        visibility: hidden;
        display: none;
    }

    .gerb_foot{
        padding-right: 15px;
        display: table-cell;
        vertical-align: middle;
    }

    .text_foot{
        padding: 0 15px 0 15px;
    }

}



/*Карта новое*/

.map_wrap_title{
    margin-left: 60px;
    font: 700 16px/16px 'Roboto',sans-serif;
    text-decoration: underline;
    text-decoration-style: dotted;
    color: #3167A9;  
}


.map_cont{
    position: relative; 
    width: 100%; 
    height: 250px;
}

.map_cont2{
    position: absolute;
    /*right: 24%;*/
    height: 250px; 
    width: 50%;
    border: 2px solid #01bf9a;
    border-radius: 10px;
    left: 5%;
}

.report_problem_main{
    position: absolute;
    right: 5%;
    display: block!important;
}

.report_button_main{
    width: 250px;
}

.map_event{
    width: 100%; 
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.report_problem_main_hide{
    display: none!important;
}

/*.map_ev_legend_art{
    position: absolute;
    top: 0px;
    flex-direction: column;
    width: 20%;
    display: inline-block;
    margin-left: 60px;
}*/

.but_map{
    position: absolute;
    bottom: 0;
    height: 42px;
    width: 100%;
}

.button_map{
    width: 100%;
    height: 100%;
    font: 16px/16px 'Roboto',sans-serif;
    color: #3b4256;
    background-color: #d7d7d7;
    border: none;
    border-radius: 0 0 8px 8px;
/*    border-top: 2px solid #01bf9a;*/
}

.button_map:hover{
    background-color: #bdbdbd;
}


/*Для просмотра и сворачивания карты*/

.maxMap {
    width: 100% !important;
    height: 100% !important;
}

.map_event {
    width: 100%;
    height: 100%;
    position: absolute;
}

.map_contNew{
    height: 95vh!important;
    width: 95vw!important;
    margin: 0 auto;
}


.map_cont2New{
    height: 100%!important;
    width: 100%!important;
    right: unset!important;
    left: unset!important;
}



@media screen and (min-width: 1430px) {

    .blog .card img {
        width: 100%;
        height: 18em;
    }

}

@media screen and (max-width: 1240px) {

    .blog .card img {
        width: 100%;
        height: 14em;
    }

}


/*map_message.css*/

.how_it_work_report_problem{
    height: 295px;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
}

.report_problem{
    height: 100%;
    width: 35%;
    padding-left: 30px;
}

.how_it_work{
    height: 100%;
    width: 65%;
    margin-right: 60px;
}

.report_problem_title{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    margin-bottom: 16px;
}

.report_problem_text{
    font: 16px/24px 'Roboto',sans-serif;
    color: #3b4256;
    max-width: 305px;
    margin-bottom: 20px;
}

.report_problem_button{
    font-size: 16px;
    line-height: 48px;
}

.report_problem_button_text{
    display: inline-block;
    margin-right: 26px;     
}

.report_button{
    background: #0989cc;
    font-family: 'Roboto',sans-serif;
    color: #f4f7fb;
    border-radius: 4px;
    border: none;
}

.report_problem_button_icon{
    display: inline-block;
    width: 48px;
}

.how_report_line{
    margin: 0 0 40px 0;
}

.how_it_work_title{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    margin-bottom: 16px;
}

.how_it_work_intro1{
    display: flex;
    margin: 0 auto;
    text-align: center;
    line-height: 80px;
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.intro_text{
    font: 700 14px/32px 'Roboto Medium',sans-serif;
    color: #3b4256;
    letter-spacing: -0.2pt;
}

.intro_text_img{
    position: relative;
    text-align: center;
    padding-right: 30px;
}

.intro_arrow{
    display: inline-block;
    vertical-align: middle;
}

.how_it_work_intro{
    display: table;
}

.arrow{
    position: absolute;
    right: 5px;
    bottom: 50%;
    margin-right: -10px;
    margin-bottom: 10px;
}

.nopad{
    padding-left: unset;
    padding-right: unset;
}

.intro_text_svg{
    margin-top: 20px;
}

.map_message_title{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    text-align: center;
}

.but_tabl{
    display: none;
}

/*Таблица "Последние решённые вопросы"*/

.table_last{
    width: 95%;
    margin: 0 auto;
    text-align: justify;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font: 13px/13px 'Times New Roman', serif;
    line-height: 1.5;
}

.table_last_title{
    text-align: center;
    font-weight: 700;
}

td {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    height: 35px;
}

.description{
    width: 60%;
}

.info_descrip, .info_descrip1, .info_descrip_title{
    display: none;
}

.status, .info_descrip{
    text-align: center;
    vertical-align: middle;
}

.info_table{
    fill: #0989cc;
}

.table_legend{
    margin-top: 32px;
    padding: 24px;
    font: 12px/12px 'Times New Roman', serif;
    padding-left: 54px;
    display: flex;
}

.table_legend_element{
    margin: 0 24px 24px 0;
}

@media screen and (max-width: 750px){
    .info_descrip, .info_descrip_title{
        display: table-cell;
    }

    .table_last{
        margin-bottom: 20px;
    }

    .description{
        display: none;
    }

    td{
        border: 1px solid #ddd;
    }

    .address_table{
        text-align: left;
    }

    .table_legend{
        display: none;
    }
}


/*Как это работает+сообщить о проблеме адаптация*/

.arrow_mob{
    display: none;
}

.details_mob{
    visibility: hidden;
    display: none;
}

.but_tabl_text{
    display: none; 
}

.table_message_title {
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: 
    #3b4256;
    text-align: center;
}

@media screen and (max-width: 1180px){

    .how_it_work_title{
        margin-left: 15px; 
    }

    .intro_text{
        line-height: 1;
        text-align: center;
    }

    .intro_text_svg{
        text-align: center;
    }

}

@media screen and (max-width: 870px){

    .report_problem{
        display: none;
    }

    .but_tabl{
        display: block;
        padding-left: 15px;
        padding-top: 20px;
    }

    .tablet_but{
        height: 48px;
    }

    .how_it_work{
        width: 100%;
    }

    .work_but{
        display: flex;
        position: relative;
    }

    .how_it_work_title{
        width: 235px;
    }

    .how_it_work_report_problem{
        display: block;
        height: unset;
    }

    .tablet_cont{
        max-width: 100%;
    }

}

@media screen and (max-width: 575px){

    .arrow{
        display: none;
    }

    .but_tabl{
        padding-left: unset;
        text-align: center;
    }

    .prob{
        display: none;
    }

    .how_it_work_title_sum{
        font: 900 24px/32px 'Roboto Black',sans-serif;
        color: #3b4256;
        text-align: center;
        display: block;
        text-decoration: underline dotted;
    }

    .arrow_mob{
        display: block;
        text-align: center;
        width: 100%;
        margin: 15px 0 0 -15px;
    }

    .arrow_mob img{
        transform: rotate(90deg);
    }

    .intro_text_svg{
        margin-top: unset;
    }

    .details_mob{
        visibility: visible;
        display: block;

    }

    .how_it_work_title_sum::-moz-details-marker {  /* нестандартный псевдоэлемент Google Chrome */
        display: none;
    }

    .how_it_work{
        display: none;
    }

    .but_tabl_text{
        display: block; 
        font: 12px/14px 'Roboto',sans-serif;
        color: #01bf9a;
        width: 45%;
        margin: 10px auto;
        text-align: center;
    }

    .but_tabl{
        padding-top: 0;
        height: 140px;
    }

    .how_it_work_report_problem{
        padding-bottom: 0;
        padding-top: 10px;
    }

    .how_report_line{
        margin-bottom: 10px;
    }

    .br_non{
        display: none;
    }

    .table_message_title{
        margin: 10px 0 10px 0;
        font: 900 16px/16px 'Roboto Black',sans-serif;
    }

}

@media screen and (max-width: 355px){

    .but_tabl_text{
        width: 50%;
        margin: 10px auto;
    }

}

/*map_plan*/

.map_plan_title {
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    text-align: center;
}

.map_plan_map{
    z-index: 0;
}

.map_plan_legend{
    display: block;
    position: relative;
    width: 903px;
    height: 121px;
    margin: 0 auto;
}

.roadmap__panel {
    position: absolute;
    z-index: 3;
    bottom: -55%;
    width: 100%;
}

.control-work-type {
    display: flex;
    justify-content: space-between;
}

.control-work-type .checkbox.checkbox_checked {
    border-color: #0989cc;
}

.control-work-type .checkbox {
    border: 2px solid #dde1e6;
    border-radius: 4px;
    background-color: #fff;
    flex-direction: column;
}

.control-work-type .checkbox, .control-work-type .checkbox .button {
    display: flex;
    box-sizing: border-box;
}

.checkbox {
    touch-action: manipulation;
}

.control-work-type .checkbox .button {
    flex-direction: column-reverse;
    justify-content: space-between;
    width: 251px;
    height: 121px;
    padding: 10.5px 18.5px;
    box-shadow: 0 12px 48px 0 rgba(51,98,139,.08);
}

.control-work-type__media {
    display: -webkit-box;
    -webkit-box-pack: justify;
}

.control-work-type__counter, .control-work-type__stats {
    display: flex;
    align-items: flex-end;
}

.control-work-type__counter {
    align-items: center;
}

.control-work-type__placemark {
    display: inline-block;
    margin-right: 8px;
}

.control-work-type__value {
    display: inline-block;
    font: 26px/26px 'SF UI Display Heavy',sans-serif;
    font-weight: normal;
    font-weight: 900;
    color: #3b4256;
}

.icon-construction, .icon-environment, .icon-maintenance {
    display: inline-block;
    position: relative;
}

.control-work-type .checkbox:first-child .button__text {
    padding-right: 50px;
}

.control-work-type .checkbox .button .button__text {
    display: flex;
    position: relative;
    white-space: pre-wrap;
    text-align: left;
    font: 700 18px/20px 'Roboto Medium',sans-serif;
    color: #3b4256;
}

.checkbox.checkbox_type_button .checkbox__control {
    position: absolute;
    visibility: hidden;
}

.map_offset{
    height: 800px;
    width: 100%;
}

.map_legend_title{
    position: relative;
    width: 903px;
    height: 121px;
    margin: 0 auto;
}

.mob_leg_wrap{
    display: none;
}

@media screen and (max-width: 920px){

    .control-work-type .checkbox .button {
        flex-direction: column;
        width: 160px;
        height: 100px;
    }

    .control-work-type .checkbox .button .button__text {
        font: 700 14px/12px 'Roboto Medium',sans-serif;
        text-align: center;
    }

    .control-work-type .checkbox:first-child .button__text {
        padding-right: 0;
    }

    .map_legend_title_mob {
        justify-content: space-between;
        margin-left: 50px;
        margin-right: 50px;
    }

}

@media screen and (max-width: 320px){

    .control-work-type .checkbox .button {
        width: 100px;
        height: 110px;
        padding: 10.5px 0;
    }

    .control-work-type .checkbox {
        margin-left: 2px;
    }

    .control-work-type .checkbox .button .button__text {
        font: 700 11px/12px 'Roboto Medium',sans-serif;
        text-align: center;
    }

    .map_legend_title_mob {
        margin-left: 0!important;
        margin-right: 0!important;
    }

}

@media screen and (max-width: 680px){

    .map_legend_title_mob {
        margin-left: 20px;
        margin-right: 20px;
    }

}

@media screen and (max-width: 560px){

    .control-work-type .checkbox .button {
        width: 100px;
        height: 110px;
        padding: 10.5px 0;
    }

    .control-work-type .checkbox {
        margin-left: 2px;
    }

    .control-work-type .checkbox .button .button__text {
        font: 700 11px/12px 'Roboto Medium',sans-serif;
        text-align: center;
    }

    .map_legend_title_mob {
        justify-content: space-around;  
    }

}

/*Новое map_plan*/

.roadmap__panel_new{
    display: flex;
    justify-content: space-between;
}

.value_child, .place_mark_child{
    position: absolute;
    bottom: 15px;
}

.value_child{
    left: 50px;
    bottom: 20px;
}

.icon_adapt{
    padding-left: 150px;
}

.relative_but{
    position: relative;
}

.but_text_nopad{
    padding-right: 0!important;
}

@media screen and (max-width: 920px){

    .value_child, .place_mark_child{
        display: none;
    }

    .roadmap__panel_new{
        justify-content: space-around;
    }

    .map_legend_title{
        width: unset;
    }

    .icon_adapt{
        padding-left: 0;
    }

    .not_br{
        display: none;
    }

}

/*my_page.css*/

.left_nav_my_page{
    border-left: 1px solid rgba(221,225,230,.5);
}

.nav_list{
    list-style-type: none;
}

.nav_all{
    display: block;
    padding-left: 28px;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3b4256;
    margin-bottom: 12px;
    border-left: 4px solid transparent;
}

.nav_all:hover{
    text-decoration: none;
    color: #3b4256;
}

.nav_active{
    border-left: 4px solid transparent;
    color: #848e99;
    border-left-color: #01bf9a;
}

.nav_active:hover{
    color: #848e99;
}

.nav_my_pages_title{
    font-family: 'Roboto Medium',sans-serif;
    font-weight: 700;
    line-height: 26px;
    color: #3b4256;
    font-size: 24px;
    margin-bottom: 35px;
}

.nav_menu{
    padding: 30px 0 30px 30px;
    width: 330px;
    border-right: 1px solid rgba(221,225,230,.5);
    min-width: 300px;
}

.my_page_right{
    padding: 30px 30px 30px 35px;
    width: 100%;
}

.my__page{
    display: flex;
}

.my_page_right_title{
    font-family: 'Roboto Medium',sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #3b4256;
    margin-bottom: 20px;
}

.pass{
    display: flex;
    flex-direction: column;
}

.password{
    margin-bottom: 10px;
    height: 50px;
    width: 440px;
    color: #424242;
    padding-left: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Roboto Medium',sans-serif;
}

.button_my{
    margin-top: 15px;
    background: #0989cc;
    width: 50%;
    border: 1px solid #0989cc;
    border-radius: 5px;
    font-family: 'Roboto',sans-serif;
    color: #f4f7fb;
    height: 48px;
}



/*Мои данные*/

.data_fio{
    display: flex;
    flex-direction: column;
}

.user_data_change{
    margin-bottom: 10px;
    height: 50px;
    width: 440px;
    color: #424242;
    padding-left: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Roboto Medium',sans-serif;
}

.button_data{
    margin-top: 35px;
}


/*Мои проблемы*/

.return_map{
    margin-bottom: 24px;
}

.return_map_link{
    font-family: 'Times New Roman',serif;
    text-decoration: underline;
}

.my_table{
    border: 1px solid #ddd;
    font-size: 12px;
    text-align: center;
    font-family: 'Times New Roman',serif;
    width: 880px;
    vertical-align: middle;
}

.my_table_th{
    padding: 8px;
}

.my_table_title{
    border: medium;
    font-weight: 600;
    text-align: center!important;
}

.my_column_4{
    text-align: justify;
}

.my_column_5{
    text-align: left;
}

.my_column_7_link{
    text-decoration: underline;
}

.my_table_legend{
    margin-top: 32px;
    padding: 24px;
    padding-left: 24px;
    font: 12px/12px 'Times New Roman', serif;
    padding-left: 54px;
    display: flex;
    justify-content: space-between;
    max-width: 900px;
}

.my_button{
    margin-top: 30px;
}

/*Мои проблемы просмотр инфо*/

.my_problem_info{
    margin-top: 30px;
    padding-right: 30px;
}

.my_problem_info_heading{
    font: 500 14px/1.29 'Roboto Black',sans-serif;
    color: #3b4256;
    margin-bottom: 8px;
}

.my_prob_date_stat_title{
    display: flex;
    font: 500 11px/1 'Roboto',sans-serif;
    color: rgba(132,142,153,.5);
    padding-top: 4px;
    padding-bottom: 4px;
}

.my_prob_date_title{
    width: 40%;
}

.my_prob_date_stat_body{
    display: flex;
    font: 500 14px/16px 'Roboto',sans-serif;
    padding-top: 4px;
    padding-bottom: 4px;
}
.my_prob_stat_body {
    white-space: nowrap;
    overflow: hidden;
}
.my_prob_date_body{
    width: 40%;
    color: #9e9e9e;
}

.my_problem_right{
    margin-bottom: 8px;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    line-height: 1;
    color: rgba(59,66,86,.5);
}

.my_problem_type{
    display: inline-block;
    margin-right: 24px;
    font: 900 24px/32px 'Roboto Black',sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-size: 24px;
    line-height: 1;
    color: #3b4256;
    margin-bottom: 16px;
    position: relative;
}

.my_problem_type:before{
    content: '';
    display: inline-block;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 0;
    left: -33px;
    width: 24px;
    height: 24px;
    border: 8px solid #017f67;
}

.my_problem_user {
    display: inline-block;
    margin-right: 24px;
    font: 900 18px/24px 'Roboto Black',sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #3b4256;
    margin-bottom: 16px;
    position: relative;
}

.my_problem_user:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    top: 0;
    left: -33px;
    width: 18px;
    height: 18px;
    border: 6px solid #017f67;
}
.my_problem_user_descrip {
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3b4256;
    width: 500px;
    text-align: left;
    margin-bottom: 16px;
}

.my_problem_cat_value{
    color: #3b4256;
    height: 50px;
    width: 400px;
    font-size: 15px;
    padding: 0 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.my_page_right_pad{
    padding-left: 20px;
    border-left: 2px solid #dde1e6;
}

.my_problem_addr_descrip{
    margin-top: 32px;
    margin-bottom: 8px;
    font-family: 'Roboto Medium',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #3b4256;
    position: relative;
}

.my_problem_addr_descrip:before{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -29px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 5px solid #dde1e6;
    border-radius: 50%;
}

.cat_address{
    width: 500px;
}

.my_problem_descrip{
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3b4256;
    width: 500px;
    text-align: left;
}

.file_img_link{
    font-family: 'Roboto Medium',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #0989cc;
    text-decoration: underline;
}

.file_img_link:hover{
    font-family: 'Roboto Medium',sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #0989cc;
    text-decoration: none;
}



/*Новая проблема*/

.my_new_prob_title{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
    margin-bottom: 40px;
}

.my_new_problem_type{
    font-family: 'Roboto Medium',sans-serif;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #3b4256;
    position: relative;
}

.my_new_problem_type:before{
    position: absolute;
    content: '';
    display: inline-block;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    left: -33px;
    width: 24px;
    height: 24px;
    border: 8px solid #ffc400;
}

.select_cat{
    font-family: 'Roboto',sans-serif;
    max-width: 100%;
    vertical-align: bottom;
}

.button_new_prob_text{
    font-size: 15px;
    color: #fff;
}

.button_new_prob{
    background-color: #01bf9a;
    border-color: transparent;
    border-radius: 4px;
    width: 260px;
    height: 32px;
    /*margin-top: 25px;*/
    position: relative;
}

.button_new_prob:before{
    position: absolute;
    content: '';
    display: inline-block;
    top: 7px;
    left: -31px;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 5px solid #dde1e6;
    border-radius: 50%;
}

.my_new_problem_addr_descrip{
    margin-bottom: 16px;
    font-family: 'Roboto Medium',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #3b4256;
    margin-top: 30px;
    position: relative;
}

.my_new_problem_addr_descrip:before{
    top: -4px;
    left: -33px;
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    position: absolute;
    background: #fff;
    border: 8px solid #dde1e6;
    border-radius: 50%;
}

.my_new_problem_input{
    color: #3b4256;
    font-size: 15px;
    line-height: 18px;
    font-family: 'Roboto',sans-serif;
    border: 1px solid #ccc;
    padding: 0 16px;
}

.my_new_problem_addr{
    width: 500px;
    height: 50px;
    border-radius: 3px;
}

.my_new_problem_descrip{
    width: 650px;
    height: 75px;
    padding: 11px 16px 13px;
}

/*.selected_image{
    margin-top: 20px;
}

#sel_img_btn{
    padding-left: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: transparent;
    color: #000;
    width: 192px;
    height: 32px;
    font-family: 'Roboto',sans-serif;
}

.sel_img_center{
    margin-top: 5px;
    margin-left: 10px;
    font-size: 15px;
}*/

/*Добавление файла с изображением*/

.selected_image{
    margin: 20px 0;
}

.attach_theme_default.attach_size_l {
    font-size: 15px;
}

.new-issue__control-files:last-child {
    margin-bottom: 0;
}

.attach_theme_default {
    white-space: nowrap;
    font-family: 'Roboto',sans-serif;
}

.attach_theme_default, .dashboard {
    display: flex;
}

.attach {
    touch-action: manipulation;
}

.new-issue__control-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.attach_theme_default .button {
    position: relative;
}

.button_theme_default.button_size_l {
    font-size: 15px;
    line-height: 32px;
}

.button_theme_default {
    font-family: 'Roboto',sans-serif;
    color: #000;
    border-radius: 3px;
    background: rgba(0,0,0,.2);
}

.button {
    touch-action: manipulation;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    font: inherit;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    box-sizing: content-box;
}

.button_theme_default::before {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    content: '';
    border-radius: 2px;
    background: 
    #fff;
}


.button::-moz-focus-inner {
    border: 0;
    outline: 0;
}

.attach_theme_default .attach__control {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
}

.button_theme_default.button_size_l .button__text {
    margin: 0 15px;
}

.attach_theme_default .button__text {
    display: inline;
    z-index: 1;
}

.button_theme_default .button__text {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.attach_theme_default .attach__file, .attach_theme_default .attach__no-file {
    display: inline;
    margin-left: .4em;
}


@media screen and (max-width: 450px){

    .new-issue__control-files{
        flex-direction: column;
    }

}

/*Мобильная версия внутренние страницы*/

.my_table_descrip_mob{
    display: none;
}

.my_page_right_prob{
    padding: 30px 30px 30px 35px;
    width: 90%;
}

@media screen and (max-width: 820px){

    .user_data_change, .password {
        width: 200px;
    }

}

@media screen and (max-width: 590px){

    .user_data_change, .password {
        width: 100%;
    }

    .nav_menu{
        display: none;
    }

}

.my_table_descrip_mob1{
    display: none;
}

@media screen and (max-width: 1250px){

    .my_table_descrip_mob{
        display: table-cell;
    }

    .my_table_descrip_mob1{
        display: table-cell;
        text-align: center;
    }

    .my_table_descrip_comp{
        display: none;
    }

    .my_table{
        margin-right: 15px;
        width: 100%;
    }

    .my_column_1{
        width: 55px;
    }

    .my_column_2{
        width: 75px;
    }

    .my_column_3{
        width: 105px;
    }

    .my_column_4{
        width: 70px;
    }

    .my_column_5{
        text-align: center;
    }

    .my_column_6{
        width: 20px;
    }

    .my_column_7{
        display: none;
    }

}

@media screen and (max-width: 1080px){

    .my_table_legend{
        padding-left: 20px;
        flex-wrap: wrap;
    }

    .my_table_legend_element{
        margin-right: 20px;
        margin-bottom: 20px;
    }

}

.my_button_mob{
    display: none;
}

@media screen and (max-width: 990px){

    .nav_menu_my_prob{
        display: none;
    }

    .my_page_right_prob{
        width: 100%;
    }

    .my_table_th, .my_table_td{
        border: 1px solid #ddd;
    }

    .my_button_mob{
        display: block;
        margin-top: 0;
        margin-bottom: 20px; 
    }

}

.my_table_mob{
    display: none;
}

@media screen and (max-width: 550px){

    .my_table_mob{
        display: table-cell;
    }

    .my_table_comp{
        display: none;
    }

    .my_table_descrip_mob1{
        display: none;
    }

    .my_column_3{
        width: 60px;
        padding: 8px 0;
    }

    .my_column_4{
        width: 40px;
        padding: 8px 0;
    }

    .info_table{
        margin-bottom: 10px;
    }

    .hr_table_mob{
        margin: 0;
        margin-bottom: 10px;
    }

}

/*Адаптив my_issues*/

.my_problem_info_mob{
    display: none;
}

@media screen and (max-width: 920px){

    .nav_menu_my_issues{
        display: none;
    }

    .my_problem_info_mob{
        display: block;
    }

    .my_problem_right{
        display: none;
    }

}

.my_page_right_mob{
    display: none;          
}

@media screen and (max-width: 590px){

    .nav_menu_my_issues{
        display: none;
    }

    .my_problem_info_mob{
        display: block;
    }

    .my_problem_right{
        display: none;
    }

    .my_page_right_pad{
        display: none;
    }

    .my_page_right_mob{
        display: block;
    }

    .my_problem_type_addr_descrip_title_mob{
        font: 900 20px/24px 'Roboto Black',sans-serif;
        color: #3b4256;
    }

    .my_problem_type_addr_descrip_mob{
        font: 16px/16px 'Roboto',sans-serif;
        color: #3b4256;
        margin: 20px 0 20px 0;
        text-align: justify;
    }

}

/*Адаптив "Новая проблема"*/

.my_new_page_right_pad {
    padding-left: 20px;
    border-left: 2px solid #dde1e6;
}

@media screen and (max-width: 750px){

    .my_new_problem_addr{
        width: 350px;
    }

    .my_new_problem_descrip {
        width: 350px;
        height: 150px;
    }

}

@media screen and (max-width: 440px){

    .my_new_problem_addr{
        width: 240px;
    }

    .my_new_problem_descrip {
        width: 240px;
        height: 200px;
    }

    .button_new_prob{
        width: 200px;
    }

    .select_cat{
        font-family: 'Roboto',sans-serif;
        font-size: 12px;
    }

}



/*Шапка сайта для внутренних страниц*/

.usertop{
    background-color: #01bf9a;
    color: rgba(255,255,255,.83);
    font: 14px/14px 'Roboto',sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.usermenu{
    visibility: visible;
    display: block;
    font: 700 14px/16px 'Roboto',sans-serif;
    margin-right: 15px;
    padding: .25rem .75rem;
}

.usertop_link {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.usertop_link:hover {
    color: #3b4256;
    background-color:#01bf9a;
}

/* .usermenu_kart{
    display: none;
} */

@media screen and (max-width: 1020px){

    .usermenu_kart{
        display: block;
    }

}

@media screen and (max-width: 750px){

    #hide_menu{
        margin-bottom: 5px;
    }
    
}


/*Окно регистрации/входа*/

.login_window{
    border: 1px solid #bfbfbf;
    background-color: #fff;
    width: 350px;
    height: 370px;
    position: relative;
}

.logreg_window_close{
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
}

.login_window_margin{
    width: 100%;
    height: 100%;
    padding: 32px 24px;
}

.form_enter_title{
    text-align: center;
    font-family: 'Roboto Medium',sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    color: #3b4256;
    margin-bottom: 30px;
}

.form_enter_style{
    height: 50px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 16px;
    margin-bottom: 20px;
    font-size: 15px;
    font-family: 'Roboto',sans-serif; 
}

.form_enter_button{
    background-color: #01bf9a;
    border-color: transparent;
    border-radius: 4px;
    width: 150px;
    height: 48px;
    text-align: center;
}

.form_enter_button_text{
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
}

.form_enter_but{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
}

.form_enter_question{
    font-family: 'Roboto',sans-serif;
    font-size: 15.5px;
    line-height: 20px;
    color: #848e99;
    text-align: center;
}

.form_reg_link{
    color: #3b4256;
    text-decoration: underline;
    cursor: pointer;
}

.form_reg_link:hover{
    text-decoration: none;
    cursor: pointer;
}

.reg_window{
    border: 1px solid #bfbfbf;
    background-color: #fff;
    width: 440px;
    height: 670px;
    position: relative;
}

.form_enter_subtitle{
    font-family: 'Times New Roman',serif;
    color: #000;
    margin-bottom: 20px;
}

.but_reg{
    width: 205px;
    margin-top: 25px;
}

.form_enter_checkbox_text{
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    color: #3b4256;
    margin-bottom: 2
}

.logreg_window_wrap{
    /*height: 100vh;*/
    background: rgba(50,50,50,.2); 
}

.login_window, .reg_window{
    margin: 0 auto;
    margin-top: 10%;
}

.hide_log_wrap, .hide_reg_wrap{
    display: none;
}

/*Адаптация окон регистрации/входа*/

@media screen and (max-width: 450px){

    .login_window, .reg_window{
        width: 320px;
        margin: 0 auto;
    }

}

.logreg_window_wrap{
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#openerreg:hover, #openner:hover {
    cursor: pointer;
}
.cluster .baloon__label:before {
    display:inline-block;
    font-family:'Roboto',sans-serif;
}
.baloon__footer {
    padding-top:16px;
    padding-bottom:16px;
}
.baloon__label {
    display:inline-block;
    padding:5px 8px 6px;
    white-space:nowrap;
    margin-bottom:10px;
    font-family:'Roboto Black',sans-serif;
    font-size:14px;
    line-height:12px;
    color:#fff;
    border-radius:0;
}
.baloon__label_type_yards {
    background-color:#00c09a;
}
.baloon__label_type_overhauling {
    background-color:#e43936;
}
.baloon__label_type_roadworks {
    background-color:#0b8acb;
}
.baloon__address {
    margin-bottom:5px;
}
.baloon__address,.baloon__subheader {
    font-family:'Roboto Black',sans-serif;
    font-size:14px;
    line-height:22px;
    color:#141a20;
}
.baloon__list {
    list-style-type:none;
    margin:0 0 8px;
    padding:0;
}
.baloon__list-item,.baloon__term {
    font-family:'Roboto',sans-serif;
    font-size:14px;
}
.baloon__list-item {
    color:#19232b;
    line-height:18px;
}
.baloon__list-item:before {
    content:'- ';
}
.baloon__term {
    line-height:22px;
}
.baloon__term-label {
    font-weight:600;
}
.baloon__term-label:after {
    content:' ';
}
.baloon__term-year {
    font-weight:400;
}
.baloon__note {
    font-family:'Roboto',sans-serif;
    font-size:12px;
    line-height:14px;
    color:#19232b;
    opacity:.3;
}
.cluster__list {
    max-height:300px;
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
    overflow-y:auto;
    counter-reset:item;
}
.cluster__list-item {
    margin:0 0 10px;
    padding:0;
    font-family:'Roboto',sans-serif;
    font-size:16px;
    line-height:22px;
}
.cluster .baloon__address,.cluster .baloon__label {
    position:relative;
    margin-left:30px;
}
.cluster .baloon__label {
    display:block;
}
.cluster .baloon__label:before {
    content:"" counters(item,".") ".  ";
    counter-increment:item;
    width:40px;
    position:absolute;
    margin-left:-52px;
    text-align:right;
    font-weight:600;
    color:#000;
}
.cluster__link {
    text-decoration:none;
}
.sendButtonDiv {
    text-align: center;
    white-space: nowrap;
    padding: 12px 20px;
    border: 1px solid #ccc;
    float: left;
    cursor: pointer;
    display: table;
    vertical-align: middle;
}
.sendButtonToOrgan {
    text-align: center;
    white-space: nowrap;
    padding: 12px 20px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: table;
    vertical-align: middle;
}

.button-green {
  background: #3da115 url(/images/button_green_bg-70.png) repeat-x;
  color: white;
}

.button-red {
  background-color: #e00;
  color: white;
}

.select-css { 
    display: block; 
    font-size: 16px; 
    color: #444; 
    line-height: 1.3; 
    padding: .6em 1.4em .5em .8em;
    width: 100%; 
    max-width: 100%; 
    box-sizing: border-box; 
    margin: 0; 
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04); 
    border-radius: .5em;
     -moz-appearance: none;
     -webkit-appearance: none;
    appearance: none;
    background-color: #fff; 
}
.select-css-null { 
    border: 1px solid #f22;
}
.nmgClass {
    background: #fff url('/images/message.png') no-repeat;
    background-position: top 20px center;
}
.button_app{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 48px;
    background-color: #3b4256;
    border-radius: 8px;
    color: #fff;
}
.app_link{
    font: 700 18px/14px Arial, Helvetica, sans-serif;
}

.app_link:hover{
    text-decoration: none;
    color: #fff;
}


/*08.12.2020*/

/*выравнивание меню (шапка)*/
.header_left_logo{
    max-width: 170px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
}

.header_wrap{
    height: unset;
    min-height: 56px;
    max-height: 74px;
    line-height: unset;

}

.nav_css{
    height: 56px;
    align-items: center;
}

.topleft{
    padding-top: unset;
    padding-bottom: unset;
}

/* @media screen and (max-width: 1212px) and (min-width: 1020px){

    .header_left_logo{
        height: 74px;
    }

    .nav_css{
        height: 74px;
        padding: 8px 0;
    }
} */

/*размещение кнопки и описание приложения*/
.how_it_work_report_problem_ov{
    height: 350px;
}

.button_app_ov{
    border-radius: 4px;
    width: 220px;
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
}

.report_problem_button_text_ov{
    font-weight: 700;
    margin-right: unset;
    font-size: 14px;
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
}

.report_problem_button_icon_ov{
    width: 30px;
}

.report_button_ov{
    width: 220px;
}



.gplay_ov{
    width: 27px;
    margin-right: 3px;
}

#qu_mark{
    width: 30px;
    height: 30px;
}

.but_ov_app_ov{
    display: flex;
    height: 48px;
    margin-top: 10px;
    align-items: center;
}

.more_about_app{
    display: flex;
    align-items: center;
    width: 25px;
    height: 25px;
    justify-content: center;
    margin-left: 5px;
    border: 1px solid #0989cc;
    border-radius: 4px;
}

.more_about_app:hover{
    cursor: pointer;
    border-color: #3b4256;
    color: #3b4256;
}

.qu_mark:hover{
    color: currentColor;
}

.qu_mark{
    font-size: 20px;
    font-family: "Helvetica";
    color: #0989cc;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 870px){

    .how_it_work_report_problem_ov{
        height: unset;
    }

}

.about_padding_ov {
    height: 490px;
}

.but_app_mob{

}

.report_problem_button_icon_ov{
    width: unset;
    margin-right: 5px;
}

@media screen and (max-width: 870px){

    .but_ov_app_ov{
        margin-top: unset;
    }

    .but_tabl_ov{
        display: flex;
        justify-content: space-around;
        padding-left: unset;
        height: 68px;
    }

    .report_problem_button_icon_ov{
        margin-right: unset;
    }

}

@media screen and (max-width: 575px){

    .but_tabl_ov{
        flex-direction: column;
        height: unset;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
    }

    .but_app_mob {
        margin-left: 28px;
    }

    .but_tabl_text_ov{
        margin-top: 5px;
        margin-bottom: 15px;
        width: 200px;
    }

}


/*15.12.2020*/

.intro_text_svg{
    display: flex;
    align-items: center;
    flex: none;
}

.intro_text{
    margin-left: 5px;
    line-height: 1;
    text-align: left;
}

.icon-circle__image, .icon-circle-check__image{
    flex-shrink: 0;
}

@media screen and (max-width: 575px){
    .intro_text_svg{
        justify-content: center;
    }
}

/*29.12.2020 баннеры*/

.banners{
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 40px;
    padding: 0 20px;
}

.banners_img{
    display: flex;
    justify-content: center;
    max-width: 300px;
    max-height: 70px;
}

.banner_text_img{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
/*    max-width: 300px;*/
}

.banner_text{
    display: flex;
    text-align: center;
    flex-direction: column;
}

.one_banner{
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 300px;
}

.mrsk{
    padding: 0 20px;
}

.banner_link{
    font: 700 14px/14px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.banner_link:hover{
    color: #01bf9a;
    text-decoration: none;
}

.banner_name{
    font-size: 12px;
}

.banner_info_text{
    padding-top: 5px;
}

/*@media screen and (max-width: 950px){
    
    .banners{
        flex-direction: column;
    }

    .one_banner{
        padding: 5px 20px;
        flex-basis: unset;
    }

    .banners_img{
        max-width: 280px;
    }

}*/

/*01.02.2021 баннеры*/

*, ::before, ::after{
    box-sizing: border-box;
}

.banners a{
    text-decoration: none;
}

.banners{
    margin-top: 20px;
    justify-content: space-around;
    width: 100%;
    flex-direction: column;
}

.bann{
    background-color: #0989cc;
    border: 0px solid #3b4256;
    border-radius: 5px;
    color: #fff;
    font: 700 18px/14px 'Roboto Black',sans-serif;
    height: 50px;
/*    width: 200px;*/
    display: flex;
    justify-content: center;
    align-items: center;
/*    flex-grow: 1;
    flex-shrink: 1;*/
    flex-basis: 100%;
    text-shadow: 1px 1px 1px #000;
}

.bann{
/*    font-size: 16px;*/
    flex-basis: unset;
    border-radius: 5px;
    width: 100%;
    height: 100px;
}

.bann:hover{
    background-color: #025a88;
    cursor: pointer;
}

.about_close_banners{
    top: 15px!important;
}

.about_title_banner{
    text-align: center;
    font-size: 20px!important;
    margin-bottom: 30px!important;
    color: #0989cc!important;
}

.about_title_banner_edds, .about_title_hot_line{
    color: #b30000!important;
}

.all_dom_title{
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
    color: #0989cc;
}

.choose_mo_tel{
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    width: 70%;
}

.choose_mo_tel_wrap{
    display: flex;
    justify-content: center;
}

.choose_mo, .tel_mo{
/*    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 100%;*/
    text-align: center;
    font-weight: 700;
}

.oreloblen a{
    text-decoration: underline;
    color: #3b4256;
    font-weight: 700;
}

.mnogokv_descrip ul{
    margin-left: 15px!important;
}

.about_padding_electro{
    height: 715px!important;
}

.about_padding_vodokanal{
    height: 220px!important;
}

.about_padding_gaz{
    height: 345px!important;
}

.about_padding_edds{
    height: 325px!important;
}

.select_wrap{
    display: flex;
    align-items: center;
    height: 30px;
}

@media screen and (max-width: 720px){

    .about_wrap_electro .about_padding_electro{
        height: unset!important;
    }

}

@media screen and (max-width: 700px){

    .banners{
        flex-direction: column;
    }

    .bann{
        font-size: 16px;
        flex-basis: unset;
/*        border-radius: 0px;*/
        width: 100%;
        height: 40px;
    }

/*    .electro{
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .vodokanal{
        border-left: 0px;
        border-right: 0px;
        border-top: 1px solid #025a88;
        border-bottom: 1px solid #025a88; 
    }

    .gaz{
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }*/

    .choose_mo_tel{
        flex-direction: column;
    }

}

/*02.02.2021 карта + кнопки ресурсники*/

.map_gkh__roadmap_panel{
    width: 80%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding-right: 20px;
}

.map_gkh{
    width: 100%;
    height: 100%;
}

.map_offset_gkh{
    display: flex;
    justify-content: right;
    height: 700px;
/*    padding: 0px 10px;*/
}

.roadmap__panel_80{
    top: -75px;
    width: 90%;
    bottom: unset;
}

.banners{
    width: 20%;
    margin: unset;
}

.edds, .hot_line{
    background-color: #b30000;
/*    color: #000;
    text-shadow: 0px 0px 2px #ff1919;*/
/*    text-shadow: unset;*/
    flex-direction: column;
    line-height: 1.2;
}

.edds span{
    text-align: center;
}

.edds_span2{
    font-size: 14px;
}

.edds:hover, .hot_line:hover{
    background-color: #790000;
}

.about_descrip_banner{
    font: 500 16px/14px Arial, Helvetica, sans-serif;
}

.all_dom_title a{
    color: #0989cc;
    text-decoration: underline;
    text-decoration-color: #3b4256;
    text-align: left;
}

.select_tel_title{
    font-weight: 700;
    margin-bottom: 10px;
    color: #0989cc;
}

#edds_mo{
    font: 500 16px/14px Arial, Helvetica, sans-serif;
}

.all_dom_title_left{
    text-align: left;
}

.banners_img{
    text-align: center;
}

.org_img{
    display: flex;
    justify-content: center;
}

.banners_img_vodokanal{
    max-height: 90px;
    margin-bottom: 10px;
    margin-right: 20px;
}

/*.about_title_vodokanal{
    margin-bottom: 10px!important;
}*/

.map_gkh{
    border: 2px solid #01bf9a;
    border-radius: 10px;
    overflow: hidden;
}

.transport_info{
    width: 280px;
    height: 100px;
    margin-left: 30px;
    margin-top: 20px;
    border: 1px solid #3b4256;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: #3b4256;
    color: #fff;
    font: 700 18px/20px 'Roboto Black',sans-serif;
    text-shadow: 1px 1px 1px #000;
}

.transport_info:hover{
    background-color: #3167A9;
}

.menu__datepick a{
    text-decoration: none;
}

.resurs_org{
    width: 100%;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.resurs_warn{
    width: 100%;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tel_now{
    font-size: 20px;
}

#edds_mo{
    font-size: 18px;
}

.select_arrow_img{
    width: 10px;
}

.select_arrow_div{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 25px;
    border: 1px solid #666;
}

.electro_plan_info{
    margin-top: 20px;
}

.electro_plan_info td{
/*    border: 2px solid #0989cc!important; */
    border: 1px solid #000!important; 
    padding: 10px!important;
}

.td_electro_title{
    font-weight: 700;
    text-align: center;
}

.td_electro_info{
    text-align: justify;
    line-height: 1.7;
}

.td_electro_info_link{
    display: inline-flex;
    border: 1px solid #0989cc;
    padding: 5px;
    border-radius: 4px;
    background-color: #0989cc;
    color: #fff;
    height: 35px;
    align-items: center;
}

.tel_link{
    font-size: 20px;
    font-weight: 700;
    color: #3b4256;
    text-decoration: underline!important;
}

.about_descrip_banner_vodokanal{
    display: flex;
    justify-content: space-between;
}

.banners_img_gaz{
    max-height: 80px;
}

.org_img_gaz{
    align-items: center;
}

.img_nac_dorogi_img{
    width: 110px;
}

.img_nac_dorogi{
    position: absolute;
    bottom: -50px;
    left: 60px;
    z-index: 10;
}

.check_dorogi{
    position: relative;
}

.banners_img_obl_mrsk{
    margin-bottom: 15px;
    max-height: 40px;
}

.banner_about_info ul{
    margin-left: 15px!important;
    margin-top: 15px;
}

.banner_about_info li{
    color: #0989cc !important;
}

.header_wrap{
    z-index: 900;
    position: fixed;
    border-bottom: 1px solid #3b4256;
}

.hot_line_info{
    margin-top: unset;
}

.about_padding_hot_line{
    height: 610px!important;
}

.hot_line_info li{
    color: #b30000 !important;
}


/*ГОЛОСОВАНИЕ И ИНИЦИАТИВЫ 05.02.2021*/


/*ГОЛОСОВАНИЯ*/

/*polls*/

.poll__heading{
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.polls_wrap{
    margin: 0 30px;
    font: 16px/24px 'Roboto Black',sans-serif;
}

.poll_label{
    margin: 10px 0;
    padding: 0 5px;
}

.poll__title{
    margin: 10px 0;
    color: #3167A9;
    font-weight: 700;
}

.poll_atten{
    color: red;
    font-size: 20px;
}

.poll__attention{
    text-decoration: underline;
}

.poll_total_all{
    font-size: 18px;
    color: #007a6c;
    font-weight: 700;
}

.poll_fieldset{
    border: 2px solid #3167A9;;
    padding: 0 10px;
    border-radius: 10px;
    margin: 20px 0;
}

.poll_legend{
    width: unset;
    font: 20px/24px 'Roboto Black',sans-serif;
    color: #3167A9;
}

.poll_button{
    background-color: #01bf9a;
    border-color: transparent;
    border-radius: 4px;
    width: 130px;
    height: 35px;
    margin-bottom: 30px;
}

.poll_button__text{
    font-size: 16px;
    color: #fff;
}

.poll_label_span{
    padding: 5px 5px;
}

input.radie:checked ~ .poll_label_span{
    background: #01bf9a;
    border-radius: 5px;
    color: #fff;
}

/*polls_voted*/

.poll__result{
    margin-bottom: 20px;
}

.poll_res_td{
    border: 2px solid #01bf9a;
}

.poll__result_table{
    font: 700 16px/20px 'Roboto Black',sans-serif;
    margin-bottom: 30px;
}

.poll_res_percent{
    text-align: center;
}

.poll_res_percent{
    width: 80px;
}

.poll_res_perc{
    color: #3167A9;
}

.poll_res_lot{
    color: #007a6c;
}

.poll_res_hr{
    margin: 5px 0;
}

@media screen and (max-width: 430px){

    .poll__title, .poll__result, .poll__title{
        line-height: 1;
    }

    .poll_legend{
        font: 700 15px/24px 'Roboto Black',sans-serif;
    }

}

@media screen and (max-width: 350px){

    .poll_res_td{
        font-size: 14px;
    }

}

/*polls_few*/

input.poll_few:checked ~ .poll_label_span{
    background: #01bf9a;
    border-radius: 5px;
    color: #fff;
}

/*polls_all*/

.one_poll{
    padding: 5px 15px;
    border: 2px solid #01bf9a;
    border-radius: 10px;
    text-align: justify;
    font: 700 16px/24px 'Roboto Black',sans-serif;
    line-height: 1.2;
    margin-bottom: 20px;
}

.one_poll_lot{
    margin-top: 5px;
    color: #3b4256;
}

.one_poll_text{
    color: #3167A9;
}

.one_poll_hrefdiv{
    outline: none;
}

.one_poll_hrefdiv:hover{
    text-decoration: none;
}

.one_poll_hrefdiv:hover .one_poll_text{
    color: #01bf9a;
}

.one_poll_lot_all{
    color: #007a6c;
}

.one_poll_number{
    color: #3b4256;
    margin-bottom: 5px;
}

/*ИНЦИАТИВЫ*/

/*proposal_all*/

.prop__heading{
    width: 100%;
    text-align: center;
    margin: 20px 0 30px 0;
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.prop_wrap_heading{
    width: 70%;
}

.prop_wrap{
    margin: 0 30px;
    font: 16px/24px 'Roboto Black',sans-serif;
}

.one_prop{
    padding: 10px 15px;
    border: 2px solid #3167A9;
    border-radius: 10px;
    text-align: justify;
    font: 700 16px/24px 'Roboto Black',sans-serif;
    line-height: 1.2;
    margin-bottom: 20px;
    box-shadow: 3px 3px 5px 2px #ccc; 
}

.one_prop_number{
    color: #3b4256;
    margin-bottom: 5px;
}

.one_prop_hrefdiv{
    outline: none;
}

.one_prop_hrefdiv:hover{
    text-decoration: none;
}

.one_prop_text{
    margin: 10px 0;
    color: #01bf9a;
}

.one_prop_hrefdiv:hover .prop_more{
    color: #0989cc;
}

.one_prop_lot{
    margin-top: 5px;
    color: #3b4256;
}

.one_prop_lot_all{
    color: #0989cc;
}

.one_prop_lot_all_all{
    color: #01bf9a;
}

.one_prop_hr{
    margin: 0;
    color: #01bf9a;
    background-color: #01bf9a;
}

.one_prop_descrip{
    color: #3b4256;
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    height: 100px;
    overflow: hidden;
}

.one_prop_descrip:before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 90%;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
}

@media screen and (max-width: 1024px){

    .prop_wrap_heading{
        width: 100%;
    }

}

.prop_more{
    text-align: center;
    font-weight: 500;
    margin-bottom: 5px;
    text-decoration: none;
    color: #01bf9a;
    text-align: center;
}

.prop_more_href:hover{
    text-decoration: none;
    color: #0989cc;
}

@media screen and (max-width: 370px){

    .one_prop_lot{
        font-size: 13px;
    }

}

.one_prop_wrap{
    margin-bottom: 30px;
}

.prop_wrap_but{
    display: flex;
}

.prop_wrap{
    width: 70%;
    margin-right: 0; 
}

.sug_prop{
    width: 30%;
    text-align: center;
}

.prop_button{
    background: #3167A9;
    font-family: 'Roboto',sans-serif;
    color: #f4f7fb;
    border-radius: 4px;
    border: none;
    height: 60px;
    width: 250px;
    display: inline-flex;
}

.prop_but_svg{
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    text-align: center;
}

.prop_button__text{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    font: 700 18px/24px 'Roboto Black',sans-serif;
    color: #fff;
}

.prop_bot_text_wrap{
    display: table;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1024px){

    .prop_wrap_but{
        flex-direction: column-reverse;
    }

    .prop_wrap{
        width: 100%;
        margin: unset;
        padding: 30px;
        text-align: center;
    }

    .sug_prop{
        width: unset;
        text-align: left;
        padding-left: 30px;

    }

}

@media screen and (max-width: 550px){

    .sug_prop{
        text-align: center;
        padding: unset;
    }

}

.one_prop_num_cat_author{
    display: flex;
    justify-content: space-between;
}

.one_prop_cat_author{
    font: 14px/24px 'Roboto Black',sans-serif;
    color: grey;

}

@media screen and (max-width: 730px){

    .sug_prop{
        text-align: center;
        padding: unset;
    }

    .one_prop_num_cat_author{
        flex-direction: column;
    }

}

/*proposal_add*/

.one_prop__heading{
    width: 100%;
    text-align: left;
    margin: 20px 0 30px 0;
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.one_prop_add_wrap_all{
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.prop_sel_img{
    font-family: 'Roboto Medium',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #3b4256;
    margin-bottom: 10px;
}

.new_prop_button{
    margin-top: 20px;
}

.my_prop_type:before{
    border: 8px solid #3167A9;
}

.prop_one_info{
    margin-bottom: 20px;
    font: 18px/24px 'Roboto Black',sans-serif;
    color: #3167A9;
}

.prop_one_info_warn{
    color: #01bf9a;
    font-weight: 700;
}


/*proposal*/

.prop_wrap_heading_view{
    width: 100%;
    padding: 0 30px;
    font-family: 'Roboto Black',sans-serif;
    margin-bottom: 30px;
    max-width: 1250px;
}

.one_prop_descrip_view{
    text-align: justify;
    font-size: 16px;
    color: #3b4256;
}

.one_prop_descrip_view:before{
    content: unset;
    display: none;
}

.one_prop_text_view{
    text-align: justify;
    font-size: 18px;
    font-weight: 700;
    color: #01bf9a;
    margin: 10px 0 20px 0;
    text-indent: 40px;
}

.title_one_prop{
    color: #0989cc;
}

.prop__heading_view{
    font-weight: 700;
    margin: 30px 0 20px 0;
}

.prop_text_p{
    text-indent: 40px;
}

.cat_author_view{
    padding: 0 40px;
}

.one_prop_blue_hr{
    color: #0989cc;
    background-color: #0989cc;
    margin: 0;
}

.prop_button_view{
    width: 100%;
}

.prop_wrap_but_prop{
    display: flex;
}

.one_prop_view{
    width: 70%;
}

.sup_prop{
    padding-left: unset;
    margin-top: 20px;
    width: 100%;
}

.all_voice_sup_but{
    margin-top: 20px;
    padding-left: 30px;
    width: 30%;
    margin-bottom: 30px;
}

#voice_progress_line{
    width: 100%;
    height: 15px;
    border: 1px solid black;
    border-radius: 2px;
    background-color: #ccc;
}

#voice_progress_line::-moz-progress-bar{
    color: red;
    background: linear-gradient(90deg, #02f2c2, #007a6c);
}

.sup_it{
    font: 700 14px/24px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.text_under_but_prop{
    font-size: 14px;
    line-height: 1;
    text-align: justify;
}

.text_warn_but{
    color: #01bf9a;
}

@media screen and (max-width: 1165px) and (min-width: 1010px){

    .prop_vote_text{
        font-size: 16px;
        padding-left: unset;
        padding-right: unset;
    }

    .prop_but_vote_svg{
        width: 50px;
    }
}

@media screen and (max-width: 1010px){

    .cat_author_view{
        padding: 0;
    }

    .prop_wrap_but_prop{
        flex-direction: column-reverse;
    }

    .all_voice_sup_but{
        width: unset;
        padding-left: unset;
    }

    .one_prop_view{
        width: unset;
    }

}

@media screen and (max-width: 450px){

    .one_prop_text_view{
        line-height: 1.2;
    }

}

.text_under_but_prop{
    margin-top: 10px;
    line-height: 1.5;
}

/*ГОЛОСОВАНИЕ И ИНИЦИАТИВЫ 05.02.2021 КОНЕЦ*/



/*05.02.2021 Продолжение ЖКХ*/

.td_electro_info ol{
    margin-left: 17px!important;
}

.electro_plan_info td.no_left_border{
    border-left: unset!important;
}

.electro_plan_info td.no_right_border{
    border-right: unset!important;
}

.electro_plan_info td.no_top_border{
    border-top: unset!important;
}

.electro_plan_info td.no_bottom_border{
    border-bottom: unset!important;
}

.td_electro_info li{
    list-style-type: circle!important;
}

.td_electro_info_b b{
    font-size: 18px;
    color: #b30000;
}

.td_electro_info.td_electro_info_b li{
    color: #3b4256!important;
    list-style-type: disc!important;
}

.td_electro_info ul{
    margin-left: 15px!important;
}

.td_electro_info li{
    color: #0989cc!important;
    margin-top: 5px;
}

.td_electro_info_b{
    vertical-align: top;
}

header{
    min-height: 56px;
}

.usermenu{
    display: flex;
    align-items: center;
}

.new_how_it_work_report_problem{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

.new_intro, .new_arrow{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 

.new_report_problem{
    display: flex;
    flex-direction: column;
    flex: 3;
    padding-left: 30px;
}

.new_how_it_work{
    flex: 8;
    padding-left: 50px;
    padding-right: 30px;  
}

.new_how_it_work_flex{
    display: flex;
/*    align-items: center;*/
/*    justify-content: center;*/
}

.new_how_prob_title{
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.new_report_problem_text{
    font: 16px/24px 'Roboto',sans-serif;
    color: #3b4256;
    margin-top: 10px;
    margin-bottom: 20px;
}

.new_report_problem_button_button{
    height: 48px;
    background-color: #0989cc;
    font-family: 'Roboto',sans-serif;
    color: #f4f7fb;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    cursor: pointer;
}

.new_report_problem_button_button span{
    margin-left: 5px;
}

.new_how_it_work_descrip{
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
}

.new_how_it_work_hide{
    display: none;
}

.new_how_it_work_title{
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: pointer;
}

.new_intro_text_svg{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.new_flex_open{
    flex: 1;
}

.new_flex_open:first-child{
    align-items: end;
}*/

.how_report_line{
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 840px){

    .new_how_it_work_report_problem{
        flex-direction: column-reverse;
        justify-content: center;
    }

    .new_report_problem_text, .new_report_problem_title{
        display: none;
    }

    .new_how_it_work, .new_report_problem{
        padding-left: unset;
        padding-right: unset;
        justify-content: center;
        align-items: center;
    }

    .new_report_problem{
        margin-top: 20px;
    }

    .new_how_it_work_title{
        text-align: center;
    }

    .new_how_it_work_descrip{
        padding: 0 20px;
    }

    .new_flex_open{
        flex: unset;
    }

    .new_flex_open:first-child{
        align-items: center;
    }

}

@media screen and (max-width: 500px){

    .new_how_it_work_descrip{
        flex-direction: column;
    }

/*    .new_arrow{
        transform: rotate(90deg);
    }*/

    .new_intro{
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 1140px){

    .map_offset_gkh{
        flex-direction: column;
    }

    .banners{
        margin-bottom: 100px;
        width: 100%;
    }

    .map_gkh__roadmap_panel{
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
        height: 95vh;
    }

    .map_legend_title_gkh{
        height: 50px;
    }

    .map_offset_gkh{
        height: unset;
    }

    .resurs_org, .resurs_warn{
        height: unset;
        flex-direction: row;
        margin-bottom: 20px;
    }

    .roadmap__panel_80{
        top: -65px;
    }

    .bann{
        height: 50px;
/*        border-radius: 0px;*/
    }

    .vodokanal{
        margin: 0 20px;
    }

    .edds{
        margin-right: 10px;
    }

    .hot_line{
        margin-left: 10px;
    }

/*
    .electro, .edds{
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .gaz, .hot_line{
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .vodokanal{
        border-right: 1px solid #025a88;
        border-left: 1px solid #025a88;
        border-top: unset;
        border-bottom: unset;
    }

    .edds{
        border-right: 1px solid #790000;
    }*/

}

@media screen and (max-width: 720px){

    .select_wrap{
        justify-content: center;
        margin-bottom: 20px;
    }

    .select_tel_title{
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 570px){

    .about_descrip_banner_vodokanal{
        flex-direction: column;
    }

    .about_title_vodokanal{
        margin-bottom: 15px!important;
    }

    .resurs_org, .resurs_warn {
        flex-direction: column;
    }

    .vodokanal{
        margin: 10px 0;
    }

    .edds{
        margin-right: 0px;
    }

    .hot_line{
        margin-left: 0px;
    }

    .edds{
        margin-bottom: 5px;
    }

    .hot_line{
        margin-top: 5px;
    }

/*    .bann{
        border-radius: 0px;
        border: 0px;
    }

    .electro, .edds{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .gaz, .hot_line{
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .vodokanal{
        border-top: 1px solid #025a88;
        border-bottom: 1px solid #025a88;
    }

    .edds{
        border-bottom: 1px solid #790000;
    }*/

    .banners{
        margin-bottom: 80px;
    }

}

.dor_nac{
    position: absolute;
    top: 50px;
    left: 18.5px;
    font-size: 12px;
}

.dor_nac a{
    color: #0989cc;
}

.img_nac_dorogi{
    display: none;
}

.img_nac_dorogi{
    width: 164px;
    height: 104px;
}

@media screen and (max-width: 920px){

    .dor_nac{
        display: none;
    }

    .img_nac_dorogi{
        display: flex;
        position: absolute;
        bottom: -108px;
        left: 0;
        border: 2px solid #0989cc;
        border-radius: 4px;
        background-color: #fff;
        justify-content: center;
        flex-direction: column;
    }

    .img_nac_dorogi_img{
        width: 70px;
        padding-top: 5px;
    }

    .img_nac_dorogi_wrap_img{
        justify-content: center;
        display: flex;
    }

    .nac_dorogi_text{
        display: flex;
        justify-content: center;
        margin-top: 5px;
        font: 700 14px/12px 'Roboto Medium',sans-serif;
        color: #3b4256;
    }

}

@media screen and (max-width: 560px){

    .img_nac_dorogi{
        width: 104px;
        margin-left: 2px;
    }

}

.resurs_snab{
    display: none;
    font: 900 16px/16px 'Roboto Black',sans-serif;
    color: #0989cc;
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: pointer;
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 570px){

    .resurs_snab{
        display: flex;
        justify-content: center;
        padding: 0 20px;
    }

    .resurs_snab_margin{
        margin-bottom: 100px;
    }

    .map_legend_title_gkh{
        height: 40px;
    }

    .banners_none{
        display: none;
    }

}

@media screen and (max-width: 370px){

    .gaz_link_mob{
        font-size: 13px;
    }

    .resurs_snab{
        font-size: 14px;
    }

    .map_plan_title_gkh{
        font-size: 22px;
    }

}

.mob_electro{
    display: none;
}

.mob_hot_line{
    display: none;
}

@media screen and (max-width: 720px){

    .electro_plan_info{
        display: none;
    }

    .mob_electro{
        display: block;
    }

    .mob_hot_line{
        display: block;
    }

    .banners_img{
        max-width: 270px;
        margin-bottom: 10px;
    }

    .oreloblen .td_electro_info_link{
        text-decoration: none;
        color: #fff;
        font-weight: unset;
    }

    .oreloblen ul{
        margin-left: 15px !important;
    }

    .oreloblen li{
        color: #0989cc !important;
        margin-top: 5px;
    }

    .mob_hot_line ul{
        margin-left: 15px !important;
    }

    .mob_hot_line li{
        list-style-type: circle!important;
        color: #b30000 !important;
    }

    .mob_hot_line b{
        color: #b30000;
    }

    .mob_hot_line .tel_link{
        color: #3b4256;
    }

    .about_title_hot_line{
        margin-bottom: 0px!important;
    }

    .about_wrap_hot_line .about_padding_hot_line{
        height: unset!important;
    }

    .about_wrap_edds .about_padding_edds{
        height: unset!important;
    }

    .about_wrap_gaz .about_padding_gaz{
        height: unset!important;
    }

}

/*Траспорт 09.02.2021*/

.bus57{
    height: 90px;
    margin-left: 10px;
    border: 1px solid #3b4256;
    border-radius: 5px;
    margin-top: 20px;
}

.bus57:hover{
    border-color: #3167A9;
}

.transport_info{
    justify-content: center;
    width: 180px;
    height: 90px;
    font-size: 14px;
    line-height: 1.2;
}

.transport_bus57{
    display: flex;
}

.transport_bus57_left{
    display: none;
}

.transport_bus57_left .transport_info{
    margin-left: 0px;
}

@media screen and (max-width: 750px){

    .transport_bus57_right{
        display: none;
    }

    .transport_bus57_left{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 20px 0;
    }

}

.no_left_border{
    min-width: 212px;
}

.mnogokv_doma{
    padding-top: 10px;
    background-color: lightcyan;
    padding-bottom: 10px;
}

.chastn_orel{
    padding-top: 10px;
    background-color: lavender;
    padding-bottom: 10px;
}

.chastn_selsk{
    padding-top: 10px;
    background-color: lightgoldenrodyellow;
    padding-bottom: 10px;
}

.chastn_orel_title, .chastn_selsk_title, .mnogokv_title{
    margin-top: unset;
}

/*11.02.2021*/

.about_descrip_banner {
    font: 500 16px/24px Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

/*.new_flex_open {
    flex: unset;
}*/

.new_how_it_work_flex{
    flex: 8;
}

@media screen and (max-width: 720px){

    .about_padding{
        height: 100%!important;
    }

}

.hot_line_info .td_electro_info{
    text-align: left;
}

.tel_link, .tel_now{
    white-space: nowrap;
}

.electro_plan_info li, .about_descrip_banner_vodokanal li{
    text-align: left;
}

@media screen and (max-width: 920px) {

    .control-work-type .checkbox .button {
        align-items: center;
    }

}

#edds_mo{
    outline: none;
}

.bann{
    background-color: #0989cccc;
}

.edds, .hot_line{
    background-color: #b30000cc;
}

.bann:hover{
    background-color: #025a88cc;
}

.edds:hover, .hot_line:hover{
    background-color: #790000cc;
}

body{
    background-color: #fffef7;
}

@media screen and (min-width: 720px) {

    .about{
        margin-top: 100px;
    }

}

.about_descrip_banner, .electro_plan_info{
    font-size: 18px;
}

.electro_plan_info td.no_left_border{
    min-width: 240px;
}

.new_how_it_work_intro1 img, .new_how_it_work_intro2 img, .new_how_it_work_intro3 img{
    border: 2px solid #01bf9a;
    border-radius: 20px;
    overflow: hidden;
}

.new_how_it_work_intro4 img{
    border: 2px solid #3b4256;
    border-radius: 20px;
    overflow: hidden;
}

.new_arrow_svg{
    height: 25px;
    transform: rotate(180deg);
    fill: #3b4256;
    margin-bottom: 25px;
}

@media screen and (max-width: 500px){

    .new_arrow_svg{
        transform: rotate(270deg);
        margin-bottom: unset;
    }

    .new_arrow{
        margin-bottom: 15px;
    }

}

/*.button__text_long{
    font-size: 14px!important;
    line-height: 1!important;
}*/

.dor_nac{
    top: 50px;
    font: 14px/14px 'Roboto Medium',sans-serif;
}

.new_how_it_work_title{
    text-decoration-style: unset;
}

@media screen and (max-width: 920px){

    .button__text_long{
        position: absolute!important;
        bottom: 22px;
    }

}


.new_app_button{
    height: 48px;
    width: 245px;
    color: #f4f7fb;
    background-color: #3b4256;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto',sans-serif;
    cursor: pointer;
    font-weight: 700;
}

.new_app_button_button{
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_report_problem_button_button{
    font-weight: 700;
}

.new_how_it_work_report_problem a{
    text-decoration: none;
}

.new_app_button__about_app{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.new_app_button__about_app_hide{
    display: none;
}

@media screen and (max-width: 840px){

    .new_how_it_work_descrip{
        margin-top: 20px;
    }

    .new_app_button__about_app{
        margin-left: 30px;
        display: flex!important;
    }

}

/*ИНИЦИАТИВЫ 17.02.2021*/

.my_new_problem_add_img{
    margin-bottom: 16px;
    font-family: 'Roboto Medium',sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #3b4256;
    margin-top: 30px;
    position: relative;
}

.my_new_problem_add_img::before{
    top: -4px;
    left: -33px;
    width: 24px;
    height: 24px;
    content: '';
    display: inline-block;
    position: absolute;
    background: #fff;
    border: 8px solid #dde1e6;
    border-radius: 50%;
}

.prop_one_info{
    text-align: justify;
}

.prop_img_div{
    width: 100%;
    text-align: center;
}

.prop_img{
    max-width: 100%;
    max-height: 800px;
    text-align: center;
}

/*Инициативы конец*/

.map_mes_wrap{
    width: 100%;
    height: 95vh;
    position: relative;
}

.map_message{
    width: 100%;
    height: 100%;
}

.new_map_message_legend{
    display: flex;
    flex-direction: column;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 100%;
    overflow-y: auto;
    border-left: unset;
    border-top: unset;
    border-bottom: unset;
}

.map_mes_cat_title{
    display: flex;
    justify-content: center;
    padding: 20px 0;
    font: 700 20px/20px 'Roboto Black',sans-serif;
    color: #3b4256;
    border: 1px solid #ccc;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-left: unset;
    border-bottom: 1px solid #000;
}

.new_map_message_legend label{
    margin-left: 0px;
    padding-left: 20px;
    line-height: 40px!important;
    border-bottom: 1px solid #ccc;
    font: 700 16px/16px 'Roboto Black',sans-serif;
    color: #3b4256;
    margin-bottom: unset;
}

*:active, *:focus{
    outline: none!important;
}

.new_map_message_legend label button{
    width: 100%;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_map_message_legend label button .control-work-type__placemark{
    display: flex;
    align-items: center;
}

.new_map_message_legend label:last-child{
    border-bottom: 0px;
}

.map_mes_title_cat_wrap{
    position: absolute;
    width: 400px;
    top: 0px;
    bottom: 0px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.collapse_cat{
    position: absolute;
    height: 50px;
    width: 30px;
    top: 9px;
    left: 100%;
    border: 1px solid #ccc;
    border-left: unset;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.collapse_cat svg{
    width: 20px;
    height: 20px;
    fill: #3b4256;
    transform: rotate(180deg);
}

.collapse_cat_hide{
    left: 0px;
    background-color: #3b4256;
    border: unset;
}

.collapse_cat_hide svg{
    transform: rotate(0deg);
    fill: #fff;
}

.map_mes_cat_hide{
    display: none;
}

.map_mes_cat_bottom{
    width: 100%;
    height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: unset;
    border-left: unset;
    border-bottom-right-radius: 10px;
}

.count_map_cat{
    margin: 0 10px;
    color: #3b4256;
    font-weight: 500;
}

.new_map_message_legend label button div span{
    white-space: normal;
}

.select_cat_mob{
    display: none;
}

.new_map_message{
    border-top: 2px solid #3b4256;
    border-bottom: 2px solid #3b4256;
}

@media screen and (max-width: 850px){

    .collapse_cat_hide{
        top: unset;
        left: calc(50vw - 100px);
        width: 200px;
        height: 40px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: unset; 
    }

    .select_cat_mob{
        color: #fff;
        font: 700 14px/14px 'Roboto Black',sans-serif;
    }

    .collapse_cat_hide{
        justify-content: space-around;
    }

    .collapse_cat_hide svg{
        transform: rotate(90deg);
        width: 15px;
        height: 15px;
    }

    .collapse_cat .select_cat_mob{
        display: none;
    }

    .collapse_cat_hide .select_cat_mob{
        display: block;
    }

    .map_mes_title_cat_wrap{
        width: 300px;
    }

    .new_map_message_legend label div span{
        font-size: 14px;
        line-height: 1.2!important;
    }

    .map_mes_title_cat_wrap{
        margin-top: 10px;
    }

    .map_mes_title_cat_wrap_hide{
        margin-top: unset!important;
    }

}

@media screen and (max-width: 600px){

    .map_mes_title_cat_wrap_hide{
        height: 40px;
        width: 200px!important;
    }

    .map_mes_title_cat_wrap{
        width: 100%;
        border: none;
        margin: 0px;
    }

    .map_mes_cat_title, .map_mes_cat_bottom{
        border-radius: 0px;
        border-right: unset;
    }

    .map_mes_cat_title{
        border-bottom: unset;
        border-top: 2px solid #3b4256;        
    }

    .map_mes_cat_bottom{
        border-bottom: 2px solid #3b4256;
    }

    .map_mes_cat_title span{
        display: none;
    }

    .collapse_cat{
        top: unset;
        left: calc(50vw - 100px);
        width: 200px;
        height: 40px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: unset; 
    }

    .collapse_cat .select_cat_mob{
        display: block;
    }

    .collapse_cat svg{
        transform: rotate(270deg);
        width: 15px;
        height: 15px;
        fill: #fff;
    }

    .collapse_cat_hide svg{
        transform: rotate(90deg);
        fill: #fff;
    }

    .collapse_cat{
        justify-content: space-around;
    }

    .collapse_cat {
        background-color: #3b4256;
        border: unset;
    }

}

@media screen and (max-width: 575px){

    .new_map_message_title{
        margin-bottom: 15px;
    }

    .new_table_message_title{
        margin-top: 20px!important;
    }

}

.check_all_button{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    min-height: 54px;
    border-bottom: 1px solid #ccc;
    color: #3b4256;
    font: 700 16px/16px 'Roboto Black',sans-serif;
    cursor: pointer;
}

.check_all_button_img{
    margin-right: 5px;
}

.check_all_button_img_text{
    display: flex;
    align-items: center;
}

.check_all_button_img_not_all{
    filter: opacity(30%);
}



/*30.03.2021 главная страница*/

.menu__datepick{
    padding-right: 30px;
}

.blog{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.visit_orel{
    margin-left: 30px;
    width: 280px;
    border: 1px solid #3b4256;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-bottom: 30px;
}

.visit_orel_mob_ver{
    display: none;
}

@media screen and (max-width: 750px){

    .visit_orel_mob_ver{
        display: flex;
        justify-content: center;
    }

    .visit_orel{
        margin-bottom: unset;
        margin-left: unset;
    }

    .blog{
        margin-top: unset;
    }

}

.map_cont{
    max-width: 1480px;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.container{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media screen and (max-width: 575px){
    .container{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

.map_cont2{
    position: relative;
    left: unset;
    width: unset;
    max-width: 1080px;
    width: 100%;
    flex-shrink: 1;
    overflow: hidden;
    margin-right: 30px;
}

.map_event{
    width: unset;
    position: unset;
}

.but_map{
    right: 0;
    left: 0;
}

.report_problem{
    position: unset;
    padding-left: unset;
    min-width: 340px;
    width: unset;
    margin-left: 30px;
}

.map_contNew{
    flex-direction: column;
    max-width: 1420px;
}

.map_cont_wrap{
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.map_cont2New{
    max-width: 1420px;
}

@media screen and (max-width: 518px){
    .blog{
        margin-top: 20px;
    }
}

/* 11.08.2021 карта вакцинации */

.karta_vakcinacii{
    width: 280px;
    margin-left: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: #0989cc;
    position: relative;
    text-align: center;
    border: 1px solid #3b4256;
}

.karta_vakcinacii_text{
    position: absolute;
    font-weight: 700;
    font-size: 14px;
    bottom: 10px;
    color: #fff;
    text-decoration: none;
    line-height: 1.2;
    font-family: Arial, Helvetica, sans-serif;
}
.mapdev_objAddLabel {
    width: 200px;
}
.foto_obj_prev {
    text-align: center;
}

/* 30.06.2023 */

.map_message_legend{
    display: flex;
    flex-wrap: wrap;
}

/* #select_cat_mapdev{
    display: none;
    margin: 20px 20px 10px 20px;
    background-color: #0989cc;
    color: #fff;
    height: 40px;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
} */

/* @media screen and (max-width: 810px){
    .map_message_legend{
        flex-direction: column;
        align-content: center;
    }
    .map_message_legend_hide{
        display: none;
    }
    #select_cat_mapdev{
        display: flex;
        justify-content: center;
        align-items: center;
    }
} */

.mapdev_cat_title{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
}

.mapdev_title{
    text-decoration: underline;
    display: block;
    font: 900 24px/32px 'Roboto Black',sans-serif;
    color: #3b4256;
}

.mapdev_title:hover{
    color: #0989cc;
}

#select_cat_mapdev{
    display: none;
    background-color: #3b4256;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.select_text{
    display: none;
    margin-left: 40px;
    font-weight: 700;
}

@media screen and (max-width: 810px){

    #select_cat_mapdev{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .map_message_legend{
        flex-direction: column;
        align-content: center;
    }

    .map_message_legend_hide{
        display: none;
    }

    .select_text{
        display: block;
    }

}

@media screen and (max-width: 750px){

    .select_text{
        margin-left: 10px;
    }

}

/* Изменено со строки 556 */
@media screen and (max-width: 1560px){

    .topleft{
        visibility: hidden;
        display: none;
    }

    .topmenu{
        visibility: visible;
        display: block;
        font: 700 16px/16px 'Roboto',sans-serif;
        border: solid 1px #fff;
        border-radius: 5px;
        margin-right: 15px;
        padding: .25rem .75rem;
    }

    .droptop{
        background-color:#01bf9a;
        color:rgba(255,255,255,.83);
        font: 14px/14px 'Roboto',sans-serif;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

    .droptop_link{
        color: #fff;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .droptop_link:hover{
        color:  #3b4256;
        background-color: #01bf9a;
    }

    .droptop_line{
        margin-top: 0;
        margin-bottom: 0;
        color: #3b4256;
        border-top: 1px solid #3b4256; 
    }

    .card{
        height: unset;
    }

    .article__content{
        margin-left: 0;
        margin-right: 0;
    }

    .intro__heading_article {
        padding-left: 15px;
    }

    .article__title{
        margin-left: unset;
    }

    .header_right{
        width: 90%;
    }

    .header_left{
        width: 10%;
    }

    .topright{
        border: solid 1px #fff;
        border-radius: 5px;
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 15px;
    }

    .nav_css {
        display: none;
      }

}

header, .header_wrap {
    height: 56px;
    max-height: unset;
    min-height: unset;
}

@media screen and (max-width: 900px){

    .map_shelter_title{
        font-size: 16px;
        padding: 0px 5px 0px 5px;
        line-height: 1;
    }

}

@media screen and (max-width: 450px){

    .map_ev_heading, .map_message_title, .map_plan_title{
        font-size: 16px;
        line-height: 1;
    }

    .map_shelter_title{
        font-size: 14px;
    }

}

.navbar.mobile_nav {
    background-color: #01bf9a !important;
    z-index: 10!important;
}

.fotoGalPreView {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.fotoGalPreViewRPanel {
    display: flex;
    flex-direction: column;
    margin-left: 3px;
}
.foto_obj_prev_small {
    height: 43px;
    margin-bottom: 2px;
    text-align: center;
}
/*.fmore {
    width: 57px;
    background-image: url('/images/fmore.png');
    background-repeat: no-repeat;
    opacity: 0.3;
}*/
.fmore{
    width: 57px;
    position: relative;
    z-index:1;
    overflow:hidden; /*if you want to crop the image*/
}
.fmore:before{
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    content: url('/images/fmore.png');
    opacity:0.4;
}