:root {--m:16px;}
body{
font-family: Inter,Arial, Helvetica, sans-serif;
line-height:135%; font-size:16px;
}
html,body {height: 100%;}

.wrap{
width:100%;
overflow:hidden;
position: relative;
}




p{margin:16px 0;}
a{text-decoration:none; cursor: pointer;}
a:hover{text-decoration: underline;}
input, textarea, select {margin: 5px 0; padding:4px; font-size: 100%; }
.center{text-align:center;}
.r{float:right;}
.l{float:left;}
.clearfix{ clear:both;}
.nobr{white-space:nowrap;}
.big{transform: scale(1.05);}




#header{
border-bottom: solid 1px #bfbfbf;
background-color: #FFFFFF;
height:36px;
width: 100%;
overflow:hidden;
line-height:20px;
text-align: center;
position: fixed;
z-index: 999;
}
.delimiter_2{height:36px;}


#toTop {position:fixed; z-index:999; opacity:0.7;  width:48px; height:48px; bottom:0px; right:0px; background-repeat: no-repeat; background-position: 14px 18px; border: solid 1px #666;background-image: url(../img/up_bl.svg);}
#toTop:hover {opacity:1;}



#menubutton,#menubutton_x{
position:fixed;
right:var(--m);
top:6px;
width:24px; height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
}

#logo{
display:block;
float: left;
margin:8px 32px 0 0;
width:34px;
height:20px;
background-repeat: no-repeat;
position: fixed; left:var(--m);
}

#menu_func a{
width:20px;
height:20px;
background-repeat:no-repeat;
background-size:20px 20px;
margin-left:8px;
}
#menu_func{display:inline;}
#menu_func ul li{display:inline;}
#menu_func ul, #menu_func_f ul, #menu_lang ul, #menu ul{
display: inline;
list-style:none;
margin:0 auto ;
padding:0;
overflow:hidden;
}



#menu_lang, #menu{display:none;}





#menu_lang a, #tree a, #menu_func a{
display:inline-block;
margin:8px 0px 8px 12px;
}
#tree a{
margin:8px 12px 8px 0;
}
#menu_lang a.active, #tree a.active{
text-decoration: none;
}



.sections a{text-decoration:none; text-transform:uppercase;}

.sections{
margin:24px var(--m) 0;
line-height: 16px;
font-size: 12px;
font-weight: 400;
}
h1{
margin: 12px var(--m);
font-weight: 600;
font-size: 30px;
line-height: 118% ;
letter-spacing: -0.02em;
}

.page h2{
margin-top: 12px;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 36px;
letter-spacing: -0.02em;
padding: 5px 0;
}
.page h3{
margin-top: 12px;
font-style: normal;
font-weight: 400;
font-size: 28px;
line-height: 34px;
letter-spacing: -0.02em;
padding: 5px 0;
}
.page h4{
margin-top: 12px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
letter-spacing: -0.02em;
padding: 5px 0;
}
.page h5{
margin-top: 12px;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 26px;
letter-spacing: -0.02em;
padding: 5px 0;
}

.page h6{
margin-top: 12px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.02em;
padding: 5px 0;
}


.short{
margin:12px var(--m) 0;
font-weight:400;
font-size:16px;
line-height:138%;
letter-spacing: -0.01em;
}


.column-container {
    font-size: 16px;
    line-height: 140%;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;

}

.vstavka{
border-bottom: solid 5px #fff;
background-color: #f7f7f7;
display: none;
}
.vstavka_ {
background-color: #f7f7f7;

}


.detail{
margin:16px var(--m) 0;
font-size:12px;
line-height:133%px;
}

.detail span{
display:inline-block;
padding:0 22px 8px 24px;
background-repeat:no-repeat;
background-size:20px 20px;
}

#version a{
    margin-right:4px;
}

.delimiter_1{
margin: 24px var(--m);
height: 0;
}

.page{
max-width: 576px;
margin: 0px var(--m);;
font-size: 16px;
line-height: 138% ;
letter-spacing: -0.01em;
}



.page img:not(.tmb){
width: 100%;
display: block;
}

.page img.tmb{
margin:8px auto;
width:100%;
display:block;
}

#footer{
overflow:hidden;
font-size:12px;
line-height:133%;
}

#footer_grid{
margin:24px var(--m);
display: block;
}
#footer_grid > div {background-color: #000;}

#subscribe_form{display:flex; border-bottom:solid 1px #bfbfbf; margin-top: 8px; }
#subscribe_mail{flex-grow: 1;  margin: 0; background-color: #000; border: none; color:#bfbfbf; font-size: 16px; padding: 8px 2px; }
#subscribe_form img{ margin-left: 10px; position: relative; top:8px;  }

#func_menu{ margin-top: 32px;}

#menu_func_f ul {
display: block;
}
#menu_func_f ul li{
display:  inline-block;
}
#menu_func_f a{ color: #fff;
display:inline-block;
margin:16px 20px 0 0;
padding-left:24px;
background-repeat: no-repeat;
background-size: 20px 20px;
line-height: 20px;
}

#site_warning_bottom{
margin:16px  var(--m);
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height:120%;
color: #626262;
}

#social_button{
    margin-top: 32px;
}

#soc{margin-top:20px;}
#soc a{
display:inline-block;
background-repeat:no-repeat;
background-size: 20px 20px;
width:20px;
height:20px;
margin-right:16px;
line-height: 20px;
}



#menu_mob{display:none;
font-weight: 400;
font-size: 20px;
line-height: 130% ;
letter-spacing: -0.01em;
position: fixed;
height:100%;
width:100%;
}
#menu_table{display:table; height:100%;width:100%;}
#empty_flex{display: table-row;height:100%;}
#mob_lang_menu ul, #mob_tree_menu ul{
display: block;
list-style:none;
margin:0;
overflow:hidden;
}

#menu_mob a{display:inline-block;}
#mob_lang_menu ul li {display:inline;}
#mob_lang_menu ul a {margin: 6px;}
#mob_lang_menu ul{text-align: center; margin: 56px var(--m) 0;}

#mob_tree_menu ul li:not(:last-child){border-bottom:1px solid #BFBFBF;}
#mob_tree_menu ul {margin: 24px  var(--m);}
#footer_mob_menu{margin:24px var(--m);
font-size: 10px;
line-height: 120%;
}


#page_list{
margin: 0 var(--m);
overflow: hidden;
}



#page_list h1{
margin:24px 0 0 0;
padding: 0;
font-weight: 600;
font-size: 34px;
line-height:124% ;
text-align: center;
letter-spacing: -0.02em;
}
#page_list h2{
margin: 24px 0 0 0;
font-weight: 600;
font-size: 30px;
line-height: 120%;
letter-spacing: -0.02em;
padding: 12px 0;
border-top: solid 1px #000;
}

#page_list h3{
font-weight:600;
font-size:16px;
line-height:138%;
letter-spacing: -0.01em;
margin:4px 0;
}

#page_list img{width:100%; display: block;}
.listlink {
display: block;
margin:0;
margin-bottom:18px;
}

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

.list_short{
margin: 4px 0;
font-weight: 400;
font-size: 14px;
line-height: 129%;
letter-spacing: -0.01em;
}


.sect_date{
margin:12px 0 0;
font-weight: 400;
font-size: 12px;
line-height: 133%;
letter-spacing: -0.01em;
}

.img_description{
font-weight: 400;
font-size: 12px;
line-height: 117%;
text-align: center;
margin-bottom: 30px;
}

#sharer{
margin: 48px 0;
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.01em;
}

#sharer a{
display:inline-block;
background-repeat:no-repeat;
background-size: 26px 26px;
width:26px;
height:26px;
margin-right:22px;
line-height: 22px;
}

#grid{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 2vw;
}


#search{
position:absolute;
top:0;
right:0;
z-index: 999;
display: none;
padding:0 var(--m);
}

#search_fix {
margin-top: 36px;
margin-riht: var(--m);
position: fixed;
transform: translateX(-100%);
width:90vw;
}

#search_fix p {
margin-left:20px;
margin-right: 20px;
}

.f12{font-size:12px; line-height:32px}
#search label{white-space: nowrap;}
.f12 input{
border: solid 1px #777;
background: none;
display: inline;
margin: 0 2px 0 14px;
}

#search_block {display:flex; margin:0 0 22px 0;}
#search_word{flex-grow:1; margin:0; border:none; font-size:16px; padding: 8px 2px; background-color: transparent;}
#search_button{
 background-repeat: no-repeat;
 background-size: 24px 24px;
 width: 24px;
 height: 24px;
 background-color: transparent;
 border: none;
}






.more a,.view a,.view_d a{
white-space: nowrap;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.01em;
color: #3369BE;
display: inline-block;
padding-right:24px;
background-image: url(../img/a_link.svg);
background-repeat: no-repeat;
background-position: right;
background-size: 24px 24px;
}
.view_d a{background-image: none;}

.more{margin: 24px 0 0;}



#home_news{ overflow: hidden; padding-bottom:48px;}

.num_result{
border-top: solid 1px #bfbfbf;
text-align: center;
padding: 24px 0 24px;
font-weight: 400;
font-size: 16px;
line-height: 125% ;
text-align: center;
letter-spacing: -0.01em;
color: #626262;
}


.search_title {
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.01em;
margin:8px 0; padding: 0;
}
.search_title:hover{
text-decoration: underline;
}

.search_short {
font-weight:400;
font-size:16px;
line-height: 130%;
letter-spacing: -0.01em;
margin: 0; padding: 0;
}

.search_det{
font-size:14px;
line-height:129% ;
letter-spacing: -0.01em;
color: #626262;
margin: 0; padding: 0;
}
.search_lang{
padding: 0; margin: 16px 0 8px;
font-weight: 400;
font-size: 14px;
line-height:129% ;
letter-spacing: -0.01em;
}

.search_unit{
    margin-bottom: 42px;
}

.search_unit a,.search_unit a:hover {text-decoration: none;    display: block;  }




#home_video {
margin-bottom:52px;
}


#home_info{ margin-bottom: 32px;}
#home_info hr{margin:0; border-top: 1px solid #bfbfbf;}


.info_h > div{
font-size: 16px;
}

.info_h a{
font-size:16px;
line-height: 138% ;

display:block;
padding:10px 32px 10px 0;
cursor: pointer;
font-weight: 400;

letter-spacing: -0.01em;

background-repeat: no-repeat;
background-size: 28px 28px;
background-position: right 10px;
text-decoration: none;
}

.info_h a span{
font-size: 14px;
 position: relative;
}







#home_report{ margin-bottom:48px;}

#grid_main_reports{
margin:24px 0 24px 0;
}
#grid_main_reports h2{
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: -0.01em;
}
#grid_main_reports a.listlink {
padding: 0px 48px;
margin:4px 0;
background-image: url(../img/report.svg);
background-repeat: no-repeat;
background-size: 32px 32px;
}


.navigator{
margin: 48px 0 52px;
font-weight: 400;
font-size: 14px;
line-height: 129% ;
text-align: center;
letter-spacing: -0.01em;
color: #777;
}
.navigator a{margin: 0 4px;}


#home_stat {
border: solid 1px #000;
padding: 20px  24px 32px 24px;
margin:0 0 48px 0;
}
#home_stat p{ margin: 8px 0}

#page_list #home_stat h2{
padding:8px 8px 8px 32px;
margin:0;
font-weight: 600;
font-size: 34px;
line-height:118% ;
letter-spacing: -0.02em;
border: none;
background-image: url(../img/red.svg);
background-repeat: no-repeat;
background-position:0px 20px;
}

#stat_img{
margin: 24px auto;
background-repeat: no-repeat;
background-size: 178px 120px;
width: 178px;
height:  120px;
display: block;
}


.page td,.page th{padding: 16px;}
.page table {border-collapse: collapse; width: 100%px; }
.table-wrapper { overflow-x:auto; }

.page ul,.page ol{ margin:4px 0 4px 24px;}
.page ul li,.page ol li { margin: 4px 0;}

#google_map_frame{
height: 300px;
margin:8px auto 48px auto;
width: 100%;
}



#stat_hart, .tbl table{
width:100%;
margin:8px auto;
font-size: 12px;
}
.tbl table a{ margin: 0 0 0 0px;}
.tbl table td:not(:first-child){text-align: center;}
.tbl{margin-bottom:36px;}
.tbl td,.tbl th{padding: 8px; line-height: 130%;}
.tbl h4{font-weight: 500;}
.tbl h5{font-weight: 500; font-size: 0.85em;}


#stat_menu{margin:0 0 0px 0;}

.stat_button, .stat_button_a {
white-space: nowrap;
display: inline-block;
padding: 0px 12px;
height: 24px;
line-height: 24px;
border-radius: 12px;
border: solid 1px #626262;
font-size: 12px;
letter-spacing: -0.01em;
text-decoration: none;
margin:0 8px 8px 0;
}
.view a{font-size:12px; background-size: 16px 16px; padding-right:16px; }

.stat_button_a, .stat_button_a:hover,.stat_button:hover{
color: #fff;
background-color: #3369BE;
text-decoration: none;
}

.stat_tbl{ display: none;}

#section_sub_menu{
margin: 0 0 38px;
}

#title_sub_menu  {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #000000;
margin: 0 0 12px 0;
}

#units_sub_menu a
{
font-size: 14px;
line-height: 18px;
letter-spacing: -0.01em;
color: #3369BE;
text-transform: uppercase;
padding: 3px 10px;
border: solid 1px #626262;
border-radius:12px;
margin-right:2px;
}
#units_sub_menu a.active,#units_sub_menu a:hover
{
    background: #3369BE;
    color:#fff;
    text-decoration: none;
}


#donors{
 border-top: solid 1px #666;
line-height: 130%;
 padding: 20p 0;
 font-size: 0.75em;
 position: relative;
 top:-38px;
 font-style: italic;
}






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

:root {--m:24px;}
#menu_func_f ul {
margin-top:12px;
display:flex;
}
#menu_func_f a{
margin:8px 20px 0 0;
}

#search_fix {width:auto;min-width:440px;}
#search_result img{ height: 120px; width: auto; float: right; margin: 0 0 16px 32px;}
#search_result hr{ clear: both;}

}

@media screen and (min-width: 560px) {
#grid_main_video{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
grid-gap: 0 2vw;  
}

#google_map_frame{height: 350px;}


}

@media screen and (min-width: 660px) {
#stat_img{margin:14px;  float: right; }
}

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

#search_result img{ height: 180px; }
.page{max-width: 660px;margin: 0px auto;}

.tbl td,.tbl th{padding: 16px; line-height: 130%;}
.view a{font-size:20px; background-size: 24px 24px; padding-right:24px;}
.tbl table {font-size: 20px;}
.stat_button, .stat_button_a {
padding: 0px 12px;
height: 36px;
line-height: 36px;
border-radius: 20px;
font-size: 16px;
margin:0 8px 12px 0;
}

#title_sub_menu  {

margin: -6px 0 12px 0;
}

}





@media screen and (min-width: 978px) {
:root {--m:48px;}

#menubutton,#menubutton_x,.delimiter_2,#menu_mob{display:none;}

#logo, #header, #menu { position:relative; display: block;}

#menu{float:left; margin-left:32px;}


#menu_func,#menu_lang{
display:block;
float: right;
}
#menu_func{
margin-right: var(--m);
}
#menu_lang{
margin-right:24px;
}

#menu_func ul, #menu_lang ul, #menu ul{
display: flex;
}
#menu_lang a, #tree a, #menu_func a{
margin:8px 0px 8px 8px;
}

.sections{
margin:32px var(--m) 0;
line-height: 18px;
font-size: 14px;
font-weight: 400;
}

.info_h a{
font-size: 20px;
line-height: 130% ;
}

.info_h a span{
font-size: 14px;
 position: relative;
 top: -1.5px;
}

h1{
margin: 16px var(--m);
font-weight: 600;
font-size: 34px;
line-height: 118% ;
letter-spacing: -0.02em;
}

.short{
margin: 16px var(--m) 0;
font-weight:400;
font-size: 20px;
line-height:130%;
letter-spacing: -0.01em;
}

.column-container {font-size:20px;}

.link_r{
    color: #3369BE;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 8px;
}

.detail{
margin: 24px 48px 0;
font-size: 14px;
line-height: 18px;
}

.detail span{
display: inline-block;
padding: 0 22px;
background-repeat: no-repeat;
background-size: 20px 20px;
}

.delimiter_1{
margin: 32px var(--m);
height: 0;
}


.page{
margin: 0 auto;
font-size: 20px;
line-height: 130% ;
letter-spacing: -0.01em;
}

.page img.w150:not(.tmb){
width: 140%;
display: block;
margin: 32px auto 0;
margin-left:-20%;
}

.page img.w60:not(.tmb){
width:63%;
display: block;
margin: 32px auto 0;
}



#footer{
overflow:hidden;
font-size:14px;
line-height:133%;
}

#social_button{
    margin-top: 0;
}

#sharer{
margin: 72px 0;
}




#page_list h1{
margin:36px 0; font-size: 44px;
}
#page_list h2{
margin: 0; font-size: 34px; 
}



#footer a { cursor: pointer;}
#footer_grid{
min-height:60px;
margin:32px 48px;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 3fr 6fr 3fr;
grid-gap: 2.5vw;
}
#footer_grid > div {}
#subscribe_form{display:flex; border-bottom:solid 1px #bfbfbf; margin-top: 12px; }
#subscribe_mail{flex-grow: 1;  margin: 0; background-color: #000; border: none; color:#bfbfbf; font-size: 16px; padding: 8px 2px; }
#subscribe_form img{ margin-left: 10px; position: relative; top:8px;  }

#func_menu{ margin-top:0;}

#site_warning_bottom{
margin:16px 48px;
font-size:12px;
line-height: 117%;
}






#page_list h3{font-size:20px;}
.list_short{font-size: 16px;}
.sect_date{font-size: 14px;}



#grid_main_reports a.listlink {margin:0;}
#grid_main_reports{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 2vw;
}

#info_and_statement, #statistics
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 2vw;
margin-bottom:24px;
}


.hr{height:0px; border-bottom:solid 1px #bfbfbf;}
#header{border-bottom:none;}


}




@media screen and (min-width: 1024px) {
#menu_lang a, #tree a, #menu_func a{
margin:8px 0px 8px 12px;
}
#menu_lang{
margin-right:34px;
}



}

@media screen and (min-width: 1280px){
.wrap {margin: 0 auto; padding: 0;  max-width:1280px;}
}