body{font-family: Arial, Helvetica; line-height:135%; font-size:18px; margin: 0; padding: 0; }
.wrap{margin:0 auto;}
.border{margin:0 16px;}
.center {text-align: center;}
p{margin: 12px 0;}
.nobr{ white-space: nowrap;}
a {text-decoration:underline; }
a:hover{ opacity: .75;}
.clearfix{clear:both;}
.small{ font-size: .9em;}
.l{float:left;}
.r{float:right;}
.jr{ text-align:right;}
.jc{ text-align: center;}
input,textarea,select{ padding: 4px 8px; font-size: 16px; border-radius: 4px;border:solid 1px #777;}
.warning{ color:red; font-size: 12px;  font-weight: bold; text-align: center;}
table{font-size:.75em;}
table td{padding: 4px 8px;}

H1,H2,H3,H4,H5,H6{ font-family: Inter Display, Arial; text-align:left; font-weight:700;margin: 8px 0;}
H1{font-size:28px; line-height: 30.8px;}
H2{font-size: 26px; line-height: 31.2px;}
H3{font-size: 20px; line-height: 24px;letter-spacing: 0.015em;}
H4{font-size:18px; line-height: 22px; letter-spacing: 0.02em; text-transform: uppercase;}
H5{font-size: 16px; line-height: 21px; letter-spacing: 0.025em; text-transform: uppercase;}
H6{font-size: 14px; line-height: 19px; letter-spacing: 0.03em; text-transform: uppercase;}


#menu_on,#menu_off {display:block; top:0; right:0;}
#scroll_top {display:none; bottom:0; right:0;}
#menu_on,#menu_off,#scroll_top{cursor:pointer; position:fixed; width:40px; height:40px; background-repeat:no-repeat; z-index:1001; background-size:40px 40px; border-radius: 2px;}

header{background:#050541; text-align: center;}
header a, header a:hover{text-decoration:none;}
#site_name {background-size:84px 98px; background-position: 0 12px; display:block; background-repeat:no-repeat; text-transform:uppercase; letter-spacing:1px;  font-weight: bold; height:100px;  padding: 30px 30px 0 90px;  margin:0px auto; font-size:5vw; line-height: 8vw; display: inline-table;}

.menu,#menu_buttons,#site_name span,#tree,#menu_mob {display:none;}

#search_form{margin:24px auto 24px; padding:0; max-width:500px; text-align:center;}
#search_form p{margin:12px 0px; line-height:180%;}
#search_block{display:flex; justify-content:space-between; gap:0px; width:100%;}
#search_word {flex-grow:1; border-radius: 4px; border: none; padding:8px; border: solid 1px #777; border-radius:15px;  font-size: 15px; margin:0 24px; }
#search_button{ position: relative; left: -22px; top:8px; cursor:pointer;}
#search_form label { white-space: nowrap;}

#languageSelect {position: relative; top:-4px;}

#tree{ border-top:solid 1px #777;}

.tree_menu { display: block; margin: 24px 0; font-size: 20px; letter-spacing: .5px;}
.tree_menu li { margin: 12px 12px 12px 24px; }
.tree_menu  a.has-submenu {text-transform:uppercase; font-size:0.70em;}
.tree_menu  a { text-decoration: none;  font-weight:bold;}

#menu_mob{ padding:6px 12px; background-color: #444; color:#fff; font-size: 1.3em; line-height: 155%; border-top:solid 1px #777;}

#menu_mob a {display:inline-block; width: 32px; height: 32px; background-repeat:no-repeat; margin:0 12px; background-size: 32px 32px; background-position: 0 4px; color: #87CEFA; }
#menu_mob a:hover {text-decoration: none; opacity: .75; cursor:pointer;}















.separator{ height:1px; margin: 16px 0;  border: none;}
.left-text{ display: block; margin: 24px auto 0; }


.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; font-size:.85em; letter-spacing:.25px; margin:0;}
.first_news a, .post a { text-decoration: none; }
.first_news a:hover, .post a:hover { text-decoration: none; opacity: 0.9;}
.first_news a:hover H5, .post a:hover H5 { text-decoration: underline;}
.short{font-size: 16px; line-height: 20px; letter-spacing: 0.01em;}

.container_3,.container_2,.container_4 {display:grid; rid-template-columns:1fr; gap: 24px;}
.post{ padding:0px;}
.post div div{ display: inline-block; margin: 18px 0 0; border-bottom: solid 1px #777;}

.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; border: solid 1px #eee;}
.redirect-block p{ font-size:15px;}

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

#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 {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: 24px; padding-top:12px; border-top: solid 1px #666;  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:16px auto; max-width:660px;}
.page img {width:100%; display:block; margin:12px 0 6px; border-radius:4px;}
.first_img{ max-width:1030px;  display: block; margin: 0 auto 6px; }
.first_img img{ width: 100%;height: auto; }
.img_description { text-align:center; font-size:12px; margin-bottom: 32px;}

.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{
font-size: 16px;
font-weight: 400;
line-height: 135%;
letter-spacing: 0.012em;
}

.navigator{
margin: 36px 0;
font-size: 18px;
line-height: 129%;
text-align: center;
letter-spacing: -0.01em;
}
.navigator a,.navigator b {margin: 0 6px; }
.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;}

footer{ background: #232F3E; color: #ddd; padding: 16px 0; font-size: 14px;   }
footer p{text-align: center;}

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





#default_post{ margin: 20px auto; max-width: 720px;}
.post_default{ margin-bottom:32px;}
.post_default a{ text-decoration: none;}
.post_default a:hover{opacity: .75;}
.post_default a:hover h4{ text-decoration: underline; }

.post_default .short{
margin:6px 0 0;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.01em;
}

.tmb_default img{ width: 100%; margin:0;}

#home_guide a { text-decoration: underline;}
#home_guide a:hover{ opacity: .5;}

.submenu {position: relative; top:-4px; left:48px;}
.submenu a { text-decoration: none;  letter-spacing:.3px; display: inline-block; border-bottom: solid 1px #333; margin-bottom:6px; }
.submenu a:hover { opacity: .5;}
.submenu a.active, .submenu a.active:hover{ font-weight: bold; opacity:1; font-size:1.1em;}

.alphabet a{ text-transform: uppercase; letter-spacing: .5px;}
.alphabet div{ margin: 10px 0;}
.alphabet div::first-letter {font-size: 1.5em;}
#section_description { margin: 10px 0 24px; font-style: italic;}
.admin_edit{display: inline-block; width:12px; height:12px; background-image: url(../img/ed.svg); background-repeat: no-repeat; background-size: 12px 12px;
}

a[href^="https://archive.org"] {
display:inline-block; height:40px; line-height:40px; border-radius: 20px; padding:0 20px 0 40px;  text-decoration: none; cursor: pointer; border:solid 1px #666; background-color: #555; color:#fff; background-image: url(../img/audio.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: 8px 8px; }
a[href^="https://archive.org"].button:hover {text-decoration:none;}
.author{font-style: italic; font-size:16px;}
.translate{margin:0; font-style: italic; opacity: .6;}
#similar a {  }



@media screen and (min-width: 460px) {
#site_name {font-size:3.4vw; line-height: 20px;}
#site_name span{font-size:2.1vw; display: block; margin-top:16px;}

}

@media screen and (min-width: 560px) {
#site_name {font-size:3.5vw;}
#site_name span{font-size:12px;}


.page img { width:75%; margin: 12px auto 6px;}
.post_default{display: flex; gap: 24px;}
.tmb_default{flex: 2; padding-top:10px; }
.dscr_default{flex: 4; margin:0;}
}

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





#rubricator{display:block;}
#subscribe_form{width:50%;}
.about a{display:inline-block;}
.page img { width:100%; margin: 12px auto 6px;}
#menu_func {display:inline-flex; margin-right:50px;}
.first_news {flex-direction:row;}
#search_close{position: relative; top:2px; cursor:pointer; display:block;}
.container_3 {grid-template-columns: 1fr 1fr;}
.container_2 {grid-template-columns: 1fr 1fr;}
.container_4 { grid-template-columns: 1fr 1fr;}





}



@media screen and (min-width: 760px) {
.post_content{font-size: 20px;}
#site_name {font-size:3.4vw; padding: 30px 0 0 110px;}
#section_description, #similar {column-count: 2; column-gap:32px;}
}



@media screen and (min-width: 860px) {
#menu_on,#menu_off {display:none;}
#site_name {background-size:120px 140px; background-position:0 12px; height:140px; padding: 30px 0 0 130px;}

.menu{display:flex; list-style:none; justify-content:center; position:relative; letter-spacing:0.5px;}
.menu > li {position:relative;}
.menu > li > a { padding:16px 16px; display:block; text-decoration:none; transition: background 0.3s;}
.menu ul {list-style:none; position:absolute; top:100%; left:0; min-width:200px; white-space:nowrap; display:none;}
.menu ul li a {display:block; padding:8px 24px; text-decoration:none; transition:background 0.3s;}
.menu ul li:last-child a {border-bottom: none;}
.menu > li:hover > ul {display:block;}
.menu > li > a.has-submenu::after {content: ' ▾'; font-size:18px;}

#menu_buttons{margin:24px 0 0px;  display:block; justify-content:space-between; font-size: 12px; height: 38px; overflow:hidden;  padding:0;}
#menu_buttons a,#menu_buttons span {display:inline-block; padding-left:24px; text-decoration:none;
background-repeat:no-repeat; margin:0 22px 0 0; background-size: 16px 16px; background-position: 0 2px; white-space: nowrap; color:#fff;}
#menu_buttons a:hover {text-decoration: none; opacity: .75; cursor:pointer;}



#menubutton,#menubutton_x,#menu_mob {display:none;}
#search_form {margin: 32px auto; padding:0;  max-width: 500px; text-align: center; }

H1{font-size: 32px; line-height: 40px;}
H2{font-size: 30px; line-height: 38px;}
.container_3{ grid-template-columns: 1fr 1fr 1fr;}
.container_4{ grid-template-columns: 1fr 1fr 1fr 1fr;}


}


@media screen and (min-width: 920px) {
#site_name {font-size:3.3vw;}
.menu > li > a { padding:16px 22px;}

}



@media screen and (min-width: 1024px) {
.wrap {width:1024px;}
#site_name {font-size:34px;}
#site_name span{font-size:12px;}

}