body{font-family:Inter, Arial, Helvetica; line-height:135%; font-size:14px; font-feature-settings: "ss03";}
.wrap{margin:0 auto;}
.border{margin:0 16px;}
.center {text-align: center;}
p{margin: 8px 0;}
.nobr{ white-space: nowrap;}
a, .spanlink {text-decoration: none;}
a:hover, .spanlink:hover {text-decoration:  underline;}
.clearfix{clear:both;}
.small{ font-size: .9em;}

H1,H2,H3,H4,H5,H6{ font-family: Inter Display, Arial; text-align:left; font-weight:700;margin: 8px 0; font-feature-settings: "ss03";}
H1{font-size:28px; line-height: 30.8px;}
H2{font-size: 26px; line-height: 31.2px;}
H3{font-size: 24px; line-height: 28.8px;}
H4{font-size:22px; line-height: 26.4px; letter-spacing: 0.003em;}
H5{font-size: 20px; line-height: 24px; letter-spacing: 0.005em;}
H6{font-size: 18px; line-height: 21.6px; letter-spacing: 0.007em;}

.mob  {display: block;}
.desktop{display: none;}

input,textarea,select{ padding: 2px 5px; font-size: 16px; border-radius: 4px;border:solid 1px #777;}

#menubutton {position:fixed; z-index:999; width:56px; height:24px; right:10px; top:10px;  vertical-align: middle; text-align: center; display: block; line-height: 24px;}

#menubutton_x {position:fixed; z-index:999; width:18px; height:18px; right:16px; top:14px; background-repeat:no-repeat; background-size:18px 18px; display:none;}

#toTop {position:fixed; z-index:999; width:18px; height:18px; right:16px; bottom:14px;  background-repeat: no-repeat; background-size: 18px 18px; }


header{
height: 42px;
display: flex;
justify-content: space-between;
align-items: center;
line-height: 18px;
margin: 0 0 26px 0;

}

header a {display:block; text-decoration:none;}
header a:hover {text-decoration: underline;}

#site_name {margin:10px 16px 10px 0; font-weight: bold; }
#menu {margin:10px 16px;}
#menu_func {margin:10px 0 10px 16px;}
.center-block {margin-left:auto; margin-right:auto;}
#menu, #menu_func, #menu_mob {display:none;}




#tree, #tree ul {list-style-type:none; padding:0; margin:10px 0;}
#tree {margin-top:16px; padding-top:16px;}
#tree li{padding:8px 0;}
#tree li ul li {border: none;}

#tree a{text-decoration:none;}
#tree a:hover{text-decoration:underline;}

#tree li div {
font-family: Inter Display, Arial;
font-size: 20px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.005em;
background-repeat:no-repeat;
background-size:20px 20px;
background-position-x: right;
background-position-y: center;
}

#menu_func_mob{ margin:12px 0; display: flex;}
#menu_func_mob a, #menu_func_mob span {margin: 0 20px 0 0;}
{margin: 0 20px 0 0;}
#button_moon_m,#button_son_m{
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-size: 16px 16px;
    display:inline-block;
}


#menu ul,#menu_func ul {list-style-type: none; padding:0; margin:0; display:flex;}
#menu ul li{position: relative; margin: 0 10px; cursor: pointer;}
#menu ul li ul li { margin: 12px; //white-space: nowrap;}
#menu ul li ul, #menu_func ul li ul {
display: none;
z-index: 2;
position: absolute;
top: 100%; /* Располагаем подменю под родительским элементом */
left: -22px;
list-style-type: none;
padding:10px 20px;
margin: 0;
border-radius:12px;
width:150px;
backdrop-filter: blur(20px);
}
#menu ul li ul li {display: block; margin:0; padding:6px;}
#menu_func ul li{position:relative; margin:12px; cursor:pointer;padding-top:2px;}
#menu_func ul li ul {left: -30px; width:45px;}


.but{width:16px; height:16px; background-repeat:no-repeat; background-size:16px 16px; display:inline-block; vertical-align: middle; border: none; background-color: transparent;}

#search_form {margin:24px auto 12px; padding:0; max-width:609px; text-align:center;}
#search_form p{margin:12px 0px; line-height:180%;}
#search_fon {border-radius:12px; padding:12px 0 12px 12px;}
#search_block{display:flex; justify-content:space-between; gap:0px; width:100%;}
#search_word {flex-grow:1; border-radius: 6px; border: none; padding:4px 8px;}
#search_close{position: relative; top:2px; cursor:pointer; display: none;}
#search_button{ position: relative; left: -18px; top:4px; cursor:pointer;}

#menu_func_mob{ display: none;}
#menu_mob{ margin: 0 0 36px;}





.title_sect {display:flex; align-items:center; margin: 0 0 12px 0;}
.title_sect .left-text {
white-space: nowrap;
font-family: Inter+Display;
font-size: 22px;
font-weight: 700;
line-height: 26.4px;
letter-spacing: 0.003em;
text-align: left;
}


.separator{flex-grow:1; height:1px; margin:0 8px; top:10px; position:relative; top:6px; z-index:0;  border: none;}
.title_sect.right-text {white-space: nowrap;}


.first_news{display:flex;justify-content:space-between; gap:16px; flex-direction:column-reverse;  }
.first_news div { box-sizing:border-box; width:100%;}
.first_news div img{ width: 100%;}
.sections{text-transform: uppercase;}
.first_news a, .post a { text-decoration: none;}
.first_news a:hover, .post a:hover { text-decoration: none; opacity: 0.95;}

.short{
//styleName: Body Text;
font-family: Inter,Arial;
font-size: 14px;
font-weight: 500;
line-height: 18.2px;
letter-spacing: 0.01em;
}

.container_3,.container_2,.container_4 {display:grid; rid-template-columns:1fr; gap: 22px;}
.post {  }
.post img {width:100%;}
.central-link{margin: 24px auto 28px; text-align: center;}
.central-link a {
font-size: 12px;
font-weight: 600;
line-height: 15.6px;
letter-spacing: 0.02em;
text-transform: uppercase;
display: inline-block;
padding-right: 24px;
background-repeat: no-repeat;
background-position: right ;
background-size: 20px 20px;
}

#redirect{margin: 20px 0;}
.redirect-block{padding: 8px 16px; border-radius: 12px;}


.subhead{
font-size: 12px;
font-weight: 600;
line-height: 15.6px;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.hide_til_860{display:none;}

#main{margin-bottom: 32px;}

#donate { overflow: hidden; border-radius: 12px; padding:16px; margin-bottom:32px; }
#donate div{ text-align: center; margin: 16px; }
#logo{width:45px; height:60px; background-repeat:no-repeat; background-size:45px 60px;vertical-align: middle; border: none; background-color: transparent; }
#donate span,#donate a{display:inline-block;margin: 0 12px;}
a.button,input.button{display:inline-block; height:40px; line-height:40px; border-radius: 20px; padding:0 20px;  text-decoration: none; cursor: pointer; }
a.button:hover,input.button:hover {text-decoration:none;}

.container_1_1_2{display:flex; justify-content:space-between; gap:22px; flex-direction:column-reverse; margin-bottom: 32px;}

#subscribe_form{display:flex; border-bottom:solid 1px #777; margin-top:8px; width: 99%; }
#subscribe_mail{flex-grow:1; margin:0; border:none;  font-size:16px; padding:8px 2px;}
#subscribe_form img{margin-left:10px; position: relative; top:8px;}




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

#soc {text-align:center; margin-top: 36px;  margin-botom:18px;}
#soc a{
margin:4px;
width:56px;
height:40px;
border-radius:20px;
background-position:center;
}

.w_1{padding-right:0px;}

#news_curent_project {margin-bottom:32px;}

#rubricator{
-webkit-column-width: 250px;
-moz-column-width: 250px;
column-width: 250px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 36px;
-moz-column-gap: 36px;
column-gap: 36px;
margin-bottom: 32px;
display: none;
}


#rubricator a {display: block;margin:6px 0; padding: 0;  line-height: 125%; }
#rubricator > div:not(:first-child) { margin-top:16px;}

.page{margin:8px auto 16px; max-width:610px;}
.page img { width:100%; display: block; margin: 12px 0 6px;}
.page td{ padding: 12px; font-size: .85em; }
.page table{ margin: 20px 0;}
.first_img{ max-width:1030px;  display: block; margin: 0 auto 6px; }
.first_img img{ width: 100%;height: auto; }
.img_description {font-family: Inter; text-align:center; font-size:12px; margin-bottom: 32px;}
.page ul, .page ol { margin-left: 0; padding-left: 1.5em;}

.source a{margin: 0 4px;}
.service{height: 40px; margin: 16px auto ;}
.service input{ display: inline-block; padding: 0 12px 0 32px; height: 40px; line-height: 40px; border: 0; border-radius: 20px; background-repeat: no-repeat; margin-right: 10px; vertical-align: middle;  background-size:16px 16px; background-position-x:10px; background-position-y: 12px;}
#page_map {display: none; }


.pm2{text-transform: uppercase; letter-spacing: .2px;}
.pm3{ padding-left: 15px;}
.pm4{padding-left: 30px;}
.pm5{padding-left: 45px;}
.pm6{padding-left: 60px;}

.donors{ padding: 12px; border-radius: 12px; }
.post_content{
//styleName: Desktop/Article/Text Roman;
font-family: Charter;
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.005em;
}

.navigator{
margin: 32px 0 32px;
font-size: 16px;
line-height: 129%;
text-align: center;
letter-spacing: -0.01em;
}
.navigator a,.navigator b {margin: 0 6px; font-weight:400;}
.small{font-size:.85em;}

.filter{ text-align: center; margin: 20px 0 14px;;}
.filter a{ margin: 2px 2px 20px 0; display: inline-block; padding: 0px 12px; height: 30px; line-height: 24px; border-radius: 15px; color: #000;background-color: #fff; text-transform: uppercase; font-weight:600; font-size: 12px;  }
.filter a:hover{ text-decoration: none; background-color: #eee; color: #000;}
.filter a.active,.filter a.active:hover{ background-color: #333; color: #fff;}







@media screen and (min-width: 660px) {
#rubricator{ display: block;}
#subscribe_form{width:50%;}
.about a{ display: inline-block;  }

#menu_func {display:inline-flex; margin-right:50px;}
.first_news {flex-direction:row;}
#search_close{position: relative; top:2px; cursor:pointer; display:block;}
#search_fon {border-radius:12px; padding:12px;}
.container_3 {grid-template-columns: 1fr 1fr;}
.container_2 {grid-template-columns: 1fr 1fr;}
.container_4 { grid-template-columns: 1fr 1fr;}
#donate {height: 120px; border-radius: 12px; line-height: 120px; text-align: center; padding:0px;}
#donate div {display:inline-block; margin:0;}

}














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

.container_1_1_2 {flex-direction: row; justify-content: space-between;}
.w_1{flex:1; }
.w_2{flex:2;}
#subscribe_form{width:90%;}

.hide_til_860{display:block;}

#menubutton,#menubutton_x,#menu_mob {display:none;}
#menu { display: inline-flex;}
#menu_func { margin-right:0px;}
#search_form {margin: 32px auto 16px; padding:0;  max-width: 609px; text-align: center; }


H1{font-size: 40px; line-height: 44px;}
H2{font-size: 36px; line-height: 43.2px;}
H3{font-size: 32px; line-height: 38.4px;}
H4{font-size: 24px; line-height: 28.8px; letter-spacing: 0.003em;}
H5{font-size: 20px; line-height: 24px; letter-spacing: 0.005em;}
H6{font-size: 18px; line-height: 21.6px; letter-spacing: 0.007em; }

.container_3{ grid-template-columns: 1fr 1fr 1fr;}
.container_4{ grid-template-columns: 1fr 1fr 1fr 1fr;}




}


@media screen and (min-width: 920px) {
header{ font-size: 16px;}
.desktop {display: block;}
.mob {display: none;}

}



@media screen and (min-width: 1240px) {
.wrap {width:1240px;}



}