﻿@charset "utf-8";
/* основа */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,800,900&subset=cyrillic');
html, body {height:100%;}
body {margin:0;background:#FFF;}
body {font:100% Montserrat;margin:0;padding:0;}
img {vertical-align:middle;}
ul, ol {margin:0;padding:0;border:0;list-style:none;}
h1, h2 {font-family:Montserrat;font-weight:700;text-transform:uppercase;padding-bottom:5px;}
h1 {font-size:150%;border-bottom:3px solid #47B;color:#47B;}
h2 {font-size:130%;border-bottom:1px dashed #C11;color:#C11;}
a {color:#000;text-decoration:none;}
a:hover {color:#888;text-decoration:none;}
a img {border:none;}
.container {width:1080px;margin:0 auto;}
.clear {clear:both;}
table {width:100%;text-align:center;border-collapse:collapse;}
td {padding:6px;border:1px solid #CCC;}
.purp {background-color:#47B;color:#FFF;}
.purp td {border:1px solid #FFF;}
small {font-size:70%;text-transform:none;}
.lnk:before {content:"\f0c1";font-family:FontAwesome;display:inline-block;width:1.3em;}
hr {color:transparent;border-bottom:1px dashed #CCC;}
.round {border-radius:50%;}
.round_small {border-radius:50%;width:90px;}
.left {text-align:left;margin-bottom:10px;}
.left td {border:none;}
.left tr {border-bottom:1px dashed #CCC;}
.top_image {display:block;margin:10px auto 10px auto;border-radius:10px;}
.top_map {display:block;margin:10px auto 10px auto;border-radius:10px;width:670px;height:300px;border:none;}
.news {margin-bottom:10px;}
.alert {background:#D00;color:#FFF;font-size:110%;padding:5px;border-radius:10px;}
.aleft {background:#D00;color:#FFF;font-size:110%;padding:5px;border-radius:10px;text-align:left;margin-bottom:10px;}
.aleft td {border:none;}
.aleft tr {border-bottom:1px dashed #CCC;}
.ban {background:#FFF;color:#0B5;font-size:150%;border:2px #0B5 solid;border-radius:10px;font-family:Montserrat;font-weight:700;text-align:left;height:213px;width:670px;display:block;margin:10px auto 10px auto;text-transform:uppercase;}
.ban img {float:left;width:220px;margin:10px 10px -10px 10px;border-radius:10px;}
.ban p {padding-top:20px;}
.ban a {color:#0B5;}
.ban i {float:right;margin:-.3em 10px 10px 0;}
.info li, .date li, .file li .spoiler .info li, .spoiler .date li, .spoiler .file li {padding-left:1.3em;}
.info li:before, .spoiler .info li:before {content:"\f00c";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;color:#47B;}
.date li:before, .spoiler .date li:before {content:"\f073";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;color:#47B;}
.file li:before, .spoiler .file li:before {content:"\f0c7";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;color:#47B;}
.sidebar .info li {padding-left:0;}
.sidebar .info li:before {color:#000;}
/* основа */
/* баннер cookie */
.cookie-banner {position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:50%;max-width:820px;background:#333;border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;z-index:999;font-size:90%;}
.cookie-message {display:flex;align-items:center;gap:14px;flex:2 1 300px;color:#FFF;}
.cookie-text {display:flex;flex-direction:column;gap:4px;padding-left:10px;}
.cookie-actions {display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0;}
.btn {padding:10px 20px;border-radius:10px;font-weight:500;font-size:0.9rem;border:none;cursor:pointer;letter-spacing:0.2px;white-space:nowrap;}
.btn-primary {background:#08F;color:#FFF;}
.btn-primary:hover {background:#F40;}
.btn-outline {background:#EEE;color:#000;}
.btn-outline:hover {background:#F40;color:#FFF;}
.cookie-banner.hidden {display:none;}
/* баннер cookie */
/* верх */
.header {height:177px;tбаннер ter;padding:10px 0 0 0;background:url(webp/logo.webp) no-repeat;text-align:right;background-position:bottom left;margin-top:-2.9em;}
.right {float:right;padding:10px;font-size:100%;margin-top:2.9em;}
.home {float:left;margin-top:10px;margin-left:100px;opacity:0;}
/* верх */
/* разное */
.cat {display:inline-flex;width:100%;}
.cat div {padding:1% 2%;font-weight:700;font-size:130%;text-align:left;color:#FFF;text-transform:uppercase;}
.cat div:first-child {border-radius:10px 0 0 10px;padding-left:2%;}
.cat div:last-child {border-radius:0 10px 10px 0;padding-right:2%;}
.cat a {color:#FFF;text-decoration:none;}
.footer {background:#47B;color:#FFF;text-align:center;padding:6px;width:100%;border-radius:10px 10px 0 0;}
.backpack {float:right;width:64px;display:block;z-index:2;position:relative;margin-bottom:-30px;}
/* разное */
/* бок и центр */
.base {background-color:#FFF;display:table;margin-top:5px;}
.content, .sidebar {text-align:left;padding-bottom:20px;}
.content {margin:0 0 0 31%;width:70%;}
.content i {color:#47B;}
.sidebar {width:29%;float:left;margin-right:1%;}
.sidebar li:before {content:"\f00c";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;width:1.3em;}
.sidebar ul {margin:10px 0 5px 30px;}
.sidebar ul ul {margin-top:0;}
.sidebar li a:hover {color:#888 !important;}
.sidebar ul li a {color:#000;}
/* бок и центр */
/* форма */
.msg {display:block;width:42%;background:#333;padding:2% 4%;border-radius:10px;color:#FFF;font-size:120%;text-align:center;margin:15px auto 0 auto;}
input, textarea, select {font-family:Montserrat;font-size:80%;color:#FFF;font-style:italic;width:280px;border:none;background:#333;margin-top:10px;outline:none;}
input[type=submit] {width:286px;margin:auto;font-style:normal;border:1px solid #CCC;padding:5px;border-radius:5px;margin:15px auto 7px auto;}
input[type=submit]:hover {background:#222;}
textarea {height:100px;}
form small {font-size:60%;}
.fil {border-bottom:1px solid #CCC;}
.overlay {background-color:rgba(0,0,0,.7);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:6;transition:opacity .5s;}
.overlay:target {visibility:visible;opacity:1;}
.popup {width:350px;margin:auto;background:#222;color:#FFF;display:block;left:0;right:0;top:0;opacity:0;padding:20px;position:fixed;visibility:hidden;z-index:7;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.5);font-size:130%;border-radius:10px;}
.overlay:target+.popup {top:20%;opacity:1;visibility:visible;}
a.close {color:#FFF;position:absolute;text-align:center;display:block;top:5px;right:10px;}
a:hover.close {color:#CCC;}
/* форма */
/*флекс*/
.grid {display:flex;flex-wrap:wrap;margin-left:10px;}
.grid_item, .nav_item {flex-basis:25%;margin-bottom:10px;text-align:center;}
.grid i {color:#C11;font-size:450%;}
.details {position:relative;display:block;padding:6px;margin-top:5px;width:87%;font-size:90%;height:3em;}
.nav_item img {width:220px;border-radius:5px;margin:10px;}
.img_item {flex-basis:33%;margin-bottom:10px;text-align:center;}
.img_item img {width:80%;border-radius:10px;}
/*флекс*/
/* спойлер */
.spoiler {width:100%;}
.spoiler > .title {display:block;padding:4px;color:#47B;border-bottom:1px dashed #47B;font-family:Montserrat;font-weight:700;text-transform:uppercase;font-size:110%;}
.title:before {content:"\f101";font-family:FontAwesome;display:inline-block;width:1.3em;}
.spoiler > .body {padding:8px;display:none;height:100%;}
.spoiler > :checked ~ .body {display:block;}
.spoiler small {font-weight:400;}
.spoiler h1 {font-size:120%;border-bottom:2px solid #47B;color:#47B;}
input[type="checkbox"] {display:none}
/* спойлер */
/* для слабовидящих */
#textsizer-classnames {margin-top:143px;position:fixed;z-index:100;background:#FFF;opacity:.9;padding:10px;border-radius:0 6px 6px 0;font-size:125%;}
#textsizer-classnames p {display:inline;}
ul.textresizer {list-style:none;display:inline;margin:0;padding:0;}
ul.textresizer li {display:inline;margin:0;margin-right:5px;padding:0;}
ul.textresizer a {border:solid 1px #999;padding:2px 3px;text-decoration:none;}
ul.textresizer a:hover {background:#EEE;border:solid 1px #CCC;} 
ul.textresizer .small-text {font-size:80%;}
ul.textresizer .medium-text {font-size:90%;}
ul.textresizer .large-text {font-size:100%;color:#FF0;background:#008;}
ul.textresizer .larger-text {font-size:100%;color:#FFF;background:#000;}
ul.textresizer a.textresizer-active {border:solid 1px #252;background:#FC6;color:#000;}
#main_wrapper.small-text {font-size:90% !important;}
#main_wrapper.medium-text {font-size:100% !important;}
#main_wrapper.large-text {font-size:110% !important;color:#FF0;background:#008;line-height:1.5;}
#main_wrapper.large-text div {background:#008;}
#main_wrapper.large-text a {color:#FF0;}
#main_wrapper.large-text table {background:#008;}
#main_wrapper.large-text img, #main_wrapper.large-text i {font-size:2px;opacity:0;width:0;height:0;}
#main_wrapper.larger-text {font-size:110% !important;color:#FFF;background:#000;line-height:1.5;}
#main_wrapper.larger-text div {background:#000;}
#main_wrapper.larger-text a {color:#FFF;}
#main_wrapper.larger-text table {background:#000;}
#main_wrapper.larger-text img, #main_wrapper.larger-text i {font-size:2px;opacity:0;width:0;height:0;}
#textsizer-classnames p {font-size:90%;margin-right:5px;}
/* для слабовидящих */
/* видео */
#video {position:relative;margin-left:7%;}
#video iframe {width:320px;height:240px;border:1px solid #888;margin:0 10px 10px 0;}
#video div {position:absolute;width:100%;padding:0;overflow-x:auto;white-space:nowrap;}
/* видео */
/* кэп */
.kep {position:relative;display:inline-block;right:.2em;}
.kep:before {content:"\f559";font-family:FontAwesome;display:inline-block;}
.kep .keptext {visibility:hidden;width:28em;background-color:#47B;color:#FFF;text-align:left;padding:.7em;position:absolute;z-index:1;font-size:75%;border-radius:.5em;}
.kep:hover .keptext {visibility:visible;}
/* кэп */