@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-BlackItalic.eot');
    src: local('../font/Roboto Black Italic'), local('../font/Roboto-BlackItalic'),
        url('../font/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-BlackItalic.woff2') format('woff2'),
        url('../font/Roboto-BlackItalic.woff') format('woff'),
        url('../font/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Bold.eot');
    src: local('../font/Roboto Bold'), local('../font/Roboto-Bold'),
        url('../Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Roboto-Bold.woff2') format('woff2'),
        url('../Roboto-Bold.woff') format('woff'),
        url('../Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-BoldItalic.eot');
    src: local('../font/Roboto Bold Italic'), local('../font/Roboto-BoldItalic'),
        url('../font/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-BoldItalic.woff2') format('woff2'),
        url('../font/Roboto-BoldItalic.woff') format('woff'),
        url('../font/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-LightItalic.eot');
    src: local('../font/Roboto Light Italic'), local('../font/Roboto-LightItalic'),
        url('../font/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-LightItalic.woff2') format('woff2'),
        url('../font/Roboto-LightItalic.woff') format('woff'),
        url('../font/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Regular.eot');
    src: local('../font/Roboto'), local('../font/Roboto-Regular'),
        url('../font/font\Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Regular.woff2') format('woff2'),
        url('../font/Roboto-Regular.woff') format('woff'),
        url('../font/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-ThinItalic.eot');
    src: local('../font/Roboto Thin Italic'), local('../font/Roboto-ThinItalic'),
        url('../font/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-ThinItalic.woff2') format('woff2'),
        url('../font/Roboto-ThinItalic.woff') format('woff'),
        url('../font/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Black.eot');
    src: local('../font/Roboto Black'), local('../font/Roboto-Black'),
        url('../font/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Black.woff2') format('woff2'),
        url('../font/Roboto-Black.woff') format('woff'),
        url('../font/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-MediumItalic.eot');
    src: local('../font/Roboto Medium Italic'), local('../font/Roboto-MediumItalic'),
        url('../font/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-MediumItalic.woff2') format('woff2'),
        url('../font/Roboto-MediumItalic.woff') format('woff'),
        url('../font/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Thin.eot');
    src: local('../font/Roboto Thin'), local('../font/Roboto-Thin'),
        url('../font/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Thin.woff2') format('woff2'),
        url('../font/Roboto-Thin.woff') format('woff'),
        url('../font/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Light.eot');
    src: local('../font/Roboto Light'), local('../font/Roboto-Light'),
        url('../font/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Light.woff2') format('woff2'),
        url('../font/Roboto-Light.woff') format('woff'),
        url('../font/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Italic.eot');
    src: local('../font/Roboto Italic'), local('../font/Roboto-Italic'),
        url('../font/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Italic.woff2') format('woff2'),
        url('../font/Roboto-Italic.woff') format('woff'),
        url('../font/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Medium.eot');
    src: local('../font/Roboto Medium'), local('../font/Roboto-Medium'),
        url('../font/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto-Medium.woff2') format('woff2'),
        url('../font/Roboto-Medium.woff') format('woff'),
        url('../font/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.input-pre {display: flex;flex-wrap: wrap;}
.input-pre input{ margin:0.5em;}
pre::-webkit-scrollbar {
	width: 5px;
    height: 5px;
    background: #2d3237;
    border-radius: 5em;
}
pre::-webkit-scrollbar-button {display: none;}
pre::-webkit-scrollbar-track {}
pre::-webkit-scrollbar-thumb {
	background: #005ca4;
	border-radius: 5em;	
}

h1, h2, h3, h4, h5, h6 {color: #fff;font-weight: 700;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 {color: #fff;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 {color: #fff;}
article h1, article h2, article h3, article h4, article h5, article h6 {text-align: left; position: relative;}
article h2::before {
	content: "#";
	color: #e4ff00;
	margin-right: 8px;
	position: absolute;
	left: -0.7em;
	font-weight: 600;
}
article h3::before {
    content: "~";
    color: #e4ff00;
    margin-right: 8px;
    padding-top: 0.3em;
    position: absolute;
    left: -0.7em;
    font-weight: 600;
    font-size: 0.8em;
}
article h2, h3 {
	padding-top: 100px;
	margin-top: -50px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
content p{text-align:justify;}
h1 {
	font-weight: 700;
    font-style: normal;
	color: #fff;
}
html {height: 100%;}
body {
	min-height: 100%;
	background-image: url('../img/bg.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	background-color: #001f37;
	color: #fff;
}
.header {
	background-color: rgba(0, 30, 52, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
	
	position: fixed !important;
    width: -webkit-fill-available;
	width: 100%;
}
.header ul {padding:0;margin: 20px 0;}
.art-wrapper {margin-top:3em;}
article {text-align: justify;width: calc(100% - 250px - 1.8em);}
.header {z-index: 9999;position: relative;}
article h2, h3{z-index: 0; position: relative;}
article pre{z-index: 1;position: relative;}
article p{z-index: 1;position: relative;}
article ul{z-index: 1;position: relative;}
article p{text-indent: 1.5em;}
article ul {text-align: left;}
article mark{/* background: #e4ff00;color: #000;font-weight: 700; */background: #e4ff0038;color: #e4ff00;}
.uk-nav-default > li.uk-active > a {color: #fff;transition: 0.5s;box-shadow: inset 8px 0 0px -5px #e4ff00;}
.uk-nav-default > li > a {color: #5684a8;transition:0.5s;}
.uk-nav-default > li > a:hover {color: #a2c0d7;transition:0.5s;}
.uk-nav-default > li > a:not(:hover) {transition:0.5s;}
.side-menu ul li a {
	padding: 1em;
	width: fit-content;
	padding: 0.1em 0.7em;
	margin-bottom: 0.5em;
	font-size: 14px;
}
.side-menu ul {width: 250px;margin-left: 2em;}





.tg-sidebar {width: 250px;margin-left: 2em;margin-top: 2em;}
.tg-sidebar a {
	padding: 0.8em;
    margin-bottom: 1em;
    color: #fff;
    background-color: #053253;
    text-decoration: none;
    /* width: max-content; */
    width: 2em;
    height: 2em;
    border-radius: 11em;
    text-align: center;
}
.tg-sidebar a:hover {
    background-color: #e4ff00 !important;
    color: #001b2e !important;
    transition: 0.3s;
}
.tg-sidebar svg {margin: 0 auto;}
.tg-sidebar .inn .desabled {
	line-height: 1.2em;
    font-size: 13px;
}
.tg-sidebar .inn {
	/* border-radius: 0.8em !important; */
    /* border: 1px solid #386181 !important; */
    /* padding: 0.8em 1.2em !important; */

	border-top: 1px solid #38618133 !important;
    padding-top: 1em !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;

}




pre, code{
	font: 0.875rem / 1.5 Consolas, monaco, monospace;
	color: #fff;
	-moz-tab-size: 4;
	tab-size: 4;
	overflow: auto;
	padding: 1em;
	border: 0;
	border-radius: 1em;
	/* background: #00000087; */
	background: #00000045;
	max-height: 30em;
}
.pre-output {
    background: #ffffff0d;
}
code mark, pre mark, pre span {background: #343519;color: #e4ff00;}
code comment, pre comment {color: #666;}
.img-comment span{text-align: center;color: #ffffff59;}
.img-comment {
	display: flex;
	flex-direction: column;
	margin-bottom: 2em;
	margin-top: 2em;
	background: #002b4d;
	border-radius: 1em;
	padding: 2em 1em;
}
.img-comment div{margin: 0 auto;overflow: hidden;border-radius: 1em;margin-bottom: 1em;}
.uk-lightbox-items > * > :not(iframe) {border-radius: 0.8em;}
.hotkey, .centos-btn-b, .centos-btn-g, kbd {
	font-family: Consolas, monaco, monospace !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0.3em !important;
	background: #00000087 !important;
	padding: 0.2em 0.5em;
}
blockquote {
	text-align: justify;
	font-size: 16px;
	color: #fff;
	border-left: 3px solid #005ca4;
	background-color: #005ca430;
	padding: 1em;
	margin-left: 1.5em;
}
.alert {border-left: 3px solid #c74b4b;background-color: #c74b4b30;}
a:hover {color: #e4ff00;}
a {color: #e4ff00;}

.winadmin {position: relative;padding-left: 1.5em;}
.winadmin::before {
	content: "";
	width: 1.3em;
	height: 1.3em;
	background: url(../img/run-us-admin.png);
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0em;
}
table {border-collapse: collapse;}
table tr:hover {background: #e4ff00;color: #001f37;}
table tr:not(:hover) {transition: 0.5s;}
table tr td {padding: 0.5em;border: 0;}
table tr th {background: #005ca4;color: #fff;padding: 0.5em;border: 0;}
table {border-radius: 1em;overflow: hidden !important;margin: 0 auto;border: 0;}
tbody {background: #001b30;border-radius: 1em;overflow: hidden;}
.prep {font-size: 14px;}
.prep ul {list-style: none;display: flex;flex-direction: row;padding: 0;}
.prep ul {list-style: none;}
.breadcrumb li::before {color: #e4ff00;content: "/";display: inline-block;right: -0.7em;position: absolute;}
.breadcrumb li {position: relative;margin-right: 1em;}
.breadcrumb li:last-child:before {display:none;}
.breadcrumb li a:hover {transition: 0.3s;color: #fff;}
.breadcrumb li a:not(:hover) {transition: 0.3s;color: #e4ff00;}
.breadcrumb li a {text-decoration: none;color: #e4ff00;transition: 0.5s;}
.datep {
	font-size: 14px;
	margin-bottom:4em;
	color: #5684a8;
}
.datep .uk-icon {
	margin-right: 0.5em;
}
.main-wrapper {
	background-image: url('../img/bg-btn.png');
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 120vh;
	transition:0.5s;
	overflow: hidden;
}
.wrap-cards #pdopage {width: -webkit-fill-available;}	
.main-wrapper #pdopage {width: -moz-available;/*width: inherit;*/}
footer {margin-top: 10em;padding: 3em 0;text-align: center;}
.aside {z-index: 0 !important;}
.side-menu ul li .substance-class {padding-left: 1.5em;}
.dropdmenu {
	border-radius: 1em;
	background-color: rgba(0, 30, 52, 0.87);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
}
.dropdmenu ul {margin-bottom:1em}
.dropdmenu .list-search input {margin:0;}
.dropdmenu ul {display: flex;flex-wrap: wrap;}
.dropdmenu ul li a {
	color: #fff;
	padding: 0.8em 1.2em;
	margin-right: 1em;
	margin-bottom: 1em;
	border-radius: 1em;
	color: #fff;
	background-color: #053253;
}
.dropdmenu ul li:last-child a {margin-right: 0;}
.dropdmenu ul li a:not(:hover) {transition: 0.3s;}
.dropdmenu ul li a:hover {background-color: #e4ff00 !important;color: #001b2e !important;transition: 0.3s;}
.top-menu-button {
	background: rgb(195,219,248);
	background: linear-gradient(0deg, rgba(195,219,248,1) 0%, rgba(255,255,255,1) 100%); 
	color: #3f9aff !important;
}
input:-webkit-autofill {
    color: #fff !important; /* цвет текста */
    -webkit-text-fill-color: #fff !important; /* цвет текста */
    background-color: #2b3840 !important;
}
input[type="radio"]{margin:0;}
input[type="checkbox"]{margin:0;}
.comment-reply .btn, btn, .btn, button, input[type="submit"] {
	color: #fff;
	background-color: #005ca4;
	border-radius: 0.8em;
	border: 0;
	padding: 0.8em 1.2em;
	font-size: 14px;
}
.comment-reply .btn:not(:hover), btn:not(:hover), .btn:not(:hover), button:not(:hover), input[type="submit"]:not(:hover) {transition: 0.3s;}
.comment-reply .btn:hover, btn:hover, .btn:hover, button:hover, input[type="submit"]:hover {transition: 0.3s;color: #000f1a;background-color: #e4ff00;cursor: pointer;}
.comment-reply .btn {
	display: flex !important;
    width: max-content !important;
    text-transform: capitalize !important;
    margin-top: 1em !important;
    text-decoration: none !important;
}
#vk_comments {
	border-radius: 0.8em;
    overflow: hidden;
	box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
}
input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  color: #fff !important;
  /* background-color: #2e4258 !important; */
  
  
  background-color: #fff0 !important;
  border-radius: 0.8em !important;
  /* border: 0 !important; */
  border: 1px solid #386181 !important;
  
  padding: 0.8em 1.2em !important;
  transition: 0.5s !important;
  font-size: 14px !important;
}
.uk-form-icon {color: #fff !important;}
input::placeholder {color: #fff;}
input {outline: none;}
input[type="textarea"],input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,textarea:focus {outline: none;transition: 0.5s;}
input[type="textarea"],input[type="text"]:active,input[type="email"]:active,input[type="number"]:active,textarea:active {}
input[type="textarea"],input[type="text"]:not(:focus),input[type="email"]:not(:focus),input[type="number"]:not(:focus),textarea:not(:focus) {outline: none;transition: 0.5s;/*margin: 0.5em 0;*/}
textarea:focus {transition: 0.5s;}
textarea:not(:focus){}
.markItUpHeader {margin: 1em 0;}
.wrap-cards {padding: 0 !important;width: -moz-available;}
.wrap-cards div a:hover h6 {color: #e4ff00; text-decoration:none;  transition: 0.5s;}
.wrap-cards div a:not(:hover) h6 {transition: 0.5s;}
.wrap-cards div a {color: #fff; text-decoration:none;}
.wrap-card .datep {margin-bottom: 0;}
.wrap-card h6 {/*
    overflow: hidden;
    margin: 0;
    position: absolute;
    height: 4.5em;
    text-align: center;
    bottom: 0em;
    left: 0em;
    line-height: 15px;
    width: 90%;
    margin-left: 5%;
    font-size: 15px;*/
    
    background: #00283bd6;
    border-radius: 11px;
    padding: 8px;
    margin: 10px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 60%;
    line-height: 15px;
    font-size: 14px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    
}
/* .article-card-item {margin-bottom:1em;} */
.wrap-card{
	margin: 0.5em;
	position: relative;
	overflow: hidden !important;
    border-radius: 1em;
}
.wrap-card .overlay {
/* background: linear-gradient(#ffffff00, #002b3e); */
    overflow: hidden;
/*    background: linear-gradient(to top, #003e71, #005ca4fc 30%, #0058a145 60%);*/
    background: linear-gradient(0deg, #003e71, #005ca4fc 0%, #0058a145 60%);
    margin: 0;
    position: absolute;
    top: 0em;
    left: 0em;
    height: 100%;
    width: 100%;
}
.wrap-card .datep {
	margin-bottom: 0.8em;
	position: absolute;
    top: 1em;
    left: 1em;
	color: #ffffffb3;
	font-size: 10px;
}
.wrap-card h6 {font-weight: 600;}
.wrap-card img:not(:hover) {
	transition: 0.5s;
	}
.wrap-card img:hover {
	transition: 0.5s;
    filter: brightness(120%);
}
.wrap-card img {
	height: 14em;
	width: 100%;
	object-fit: cover;
	border-radius: 0.8em;
	margin-bottom: 0em;
	background-color:#005ca4;
    transition: 0.5s;
}
.more-cards {transition: 1s;}
.more-cards span {
	text-align: center;
	padding: 1em;
	margin: 5em 0.5em 0.5em 0.5em;
	display: flex;
	width: auto;
	border: 1px solid #386181;
	justify-content: center;
	border-radius: 0.8em;
}
.more-cards span:hover {color: #e4ff00; text-decoration:none;  transition: 0.5s;}
.more-cards span:not(:hover) {transition: 0.5s;}
.more-cards span {color: #fff; text-decoration:none;}
.header-menu {margin:0.5em;}
.list-top-menu ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3em;
	line-height: 3.5em;
}
.list-top-menu ul li {}
.list-top-menu ul li a {
	/* background-color: #005ca8; */
	color: #fff;
	background-color: #053253;
	border-radius: 0.8em;
	border: 0;
	padding: 0.8em 1.2em;
	font-size: 14px;
    margin: 0.5em;
}
.list-top-menu ul li a:hover {background-color:#e4ff00;color:#273815;transition:0.5s;}
.list-top-menu ul li a:not(:hover) {transition:0.5s;}
.list-top-menu .a-active {color: #fff;background-color: #005ca4;}
.list-top-menu .uk-search-default {padding: 0 0.5em;}
.list-search span{margin-left: 0.5em; /*height: 65px;*/}
.list-search input{margin-top: 5px !important;}
.list-search input{
	border: 1px solid #386181 !important;
	border-radius: 0.8em;
	/* height: auto !important; */
	line-height: 2.4em;
	/*margin: 0.5em;*/
/*	padding-left: 3em !important;*/
}
.please-donate {
	background-color: rgb(0, 72, 125);
	box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
	display: flex;
	padding: 1em;
	border-radius: 0.8em;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	/* width: min-content; */
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 5em;
	margin-bottom: 2em;
	

	background-image: url(../img/coffee-like.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 1em;
    background-size: 20em;
}
.please-donate {font-size: 0.9em;}
.please-donate div {
	margin-bottom:1em;
}
.please-donate .desabled {
	color: #6194bc;
}

/* Новогодняя шапка на логотипе */
/*
.logotype-ul .logotype-a {position: relative;}
.logotype-ul .logotype-a::before {
	content: "";
    position: absolute;
    z-index: 51;
    top: -0.8em;
    left: -0.2em;
    width: 2.5em;
    height: 2.5em;
    background-image: url(../img/winter_hat.svg);
    background-size: contain;
    background-repeat: no-repeat;
	transform: scaleX(-1) rotate(25deg);
	-webkit-transition: -webkit-transform .4s ease-in-out;
	transition:	transform .4s ease-in-out;
}
.logotype-ul .logotype-a:hover::before {
	-webkit-transform: scaleX(-1) translate(10px, -0px) rotate(57deg);
	transform: scaleX(-1) translate(10px, -0px) rotate(57deg);
}
*/
/* Новогодняя шапка на логотипе END*/


.comments {
    /* position: relative; */
    /* overflow: visible !important; */
}
.avatar, .avatar img {
	border-radius: 0.5em;
	width: 4em;
    height: 4em;
	
	}
	
#reply-block p{
	text-indent: 0;
	}
	
.article-comments-inner {width: calc(100% - 250px - 1.8em);}
.article-comments-inner .date {
	color:#4a7699;
	}
.desabled {color:#4a7699;}
.comment-item {
	border: 1px solid #3d678875;
    padding: 0.3em;
    border-radius: 0.8em;
}
.markItUpContainer {
  color: #fff !important;
  /* background-color: #2e4258ba  !important; */
  border-radius: 0.8em !important;
  /* border: 0 !important; */
  border: 1px solid #386181 !important;
  padding: 0.8em 1.2em !important;
  transition: 0.5s !important;
}
#comment-editor {
width: 100% !important;
}



@media screen and (max-width: 1199px) {
	article {width: 100%;}
	.article-comments-inner {width: 100%;}
}
@media screen and (max-width: 900px) {
	body{background-size: inherit;}
	.main-wrapper {background-size: inherit;}
	.wrap-card h6 {font-size: 1em;}
	.article-card-item {margin-bottom: 2em;}
}