body{min-width:400px;width:100%;margin:0px auto;font-family: arial;color:#000000;font-size:14px;font-size:0.875rem;line-height: 1.4;background-color: #F3F0EB;min-width:400px}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.clear{clear:both}

@media (max-width:900px){
    body{font-size: 14px;font-size: 0.875rem}
}

.all{margin: 0 auto;max-width: 1400px;padding: 0 30px;min-width: 400px}
@media (max-width:600px){
    .all{padding: 0 10px}
}


@media (max-width:1400px){
    .all.phenomena_map{padding: 0}
}

.header{width:100%;height: 127px;background-color: #fff;box-shadow: 0 6px 10px rgba(0,0,0,0.25);margin-bottom: 30px}
.home_link{display: flex;padding-top: 15px;width: 100%;align-items: center;justify-content: start}
.logo{width:96px;height: 96px;background: url("/desimages/logo.png") center no-repeat;background-size: contain;margin-right:15px}
.header_title{font-family: Montserrat;font-size: 26px;font-weight: 600;text-decoration: none;color: #222222;display: flex;flex-wrap: wrap;justify-content: start;flex-shrink: 2}
@media (min-width:601px){
.header_title span{margin-right: 5px}
}

@media (max-width:1200px){
    .header_title{font-size: 22px}
}

@media (max-width:720px){
    .header_title{font-size: 18px}
    .home_link{padding-top: 0}
    .header{margin-bottom: 20px;height: auto}
    .logo{width: 80px;height: 80px;margin-right: 10px}
}

@media (max-width:600px){
    .header{margin-bottom: 20px;height: auto}
    .header_title{font-size: 16px;display: block;font-size: 1rem}
    .home_link{padding-top: 0}
    .logo{width: 70px;height: 70px;margin-right: 7px}
}

.footer{width: 100%;min-height: 127px;background-color: #fff;box-shadow: 0 -6px 10px rgba(0,0,0,0.25);margin-top: 40px;color: #636363;font-size: 16px;font-family: Montserrat;font-weight: 600}
.footer .all{display: flex;align-items: center;justify-content: space-between;min-height: 127px;}
.copyright{display: flex}
.copyright>p{display: flex;align-items: center}
.copyright>p img{margin-right: 10px}

@media (max-width: 900px){
    .footer{font-size: 14px}
}

@media (max-width: 600px){
/*    .copyright>p{flex-wrap: wrap}*/
    .footer{font-size: 12px;min-height: unset}
    .footer .all{min-height: unset}
    .copyright>p img{margin-right: 5px!important;max-height: 50px}
}

.maps{display: flex;justify-content: center;align-items: stretch;margin-bottom: 22px;margin-top: 7px;background-color: #fff;border-radius: 100px;box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
/*#phenomena_map .maps{display: none}*/
.maps>div, .maps_mobile>div{display: flex;align-items: center;border-radius: 100px;margin: 5px}
.maps>div a, .maps>div span, .maps_mobile>div a, .maps_mobile>div span{text-decoration: none;font-size: 17px;color:#222222;font-weight: 600;padding: 10px 30px;text-align: center;font-family: Montserrat}
.maps>div:hover, .maps_mobile>div:hover{background-color: #F4F4F4}
.map_selected{background-color: #FDDF75}
.maps>div.map_selected:hover, .maps_mobile>div.map_selected:hover{background-color: rgba(253,223,117,0.8)}
div.maps{position: relative;justify-content: stretch;align-items: center  }
div.maps div:last-child{flex-grow: 2;justify-content: center;}
div.maps div:last-child a{font-size: 17px!important}
div.maps>div{height: auto}

.maps_mobile{display: none}

@media (max-width:1300px){
    .maps>div a, .maps>div span{font-size: 15px}
}

@media (max-width:1300px){
    .maps>div a, .maps>div span{font-size: 14px}
}

@media (min-width:1001px){
    #mobile_menu{display: none}
    div.maps{display: none}
    
}
@media (max-width:1000px){
    nav.maps{display: none}
    div.maps div:last-child a{font-size: 15px!important}
    .maps>div a, .maps>div span{padding: 10px 20px;}
    .maps_mobile{display: flex;justify-content: center;align-items: stretch;margin-bottom: 22px;margin-top: 7px;flex-wrap: wrap}
    .maps_mobile>div{height: auto;background-color: #fff;border-radius: 100px;box-shadow: 0 4px 10px rgba(0,0,0,0.15); }
}

@media (max-width:600px){
    div.maps div:last-child a{font-size: 14px!important}
    .maps>div a, .maps>div span{padding: 0px 10px;}
    .maps_mobile>div{max-width: 30%}
    .maps_mobile>div a, .maps_mobile>div span{font-size: 11px;padding: 7px 15px}
}

.svg_map_container{position: relative}
.svg_map, .map_conteiner{background-color: red;position: relative;background-color: transparent;margin: 0 0px 0px auto;}
.map_conteiner{padding-bottom: 57.5%;}
#map{border: 5px solid #fff; border-radius: 19px}

@media (max-width:1400px){
    .svg_map{padding: 0 30px}
    .map_conteiner{margin: 0 10px}
}



.svg-map__regions{position: relative;z-index: 1}
.svg-map__regions>path{position: relative;z-index: 1}
.zapret{z-index: 100}
.zapret>path{position: relative;z-index: 100}
.svg_gorod_point{stroke:none;stroke-width:1px;fill:#7F8182;}
circle.capital{fill:#7F8182;stroke:none;r:7px}
.obl_center{fill:#7F8182;font-family:inter;font-weight:bold;font-size:19px;font-size: 1.1875rem}
.opasn circle.capital, .opasn .obl_center{fill:rgba(240,84,57,1);fill-opacity:0.9;stroke:#7F8182;stroke-width:1}
.neblag circle.capital, .neblag .obl_center{fill:rgba(248,152,55,1);fill-opacity:0.9;stroke:#7F8182;stroke-width:1}
.opasn circle.capital, .neblag circle.capital{stroke-width:2}
.opasn circle.capital:hover, .opasn .obl_center:hover{fill-opacity:1;cursor: pointer}
.neblag circle.capital:hover, .neblag .obl_center:hover{fill-opacity:1;cursor: pointer}
.capital_name{fill:#7F8182;font-family:inter;font-weight:bold;font-size:20px;stroke: none;}
.neblag .capital_name, .opasn .capital_name, .neblag image, .opasn image{cursor: pointer}
.podtoplenie_in_city:hover  .capital, .podtoplenie_in_city:hover .obl_center, .podtoplenie_in_city:hover  .capital_name{fill:#0083b0;cursor: pointer}
.pozar_in_city:hover  .capital, .pozar_in_city:hover .obl_center, .pozar_in_city:hover  .capital_name{fill:#fc7329;cursor: pointer}

.svg-map__obl{stroke:#fff;stroke-width:4;fill:transparent;position: relative;z-index: 100}
.no_fill{fill:none}
.svg-map__fill>path{fill:#B7CDD7;}
.svg-map__region{stroke:#fff;stroke-width:1;position:relative;z-index:10;fill:transparent}
.svg-map__fill:hover>path, .svg_map__fill_sel>path{fill:#8DB6C4}
.svg-map__area:hover circle.capital, .svg-map__area:hover .svg_gorod_point, .svg-map__area:hover .obl_center, .svg-map__area:hover .capital_name{fill:#52585B} 


.svg-map__fill.opasn>path{fill:rgba(240,84,57,1);fill-opacity:0.35;}
.svg-map__fill.neblag>path{fill:rgba(248,152,55,1);fill-opacity:0.35;}
.svg-map__fill.opasn:hover>path, .svg-map__fill.neblag:hover>path, .svg_map__fill_sel.opasn>path, .svg_map__fill_sel.neblag>path{fill-opacity:0.6;}
/*.opasn .svg-map__obl{stroke:#F05439;}
.neblag .svg-map__obl{stroke:#F89837;}*/


foreignObject .info_block{background:rgba(255,255,255,0.85);border-radius:25px;box-shadow: 0 6px 10px #000;width:calc(100% - 20px);height:calc(100% - 20px);margin: 0 10px 10px}
div.info_block{background:rgba(255,255,255,0.85);border-radius:25px;box-shadow: 0 6px 10px rgba(0,0,0,0.15);overflow: hidden;max-width:590px;max-height:450px;margin: 0 10px 10px;position: absolute;display: none;z-index: 300;width: 100%}
.info_bm{display: flex;justify-content: center;padding: 0 46px 0 0;align-items: stretch;min-height: 65px;box-shadow: 0px 3px 4.5px rgba(0,0,0,0.15)}
.info_bm_item{font-family: Montserrat;font-size: 18px;font-weight: 600;padding: 19px 0;margin-left: 25px;padding: 10px 10px;display: flex;align-items: center}
.selected_bm{position: relative;line-height: 1}
.selected_bm:after{background: linear-gradient(to right, #F05439 0px, #AF1A00 100%);position: absolute;bottom:-1px;width:100%;height:2px;content:'';left:0;}
.close{position: absolute;top: 15px;right:15px;width: 18px;height:18px;background: url("/desimages/close.png") no-repeat center;background-size: contain;cursor: pointer}
.close_rec{position: absolute;top: 5px;right:5px;width: 20px;height:20px;background: url("/desimages/close_rec.png") no-repeat center;background-size: contain;cursor: pointer}
.mCustomScrollBox .close_rec{top: 0;right: 0}
.bm_content{padding: 25px 20px 10px 20px;font-weight: 500;font-family: Montserrat;font-size: 12px;font-size: 0.75rem}
/*.event_items_title{font-weight: 600;font-size: 16px;font-size: 1rem;margin-bottom: 5px}
.events_block{display: flex;flex-wrap: wrap;justify-content: start;margin-right: 2%}
.events_block_1{}
.event_item{margin-bottom: 20px;display: flex;align-items: center;justify-content: start;width: 23%;flex-direction: column;align-items: center;text-align: center}
.event_item img{margin: 0;max-width: 50px}
.events_block_1 .event_item img{margin: 0 15px 0 0;}
.event_item_part{color: #AF1A00;cursor: pointer;position: relative;padding-right: 12px;padding-left: 3px;font-weight: 600}
.event_item_part:after{content: '';position: absolute;top: 8px;right:0px;width: 5.6px;height: 5.6px;border-top: 2px solid #AF1A00;border-right: 2px solid #AF1A00;transform: rotate(-45deg);animation:3s ease-in 1s}
.event_item_part.clicked:after{top: 4px;transform: rotate(135deg);animation: 3s ease-in 1s}
.event_item_part:hover{text-decoration: underline}*/
.bm_content_selected{/*height: 200px;/*margin-bottom: 30px*/;}
.bm_content_selected::-webkit-scrollbar {
    width: 10px; /* ширина скролла */
}/* Стилизация ползунка скролла */
.bm_content_selected::-webkit-scrollbar-thumb {
    background-color: #ccc; /* цвет ползунка */
}

@media (max-width:900px){
    .bm_content{font-size: 12px;font-size: 0.75rem}
    .info_bm_item{font-size: 14px;font-size: 0.875rem}
    .info_bm{min-height: 55px}
}

.hidden_block{margin-left: 50px;margin-top: 0px;display: none;margin-bottom: 20px}
.hidden_block span{font-weight: 600;cursor: pointer}
.bm_bottom{height: 60px;display: flex;justify-content: space-between;align-items: center;padding: 0 10px;box-shadow: 0px -3px 4.5px rgba(0,0,0,0.07);}
.enlarge{background-image: url("/desimages/encrease.png");background-repeat: no-repeat;background-position: left center;padding-left: 40px;min-height: 42px;display: flex;align-items: center;background-size: 42px 42px;cursor: pointer}
.enlarge_btn{background-image: url("/desimages/enlarge_btn.png");background-repeat: no-repeat;background-position: right 10px center;background-size: 27px 27px;padding: 10px 54px 10px 15px;font-size: 17px;font-size: 1.0625rem;font-weight: 600;color: #4C4C4C;background-color: #FDDF75;border:3px solid #fff;position: absolute;top: 0;right: 0;border-radius: 42px;font-family: Montserrat;cursor: pointer;z-index: 100;box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);}
.enlarge_btn:hover{box-shadow: 0 4px 4px 0px rgba(0,0,0,0.15);top:2px}
#map {width: 100%;height: 100%;background-color: #eee;z-index: -1;position: absolute;top: 0px;left: 0%;bottom: 0;right: 0}
.close_map{background-image: url("/desimages/close_btn.png");background-position: right 15px center;padding: 3px 33px 3px 12px;background-color: #fff;font-family: Montserrat;font-size: 17px;font-weight: 600;cursor:pointer;border:3px solid #fff;z-index: 200;position: absolute;top:20px;right: 20px;color: #767676;background-repeat: no-repeat;box-shadow: 0 4px 5px 0px rgba(0,0,0,0.2);border-radius: 7px}
.close_map:hover{box-shadow: 0 4px 3px 0px rgba(0,0,0,0.2);top:22px}

@media (max-width:600px){
    .svg_map{padding: 0 5px}
    .map_conteiner{padding-bottom: 100%}
    .close_map{font-size: 0;padding: 0px;width: 20px;height: 20px;background-position: center}
    #map{border-width: 2px}
}

.recomendation{background:linear-gradient(117deg,#F05439 0%, #AF1A00 100%);padding: 10px 40px;min-height: 42px;border: 3px solid #fff;border-radius: 42px;font-size: 12px;font-weight: 600;color: #fff;box-shadow: 0 4px 8px 0px rgba(0,0,0,0.25);position: relative;cursor: pointer}
.recomendation:hover{box-shadow: 0 4px 8px 0px rgba(0,0,0,0.5);/*top: 1px;left: 2px*/}

#recomendations{width: 90%;position: absolute;top:5%;left:5%;background-color: #F3F0EB;padding: 20px 0px 20px 15px;box-shadow: 0 8px 10px -1px rgba(0,0,0,0.15);border-radius: 12px;z-index: 100;display: none;overflow: hidden}
.recomendations_all{overflow-y: auto;max-height: 500px}
#recomendations_inner{margin-right: 15px}

div.no_block{background:rgba(255,255,255,0.85);border-radius:25px;box-shadow: 0 6px 10px rgba(0,0,0,0.15);overflow: hidden;width:350px;min-height:230px;margin: 0 10px 10px;position: absolute;z-index: 300;left: calc(50% - 175px);top: calc(50% - 115px);padding: 15px;display: flex;align-items: stretch;justify-content: stretch}
.no_block .close{top: 25px;right: 25px;z-index: 500}
.no_text{font-size: 18px;font-size: 1.125rem;font-weight: 600;border: 3px solid #D0DB4F;padding: 25px 15px 65px;position: relative;display: flex;align-items: center;justify-content: center;text-align: center;border-radius: 15px}
.no_text:after{content: '';position: absolute;bottom: 25px;left: calc(50% - 20px);width: 39px;height: 39px;background-image: url("/desimages/no_sign.svg");background-size: contain;background-repeat: no-repeat}

@media (max-width:1000px){
    .info_block{left:calc(50% - 295px)!important}
}

@media (max-width:600px){
    .info_block{left:10px!important;width: calc(100% - 40px)!important}
}

@media (max-width:1400px){
    .enlarge_btn{right:10px}
}

@media (max-width:1200px){
    .enlarge_btn{font-size: 15px;right:10px}
}

@media (max-width:950px){
    .enlarge_btn{font-size: 13px}
}

@media (max-width:700px){
    .enlarge_btn{font-size: 0px;width: 50px;height: 40px;padding:0;background-position: center;right:10px}
}

.zapret_2, .svg_map__fill_sel>.zapret_2{fill:rgba(248,152,55,1);/*stroke:#F89837;*/fill-opacity:0.5;} /**/
.zapret_3, .svg_map__fill_sel>.zapret_3{fill:rgba(240,84,57,1);/*stroke:#F05439;*/fill-opacity:0.5;}
.zapret_2:hover, .zapret_3:hover, .svg_map__fill_sel>.zapret_2, .svg_map__fill_sel>.zapret_3{fill-opacity:0.75}

.zapret_in_city.zapret{fill-opacity: 1}
.zapret_in_city.zapret_2 circle{fill:rgba(248,152,55,1);cursor: pointer;stroke-width: 1;stroke: #7F8182;}
.zapret_in_city.zapret_3 circle{fill:rgba(240,84,57,1);cursor: pointer;stroke-width: 1;stroke: #7F8182;}
.zapret_in_city.zapret .capital{stroke-width: 2}
.zapret_in_city.zapret_2:hover text{fill:rgba(248,152,55,1);cursor: pointer}
.zapret_in_city.zapret_3:hover text{fill:rgba(240,84,57,1);cursor: pointer}

.signs{width: 30px;height: 30px;cursor: pointer}
.show_info_rel{width:28px;height: 39px;cursor: pointer}
.city_sign{width: 23px;height: 23px}

#phenomena_map{position: relative}
.legend{position: absolute;top:10px;left:0;max-width: 30%}
.legend_item{margin-bottom: 20px;margin-left: 40px;background-color: #F3F0EB;border-radius: 100px;border-width: 2px;display: flex;align-items: stretch;min-height: 66px;justify-content: stretch;font-family: Montserrat;font-size: 17px;font-weight: 600;border-style: solid;position: relative;z-index: 10;background-color: #F3F0EB;box-shadow: 0px 6px 10px rgba(0,0,0,0.15)}
.legend_item>div{display: flex;align-items: center;justify-content: start;background-color: #F3F0EB;position: relative;z-index: 10;border-radius: 100px;padding: 5px 30px 5px 12px}
.legend_item:before{width: 90px;height:calc(100% + 4px);content: '';position: absolute;left: -40px;top:-2px;z-index: 1}
.legend_item img{margin: 0 30px 0 0;width: auto;height: 42px}
.legend_item.legend_opasn{border-color: #F05439;color: #F05439}
.legend_item.legend_neblag{border-color: #FA9737;color: #FA9737;max-width: unset}
.legend_item.legend_opasn:before{background-color: #F05439}
.legend_item.legend_neblag:before{background-color: #FA9737}
.legend_item.legend_pozar{border-color: #FDDF75;color: #E84A0A}
.legend_item.legend_pozar:before{background-color: #FDDF75}
.legend_item.legend_restriction{border-color: #FA9737;color: #FA9737}
.legend_item.legend_zapret{border-color: #F05439;color: #F06B39}
.legend_item.legend_zapret:before{background-color: #F05439}
.legend_item.legend_restriction:before{background-color: #FA9737}
.legend_item.legend_podtoplenie{border-color: #A6D8F0;color: #0083B0}
.legend_item.legend_podtoplenie:before{background-color: #A6D8F0}
.legend_item.legend_forecast{color: #0083B0}
.legend_item.legend_gidro{border-color: #8ED3E8;color: #00799E;}
.legend_item.legend_gidro:before{background-color: #8ED3E8}

@media (max-width:1400px){
    .legend_item img{margin-right: 15px}
}

@media (max-width:1200px){
    .legend{top: 0px}
    .legend_item{font-size: 15px;min-height: 40px}
    .legend_item img{max-height: 38px;margin-right: 10px}
    .legend_item > div{padding-left: 7px}
}

@media (max-width:950px){
    .legend_item{font-size: 13px}
}
@media (min-width:831px){
    .legend_map{left:13px;top:100px;display: flex;flex-direction: column;align-items: start;}
    .legend_map{z-index: 200}
    .legend_map .legend_item{margin-bottom: 10px}
    .legend_map .legend_item div{max-width: 300px}
    .legend_map .legend_item img{margin-right:20px}
}

@media (max-width:830px){
    .legend_item::before{display: none;}
    .legend{position: relative;top: 0;max-width: none;display:flex;flex-wrap: wrap;justify-content: start;padding: 0 10px}
    .legend_item{width: auto;margin-left: 0}
    .legend_item{margin-right: 10px}
    .legend_item img{max-height: 28px;}

    .legend_map{padding: 0 10px}
    .legend_map .legend_item{width: auto;margin-right: 10px!important}
    
}

@media (max-width:620px){
    .legend_events{font-size: 13px}
    .legend_events .legend_item{width: auto;}
}

@media (max-width:600px){
    .legend{position: relative;top: 0;max-width: none;display:flex;flex-wrap: wrap;justify-content: start;padding: 0 10px}
    .legend_item>div{padding: 0px 10px 0px 5px}
    .legend_item img{max-height: 18px;}
    .legend_item{font-size: 10px;min-height: 30px}
}

@media (max-width:500px){
/*    .legend_item{width: 100%;margin-left: 0;margin-right: 0!important;margin-bottom: 10px}*/
/*    .legend{flex-wrap: nowrap;}*/
    .legend_item{width: auto;flex-shrink: 2;max-width: 60%}
    .legend_item:nth-child(3){max-width: 100%}
}

@media (max-width:460px){
    .legend_events .legend_item{font-size: 10px}
}   


@media (min-width:1400px){
    .legend_map{left:3px;}
}

/*Инфографики*/
.h1_type_8{font-size: 24px}
.h1_type_5{font-size: 26px}
.h1_type_4{font-size: 28px}
.h1_type_3{font-size: 30px}
.inforg{position: relative;margin: 0 20px;/*background-color: #F3F0EB;box-shadow: 0 4px 10px rgba(0,0,0,0.15);;border-radius: 10px;padding: 20px*/}
.inforg h1{font-family: Montserrat;font-size: 30px;font-weight: 600;display: flex;align-items: center}
.inforg h1 img{margin: 0 20px 0 0;}
.inforg_block{border: 2px solid #CFCFCF;border-radius: 15px;font-weight: 500;font-size: 12px;padding: 35px 12px 12px;font-family: Montserrat;position: relative;}
.inforg_block{margin-top: 45px}
.inforg_block h2{font-size: 19px;font-weight: 600;position: absolute;line-height: 40px;top: -20px;display: inline-block;border-width: 2px;border-style: solid; background-color: #F3F0EB;border-radius: 14px;left:-2px;margin: 0;padding: 0 12px}
.factors{display: flex;align-items: start;justify-content: space-between;flex-wrap: wrap}
.factors div {width: 48%;display: flex;align-items: start;margin-bottom: 20px}
.factors div img{margin-right: 10px}
.factors h2{border-color: orange;}
.recomendations h2{border-color: #7D9437}
.recomendations ul{list-style: none;padding-left: 2px}
.recomendations ul>li{padding-left:0px;margin:10px 0 0px 30px;position: relative}
.recomendations ul>li:before{width: 20px;height: 20px;background:url("/desimages/list_icon.svg");content: '';position: absolute;top:0px;left: -30px;display: block;background-size: contain}

@media (max-width:900px){
    .h1_type_8{font-size: 20px}
    .h1_type_5{font-size: 22px}
    .h1_type_4{font-size: 24px}
    .h1_type_3{font-size: 26px}
}

@media (max-width:700px){
    .factors div {width: 100%}
}






.h_menu_title{background-color: #FDDF75;border-radius: 100px;margin: 5px;position: relative;top: 0;width: auto;min-height: 50px}
.h_menu_title a{width: 50px;height: 30px;position: relative;background: url("/desimages/menu_lines1.png") center no-repeat;padding: 0!important;display: inline-block}
@media (max-width:600px){
    .h_menu_title{min-height: 30px}
    .h_menu_title a{width: 30px;}
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content {
    /*    position: relative;*/
    display: flex;
    flex-direction: column;
}

.hc-offcanvas-nav.nav-levels-overlap .nav-content > ul:first-of-type {
    flex-grow: 1;
}

.nav-container ul, .nav-container li {
    margin: 0;
    padding: 0!important;
    background-image: none;
}

.nav-container li::before {
    content: none;
}

.hc-offcanvas-nav li.nav-close a {
    border-top: 2px solid var(--second-menu-border);
}

.nav-close .nav-item-wrapper a, .nav-close:hover .nav-item-wrapper a{height: 48px}

.hc-offcanvas-nav li.nav-close span {
    /*    background-image: url(/desimages/all_index_close_info_hover.svg);*/
    background-image: url(/desimages/close.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    background-color: #fff!important
}

.nav-container .nav-item:not(.nav-item-custom) img {
    margin-right: 10px;
    max-width: 38px;
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    display: none;
    content: none;
}


.hc-nav-trigger {
}

.hc-nav-trigger span {
    width: 30px;
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
    background: #fff;
    border-radius: 4px;
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: #fff;
    -webkit-text-stroke: unset!important;
    text-stroke: unset!important
}

.hc-offcanvas-nav li:not(.custom-content) a {
    border-bottom: 2px solid var(--second-menu-border);
    font-size: 16px;
    font-size: 1rem;
    color: var(--header-color);
    font-weight: 800;
    padding: 13px 20px;
    transition: background .2s ease;
    -webkit-text-stroke: var(--menu-text-border);
    text-stroke: var(--menu-text-border);
}

.hc-offcanvas-nav  .nav-item, .hc-offcanvas-nav .nav-back{
    text-transform: uppercase;
}

.hc-offcanvas-nav ul ul .nav-item{text-transform: none;font-size: 16px;font-size: 1rem;-webkit-text-stroke: unset;
    text-stroke: unset;font-weight: 600}

.hc-offcanvas-nav li.nav-back a,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open,
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {
    background: var(--menu-selected);
    min-height: 48px;
    -webkit-text-stroke: unset;
    text-stroke: unset
}

.hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next, .hc-offcanvas-nav li.nav-back span{
/*    background-color: #FDDF75*/
}

.hc-offcanvas-nav a.nav-next {
    border-left: none;
}

.hc-offcanvas-nav h2 {
    color: var(--header-color);
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 0;
    font-size: 18px!important;
    font-size: 1.125rem!important;
    -webkit-text-stroke: var(--menu-text-border);
    text-stroke: var(--menu-text-border)
}

.hc-offcanvas-nav .menu_item.selected{
    background-color: #FDDF75;border: 0
}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,
.hc-offcanvas-nav .nav-item {
    border-bottom: 2px solid var(--second-menu-border);
}

.hc-offcanvas-nav .nav-next span::before {
/*    border-top: 2px solid var(--second-menu-border);
    border-left: 2px solid var(--second-menu-border);*/
    width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 12px 0 12px 12px;
   border-color: transparent transparent transparent var(--menu-selected);
   transform: rotate(0deg);
   top: calc(50% - 12px);
   left: calc(50% - 3px)

}

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover {
    background: #9b0000;
}

.nav-item-custom .mobile_item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    line-height: 15px;
}

.nav-item-custom .mobile_item:first-of-type {
    padding-left: 0;
}

.hc-offcanvas-nav .nav-item.nav-item-custom {
    /*    padding: 0 20px;*/
    padding: 0;
    margin-top: 50px
/*    img {
        margin-bottom: 10px;
    }*/
/*    & > div {
        padding: 1.5rem 1.25rem 0.875rem;
    }
    .font_size_14 img {
        margin-bottom: 0;
    }*/
}

.hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent .nav-next, .hc-offcanvas-nav li.nav-back span{
/*    background-color: #FDDF75*/
}

.hc-offcanvas-nav li.nav-back span {
    background-color:var(--menu-selected)
}

.hc-offcanvas-nav li.nav-back span::before {
/*    border-top: 2px solid var(--second-menu-border);
    border-left: 2px solid var(--second-menu-border);*/
    width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 12px 12px 12px 0;
   border-color: transparent var(--header-color) transparent transparent ;
   transform: rotate(0deg);
   top: calc(50% - 12px);
   left: calc(50% - 3px)

}

.hc-offcanvas-nav li:not(.custom-content) a:hover, .hc-offcanvas-nav .nav-back:hover a, .hc-offcanvas-nav .nav-back:hover span {
    background: #FDDF75!important;
}

.hc-offcanvas-nav li.nav-close:hover span {
    /*    background-image: url(/desimages/all_index_close_info_hover.svg);*/
    background-color: #FDDF75!important;

}





 
        
        
         


/*

#phenomena_map .republic{stroke:#fff;stroke-width:2;}
#phenomena_map .menu_main_b{float:left;margin-right:20px;height:48px;display:block;}
#phenomena_map .menu_main_b div{float:left;height:48px;padding:10px 10px;background-color:#2a5896;border-radius:10px;font-size: 16px;font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_main_sel{float:left;margin-right:20px;height:48px;padding:10px 10px;background-color:#008000;border-radius:10px;font-size: 16px;font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_podtopl_b{float:left;margin-right:20px;width:208px;height:48px;display:block;padding-right: 10px;background-color: #2a5896;border-radius: 10px}
#phenomena_map .menu_podtopl_b:hover,#phenomena_map .menu_pozar_b:hover,#phenomena_map .menu_zapret_b:hover,#phenomena_map .menu_gorimost_b:hover,#phenomena_map .menu_main_b:hover{text-decoration:none}
#phenomena_map .menu_podtopl_b div{background:url(/desimages/podtopl_ico_m.png) no-repeat right 19px;height:48px;line-height:1;padding:6px 56px 6px 10px;font-size: 16px; font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_podtopl_sel{float:left;margin-right:20px;background:#008000;height:48px;line-height:1;padding-right:10px;cursor:pointer;border-radius: 10px}
#phenomena_map .menu_podtopl_sel div{background:url(/desimages/podtopl_ico_m.png) no-repeat right 19px;height:48px;line-height:1;padding:6px 56px 6px 10px;font-size: 16px;font-size: 1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_pozar_b, #phenomena_map .menu_pozar_sel{float:left;margin-right:20px;height:48px;display:block;padding-right: 10px;background-color: #2a5896;border-radius: 10px}
#phenomena_map .menu_pozar_b div,#phenomena_map .menu_pozar_sel div{background: url(/desimages/pozar_ico_m.png) no-repeat right 5px ;height:48px;line-height:1;padding:6px 34px 6px 10px;font-size: 16px;font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_pozar_sel{background-color:#008000;}
#phenomena_map .menu_zapret_b, #phenomena_map .menu_zapret_sel{float:left;margin-right:20px;height:48px;display:block;background-color: #2a5896;border-radius: 10px}
#phenomena_map .menu_zapret_sel{background-color: #008000}
#phenomena_map .menu_zapret_b div{background:url(/desimages/zapret_ico_m.png) no-repeat right 6px ;height:48px;line-height:1;padding:6px 45px 6px 10px;font-size: 16px;font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_zapret_sel div{background:url(/desimages/zapret_ico_m.png) no-repeat right 6px;height:48px;line-height:1;padding:6px 45px 6px 10px;font-size: 16px;font-size:1rem;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_gorimost_b{float:left;margin-right:30px;width:158px;height:48px;display:block;}
#phenomena_map .menu_gorimost_b div{background:url(/desimages/gorimost_ico_m.png) no-repeat 110px 6px #2a5896;width:158px;height:48px;line-height:1;padding:13px 20px 6px;border-radius:15px;font-size: 18px;color:#fff;font-weight:bold;cursor:pointer;}
#phenomena_map .menu_gorimost_sel{float:left;margin-right:30px;background:url(/desimages/gorimost_ico_m.png) no-repeat 146px 6px #008000;width:158px;height:48px;line-height:1;padding:6px 20px;border-radius:15px;font-size: 18px;color:#fff;font-weight:bold;cursor:pointer;}

#regions_list,#class_regions_list,#zapret_regions_list{display:none}
#phenomena_map .hide{font-size:12px;float:right;cursor:pointer; text-decoration:underline;color:#255694;font-weight:bold;}
#phenomena_map .svg_region{fill:#B7CDD7;stroke:#fff;stroke-width:0.5}
#phenomena_map .svg_region_zapret{fill:#ff0000;stroke:#fff;stroke-width:0.5}
#phenomena_map .svg_region_pozar_0{fill:#ffffff}
#phenomena_map .svg_region_pozar{fill:transparent;stroke:#000;stroke-width:0.5}
#phenomena_map .svg_region_podtopl_fs{fill:transparent;stroke:#fff;stroke-width:0.5}

#phenomena_map .svg_region_pozar_0{fill:#ffffff!important}
#phenomena_map .svg_region_pozar_1{fill:#6bfd98!important}
#phenomena_map .svg_region_pozar_2{fill:#65ccfc!important}
#phenomena_map .svg_region_pozar_3{fill:#fffe02!important}
#phenomena_map .svg_region_pozar_4{fill:#f19a27!important}
#phenomena_map .svg_region_pozar_5{fill:#f9010c!important}
#phenomena_map .svg_region_pozar_sel{fill:green!important}

#phenomena_map .svg_region_pozar2_0{fill:#6bfd98}
#phenomena_map .svg_region_pozar2_1{fill:#f9bf0e}
#phenomena_map .svg_region_pozar2_2{fill:#f19a27}
#phenomena_map .svg_region_pozar2_3{fill:#e4731f}
#phenomena_map .svg_region_pozar2_4{fill:#f12727}
#phenomena_map .svg_region_pozar2_5{fill:#f9010c}
подтопления цвета
#phenomena_map .svg_region_podtopl{fill:transparent;stroke:#fff;stroke-width:0.5;}
#phenomena_map .svg_region_podtopl_b{stroke:#fff;stroke-width:0.5}
#phenomena_map .svg_region_podtopl_1{fill:#65ccfc}
#phenomena_map .svg_region_podtopl_2{fill:#6bfd98}
#phenomena_map .svg_region_podtopl_3{fill:#f9010c}
#phenomena_map .svg_region_podtopl_sel{fill:green!important}

класс опасности
#phenomena_map .cl_opasn_1{fill:#6bfd98}
#phenomena_map .cl_opasn_2{fill:#65ccfc}
#phenomena_map .cl_opasn_3{fill:#fffe02}
#phenomena_map .cl_opasn_4{fill:#f19a27}
#phenomena_map .cl_opasn_5{fill:#f9010c}
#phenomena_map .cl_opasn_sel{stroke:green;stroke-width:0.5}


#phenomena_map .svg_gorod_point{stroke:#7F8182;stroke-width:1px;fill:#7F8182;}
#phenomena_map circle.capital{fill:#7F8182;stroke:#7F8182;}
#phenomena_map .obl_center{fill:#7F8182;font-family:arial;font-weight:bold;font-size:14px}
#phenomena_map .capital_name{fill:#7F8182;font-family:arial;font-weight:bold;font-size:14px;stroke: none;}
#phenomena_map .svg-map__obl{fill:transparent;stroke:#fff;stroke-width:2}
#phenomena_map .svg-map__region{fill:#B7CDD7;stroke:#fff;stroke-width:1}
#phenomena_map .obl_gr_phen{cursor:pointer}
#phenomena_map .obl_gr:hover .svg_region, #phenomena_map .obl_gr:hover circle.capital{fill:green}
#phenomena_map .obl_gr_sel .svg_region, #phenomena_map .obl_gr_sel circle.capital{fill:green!important}
#phenomena_map .obl_gr:last-child{border-bottom:0px}
#phenomena_map .obl_gr_zapret{fill:#ff0000!important}


#phenomena_map .znak{position: absolute;top:40%;left:30%;width:30px;height:30px;background-color: blue}

#phenomena_map .svg_icon{}

#phenomena_map .svg_map_text{display: none;position: absolute;z-index: 1000;left:0;top:0;width:250px;
overflow: hidden;box-shadow: 5px 5px 8px #000}
#phenomena_map .info_text_op{position: absolute;height:1000px;top:0px;left:0px;background-color: #dfebf3;opacity:0.8;width: 100%;z-index: 1}
#phenomena_map #info_text_inner{position: relative;padding: 10px;text-align: left;z-index:1000}

#phenomena_map .info_block{width:300px;margin-right:1%;font-size:16px;font-size:1rem;max-height: 500px;max-height:90%;overflow-y: auto;position:absolute;right:-300px; margin-top:3%;top:0px;padding: 20px 10px 10px;background-color:#e6f0f6;z-index:100;
background:-webkit-linear-gradient(top, #fbfcfe 0px, #e6f0f6 50%, #dbe9f2 100%);
background:-moz-linear-gradient(top, #fbfcfe 0px, #e6f0f6 50%, #dbe9f2 100%);
background:-o-linear-gradient(top, #fbfcfe 0px, #e6f0f6 50%, #dbe9f2 100%);
background:-ms-linear-gradient(top, #fbfcfe 0px, #e6f0f6 50%, #dbe9f2 100%);
background:linear-gradient(to bottom, #fbfcfe 0px, #e6f0f6 50%, #dbe9f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfe', endColorstr='#dbe9f2',GradientType=0)}
#phenomena_map #info_block{width: 280px}
#phenomena_map .info_activity{position: absolute;top:3px;cursor: pointer}
#phenomena_map .info_block .info_activity{background: url("/desimages/close.png") no-repeat;right:10px;width:24px;height: 24px;}
#phenomena_map .info_closed{width:23px!important;overflow: hidden;right:-23px;max-height: 90%}
#phenomena_map .info_closed .info_activity{background: url("/desimages/menu_icon_open.png") no-repeat;left:0px;width:9px;height: 17px;}
#phenomena_map .obl_gr{border-bottom: 2px dotted #235594;padding: 10px 0px}
#phenomena_map .info_closed .obl_gr{padding-left: 50px}
#phenomena_map .obl_title{font-size: 16px;font-size:1rem;color:#255694;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;cursor:pointer}
#phenomena_map .phen_item{padding-bottom: 10px; margin-bottom: 10px;color: #000;text-decoration: none;width: 100%;font-size:15px;font-size:0.9375rem;clear:both;display:none}
#phenomena_map .phen_item:hover{text-decoration:underline;color:#a32122;cursor:pointer}
#phenomena_map .phen_item2{padding: 0px 0px 20px 0px; margin-bottom: 20px;color: #000;text-decoration: none;width: 100%;font-size:15px;font-size:0.9375rem;clear:both;display:none}
#phenomena_map .obl_gr:hover .phen_item, #phenomena_map #info_text_inner .phen_item,#phenomena_map .obl_gr:hover .phen_item2,#phenomena_map #info_text_inner .phen_item2{display: block}
#phenomena_map .info_closed .obl_gr:hover .phen_item,#phenomena_map .info_closed .obl_gr:hover .phen_item2{display: none}
#phenomena_map .phen_img{width:25%;text-align: center;float:left;font-size:8px;font-size:0.5rem;overflow: hidden}
#phenomena_map .phen_img img{max-width:100%;margin:0px;float:none}
#phenomena_map .phen_info{padding-left: 5px;vertical-align: top;width: 70%;float:left}
#phenomena_map .phen_info2{padding: 0px 5px 10px 5px;vertical-align: top;width: 100%;font-size:16px;font-size:1rem;}
#phenomena_map .phen_info3{padding: 0px 5px 5px 0px;vertical-align: top;width: 100%;font-size:16px;font-size:1rem;}
#phenomena_map .phen_info_red{color:red}

#phenomena_map #info_block .reg_title{display:none}

 тонкая для масштаба 0.25 
#phenomena_map .lt2_025 { stroke: black; stroke-width: 1.5;}
#phenomena_map .lt3_025 { stroke: red; stroke-width: 0.5;}
#phenomena_map .lt4_025 { stroke: #ff2626; stroke-width: 1.5;}
#phenomena_map .lt5_025 { stroke: #3b2cff; stroke-width: 0.5;}
#phenomena_map .lt_cl5_025 { stroke: red; stroke-width:1.5;}
#phenomena_map .lt_cl0_025 { stroke: #72eaf8; stroke-width: 1}
#phenomena_map .lt_cl1_025 { stroke: #65ccfc; stroke-width: 0.5;}
#phenomena_map .lt_cl2_025 { stroke: #11ca03; stroke-width: 1.5;}
#phenomena_map .lt_cl3_025 { stroke: #f9010c; stroke-width: 1;}


#phenomena_map #phenomenon_info{position:absolute;top:0px;left:0px;width:100%;display: none;padding-bottom: 20px;z-index:10000}
#phenomena_map .phenomenon_info_opacity{background-color: #666;opacity: 0.6;top:0px;left:0px;width:100%;height:100%;position: fixed;z-index:1}
#phenomena_map .phenomenon_info_inner{max-width: 1000px;top:30px;width:80%;position: relative;z-index: 100;}

#phenomena_map #phenomenon_info_inner{background-color: #fff;box-shadow: 5px 5px 8px #000;border-radius:3px;margin-bottom: 20px;top:37px;position: relative}
#phenomena_map #phenomenon_info_inner{background-color: #fff;box-shadow: 5px 5px 8px #000;border-radius:3px;top:37px;position: relative;max-width: 800px;margin: 0 auto;width: 100%;}

#phenomena_map .phenomenon_info_close{width:24px;height: 24px;top:5px;right:5px;position:absolute;background: url("/desimages/close.png") no-repeat;cursor: pointer}
#phenomena_map .phen_info_hover{display: none;padding-top: 3px;font-size:15px;font-size:0.9375rem;clear:both}
#phenomena_map .phen_item:hover .phen_info_hover, #phenomena_map .one_obl .phen_info_hover{display: block}
#phenomena_map .phen_info_hover a{cursor:pointer;display: block;text-align: right;text-decoration:underline;background: url("/desimages/phen_a.png") no-repeat right 8px;padding-right: 10px;color:#9a0202; font-size:14px;font-size:0.85rem}
#phenomena_map .phen_info_hover a:hover{text-decoration: none}
#phenomena_map .one_obl .phen_item,#phenomena_map .one_obl .phen_item2{display: block}
#phenomena_map .one_obl .obl_title{font-size: 20px;font-size:1.25rem;cursor:default}
#phenomena_map .phen_date{padding-bottom: 5px}

#phenomena_map .svg_legenda{width:70%}
#phenomena_map .svg_legenda_text{font-size:16px;font-size:1.25rem;font-weight: bold}

#phenomena_map .copyright,#phenomena_map .copyright_podtopl{text-align: right;font-size: 12px;font-size:0.75rem;font-family: arial}
#phenomena_map .copyright div,#phenomena_map .copyright_podtopl div{display: inline-block;padding: 0px 20px 20px 0px}
#phenomena_map .copyright_podtopl div{padding-top: 25px;}
#phenomena_map .copyright div>div,#phenomena_map .copyright_podtopl div>div{display: table-cell;vertical-align: middle;padding: 0px 5px;}
#phenomena_map .copyright div>div:first-child,#phenomena_map .copyright_podtopl div>div:first-child{text-align: right}
#phenomena_map .copyright img,#phenomena_map .copyright_podtopl img{float: none;margin: 0px}

#phenomena_map .rep_link{font-size: 16px;font-size:1rem;fill:#255694;text-transform: uppercase;font-weight: bold;cursor:pointer;}
#phenomena_map .rep_link_s{font-size: 14px;font-size:0.875rem;fill:#255694;padding-bottom: 10px;cursor:pointer;text-decoration: underline}
#phenomena_map .rep_link_s:hover{text-decoration: none}
#phenomena_map #rep_block{display: none}
#phenomena_map .more,#phenomena_map .more2{font-size: 11px;font-size:0.6875rem;display: block;line-height: 1;display: none;cursor:pointer;color:#9a0202}
#phenomena_map .obl_gr:hover .more{display: block}
#phenomena_map .more2{display: block}
#phenomena_map .dev_info{padding: 10px 10px;text-align: right;font-size: 12px;font-size:0.75rem;font-family: arial}
#phenomena_map .dev_info div{display: inline-block;padding: 0px 20px 20px 0px;max-width:18%}
#phenomena_map .dev_info div>div{display: table-cell;vertical-align: middle;padding: 0px 5px;}
#phenomena_map .dev_info img{float: none;margin: 0px;width:100%}
#phenomena_map .dev_info div:first-child{display: inline-block;padding: 0px 20px 20px 0px;width:152px;max-width:152px}
#phenomena_map .list_regions_link{text-decoration:underline;font-weight:bold;cursor:pointer;}

#phenomena_map .legend_block{position:absolute;top:70px;left:20px;width:300px;font-size:14px;}
#phenomena_map .legend_block span{font-size:18px;}
#phenomena_map .legend_color{background-color:rgb(99, 135, 175);display:block;float:left;margin:10px 10px 0px 0px}
#phenomena_map .legend_text{float:left;width:200px;display:block;margin:10px 0px 0px;}
#phenomena_map .with_phen{cursor:pointer}

#phenomena_map .date_bl_pozar{float:left;width:50%}
#phenomena_map .calendar_bl{float:left;width:50%;padding:30px 50px 0px;}
#phenomena_map .calendar_bl_t{float:left;font-weight:bold;font-size:14px;font-size:0.875rem;margin-right:5%}
#phenomena_map .calendar_bl_in{float:left;width:105px;}
#phenomena_map .calendar_bl_in input{vertical-align:top;max-width:157px;width:157pxmax-width:100px;width:80px;padding: 0px 5px;height: 23px}
#phenomena_map .calendar_bl_in img{margin: 0px}
.ui-datepicker{max-width:160px;}
.ui-datepicker .ui-datepicker-today a,.ui-datepicker-today span,.ui-datepicker td a:hover,.ui-state-active, .ui-state-active:link, .ui-state-active:visited {background-color:#2a5896;}
@media screen and (min-width:1101px) and (max-width:1200px){
    #phenomena_map .info_block{right: -170px}
}

@media screen and (min-width:1001px) and (max-width:1100px){
    #phenomena_map .info_block{right: -70px;}
}

@media screen and (max-width:1000px){
    #phenomena_map .info_block{right: 0px}
}
@media screen and (max-width:820px){
	#phenomena_map .menu_zapret_b{margin-right:10px;width:60px;}
	#phenomena_map .menu_zapret_b div,#phenomena_map .menu_zapret_sel{background:url(/desimages/zapret_ico_m.png) no-repeat 16px 6px #2a5896;width:60px;}
	#phenomena_map .menu_zapret_b div span,#phenomena_map .menu_zapret_sel span{display:none}
	#phenomena_map .menu_zapret_sel,#phenomena_map .menu_gorimost_sel{background-color:#008000;margin-right:10px;}
	#phenomena_map .menu_gorimost_b{margin-right:10px;width:60px;}
	#phenomena_map .menu_gorimost_b div{background:url(/desimages/gorimost_ico_m.png) no-repeat 12px 6px #2a5896;width:60px;}
    #phenomena_map .menu_gorimost_b div span{display:none}
    #phenomena_map #map_menu_pozar .menu_main_b{margin-right:10px;}
    #phenomena_map #map_menu_pozar .menu_pozar_b{margin-right:10px;width:60px;}
    #phenomena_map #map_menu_pozar .menu_pozar_b div,#phenomena_map #map_menu_pozar .menu_pozar_sel{background: url(/desimages/pozar_ico_m.png) no-repeat 20px 5px #2a5896;width:60px;}
    #phenomena_map #map_menu_pozar .menu_pozar_b div span,#phenomena_map #map_menu_pozar .menu_pozar_sel span{display:none}
    #phenomena_map #map_menu_pozar .menu_pozar_sel{margin-right:10px;background-color:#008000;}
	}
	
@media screen and (max-width:780px){
	 #phenomena_map .legend_block{width:250px;top: 60px;}
	 #phenomena_map .legend_text{width:150px}
	 #phenomena_map .date_bl_pozar{float:none;width:100%}
	 #phenomena_map .calendar_bl{float:noe;width:100%;padding: 30px 30px 0px;}
	 #phenomena_map .calendar_bl_t{float:none;width:100%;font-weight:bold;font-size:1rem}
		#phenomena_map .calendar_bl_in{float:none;width:100%;}
		#phenomena_map .calendar_bl_in input{vertical-align:top;max-width:157px;width:157px}
                #phenomena_map .one_obl .obl_title{font-size: 18px;font-size:1.125rem}
                
    #phenomena_map .phen_img{width:20%;}
    #phenomena_map #info_block{width: 100%}
    #phenomena_map .phen_info{width: 80%;}
		}
@media screen and (max-width:650px){
	 #phenomena_map .legend_text{display:none}
    #phenomena_map .info_block{right: 0px}
    #phenomena_map .info_block{right: 0px;max-width: 50%}
    #phenomena_map .menu_main_b{float:left;margin-right:10px;width:88px;height:48px;display:block;}
    #phenomena_map .menu_main_sel,#phenomena_map .menu_main_b div{float:left;margin-right:10px;width:88px;height:48px;padding:10px 15px;background-color:#008000;border-radius:15px;font-size: 18px;color:#fff;font-weight:bold;cursor:pointer;}
    #phenomena_map .menu_main_sel,#phenomena_map .menu_main_b div{float:left;margin-right:10px;width:88px;height:48px;padding:10px 15px;background-color:#008000;border-radius:15px;font-size: 16px;font-size: 1rem;color:#fff;font-weight:bold;cursor:pointer;}
    #phenomena_map .menu_main_b div{background-color:#2a5896;}
    #phenomena_map .menu_podtopl_b{float:left;margin-right:10px;width:60px;height:48px;display:block;}
    #phenomena_map .menu_podtopl_b div,#phenomena_map .menu_podtopl_sel{background:url(/desimages/podtopl_ico_m.png) no-repeat 8px 19px #2a5896;width:60px;height:48px;line-height:1;padding:6px 20px;border-radius:15px;font-size: 18px;color:#fff;font-weight:bold;cursor:pointer;}
    #phenomena_map .menu_podtopl_b div span,#phenomena_map .menu_podtopl_sel span{display:none}
    #phenomena_map .menu_podtopl_sel{float:left;margin-right:10px;background-color:#008000;}
    #phenomena_map .menu_pozar_b{float:left;margin-right:10px;width:60px;height:48px;display:block;}
    #phenomena_map .menu_pozar_b div,#phenomena_map .menu_pozar_sel{background: url(/desimages/pozar_ico_m.png) no-repeat 20px 5px #2a5896;width:60px;height:48px;line-height:1;padding:6px 20px;border-radius:15px;font-size: 18px;color:#fff;font-weight:bold;cursor:pointer;}
    #phenomena_map .menu_pozar_b div span,#phenomena_map .menu_pozar_sel span{display:none}
    #phenomena_map .menu_pozar_sel{float:left;margin-right:10px;background-color:#008000;}
    
    #phenomena_map .one_obl .obl_title{font-size: 14px;font-size:0.875rem}
    #phenomena_map .phen_img{width:15%;}
    #phenomena_map .info_block{font-size:12px;font-size:0.75rem;}
    #phenomena_map #info_block{width: 100%}
    #phenomena_map .phen_info{width: 85%;}
    #phenomena_map .phen_info_hover{font-size:12px;font-size:0.75rem;}
    #phenomena_map .rep_link_s{font-size: 12px;font-size:0.75rem;}
    #phenomena_map .phen_item{font-size:12px;font-size:0.75rem;}
    #phenomena_map .phen_info_hover a{font-size:12px;font-size:0.75rem}
    #phenomena_map .phen_info2{font-size:13px;font-size:0.8125rem;}
    #phenomena_map .phen_info3{font-size:13px;font-size:0.8125rem;}
    #phenomena_map .phen_item2{font-size:12px;font-size:0.75rem;}
}
@media screen and (max-width:440px){
	 #phenomena_map .legend_block{top: 45px;}
}
#phenomena_map .all_svg{float: none;width:100%}
#phenomena_map .info_block{float: none;width:100%}
#phenomena_map .clear2{clear:both;}
#phenomena_map .obl_gr{float:left;width:48%;margin-left:2%;margin-bottom:15px}

@media screen and (max-width:700px){
    #phenomena_map .all_svg{float: none;width:100%}
    #phenomena_map .info_block{float: none;width:100%}
}

@media screen and (max-width:600px){
   #phenomena_map #phenomenon_info_inner{width:98%;}
}
















Для инфорграфики
@media screen and (max-width:340px){
.wrap h2{font-size:1.222rem!important;}  font-size:22px; 

.copy{margin-right:2%;padding:1%;width:100%!important;display:inline-block;vertical-align:middle;min-width:280px;}
.source{margin-right:0;padding:1%;width:100%!important;display:inline-block;vertical-align:middle;background:#b80000;color:#fff;font-weight:bold;font-size:22px;}

}

@media screen and (min-width:341px) and (max-width:800px){
.wrap h2{font-size:1.333rem!important;}  font-size:24px; 

.copy{margin-right:2%;padding:1%;width:100%!important;display:inline-block;vertical-align:middle;min-width:280px;}
.source{margin-right:0;padding:1%;width:100%!important;display:inline-block;vertical-align:middle;background:#b80000;color:#fff;font-weight:bold;font-size:22px;}

}



 обёртка 
.wrap{margin:0 auto;padding:0 1%;max-width:1000px;width:98%;min-width:30%;height:100%;background:#fff;font-family:'PT Sans',Arial,sans-serif;color:#464646;border-radius: 3px}
.wrap img{max-width:100%!important;height:auto!important;width:auto\9; ie8 }
.wrap h2{text-align:center;color:#b80000;}
.wrap ul{list-style:none;}

 обёртка 



 копирайт 
.copy{margin-right:2%;padding:1%;width:48%;display:inline-block;vertical-align:middle;min-width:280px;}
.source{margin-right:0;padding:1%;width:48%;display:inline-block;vertical-align:middle;background:#b80000;color:#fff;font-weight:bold;font-size:22px;}
 копирайт */