@charset "utf-8";

*{
    box-sizing: border-box;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
    src: url('/fonts/inter-cyrillic.woff2') format('woff2');
    font-display: block;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   src: url('/fonts/inter-latin.woff2') format('woff2');
   font-display: block;
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    1display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
    margin: 0;
    background-color: #f5f5f5;
}

/*header, footer, article, nav, aside {
    margin: 0.0em;
}*/

.icon-close{
    background: #9a9a9a;
    -webkit-mask-image: url(/img/icon-close.svg);
    mask-image: url(/img/icon-close.svg);
}

/* Spoiler */
.spoiler-wrap{background:#fff;margin: 12px 0px 12px 0px; border:2px solid #fff;}
.spoiler-head{background:#efefef;cursor:pointer;padding:5px 5px 5px 10px;}
.spoiler-body{padding:10px; margin:0px;}
.spoiler-wrap.disabled .spoiler-body{display:none}
.spoiler-wrap.active{border:1px solid #a1a1a1}
.spoiler-wrap.active .spoiler-head{background:#a1a1a1;color:#fff}
/* Spoiler */

/* Lang UK*/
.lang_uk {margin-left:15px;padding:4px;font-size:11px}
.lang_uk:hover {text-decoration:none; background:#f6f6f6;}
/* Lang UK*/

/* Avatar rounded */

.avatar_rounded {
  width: 38px;
  height: 38px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}

.avatar_rounded img{
  width: auto;
  height: 100%;
  margin: 0 auto;
}

/* Avatar rounded */

/* Orphus */

#orphusp {
  background: #d3d3d3;
  z-index: 10001;
  border: 1px solid #747474;
  padding: 1em;
  font-family: Inter;
  font-size: 90%;
  color: black;
}

#orphusp img,
#orphusp .logo {  /* now .logo */
  float: right;
  margin: 0 0 1em 1em;
  border: 0;
}

#orphusp > a + div {  /* now .legend */
  font-weight: bold;
  padding-bottom: 0.2em;
}

#orphusp > a + div + div {  /*now .fragment */
  padding: 0 0 1em 1em;
}

#orphusp u,
#orphusp mark {  /* now <mark> */
  color: red;
}

#orphusp > a + div + div + div {  /* now .hint */
  padding: 0 0 1em 0;
}

#orphusp form {
  padding: 0;
  margin: 0;
  border: 0;
}

#orphusp [type="text"] {
  width: 100%;
  margin: 0.2em 0;
  font-family: Inter;
}

#orphusp form input + div {  /* now .buttons */
  text-align: right;
  font-family: Inter;
}

#orphusp [type="submit"] {
  width: 9em;
  height: 2em;
  font-weight: bold;
  font-family: Inter;
  font-size:14px;
}

#orphusp [type="submit"]:hover {
  cursor:pointer;
}

#orphusp [type="button"] {
  width: 9em;
  height: 2em;
  font-family: Inter;
  font-size:14px;
}

#orphusp [type="button"]:hover {
  cursor:pointer;
}

/* Orphus end */

table.store {
  margin-top:15px;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  border: 2px solid #e2e2e2;
clear:both;
}
table.store th {
  font-weight: normal;
  color: #2f2f2f;
  border: 2px solid #e2e2e2;
  padding: 5px 8px;
background-color:#f0f0f0;
}
table.store td {
  padding: 5px 8px;
  border: 2px solid #e2e2e2;
}

a.download-button {font-family:Inter, tahoma, geneva, sans-serif;
  margin:10px;
  width:60%;
  display:block;
  text-align:center;
  color: #ffffff;
  text-decoration: none;
  user-select: none;
  background: #5e9d00;
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
}
a.download-button:hover { background: #84db00;text-decoration: none; }
a.download-button:active { background: #84db00; }
a.download-button:active { color: #ffffff; }
a.download-button:active { text-decoration: none;  }
a.download-button:visited { color: #ffffff; }

a.download-file {font-family:Inter, tahoma, geneva, sans-serif;
	margin:auto;
	font-size:14px;
	border-radius: 2px;
	margin-top:10px;
	width:60%;
	height:30px;
	display:block;
	text-align:center;
	color: #fff;
	text-decoration: none;
	user-select: none;
	background: #5e9d00;
	padding-top:3px;
}
a.download-file:hover {background: #84db00; color: #fff; text-decoration: none;}

a.readmore {font-family:Inter, tahoma, geneva, sans-serif;
	font-size:14px;
	border-radius: 2px;
	margin-top:10px;
	width:100%;
	height:30px;
	display:block;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	padding-top:3px;
	border: 1px solid #d3d3d3;
	1text-transform: uppercase;
}
a.readmore:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.search {font-family:Inter, tahoma, geneva, sans-serif;
	font-size:14px;
	border-radius: 2px;
	width:100%;
	height:30px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
	display:block;
}
input.search:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.search {font-family:Inter, tahoma, geneva, sans-serif;
	font-size:14px;
	border-radius: 2px;
	width:100%;
	height:30px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
	display:block;
}
input.search:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.frm-comment-submit {font-family:Inter, tahoma, geneva, sans-serif;
	padding-bottom:3px;
	width:100px;
	font-size:14px;
	border-radius: 2px;
	height:30px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
	1display:block;
}
input.frm-comment-submit:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.show_all_comments{font-family:Inter, tahoma, geneva, sans-serif;
	padding-bottom:3px;
	width:200px;
	font-size:14px;
	border-radius: 2px;
	height:30px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
	1display:block;
}
input.show_all_comments:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.vote {font-family:Inter, tahoma, geneva, sans-serif;
	padding-bottom:3px;
	width:130px;
	font-size:14px;
	border-radius: 2px;
	height:30px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
	1display:block;
}
input.vote:hover {background: #eeeeee; color: #000; text-decoration: none;}

input.input {font-family:Inter, tahoma, geneva, sans-serif;
margin:auto;
	font-size:14px;
	border-radius: 2px;
	1margin-top:10px;
	width:60%;
	height:30px;
cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	1padding-top:2px;
	border: 1px solid #d3d3d3;
	1text-transform: uppercase;
display:block;
}
input.input:hover {background: #eeeeee; color: #000; text-decoration: none;}

div.goldbox{clear:both;padding:1px;margin:5px;margin-top:10px;margin-bottom:10px;background-color:#e1e1e1;box-shadow: 0px 1px 4px rgba(0,0,0,0.1);}
	div.goldbox img{float:right; margin-top:10px; margin-right:15px;}
	div.goldbox ul{list-style-type: circle;color:#323232;}

div.note {font-size:15px;background-color:#fffae0; font-family:Inter, tahoma, geneva, sans-serif; margin-top:15px;margin-bottom:15px; padding:10px;}

div.wrong-pass {width:100%;font-size:12px; font-family:Inter, tahoma, geneva, sans-serif;color: #f53b42; margin-bottom:12px;padding:10px; border: 1px solid #ff676d; background-color:#f8e5e5;}

div.help {float:left;background-color:#fffae0; font-family:Inter, tahoma, geneva, sans-serif; font-size:1em; margin-top:10px;margin-bottom:10px;width:100%; display:block;}
div.help-img{float:left; background-color:#fffae0; width:60px; text-align:center; border:0px solid red}
div.help-img img{width:50px;padding:5px;}
div.help-text{overflow: hidden;}
div.help-text-content{padding-top:15px; padding-left:5px; padding-bottom:15px;}

/* Cheats */

div.cheat {display:block;clear:both;overflow:auto;}

div.cheat1 {overflow:auto;display:block;border:0px solid red;clear:both;margin-top:20px;border:0px solid red; background-color: #f4f4f4; padding:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */}
div.cheat2 {overflow:auto;display:block;border:0px solid red;clear:both;margin-top:20px;border:0px solid red; background-color: #ffffff; padding:15px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */}

div.cheat-content {width:90%;float:left}
div.cheat-content-pc {margin-bottom:25px;width:90%;float:left;}
div.cheat-content-pc-2column {margin-bottom:0px;padding:10px;float:left;width:70%;}
div.cheat-content-pc-2column-img {float:left;width:30%;}
div.cheat-content-name {font-size:1.2em; letter-spacing:2px; font-weight:bold;}
div.cheat-content-key {font-size:1.5em; letter-spacing:2px; font-weight:bold;}
div.cheat-content-key span{color:#717171}
div.cheat-content-key-phone{font-size:1.5em; letter-spacing:2px; font-weight:bold;color:#8b8b8b; margin-top:20px; margin-bottom:20px;}
div.cheat-content-key-phone-pc{font-size:1.1em; letter-spacing:2px; font-weight:bold;color:#717171}
div.cheat-content-buttons {margin-top:20px; margin-bottom:10px;}
div.cheat-content-desc {clear:both;color:#5a5a5a}
div.cheat-content-desc span{color:#b2b2b2}
div.cheat-number {padding-top:5px;padding-right:10px;float:right;color:#b4b4b4;}

div.cheat-help {background-color:#fffae0; font-family:Inter, tahoma, geneva, sans-serif; font-size:1em; margin-top:15px;margin-bottom:15px;width:100%; display:block;box-shadow: 0px 1px 2px rgba(0,0,0,0.1);}
div.cheat-help-content{padding:10px;}

/* Spoiler */
a.spoiler {font-size:18px;border-bottom: 2px dotted #2b5892;text-decoration: none;}
a.spoiler:hover {text-decoration: none;}
#spoiler {display: none}
/* Spoiler End*/

/***************************************************************************************************************************************************************************************/
/* Header (Mobile) - start */
/***************************************************************************************************************************************************************************************/
header {
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 0.0em 0;
    padding: 0 20px;
    width:100%;
    height: 75px;
    background-color: #fff;
}

div.header-logo, div.header-links, div.header-search, div.header-mob-menu{
    display: flex;
    align-items: center;
}

div.header-logo{
    display: flex;
    float:left;
    width:80%;
}
div.header-logo div{
    float:left;
    width: fit-content;
    width: -moz-fit-content;
    box-sizing: border-box;
}
div.header-logo .img a img{
    height: 75px;
    vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
}
div.header-logo .text a img{
    width: 110px;
    height: auto;
	margin-top:0px;
	margin-left:10px;
	image-rendering: -webkit-optimize-contrast;
}

div.header-links{
    justify-content: center;
}

div.header-links, div.header-search, div.header-lang{
    display:none;
}

div.header-search{
    width: 25%;
    justify-content: flex-end;
}

div.header-search input[type=text]{
    width: 140px;
    max-width: calc(70% - 4px);
    padding: 5px;
	border:1px solid #d3d3d3;
	border-radius: 2px;
	height:28px;
}
div.header-search input[type=submit]{
    width: 70px;
    max-width: 30%;
    padding: 0px;
	height:28px;
}

div.header-search-menu {
    display: flex;
    padding: 0 10px;
}
div.header-search form, div.header-search-menu form {
    width: 100%;
}
div.header-search form > div {
    display: flex;
    justify-content: flex-end;
}
div.header-search-menu form > div {
    display: flex;
    justify-content: center;
}
div.header-search input[type=text], div.header-search-menu input[type=text] {
    height: 28px;
    padding: 5px;
    margin-right: 5px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
}

div.header-search-menu input[type=text] {
width:110px;
}

div.header-search-menu input[type=submit] {
    width: 80px;
    padding: 0px;
	height:28px;
}

div.header-mob-menu{
    width: 40%;
    justify-content: flex-end;
}

div.header-mob-menu-lang {
	padding:5px;
	font-family:Inter, tahoma, geneva, sans-serif;
	font-size:14px;
	border-radius: 2px;
	width:40px;
	height:32px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
}
div.header-mob-menu-lang:hover {background: #eeeeee; color: #000; text-decoration: none;}
div.header-mob-menu-lang a{text-decoration: none; color:#000000}

div.header-mob-menu img{
    width: 40px;
    height: 40px;
    cursor: pointer;
-webkit-tap-highlight-color: transparent;
}

div.header-mob-menu .menu-wrap .menu-background{
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    opacity: 0; /* Для теста, потом заменить на 0 */
    transition: 0.1s;
}

div.header-mob-menu .menu-wrap .menu{
    display: none;
    position: fixed;
    top: 0;
    right: -250px; /* Для теста, потом заменить на -250px */
    width: 250px;
    max-width: 80vw;
    height: 100%;
    background: #fff;
    z-index: 2;
    transition: 0.1s;
}

div.header-mob-menu .menu-wrap.open .menu-background{
    opacity: 1;
}
div.header-mob-menu .menu-wrap.open .menu{
    right: 0;
}

div.header-mob-menu .menu-wrap .menu .list{
    display: flex;
    flex-direction: column;
    float: left;
    width: 100%;
    padding: 20px 1vw 1vw 1vw;
}

div.header-mob-menu .menu-wrap .menu .list ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

div.header-mob-menu .menu-wrap .menu .list ul li {
    float: left;
    width: 100%;
    padding: 20px 0 0 10px;
    list-style-type: none;
}
div.header-mob-menu .menu-wrap .menu .list ul li:first-child{
    padding-top: 0;
}

div.header-mob-menu .menu-wrap .menu .list ul li a {
    color: #433c3c;
    font-size: 18px;
    font-family: Inter, tahoma, geneva, sans-serif;
	text-decoration:none;
}

div.header-mob-menu .menu-wrap .menu .close-wrap{
    position: absolute;
    top: 17.5px;
    right: 20px;
}

div.header-mob-menu .menu-wrap .menu .close-wrap .close-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: #606060;
    cursor: pointer;
}
div.header-mob-menu .menu-wrap .menu .close-wrap .close-btn .icon{
    width: 20px;
    height: 20px;
}

header .social-wrap {
	display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
    clear: both;
}
header .social-wrap .group {
    display: flex;
    margin: 0 0 10px 0;

}
header .social-wrap .group a {
    margin-right: 30px;
}
header .social-wrap .group:last-child, header .social-wrap .group a:last-child {
    margin: 0;
}
header .social-wrap .group a img {
    width: 40px;
    height: 40px;
}

div.countdown {
	clear:both;
	width:100%;
	height:100px;
	border: 5px solid #ab8f55;
	text-align:center;
	font-family:Inter, tahoma;
	font-size:14px;
	padding-top:5px;
}

/* Header (Mobile) - end */

/**********************/
/* Tree - Start */

div.tree {
    width: 100%;
    padding: 9px 10px 5px 20px;
    font-size: 12px;
    font-family: Inter, tahoma, geneva, sans-serif;
    color: #7a7373;
	line-height:1.7;
}
div.tree a{
    color: #5d5252;
    text-decoration:none;
}
div.tree a:hover{
    color: #7a7373;
    text-decoration:none;
}

/* Tree - end */

/**********************/
/* Main (Mobile) - Start */
#main {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 1800px;
}
#main article {
    flex: 1;
	margin-top: 0.4em;
	font-size:15px;
	line-height:1.6;
}
#main article img {
	max-width:100%;
}

#main nav,
#main aside {
    height: fit-content;
    height: -moz-fit-content;
	margin-top: 0.8em;
}
#main nav {
    order: 1;
    background: #fff;
}

#main aside a{
    color:#000000;
    text-decoration: none;
}
#main aside a:hover{
    1color:#7a7373;
    text-decoration: none;
}

/**********************/

/* Menu (Mobile) - start */
#menu_body{
    float: left;
    width: 100%;
}

#menu_body a{
    font-family: Inter, tahoma, geneva, sans-serif;
    display: block;
    width: 100%;
    padding-left: 10px;
}

#menu_body a.head {
    color: #000;
    font-weight: bold;
    background: url('../img/arrow-down.png') 95% 10px no-repeat;
    font-family: Inter, tahoma, geneva, sans-serif;
}

#menu_body a.head:hover {
    background: #e9e9e9;
}

#menu_body img{
    border: 0px
}

#menu_body li:hover ul, #menu_body li.over ul {
    display: block;
}

#menu_body ul {
    margin-top: 0px;
    border-top: 0px solid #e9e9e9;
    padding: 0;
}

#menu_body ul li {
    float: left;
    width: 100%;
    list-style-type: none;
    border-bottom: 0px solid #e0e0e0;
    padding-left: 0px;
}

#menu_body ul li a {
    padding: 15px;
    color: #433c3c;
    text-decoration: none;
    font-size: 15px;
    font-family: Inter, tahoma, geneva, sans-serif;
}

#menu_body ul li a:hover {
    color: #433c3c; text-decoration: none;
    background: #ececec;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

#menu_body ul li ul li {
    padding-left:0px;
    border: 0px solid red;
    background: #fff;
    color: #fff;
    list-style-type: none;
    list-style-position: inside;
}

#menu_body ul li ul{
    padding-left: 15px;
}

#menu_body .menu_subsection{
	padding-left:3px;
	margin:10px 0px 7px 0px;
	height:26px;
	color:#424242;
	font-size:15px;
	font-weight:bold;
	font-family:Inter, tahoma, geneva, sans-serif;
}

.menu-wrap .menu .menu-close{
    float: left;
    width: 20%;
    padding: 15px 15px 0 0;
}
.menu-wrap .menu .menu-close div{
    width: 40px;
    height: 40px;
    background: #000;
}
/* Menu (Mobile) - end */

/**********************/

/* Section (Mobile) both - Start */

section {
    box-sizing: border-box;
	padding: 0px 0px 0px 0px;
	width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    1line-height: 1.8;
    font-size: 14px;
    font-family: Inter, tahoma, geneva, sans-serif;
	margin-top: 7px;
    margin-left: 0px;
    margin-right: 6px;
}

section h1 {
    margin-top: 9px;
    color:#000;
    padding-top: 0px;
    font-size: 1.7em;
    font-family: Inter, tahoma, geneva, sans-serif;
}
section a{
    color:#2b5892;
	text-decoration: none;
}
section a:hover{
    text-decoration: underline;
}

/* Youtube Frame */

div.youtubeframe {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin: 15px;
	width:320px;
	height:150px;
}

div.youtubeframe .play {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik01MDEuMjk5LDEzMi43NjZjLTUuODg4LC0yMi4wMyAtMjMuMjM0LC0zOS4zNzcgLTQ1LjI2NCwtNDUuMjY0Yy0zOS45MzIsLTEwLjcwMSAtMjAwLjAzNywtMTAuNzAxIC0yMDAuMDM3LC0xMC43MDFjMCwwIC0xNjAuMTA1LDAgLTIwMC4wMzgsMTAuNzAxYy0yMi4wMjUsNS44ODcgLTM5LjM3NiwyMy4yMzQgLTQ1LjI2NCw0NS4yNjRjLTEwLjY5NiwzOS45MjggLTEwLjY5NiwxMjMuMjM2IC0xMC42OTYsMTIzLjIzNmMwLDAgMCw4My4zMDggMTAuNjk2LDEyMy4yMzJjNS44ODgsMjIuMDMgMjMuMjM5LDM5LjM4MSA0NS4yNjQsNDUuMjY4YzM5LjkzMywxMC42OTcgMjAwLjAzOCwxMC42OTcgMjAwLjAzOCwxMC42OTdjMCwwIDE2MC4xMDUsMCAyMDAuMDM3LC0xMC42OTdjMjIuMDMsLTUuODg3IDM5LjM3NiwtMjMuMjM4IDQ1LjI2NCwtNDUuMjY4YzEwLjcwMSwtMzkuOTI0IDEwLjcwMSwtMTIzLjIzMiAxMC43MDEsLTEyMy4yMzJjMCwwIDAsLTgzLjMwOCAtMTAuNzAxLC0xMjMuMjM2WiIgc3R5bGU9ImZpbGw6I2VkMWYyNDtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMjA0Ljc5NiwzMzIuODAzbDEzMy4wMTgsLTc2LjgwMWwtMTMzLjAxOCwtNzYuODAxbDAsMTUzLjYwMloiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjwvc3ZnPg==") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

div.youtubeframe .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

iframe.youtube {margin:15px}

/* Youtube Frame */

.forum-answers {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
	padding: 0px 20px 20px 20px;
	width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    line-height: 1.8;
    background: #ffffff;
    font-size: 14px;
    font-family: Inter, tahoma, geneva, sans-serif;
}
.forum-answers .answer, .forum-answers .answer .nickname {
    display: flex;
    align-items: center;
}
.forum-answers .answer {
    flex-wrap: nowrap;
    width: 100%;
}
.forum-answers .answer .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}
.forum-answers .answer > span {
    margin-right: 5px;
    white-space: nowrap;
}
.forum-answers .answer > span:last-child {
    margin: 0;
}
.forum-answers .answer .nickname {
    margin-right: 5px;
    white-space: nowrap;
}
.forum-answers .answer .nickname img {
    height: 14px;
    margin-right: 5px;
}
.forum-answers .answer .nickname span {
    color:#7a7a7a;
    font-size: 11px;
}

.forum-answers .col-answers {
        width: calc(100% - 0px);
}

/* Section (Mobile) both - End */

/**********************/

/* Article (Mobile) both - Start */
article {
    box-sizing: border-box;
	padding: 0px 20px 20px 20px;
	width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    line-height: 1.8;
    background: #ffffff;
    font-size: 14px;
    font-family: Inter, tahoma, geneva, sans-serif;
    margin-left: 0;
    margin-right: 0;
}

article h1 {
    margin-top: 16px;
    color:#000;
    padding-top: 0px;
    font-size: 1.8em;
    font-family: Inter, tahoma, geneva, sans-serif;
    line-height: 1.6;
}
article a{
    color:#2b5892;
	text-decoration: none;
}
article a:hover{
    text-decoration: underline;
}

a.article-title{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#000000;font-size:18px}
a.article-title:hover{text-decoration:none;color:#ffffff;background:#000}

.news-index {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	color: #444;
}

.news-index-box {
    position: relative;
	width: 100%;
    height: auto;
	color: #fff;
	margin: 20px;
    overflow: hidden;
    z-index: 0;

}
.news-index-box a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
	color:#000;
	font-size:16px;
}
.news-index-box a:hover {
	text-decoration:none;
}

.news-index-box-img-wrap {
    height: 200px;
}
.news-index-box-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: .2s;
}
.news-index-box:hover .news-index-box-img {
    transform: scale(1.05);
}
.news-index-box-title-wrap {
    display: flex;
    clear: both;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.97);
}
.news-index-box-title-wrap .title {
    width: 85%;
    line-height: 1.8;
	padding-right:10px;
}
.news-index-box-title-wrap .counters {
    display: flex;
    flex-direction: column;
    width: 15%;
	font-size:11px;
	color:#888;
    text-align:right;
    1color:#000;
    padding-top: 5px;
}
.news-index-box-title-wrap .counters label {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.news-index-box-title-wrap .counters label:first-child {
    margin-top: 0px;
}

.news-index-box-title-wrap .counters label:nth-child(2) {
    margin-top: 8px;
}

.news-index-box-title-wrap .counters label img {
    width: 16px;
    margin-right: 7px;
    opacity: 0.5;
}

.news-details {display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff;color: #444;}
.news-details-box {position: relative;width: 100%;height: auto;color: #fff;	margin: 12px; overflow: hidden; z-index: 0;}
.news-details-box a {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color:#000; font-size:16px;}
.news-details-box a:hover {text-decoration:none;}
.news-details-box-img-wrap {height: 150px;}
.news-details-box-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .2s;}
.news-details-box:hover .news-details-box-img { transform: scale(1.05);}
.news-details-box-title-wrap {display: flex; clear: both; width: 100%; padding: 10px; background-color: rgba(255, 255, 255, 0.97);}
.news-details-box-title-wrap .title { width: 100%; line-height: 1.8; padding-right:10px;}

.faqs-details {display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff;color: #444;}
.faqs-details-box {position: relative;width: 100%;height: auto;color: #fff;	margin: 12px; overflow: hidden; z-index: 0;}
.faqs-details-box a {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color:#000; font-size:16px;}
.faqs-details-box a:hover {text-decoration:none;}
.faqs-details-box-img-wrap {height: 150px;}
.faqs-details-box-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .2s;}
.faqs-details-box:hover .faqs-details-box-img { transform: scale(1.05);}
.faqs-details-box-title-wrap {display: flex; clear: both; width: 100%; padding: 10px; background-color: rgba(255, 255, 255, 0.97);}
.faqs-details-box-title-wrap .title { width: 100%; line-height: 1.8; padding-right:10px;}

.articles-details {display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff;color: #444;}
.articles-details-box {position: relative;width: 100%;height: auto;color: #fff;	margin: 12px; overflow: hidden; z-index: 0;}
.articles-details-box a {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color:#000; font-size:16px;}
.articles-details-box a:hover {text-decoration:none;}
.articles-details-box-img-wrap {height: 150px;}
.articles-details-box-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .2s;}
.articles-details-box:hover .articles-details-box-img { transform: scale(1.05);}
.articles-details-box-title-wrap {display: flex; clear: both; width: 100%; padding: 10px; background-color: rgba(255, 255, 255, 0.97);}
.articles-details-box-title-wrap .title { width: 100%; line-height: 1.8; padding-right:10px;}

.files-details {display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #fff;color: #444;}
.files-details-box {position: relative;width: 100%;height: auto;color: #fff; margin: 12px; overflow: hidden; z-index: 0;}
.files-details-box a {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color:#000; font-size:16px;}
.files-details-box a:hover {text-decoration:none;}
.files-details-box-img-wrap {height: 150px;}
.files-details-box-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .2s;}
.files-details-box:hover .files-details-box-img { transform: scale(1.05);}
.files-details-box-title-wrap {display: flex; clear: both; width: 100%; padding: 10px; background-color: rgba(255, 255, 255, 0.97);}
.files-details-box-title-wrap .title { width: 100%; line-height: 1.8; padding-right:10px;}

.feedback {margin-top:-30px}
.feedback input{width:200px}
.feedback select{width:200px}
.feedback textarea{width:100%; font-family: Inter, tahoma, geneva, sans-serif;}

/* Article (Mobile) both - End */

/**********************/

/* Aside (Mobile) - Start */

#aside2 {
	margin-top: 0.8em;
	display: flex;
	flex-direction:column;
}

#gcumt{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    1margin-top: 0.8em;
    background: #ffffff;
    color:#757575;
    font-size: 13px;
    font-family: Inter, tahoma, geneva, sans-serif;
}
1#gcumt:first-child{
    margin-top: 0;
}
#gcumt a{
    font-size:13px;
    font-family:Inter, tahoma, geneva, sans-serif;
    color:#000
}
#gcumt a:hover{
    text-decoration:underline
}

.login-grid {
    display: grid;
    grid-gap: 10px;
	width:100%;
	background-color: #fff;
    }

    .login-inputs {
		text-align: center;
		padding-top:15px;
        grid-column: 1;
        grid-row: 1;
    }
    .login-inputs input{
		height:28px;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
		border: 1px solid #d3d3d3;
		border-radius: 2px;
    }
    .login-inputs input:nth-child(2){
		margin-top:5px;
	}
    .login-button {border: 0px solid red;
		text-align: right;
		padding-right:10%;
        grid-column: 1 ;
        grid-row: 2;
    }

    .login-button input[type=submit]{
		font-family:Inter, tahoma, geneva, sans-serif;
		font-size:14px;
		border-radius: 2px;
		width:30%;
		height:28px;
		cursor:pointer;
		text-align:center;
		color: #000;
		text-decoration: none;
		user-select: none;
		background: #f6f6f6;
		border: 1px solid #d3d3d3;
		display:inline;
    }
    .login-button input[type=submit]:hover {background: #eeeeee;}

    .login-button span{
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
	}
    .login-button input{
		margin-top:0px;
		margin-left:8px
	}
    .login-links {border: 0px solid red;
		text-align: right;
		padding-right:10%;
		margin-bottom:12px;
        grid-column: 1 ;
        grid-row: 3 ;
    }
    .login-links a{
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
	}

	.loggedin-grid {
		padding:10px;
		display: grid;
		grid-gap: 10px;
		width:100%;
		background-color: #fff;
		}

	.loggedin-user {border: 0px solid red;
		line-height: 1.5;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
        grid-column: 1 /3 ;
        grid-row: 1 ;
		padding: 10px;
		}

	.loggedin-avatar {
		float:left;
		width: 48px;
		height: 48px;
		margin-right:5px;
		overflow: hidden;
		border-radius: 50%;
		}

	.loggedin-name {
		padding-top:3px;
		float:left;
		width:80%;
		}

	.loggedin-avatar img{
		width: auto;
		height: 100%;
		margin: 0 auto;
		}

	.loggedin-info {
		line-height: 1.5;
		font-size: 13px;
		font-family: Inter, tahoma, geneva, sans-serif;
		grid-column: 1 ;
		grid-row: 2 ;
		padding: 10px;
			}

	.loggedin-exit {
		line-height: 1.5;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
        grid-column: 2 ;
        grid-row: 2 ;
		padding: 10px;
	}

	.loggedin-error {
		width:100%; 
		border:1px solid #ff9191;
		background-color: #ffcdcd;
		padding:10px;
		margin-bottom:12px;
		font-family: Inter;
		font-size:13px;
	}

	#poll {clear:both; margin-top:0.8em; background: #ffffff; width: 100%;}
	#poll_container {padding:5px 10px 10px 5px; font-size:14px; line-height:1.5; font-family:Inter, tahoma, geneva, sans-serif; color:#757575; }
	#poll_container a{font-size:12px; font-family:Inter, tahoma, geneva, sans-serif; color:#000}
	#poll .text{margin-top:10px; margin-bottom:10px}

/*arrow up*/
	.scrollTop{background:url('../img/arrows-up.png') 0 0 no-repeat; background-size: 100%;  }
	.scrollTop{display: block; width:50px; height:50px; position: fixed; bottom:100px; left:85%; z-index:5;}
	.scrollTop:hover{ background-position:0 -60px; }

/* Files-box (Mobile) */

	.sorted-buttons {
		border: 0px solid #e1e1e1;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
		grid-column: 1;
		grid-row: 1;
		grid-gap: 5px;
		display: grid;
}

	.sorted-buttons-1 {
		width:100%;
		border: 0px solid red;
		grid-column: 1;
        grid-row: 1;
}

	.sorted-buttons-1 img{float:left;margin-top:2px;height:16px;opacity:0.3}

	.sorted-buttons-2 {
		width:100%;
		border: 0px solid green;
		grid-column: 2;
        grid-row: 1;
}

	.sorted-buttons-2 img{float:left;margin-top:2px;height:16px;opacity:0.3}

	.sorted-buttons-3 {
		width:100%;
		border: 0px solid green;
		grid-column: 1;
        grid-row: 2;
}

	.sorted-buttons-3 img{float:left;margin-top:2px;height:16px;opacity:0.3}

	.sorted-buttons-4 {
		width:100%;
		border: 0px solid green;
		grid-column: 2;
        grid-row: 2;
}

	.sorted-buttons-4 img{float:left;margin-top:2px;height:16px;opacity:0.3}

/*tabs*/
	.tabscontainer {width: 100%; margin:0px;}

	ul.tabs {font-size:12px; font-family:Inter, tahoma, geneva, sans-serif; margin: 0px; padding: 0px;	float: left; list-style: none; border-bottom: 0px solid #d2d2d2; border-left: 0px solid #d2d2d2; width: 330px;}
	ul.tabs li {float: left; margin: 0; text-align: center; padding: 0;	border: 0px solid #d2d2d2; border-left: none; background: #e8e8e8; overflow: hidden; position: relative;}
	ul.tabs img {image-rendering: -webkit-optimize-contrast;}
	ul.tabs li a {text-decoration: none; color: #000; display: block; padding: 4px 15px; border: 0px solid #fff; outline: none; -webkit-tap-highlight-color: transparent;}

	ul.tabs img {margin-bottom:3px; margin-top:5px; border:0px}
	html ul.tabs li.active { background: #fff;}

	ul.tabs li a.tab1{width:55px;height:35px; border: 0px solid red;  }
	ul.tabs li a.tab1:hover{ background-color:#fff}
	ul.tabs li.active a.tab1:hover{ width:55px;height:35px; background-color:#fff}

    ul.tabs li a.tab2{width:55px;height:35px;}
	ul.tabs li a.tab2:hover{background-color:#fff}
	ul.tabs li.active a.tab2{width:55px;height:35px;}
	ul.tabs li.active a.tab2:hover{ background-color:#fff}

    ul.tabs li a.tab3{width:55px;height:35px;}
	ul.tabs li a.tab3:hover{background-color:#fff}
	ul.tabs li.active a.tab3{width:55px;height:35px;}
	ul.tabs li.active a.tab3:hover{ background-color:#fff}

    ul.tabs li a.tab4{width:55px;height:35px;}
	ul.tabs li a.tab4:hover{background-color:#fff}
	ul.tabs li.active a.tab4{width:55px;height:35px;}
	ul.tabs li.active a.tab4:hover{ background-color:#fff}

	ul.tabs li a.tab5{padding-top:7px;height:21px; width:43px}
	ul.tabs li a.tab5:hover{background-color:#d4d4d4}
	ul.tabs li.active a.tab5{background-color:#ffffff}
	ul.tabs li.active a.tab5:hover{ background-position:-168px 0;}

    ul.tabs li a.tab6{width:55px;height:35px; border: 0px solid red;  }
	ul.tabs li a.tab6:hover{ background-color:#fff}
	ul.tabs li.active a.tab6{ width:55px;height:35px; background-color:#fff}

    ul.tabs li a.tab8{width:55px;height:35px;}
	ul.tabs li a.tab8:hover{background-color:#fff}
	ul.tabs li.active a.tab8{width:55px;height:35px;}
	ul.tabs li.active a.tab8:hover{ background-color:#fff}

	.tab_container {height: 100%; font-size:12px; font-family:Inter, tahoma, geneva, sans-serif; border: 0px solid #d2d2d2; clear: both;	width: 100%;}
	.tab_content {display: grid; grid-gap: 15px; width:100%; padding: 20px 20px 0px 20px; line-height:1.9; background: #fff;}
	.tab_content a{color:#2d2d2d; font-size: 14px;}
	.tab_content a:hover{color:#7a7a7a; font-size: 14px; text-decoration:none}

	.tab_content a.sorted{text-decoration:none; color:#7a7a7a; font-size: 13px;}
	.tab_content a.sorted:hover{text-decoration:underline; color:#7a7a7a; font-size: 13px;}

	.tab_content_block1 {display:none;color:#bababa; font-size:7pt; width:100%; border: 0px solid #e1e1e1; grid-column: 1; grid-row: 2;}
	.tab_content_block2 {color:#bababa; font-size:7pt; width:100%; border: 0px solid #e1e1e1; grid-column: 1; grid-row: 3;}

	a.gcumt{font-size:11px;color:#259C1A; margin-right:4px;}
	a.gcumt:hover{font-size:11px;color:#61d056}


/* Aside (Mobile) - End */

/**********************/

/* Footer (Mobile) - Start */
footer {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
    padding: 10px;
    clear:both;
    width: 100%;
    margin: 17px auto 0;
    font-size:13px;
    font-family:Inter, tahoma, geneva, sans-serif;
}
footer a{
    font-size:13px;
    font-family:Inter, tahoma, geneva, sans-serif;
    color:#666666;
    text-decoration:underline;
}
footer a:hover{
    text-decoration:underline;
}

footer .block {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}
footer .block:first-child {
    margin-bottom: 0;
}
footer .block.left .logo {
    width: 100%;
    text-align: center;
}
footer .block.left .logo img{
    width: 105px;
	image-rendering: -webkit-optimize-contrast;
}
footer .block.left .links {
    margin-top: 5px;
    line-height: 20px;
}
footer .block.left .links a {
    padding-right:12px;
	text-decoration:none;
}
footer .block.left .links a:hover {
    padding-right:12px;
	text-decoration:underline;
}
footer .block.left .copyright {
    flex-direction: row;
    color:#7a7a7a;
    margin-top: 5px;
	color:#a8a8a8;
}

footer .block.center .social-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
footer .block.center .social-wrap .group {
    display: flex;
    margin: 0 10px 0 0;
}
footer .block.center .social-wrap .group a {
    margin-right: 10px;
}
footer .block.center .social-wrap .group:last-child, footer .block .social-wrap .group a:last-child {
    margin: 0;
}
footer .block.center .social-wrap .group a img {
    width: 40px;
    height: 40px;
	image-rendering: -webkit-optimize-contrast;
}

footer .block.right{
	display: none;
    float: right;
    padding-top: 15px;
    text-align: right;
    text-align: center;
    color: #5d5d5d;
    line-height: 20px;
}
footer .block.right kbd{
    padding:.2rem .4rem;
    background-color:#5c5e61;
    border-radius:.2rem;
    font-size: 87.5%;color:#fff;
}
footer .block.right .bukvus-copyright{
    margin-top: 5px;
    color: #9e9e9e;
    font-size: 13px;
    font-family: Inter, tahoma, geneva, sans-serif;
}
/* Footer (Mobile) - End */

/***************************************************************************************************************************************************************************************/
/* Tablet */
/***************************************************************************************************************************************************************************************/
@media screen and (min-width: 600px){

/* Header (tablet) - Start */


/* Header (tablet) - End */

/**********************/

    #main, footer {
        max-width: 100%;
    }

	#aside2 {
    	display: flex;
    	flex-direction:row;
	}

    section {
        box-sizing: border-box;
    	padding: 0px 0px 0px 0px;
    	width: 100%;
        height: fit-content;
        height: -moz-fit-content;
        1line-height: 1.8;
        font-size: 14px;
        font-family: Inter, tahoma, geneva, sans-serif;
    	margin-top: 7px;
        margin-left: 0px;
        margin-right: 6px;
    }

div.youtubeframe {
	width:640px;
	height:320px;
}

    div.tree {
        padding-left: 22px;
    }

	.news-index {padding:15px;}

    .news-index-box {
		width: calc(50% - 30px);
		margin: 12px;
    }

    .news-index-box img {

    }

    .news-index-box:hover img {

    }

	.news-details {flex-wrap: nowrap;}
    .news-details-box {width: calc(50% - 40px);margin: 12px;}

	.faqs-details {flex-wrap: nowrap;}
    .faqs-details-box {width: calc(50% - 40px);margin: 12px;}

	.articles-details {flex-wrap: nowrap;}
    .articles-details-box {width: calc(50% - 40px);margin: 12px;}

	.files-details {flex-wrap: nowrap;}
    .files-details-box {width: calc(50% - 40px);margin: 12px;}

    .forum-answers .col-answers {
        width: calc(50% - 20px);
    }
    .forum-answers .col-answers:nth-child(odd) {
        margin-right: 20px;
    }
    .forum-answers .col-answers:nth-child(even) {
        margin-left: 20px;
    }

    .forum-answers .col-answers .answer {
        flex-wrap: nowrap;
    }
    .forum-answers .col-answers .answer .title {
        white-space: nowrap;
    }

    .login-grid {
        display: grid;
        grid-gap: 10px;
    	width:100%;
    	padding:10px;
    }

    .login-inputs {
		width:100%;
		text-align: right;
		padding-top:0px;
		padding-right:10%;
        grid-column: 1/3;
        grid-row: 1;
    }
    .login-inputs input{
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
    }
    .login-inputs input:nth-child(2){
		margin-top:0px;
	}
    .login-button {
        grid-column: 1/3 ;
        grid-row: 2 ;
    }
    .login-links {
		padding-right:4%;
        grid-column: 3 ;
        grid-row: 1 / 3;
    }

	.loggedin-grid {
		padding:15px;
		display: grid;
		grid-gap: 10px;
		width:100%;
		background-color: #fff;
	}

	.loggedin-user {border: 0px solid red;
		line-height: 1.5;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
        grid-column: 1 ;
        grid-row: 1 ;
	}

   .loggedin-avatar {
		width: 64px;
		height: 64px;
	}

	.loggedin-name {
		float:left;
		width:63%;
	}

	.loggedin-info {border: 0px solid red;
		line-height: 1.5;
		font-size: 13px;
		font-family: Inter, tahoma, geneva, sans-serif;
		grid-column: 2 ;
		grid-row: 1 ;
	}

	.loggedin-exit {border: 0px solid red;
		line-height: 1.5;
		font-size: 13px;
		font-family: Inter, tahoma, geneva, sans-serif;
        grid-column: 3 ;
        grid-row: 1 ;
	}

	#poll {
	margin-left:0.8em;
	margin-top:0em;
	}

/*arrow up*/
	.scrollTop{background:url('../img/arrows-up.png') 0 0 no-repeat; background-size: 100%;  }
	.scrollTop{display: block; width:50px; height:50px; position: fixed; bottom:100px; left:90%; z-index:5;}
	.scrollTop:hover{ background-position:0 -60px; }

/* Files-box (Tablet) */

	.sorted-buttons {
		border: 0px solid #e1e1e1;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
		grid-column: 1/3;
		grid-row: 1;
		display: grid;
		width:500px;
}

	.sorted-buttons-1 {
		width:100%;
		border: 0px solid red;
		grid-column: 1;
        grid-row: 1;
}

	.sorted-buttons-2 {
		width:100%;
		border: 0px solid green;
		grid-column: 2;
        grid-row: 1;
}

	.sorted-buttons-3 {
		width:100%;
		border: 0px solid green;
		grid-column: 3;
        grid-row: 1;
}

	.sorted-buttons-4 {
		width:100%;
		border: 0px solid green;
		grid-column: 4;
        grid-row: 1;
}
	.tab_content {display: grid; grid-gap: 0px; width:100%; padding: 15px 15px 0px 21px; line-height:1.7; background: #fff;}
	
	.tab_content a{color:#2d2d2d; font-size: 13px;}
	.tab_content a:hover{color:#7a7a7a; font-size: 13px; text-decoration:none}

	.tab_content a.sorted{text-decoration:none; color:#7a7a7a; font-size: 12px;}
	.tab_content a.sorted:hover{text-decoration:underline; color:#7a7a7a; font-size: 12px;}

	.tab_content_block1 {display: block;color:#bababa; font-size:7pt; width:100%; border: 0px solid #e1e1e1; grid-column: 1; grid-row: 2;}
	.tab_content_block2 {color:#bababa; font-size:7pt; width:100%; border: 0px solid #e1e1e1; grid-column: 2; grid-row: 2;}

	a.gcumt{font-size:11px;color:#259C1A; margin-right:4px;}
	a.gcumt:hover{font-size:11px;color:#61d056}

/**********************/

/* Footer (tablet) - Start */

    footer {
        flex-direction: row;
    }
    footer .block {
        width: calc(100% / 3);
        text-align: left;
    }
    footer .block.left .logo {
        text-align: left;
    }
    footer .block.left .links, footer .block.left .copyright {
        margin-top: 15px;
    }
    footer .block.center .social-wrap .copyright, footer .block.center .social-wrap {
        flex-direction: column;
    }
    footer .block.center .social-wrap .group {
        margin: 0 0 10px 0;
    }
	footer .block.center .social-wrap .group a {
		margin-right: 20px;
	}
    footer .block.right{
		display: block;
        text-align: right;
        align-items: flex-end;
    }
    footer .block.right .bukvus-copyright {
        margin-top: 15px;
    }
}

/* Footer (tablet) - End */

/***************************************************************************************************************************************************************************************/
/* Desktop */
/***************************************************************************************************************************************************************************************/

@media screen and (min-width: 1024px) {
    header {
        padding: 0 50px;
    }
    #main {
        flex-direction: row;
        max-width: 100%;
    }
    #main nav,
    #main aside {
        flex: 0 0 220px;
    }

    #main nav {
        order: -1;
        flex-basis: 220px;
		margin-top: 0.4em;
		margin-left: 0.4em;
		margin-right: 0.4em;
    }

    div.tree {
        padding-left: 6%;
    }

    article{
        height: fit-content;
        height: -moz-fit-content;
		margin-top: 0em;
        margin-left: 0.4em;
        margin-right: 0.4em;
    }

    section {
        box-sizing: border-box;
    	padding: 0;
    	width: calc(100% - 450px - 1.6em);
        height: fit-content;
        height: -moz-fit-content;
        font-size: 14px;
        font-family: Inter, tahoma, geneva, sans-serif;
        margin: 7px 5px 0;
    }

    .news-index-box {
	
    }

    .news-index-box img {

    }

    .news-index-box:hover img {

    }

    #main nav .menu ul li a{
        padding: 20px;
    }

    #main aside {
        display: initial;
		margin-top: 0.4em;
        margin-left: 0.4em;
        margin-right: 0.4em;
    }

    #main aside .block {
        width: inherit;
        margin: 0.8em 0 0 0;
    }

    #main aside .block:first-child {
        margin-top: 0;
    }

	#aside2 {
	   display: block;
	}

    .login-inputs {
		text-align: center;
		padding-top:15px;
		padding-right:0%;
        grid-column: 1;
        grid-row: 1;
    }
    .login-inputs input{
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
    }
    .login-inputs input:nth-child(2){
		margin-top:5px;
	}
    .login-button {
		padding-right:8%;
        grid-column: 1 ;
        grid-row: 2;
    }
    .login-links {
		padding-right:8%;
        grid-column: 1 ;
        grid-row: 3 ;
    }

	.loggedin-grid {
		padding:15px;
		display: grid;
		grid-gap: 10px;
		width:100%;
		background-color: #fff;
		}

	.loggedin-user {border: 0px solid red;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
        grid-column: 1 ;
        grid-row: 1 ;
		padding:0px;
		}

	.loggedin-avatar {
		width: 42px;
		height: 42px;
		}

	.loggedin-name {
		float:left;
		width:70%;
		}

	.loggedin-info {border: 0px solid red;
		line-height: 1.5;
		font-size: 13px;
		font-family: Inter, tahoma, geneva, sans-serif;
        grid-column: 1 ;
        grid-row: 2 ;
		padding:0px;
		}

	.loggedin-exit {border: 0px solid green;
		font-size:13px;
		font-family:Inter, tahoma, geneva, sans-serif;
        grid-column: 1 ;
        grid-row: 3 ;
		padding:0px;
	}

	#poll {margin-left:0em; margin-top:0.8em}

/**********************/
/* Header (Desktop) - start */

    div.header-logo{
        float:left;
        width: 25%;
    }

    div.header-links, div.header-search, div.header-lang{
        display: flex;
    }

.header-lang {
	margin-top:23px;
	margin-right:5px;
	padding:5px;
	font-family:Inter, tahoma, geneva, sans-serif;
	font-size:14px;
	border-radius: 2px;
	width:33px;
	height:28px;
	cursor:pointer;
	text-align:center;
	color: #000;
	text-decoration: none;
	user-select: none;
	background: #f6f6f6;
	border: 1px solid #d3d3d3;
}
.header-lang:hover {background: #eeeeee; color: #000; text-decoration: none;}
.header-lang a{	text-decoration: none; color:#000000}

    div.header-links {
		margin-top:2px;
        float:left;
        width: 50%;
    }

    div.header-links a{
        padding-left: 20px;
        color:#333;
        font-size: 16px;
		font-family: Inter, tahoma, geneva, sans-serif;
        font-weight: 600;
        text-decoration:none;
		padding-bottom:5px;
    }
    div.header-links a:hover{
        color:#7a7373;
    }
    div.header-links a:first-child{
        padding-left: 0;
    }

    div.header-mob-menu{
        display: none;
    }

    /* Header (Desktop) - end */

/**********************/

    /* Menu (Desktop) - start */
    div.header-mob-menu .menu-wrap .menu-background{
        display: none;
    }

    div.header-mob-menu .menu-wrap .menu{
        display: block;
        position: initial;
        width: 100%;
    }

    div.header-mob-menu .menu-wrap .menu .close{
        display: none;
    }

    #menu_body ul li a{
        padding: 10px;
    }
    /* Menu (Desktop) - End */

    /* Footer (Desktop) - Start */
    footer {
        max-width: 100%;
    }
    /* Footer (Desktop) - End */
}

/**********************/

/* Desktop wide */
@media screen and (min-width: 1400px) {
    #main {
        max-width: 95%;
        margin: 0 auto;
    }
    div.tree {
        max-width: 100%;
		clear:both;
    }
	header {
		max-width: 100%;
	}

}

/* Desktop wide wide */
@media screen and (min-width: 1800px) {
    #main {
        max-width: 85%;
        margin: 0 auto;
    }
    div.tree {
        max-width: 92%;
        margin: 0 auto;
		padding-left: 6%;
    }
	header {
		max-width: 84%;
        margin: 0 auto;
	}

	div.countdown {
		width:84%;
        margin: 0 auto;
	}

	footer {
		max-width: 84%;
	}

}

/*************************************************************/

/**********************/

/* Unsorted */

/* News section */

	div.news-author-sprite{float:left;margin-right:5px; width:16px;height:16px; background:url('../img/icons.png')  -93px -77px no-repeat;}
	 div.news-source-sprite{float:left;margin-right:5px; width:16px;height:16px; background:url('../img/icons.png')  -110px -77px no-repeat;}
	 div.news-calender-sprite{float:left;margin-right:5px; width:16px;height:16px; background:url('../img/icons.png')  -127px -77px no-repeat;}
	 div.news-comment-sprite{float:left;margin-right:3px; width:16px;height:16px; background:url('../img/icons.png')  -144px -77px no-repeat;}

h1.news{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;color:#000000;font-size:25px;}

div.news-pad {padding-left:7px;padding-top:7px;padding-right:7px}
div.news-pad2 { line-height: 1.7; font-size:13px; padding-left:7px; padding-top:12px;padding-right:7px;}

div.news-pad2-msg img{width:90%}

div.news-pad3 {margin-top:20px; font-size:11px; float:left;}
div.news-pad4 {margin-top:20px; font-size:11px; padding-right:5px;float:right; margin-bottom:12px}

a.news-section{font-family:Inter, tahoma, geneva, sans-serif;text-decoration:none;font-size:11px; background-color:#ff9d00; padding:5px; color:#fff; border-radius:1px;}
a.news-section:hover{font-family:Inter, tahoma, geneva, sans-serif;text-decoration:none;font-size:11px; background-color:#ffb236; color:#fff}

a.news-comment{font-family:Inter, tahoma, geneva, sans-serif;text-decoration:none;font-size:11px; color:#9e9e9e;}
a.news-comment:hover{font-family:Inter, tahoma, geneva, sans-serif;text-decoration:none;font-size:11px; color:#9e9e9e;}

a.news{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#000000;font-size:20px;}
a.news:hover{text-decoration:none;color:#ffffff;background:#000}

span.headline{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#000000;font-size:16px}

span.news{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#444444;font-size:13px}

span.newssep {font-family:Inter, tahoma, geneva, sans-serif;text-decoration:none;color:#8C8C8C;font-size:13px}

div.newsline {clear:right; font-size:0; line-height:0; overflow:hidden; width:100%; height:1px; background-color:#e2e2e2;}

blockquote {line-height: 1.6;margin:10px 10px; padding:15px; font-size: 15px; font-family: Inter, tahoma, geneva, sans-serif; color:#646464; border: solid 1px #eee}

div.recommend {line-height: 1.6;margin:10px 10px; padding:15px; font-size: 15px; font-family: Inter, tahoma, geneva, sans-serif; color:#646464; border: solid 1px #eee; border-left:4px solid #e4e4e4}

/*articles */

div.navarticles {margin-top:10px; margin-bottom:10px; text-align:center;color:#656565;font-size:13px;}

div.navarticles a{text-decoration:none}

div.article-nav{line-height: 2.9;}
a.article-nav{text-decoration:none; color:#656565;margin:3px; padding:6px 10px 6px 10px;border:1px solid #d9d8d8; border-radius:2px;}
a.article-nav:hover{text-decoration:none; background-color:#ebebeb}

span.article-nav{color:#757575;}

span.author{color:#757575; font-size:11px;}
div.article-author{clear:both;margin-top:15px;color:#9d9d9d;font-size:11px;line-height: 1.7;}
div.article-author a{color:#2b5892;font-size:11px;}

/*files*/

a.files{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#000000;font-size:20px}
a.files:hover{font-family:Inter, tahoma, geneva, sans-serif;font-weight:bold;text-decoration:none;color:#ffffff;font-size:20px; background:#000}

/*buttons */

.button {
width:100%;
color: #494949 !important;
1text-transform: uppercase;
text-decoration: none;
text-align:center;
background: #ffffff;
padding: 15px;
margin:10px 0px 0px 0px;
border: 3px solid #494949 !important;
display: inline-block;
transition: all 0.2s ease 0s;
}

.button:hover {
color: #ffffff !important;
background: #fa9c05;
border-color: #fa9c05 !important;
transition: all 0.2s ease 0s;
text-decoration: none;
}

/* Comments */
.comm-rating {
    float: right;
}
.comm-rating a {
    cursor: pointer;
}
.comm-rating a:hover {
    text-decoration: none;
}
.comm-rating a.like {
    color: green;
}
.comm-rating a.dontlike {
    color: red;

}
#commentBlock {
margin-top:10px;

}

.showSmileBlock {
	padding-left:5px;
	margin-bottom:2px;
    cursor: pointer;
}

.smileBlock
{
    display: none;
}
.smileBlock img {
    cursor: pointer;
	margin-right:45px;}