@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
@import url('engine.css');

* {box-sizing:border-box; margin:0; padding:0; outline:none;}
body {font:16px/1.2em 'PT Serif', serif; position:relative; color:#292C2E; display:flex; flex-direction:column; min-height:100vh; overflow-y:scroll;}
img {max-width:100%; border:0;}
a {color:#5DA7B9; outline:none;}
p {margin-bottom:1em;}
table {width:100%; border-collapse:collapse;}
table tr:nth-child(even) {background:#F0F2F5;}
table td {padding:1em; border:1px solid #eee; vertical-align:top;}

h1, h2, h3, h4 {display:block; font-weight:700; margin-bottom:0.5em;}
h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:20px;}

table {width:100%; border-collapse:collapse;}
table tr:nth-child(even) {background:#f4f4f4;}
table thead tr {background:#f4f4f4;}
table td {padding:0.5em 1em !important; border:1px solid #ddd; font-size:0.85em;}

.framewrap {width:100%; max-width:100%; margin:0 auto;}
.framebox {position:relative; padding:0 0 56.25% 0; height:0; overflow:hidden;}
.framebox iframe,.myvideo object,.myvideo embed {position:absolute; top:0; left:0; width:100%; height:100%;}

iframe {max-width:100%;}

.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.width {width:1170px; max-width:100%; margin:0 auto;}
.overlay {display:none; position:fixed; top:-100%; bottom:0; width:100%; background:rgba(0,0,0,.5); /*backdrop-filter:blur(10px);*/z-index:1;}
.flex {display:flex;}

.button {position:relative; overflow:hidden; display:inline-block; padding:0.75em 1.5em; margin:1px 2px 1px 0; background:#5DA7B9; font-weight:700; color:#fff; border:none; text-decoration:none; cursor:pointer;}
.button.small {padding:0.5em 1em; font-size:0.85em;}

input[type=text], input[type=password], input[type=email], textarea {border:1px solid rgba(0,0,0,.15); padding:0.5em 1em; margin:0 2px 2px 0;}

.header {flex:0 0 auto; position:sticky; top:0; background:#5DA7B9; padding:15px 0; z-index:4; transition:0.5s all; z-index:11;}
.header.out {padding:5px 0;}
.header .width {justify-content:space-between; align-items:center;}

.logo {color:rgba(255, 255, 255, 0.70); font-size:14px; font-family:Trebuchet MS; font-weight:400; word-wrap:break-word; text-decoration:none; transition:0.5s all;}
.logo > span {display:block; color:white; font-size:30px; font-family:Georgia; font-weight:400; word-wrap:break-word; transition:0.5s all;}

.today {color:#fff;}

.logo, .bttns {/width:27%;}

.bttns {justify-content:flex-end; align-content:center; align-items:center;}
.bttns .links {margin-right:1em;}
.bttns .links a {margin:0 2px; padding:3px 1em; background:rgba(255,255,255,.2); color:#fff; border-radius:3px; text-decoration:none; white-space:nowrap;}

.showsearch {width:32px; height:32px; background:url(../images/search.svg) no-repeat center center / 22px; margin-right:1em;}
.shownav {display:block; position:relative; width:2em; height:2em; z-index:999;}
.shownav b, .shownav b:before, .shownav b:after {display:block; position:absolute; width:1.5em; height:0.2em; background:#fff; content:''; transition:.25s all;}
.shownav b {top:14px; right:0.25em;}
.shownav b:before {top:-0.4em;}
.shownav b:after {bottom:-0.4em;}
.shownav.active b {background-color:transparent;}
.shownav.active b:before {top:0; transform:rotate(-45deg);}
.shownav.active b:after {top:0; transform:rotate(45deg);}	

.nav {position:absolute; top:0; left:0; right:0; background:#5DA7B9; padding:0 0 3em; visibility:hidden; opacity:0; transform:translate(0,50%); transition:0.3s all; z-index:3;}
.nav.active {visibility:visible; opacity:1; transform:translate(0,0); transition:0.3s opacity ease, 0.25s transform ease;}

/*.menu {flex-wrap:wrap; justify-content:flex-start !important;}*/
.menu {columns:4; column-gap:20px;}
.menu li {width:100%; list-style:none;}
.menu li a {display:block; font-family:PT Serif; font-weight:400; line-height:24px; text-decoration:none; color:#fff; padding:0.5em 0; border-bottom:1px solid transparent;}
.menu li a.curr {font-weight:700;}
.menu li:hover a {border-bottom-color:rgba(255,255,255,0.5);}

.searchform form {display:block; width:100%; margin:4em 0 2em; position:relative;}
.searchform input[type=search] {width:100%; background:transparent; border:0;	 border-bottom:2px solid rgba(255,255,255,.25); font-size:22px; line-height:2em; outline:none; color:#fff;}
.searchform .submit {position:absolute; top:0; right:0; bottom:0; width:3em; background:url(../images/search.svg) no-repeat center center; opacity:0.5; border:0; cursor:pointer; transition:0.5s all;}
.searchform .submit:hover {opacity:1; background-color:rgba(0,0,0,0.1);}
.searchform input::-webkit-input-placeholder {color:rgba(255,255,255,.5); font-family:PT Serif; font-size:22px;}
.searchform input::-moz-placeholder {color:rgba(255,255,255,.5); font-family:PT Serif; font-size:22px;}

#fullsearch {width:100%; margin-bottom:2em;}
#searchform {position:relative;}
#searchinput {display:block; width:100%; border:1px solid #ccc; margin:0; padding:0.5em 6em 0.5em 1em; font-size:1.2em;}
#dosearch {position:absolute; right:0; top:0; bottom:0; background:#5DA7B9 url(../images/search.svg) no-repeat center center / 15px; width:50px; text-indent:-9999px; border:0;}
#search_result {padding:1em 0;}

.section {margin-bottom:60px; margin:30px auto;}
.section > .flex {justify-content:space-between;}

.leftside {max-width:100%; flex-grow:1; padding-right:10px;}
.rightside {padding-left:20px; width:270px; flex-shrink:0;}
.rightside > div:first-child {
	margin-bottom:1rem;
	&:has(iframe) {border-radius:8px; overflow:hidden !important;}
}

.static .rightside {padding-left:20px; width:370px; flex-shrink:0;}

.big_title {font-size:32px; line-height:1.2em; font-weight:700; margin-bottom:30px;}
.big_title.rubric {width:100%; flex-grow:1; margin:30px 0 20px;}
.big_title.flex {align-items:center;}

.medium_title {font-size:20px; font-weight:700; margin-bottom:30px;}

.main {flex:1 0 auto;}

/*.main_news_block {width:100%; columns:2; height:700px;}*/
.main_news_block {display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(3,1fr); grid-column-gap:10px; grid-row-gap:10px; width:100%; height:auto;}
.b1 {grid-area:1 / 1 / 3 / 2;}
.b2 {grid-area:3 / 1 / 4 / 2;}
.b3 {grid-area:1 / 2 / 2 / 3;}
.b4 {grid-area:2 / 2 / 3 / 3;}
.b5 {grid-area:3 / 2 / 4 / 3;}
.main_news_block .item {position:relative; height:220px; border:1px solid #E4E4E4; overflow:hidden;}
.main_news_block .item img {width:100%; object-fit:cover;}
.main_news_block .item_box {position:absolute; top:0; left:0; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items:flex-end; z-index:1; color:#fff; padding:20px; text-decoration:none; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.55), rgba(0,0,0,.95));}
.main_news_block .noimg .item_box {top:0; background:none; color:#292C2E; align-content:space-between;}
.main_news_block .item .item_box > div {width:100%; line-height:1.25em;}
.main_news_block .item_title {font-size:20px; font-weight:700; line-height:1.2em; margin-bottom:8px;}
.main_news_block .item_text {margin-bottom:14px;}
.main_news_block .item_date {font-size:12px; color:rgba(255,255,255,.5);}
.main_news_block .first {height:450px; border-color:transparent;}
.main_news_block .first img {width:100%; height:460px; object-fit:cover;}
.main_news_block .first .item_title {font-size:26px; font-weight:700; line-height:1.1em; margin-bottom:12px;}
.main_news_block .first .item_text {margin-bottom:17px;}
.main_news_block .first .item_date {font-size:12px; color:rgba(255,255,255,.5);}
.main_news_block .noimg .item_date {color:rgba(0,0,0,.5);}
.main_news_block .noimg .item_info {align-self:flex-start;}

.news_block {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.lay {position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.2);}

.news_block .item {position:relative; width:32%; text-decoration:none; color:#292C2E; display:flex; flex-direction:column; margin-bottom:30px;}

.news_block .item.big,
.news_block .item.medium {position:relative; color:#fff;}
.news_block .item.big {width:100%; margin-bottom:20px;}
.news_block .item.medium,
.news_block .item.medium img {height:340px;}
.news_block .item.big .item_info,
.news_block .item.medium .item_info {position:absolute; width:100%; height:100%; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9)); padding:1em; display:flex; flex-wrap:wrap; align-content: flex-end;}
.news_block .item.big .item_info > div,
.news_block .item.medium .item_info > div {width:100%; flex-shrink: 0;}
.news_block .item.big .item_rubric,
.news_block .item.medium .item_rubric {color:rgba(255,255,255,.85);}
.news_block .item.big > div {color:rgba(255,255,255,0.85); transition:.3s all;}
.news_block .item.big:hover > div {color:rgba(255,255,255,1);}
.news_block .item.revers {width:48%;}
.news_block .item.revers:nth-child(odd) {flex-direction:column-reverse;}
.news_block .item.revers:nth-child(odd) .item_date {margin-bottom:1em; color:#5DA7B9;}
.news_block .item.revers .item_text {display:none;}

.news_block .item_img {margin-bottom:10px; position:relative; overflow:hidden;}
.news_block .item_img img {width:100%; height:210px; object-fit:cover; transition:1s all;}
/*.news_block .item_img:hover img {transform:scale(1.1);}*/
.news_block .item_img.noimage {display:flex; justify-content:center; align-items:center; width:100%; height:210px; font-size:1.4em; color:rgba(0,0,0,.2); background:rgba(0,0,0,.05);}

.news_block .item > div {width:100%; line-height:1.25em;}
.news_block .item_rubric {color:#5DA7B9; font-size:14px; margin-bottom:10px;}
.news_block .item_title {font-size:18px; font-weight:700; margin-bottom:10px;}
.news_block .item_text {font-size:14px; margin-bottom:10px;}
.news_block .item_date {color:#5DA7B9; font-size:14px;}

.news_block.list {display:block;}
.news_block.list .item {display:block; width:100%; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,.125);}
.news_block.list .item_img, .news_block.list .item_text {display:none;}
.news_block.showfull .item_text {display:none;}

//.last_news_block {margin-top:2em;}
.last_news_block .item {display:block; color:#292C2E; text-decoration:none; margin-bottom:30px;}
.last_news_block .item .item_date {color:#5DA7B9; font-size:12px; margin-bottom:0.5em;}
.last_news_block .item_text {font-size:14px;}

.showlist {display:inline-block; color:#5C6E7B; font-size:16px; font-family:PT Serif; font-weight:700; line-height:24px; text-decoration:none; background:#F5F5F5; padding:5px 10px;}

.fast {display:flex; align-items:center;}
.fast .item_img {width:25%;}
.fast .item_text {width:74%;}

.footer {background:#5DA7B9;}
.fbox hr {display:block; border:none; height:1px; background:rgba(255,255,255,.25); margin:0 auto 20px auto;}
.fbox > .flex {justify-content:space-between;}

.fbox .linksblock {align-items:center; padding:20px 0;}
.fbox .linksblock a {display:inline-block; margin-right:30px; text-decoration:none; color:#fff;}

.fbox .social a {transition:.5s all; opacity:.5; padding:0 5px; margin:0 0 0 5px;}
.fbox .social a:hover {opacity:1;}

.fbox .info {color:#fff; padding-bottom:20px;}
.fbox .info b {display:block; margin-bottom:1em;}
.fbox .info a {display:block; text-decoration:none; font-size:18px; color:#fff; margin-bottom:.75em;}
.fbox .info .age {color:rgba(255, 255, 255, 0.50); font-size:32px; line-height:48px;}

.fbox .info_block {width:300px; max-width:100%;}
.fbox .text_block {display:flex; justify-content:space-between; width:100%;}
.fbox .copyrights {justify-content: space-between; padding-bottom:20px; color:#fff; font-size:12px;}

.info_text p {font-size:12px;}

/* Full story */
.full {width:680px; max-width:100%; position:relative;}
.full .rubric {color:#5DA7B9; font-weight:700;}
.full .big_title {margin-bottom:8px;}
.full .anons {font-size:24px; line-height:1.2em; margin-bottom:0.5em;}
.full .date {color:#5DA7B9; font-size:12px; font-weight:700; margin-bottom:1em;}
.full .text {margin-top:24px; font-size:16px; line-height:24px;}
.full .text > div > p {margin-bottom:0;}
.full .text > div:has(> p) {margin-bottom:1em;}
.full .text ul,.full .text ol {margin:1em 0 1em 1.8em;}
.full .text ol {margin:1em 0 1em 1em;}
.full .text ol li {padding-left:0.25em;}
.full .text ul li {list-style-type:square; padding-left:0.25em;}
.full .text ul li::marker {color:#5DA7B9; font-size:1.25em;}
.full .text img {width:100%;}
.full .autor {margin-top:30px;}
.full .autor a {font-weight:700; font-size:16px; color:#292C2E; text-decoration:none;}
.full .autorfoto {display:block; font-size:.85em; color:rgba(0,0,0,.5);}
.full .dleplyrplayer {max-width:100% !important;}
.full .plyr {width:100%;}

.social_links {margin:2em 0; justify-content: space-between;}
.social_links a {width:33%; padding:8px 0; text-align:center; text-decoration:none; background:#F5F5F5; color:#5C6E7B; font-size:14px; font-weight:700; transition:.5s all;}
.social_links a:hover {background:#5DA7B9; color:#fff;}

/* Поделиться */
.fullstory {position:relative;}
.fullstory.info {margin-bottom:2em;}
.ya-share2.desktop {height:100%; margin-left:30px; position:sticky; top:100px;}
.desktop .ya-share2__list {display:flex; flex-direction:column; top:0;}
.desktop .ya-share2__item {padding:0 0 5px 0 !important;}
.ya-share2 .ya-share2__icon {width:36px !important; height:36px !important; background-size:30px 30px !important;}
.smartphone .ya-share2__item {padding:0 5px 0 0 !important;}
.ya-share2.smartphone {margin:1em auto;}
.smartphone .ya-share2__icon {width:28px !important; height:28px !important; background-size:24px 24px !important;}
.ya-share2 .ya-share2__badge {filter:grayscale(100%); opacity:0.25; transition:0.2s all;}
.ya-share2 .ya-share2__badge:hover {filter:grayscale(0%); opacity:1;}

/* Навигация по страницам */
.navigation {justify-content:center; flex-wrap:wrap; flex-grow:1; width:100%; margin-top:2em; font-size:1.2em;}
.navigation span, .navigation a {width:40px; height:30px; line-height:1.8em; text-align:center; margin:2px 0; text-decoration:none; background:#efefef; transition:.5s all;}
.navigation span {color:#5DA7B9;}
.navigation a {color:#5DA7B9;}
.navigation span.current, .navigation a:hover {background:#5DA7B9; color:#fff;}

.banner {display:flex; justify-content:center; align-items:center; width:100%; height:auto; font-size:1.4em; color:rgba(0,0,0,.2); text-decoration:none; background:rgba(0,0,0,.05); border:1px solid rgba(0,0,0,.075); margin:1em auto;}

/* Tabs */
.tabs .tabs-nav {border-bottom:1px solid #5C6E7B; margin-bottom:40px;}
.tabs .tabs-nav span {display:inline-block; padding:.5em 0; cursor:pointer; transition:.5s all; margin-right:1em; border-bottom:4px solid transparent; color:#5C6E7B;}
.tabs .tabs-nav span.active {border-bottom-color:#0B2538; color:#0B2538;}
.tabs .tab {display:none;}
.tabs .tab.active {display:block;}

.full {position:relative;}
.full.mb {margin-bottom:2em;}
.edit {visibility:hidden; opacity:0; position:absolute; top:0; right:0; z-index:2; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); color:#fff; text-decoration:none; padding:.2em .5em; font-size:.8em; border-radius:5px; transition:.5s all;}
.full:hover .edit, .item:hover .edit, .news_block:hover .edit {visibility:visible; opacity:1;}
.support {display:inline-block; padding:8px 20px; margin-bottom:5px; text-decoration:none; color:#5C6E7B; background:#EFF7F8;}

.team ul {display:flex; justify-content:space-between; list-style:none;}
.team ul li {width:23%; list-style:none !important; margin:0 !important; padding:0 !important;}
.team img {display:block; width:100px !important; height:auto; margin-bottom:20px;}
.team .job {color:rgba(0,0,0,.50); font-size:12px;}
.team .fio {color:#292C2E; font-size:16px;}

.contacts {padding:30px; background:#F4F4F4; margin-bottom:10px;}
.contacts .ctitle {color:#292C2E; font-size:24px; font-weight:700; margin-bottom:16px;}
.contacts b {display:block; color:rgba(0,0,0,.50); font-size:14px; font-weight:400; margin-bottom:1em;}
.contacts a {display:block;color:#292C2E; font-size:16px; text-decoration:none; line-height:1.5em;}
.contacts a.onmap {color:#5DA7B9;}

.rules {padding-right:2em; width:50%; flex-grow: 1;}
.counters {justify-content: space-between;}
.counters > span {margin-left:5px;}

@media only screen and (max-width:1200px) {
	.width {padding:0 20px;}
	.leftside {padding:0; width:70%;}
	.rightside {width:30%;}
}

@media only screen and (max-width:768px) {
	.width {padding:0;}
	.header {padding:10px;}
	.headbox {display:none;}
	.logo {font-size:12px;}
	.logo > span {display:block; color:white; font-size:20px;}
	.logo, .bttns {width:auto;}
	.today {display:none;}
	.showsearch {margin-right:1em;}

	.nav {position:fixed; top:0; bottom:0; overflow-y:scroll; padding:1em; transform:translateX(100%); opacity:1;}
	.nav.active {transform:translateX(0);}
	.searchform.width,
	.menu.width {padding:0; columns:1;}
	.searchform form {margin:3em 0 1em 0;}
	.menu li {width:100%; padding:0;}
	.menu li a {font-size:16px;}
	
	.searchform form {width:100%;}

	.section {padding:0 15px;}

	.main > .flex {display:block;}

	.leftside {padding:0; width:100%;}
	.rightside {display:none;}
	.static {display:block;}
	.static .rightside {padding:0; display:block; width:100%;}

	.big_title {font-size:24px; line-height:1.2em;}
	
	/*.main_news_block {grid-template-columns:1fr; grid-template-rows:repeat(5,auto); grid-column-gap:0; grid-row-gap:20px; align-items:start; align-content:start;}
	.b1 {grid-area:1 / 1 / 2 / 2;}
	.b2 {grid-area:2 / 1 / 3 / 2;}
	.b3 {grid-area:3 / 1 / 4 / 2;}
	.b4 {grid-area:4 / 1 / 5 / 2;}
	.b5 {grid-area:5 / 1 / 6 / 2;}
	*/
	.main_news_block {display:block;}
	.main_news_block .item {height:auto; overflow:visible; margin-bottom:1em;}
	.main_news_block .first {height:auto;}
	.main_news_block .first img {height:260px;}
	.main_news_block .item > a > div {line-height:1.25em;}
	.main_news_block .first .item_title {font-size:20px; line-height:1.25em; margin-bottom:8px;}
	.main_news_block .first .item_text {margin-bottom:12px;}
	.main_news_block .item img {width:auto; height:100%;}
	.main_news_block .item.noimg {min-height:200px; height:auto;}
	.main_news_block .noimg .item_box {position:relative;}

	.news_block {display:blcok;}
	.news_block .item {width:100%;}
	.news_block .item_img img {height:190px;}
	.news_block .item.lenta {width:100%; border:0;}

	.news_block .item.lenta {padding:0 !important;}

	.news_block .item.big, .news_block .item.medium, .news_block .item.revers {width:100%; margin-bottom:15px; padding:0; height:240px;}
	.news_block .item.big img, .news_block .item.medium img {height:240px;}
	.news_block .item.big .item_info, .news_block .item.medium .item_info {padding:1em;}
	.news_block .item.revers {height:auto;}
	.news_block .item.revers .item_img {overflow:auto;} 
	.news_block .item.revers img {height:190px;}
	.news_block .item.revers .item_text {position:relative;}
	
	.last_news_block .item_text {font-size:18px;}
	
	.showlist {font-size:14px; line-height:1.2em;}

	.full {width:100%;} .full .anons {font-size:18px;}

	.team ul {flex-wrap:wrap; /justify-content:space-around;}
	.team li {width:45%; text-align:center; margin-bottom:1em;}
	.team img {display:block; width:100%; height:auto; margin:0 auto 20px;}

	.social_links {flex-wrap:wrap;}
	.social_links a {padding:8px 0;}

	.footer {display:none;}

	.fbox > .flex {flex-direction:column;}
	.fbox .linksblock {padding:0; align-items:flex-start;}
	.fbox .linksblock a {margin:0; padding:.5em;}
	.fbox .info_block, .fbox .text_block {width:100%; display:flex; justify-content:space-between; margin-bottom:1em;}
	.fbox .info_block > span, .fbox .text_block span {text-align:right;}
	.fbox .info b {margin:0;}
	.fbox .info a {margin-bottom:.25em;}
	.fbox .info_text, .fbox .copyrights {font-size:12px; color:rgba(255, 255, 255, 0.50);}

	.rules {padding:0 0 2em 0; width:100%;}
}

.addnews ul {list-style:none;}
.form-group {margin-bottom:1em;}
.form-group > label {display:block; margin-bottom:0.5em; font-weight:700;}
.form-group input[type=text], .form-group textarea {display:block; width:100%;}
.checkbox label {cursor:pointer;}
.checkbox input {margin-right:1em;}

.custom_next {flex-grow:1; width:100%; margin:22px auto 32px;}
.custom_next a {display:block; padding:8px; color:#5DA7B9; text-align:center; text-decoration:none; background:#F5F5F5;}
.custom_next span {display:none;}
.custom_line {flex-grow:1; width:100%; display:block;}

.stats {margin:1em auto;}
.stats h5 {font-size:1.4em; line-height:2em;}
.stats ul {margin-left:1em; padding-left:1em;}
.stats ul li {list-style-type:square; padding:0.5em 0; margin-left:0;}
.stats ul li::marker {color:orange;}

.err404 {font-size:10em; color:#ddd; margin:0.5em 0;}

.isrek {display:inline-block; background:#fff8d0; color:#c60; margin-left: 5px;}
.rek {display:flex; flex-flow: column wrap; justify-content: center; align-items: center;}

.opdinfo {
	padding:0 0 1rem; text-align:center;
	a {color:#FFF; font-size:0.85rem; display:inline-block; padding:0 1rem;}
}

#cookie_note {display:none; position:fixed; background:#f2f2f2; bottom:0; width:100%; padding:2em; z-index:999;}
#cookie_note .text {text-align:center; margin-bottom:1rem;}
#cookie_note .accept {width:100%; text-align:center;}
@media (min-width:576px){
	#cookie_note.show {display:block;}
}
@media (max-width:575px){
	#cookie_note.show {display:block;} 
	#cookie_note .accept {display:block; width:100%; text-align:center; margin:1em auto;}
}

.bigtop:has(div) {margin-top:1rem;}