@import url(https://киабонго.рф/css/fonts.css?family=Cuprum|Roboto:400,100,300,500,700&subset=latin,cyrillic);
@import url(https://киабонго.рф/css/font-awesome.css);

* {padding:0;margin:0}
body {font-family:'Roboto',sans-serif;font-size:15px;color:#212529}
a {color:#007bff;text-decoration:none}
a:hover {color:#0056b3;text-decoration:none}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, canvas, main {display:block;box-sizing:border-box}
h1, h2, h3, h4, h5 {padding:0;margin:0}

hr {border:0;border-bottom:2px solid #ececec;margin:10px 0}

select, option, label, input, textarea {font-family:'Roboto',sans-serif;font-size:15px;color:#212529;transition:0.3s}
select, input[type="text"], input[type="submit"], input[type="button"], input[type="reset"], input[type="password"] {height:30px;box-sizing:border-box;border:2px solid #ececec}

.wrapper {width:1200px;margin:0 auto}
.pagebox {display:table}
.center, .aside {display:table-cell;vertical-align:top;box-sizing:border-box;padding:100px 5px 5px 5px}
.center {width:850px}
.aside {width:350px}

.menu {position:absolute;top:0;left:0;right:0;height:65px;background:#3B4449}
.menu ul {width:1200px;padding:0;margin:0 auto;list-style:none}
.menu li {display:block;float:left}
.menu a {display:block;height:65px;line-height:65px;box-sizing:border-box;border-right:1px solid #5D5D5D;color:#fff;padding:0 10px;transition:0.3s}
.menu a:hover {background:#455158}

.header {width:850px;height:225px;background:url(/img/banner4.png) no-repeat;background-size:cover}
.header h1 {position:absolute;margin:38px 0 0 714px;transition:0.3s}
.header h1 a {font-family:Cuprum;font-size:19px;font-weight:700;color:#aaa8a6;text-transform:uppercase}
.header:hover h1 a {color:#ff0000}

.main h1 {font-size:20px}
.main h2 {font-size:18px}
.main h3, .main h4, .main h5 {font-size:15px}

.post {display:table;width:100%;min-height:150px;border:2px solid #ececec;margin:20px 0}
.post_l, .post_r {display:table-cell;vertical-align:top}
.post_l {width:100px;background:#f4f4f5;text-align:center;padding-top:25px}
.post_l a::before {font-size:50px;color:#000}
.post_l a::after {content:"Подробнее";display:block;font-family:'Roboto',sans-serif;font-size:15px;font-weight:bold;color:#000;margin:5px 0}
.post_l a::before, .post_l a::after {opacity:0.5;transition:0.3s}
.post_r {padding:20px}
.post_r h2 a {font-size:18px;color:#000}
.post_l:hover a::before, .post_l:hover a::after {color:#ff0000;opacity:1}
.post_inf {font-size:15px;text-align:right}
.post_inf span {margin-left:10px}
.post_inf a {color:#000}
.post_message {padding:10px 0}
.post_img {width:25%;height:150px;float:left}
.post_img div, .post_img a {display:block;height:140px;box-sizing:border-box;border:2px solid #ececec;margin:10px}

.informer_block {margin-bottom:10px}
.informer_block .inf_board:nth-child(even) .inf_b {margin:0 10px}
.inf_board {width:33.33333333%;float:left}
.inf_b {min-height:150px;border:2px solid #ececec;padding:10px}
.inf_link {display:block}
.inf_link:hover .inf_img div {border:2px solid #ff0000}
.inf_img {height:150px}
.inf_img div, .inf_img a {display:block;height:140px;box-sizing:border-box;border:2px solid #ececec;transition:0.3s}
.inf_title {font-size:15px!important;color:#000;margin-bottom:10px}

.post_message, .posttdMessage, .message p, .message pre {line-height:20px}

.infbutton {text-align:right}
.infbutton a {display:inline-block;width:270px;background:#f4f4f5;box-sizing:border-box;border:2px solid #ececec;font-size:15px;font-weight:bold;color:#000;text-align:left;padding:10px}
.infbutton a:hover {background:#3b4449;color:#fff;transition:0.3s}

.addbutton {position:relative;top:-10px;display:inline-block;float:right}
.addbutton a {display:block;background:#f4f4f5;box-sizing:border-box;border:2px solid #ececec;font-size:15px;font-weight:bold;color:#000;text-align:left;padding:10px}
.addbutton a:hover {background:#3b4449;color:#fff;transition:0.3s}

.stat-aside {font-size:18px}
.bannerside img {display:block;padding:10px;margin:0 auto}

.block {margin-bottom:20px;background:#f4f4f5}
.block-title {background:#3b4449;color:white;padding:10px 20px}
.block-content {background:#f4f4f5}
.block-text {line-height:30px;padding:10px}
.stat-aside {text-align:center;margin:10px 0}
.block-ul {margin:0;padding:0}
.block-ul li {list-style:none}
.block-ul a {padding:10px 20px;display:block;color:black;border-bottom:2px solid #ececec}
.block-ul a:hover {color:#0056b3}
.block-ul i {float:right;font-size:18px}

.login_block {display:table;width:100%}
.login_block .but {display:table-cell;width:50%;box-sizing:border-box;padding:5px;text-align:center;vertical-align:top}
.login_block .but a {display:block;height:50px;line-height:50px;background:#ececec;font-weight:bold;color:#000;transition:0.3s}
.login_block .but a:hover {background:#3b4449;color:#fff}

.lm {margin:20px 0}

.breadcrumbs {padding:20px 0 0 0}

.message h2, .message h3, .message h4, .message h5 {margin:10px 0}
.message p, .message pre {margin:0 0 10px 0}
.message ul {margin:0 25px}
.message ul li {line-height:30px}
.message img, .message iframe, .message object {max-width:100%}
.message .ulightbox img {display:inline-block;box-sizing:border-box;border:2px solid #ececec!important}
.informs {height:50px;line-height:50px;background:#f4f4f5;padding:0 10px}
.informs span {margin-right:10px}
.rating {float:right;margin-top:15px}
.attachments {margin:0 0 10px 0}

.comments {}
.com_body {}

.page_selector1, .pagesBlockuz2 {display:block;text-align:center}

.sortBlock23 {display:block;text-align:center;margin-top:20px}
.sortBlock23::before {content:"Сортировка по:";margin-right:10px}

.board_block {background:#f4f4f5;padding:20px;margin:0 0 20px 0}
.board_block span {display:block;margin:10px 0}
.board_block a {color:#000}
.board_block a:hover {color:#0056b3}
.board_block .fa {font-size:20px;color:#000}
.board_block .fa::before {margin-right:10px}

.search_form, .search_result {margin:10px 0}

.footer {height:100px;background:#f4f4f5;box-sizing:border-box;border-top:2px solid #ececec;margin-top:15px}
.footer_c {width:1200px;margin:0 auto}
.footer_t {display:table;width:100%;height:100px}
.footer_l, .footer_r {display:table-cell;vertical-align:middle}
.footer_block {display:inline-block;padding:0 10px}
.footer_r ul {list-style:none}
.footer_r ul li {margin:0 5px;float:left}

.clear {clear:both;margin-bottom:20px}

.manFlSbm, .manFlRst {height:auto!important;font-weight:bold;padding:10px}
.manFlSbm:hover, .manFlRst:hover, #iplus input:hover, #frM60 input:hover, input.fastNav:hover {background:#3b4449;color:#fff;cursor:pointer}

.alert {text-align:center;padding:20px}
.alert a {display:inline-block;min-width:120px;height:50px;line-height:50px;background:#ececec;font-weight:bold;color:#000;margin:20px 5px;transition:0.3s}
.alert a:hover {background:#3b4449;color:#fff}

.t-body {max-width:850px;margin:0 auto}
.popuptitle {background:#3b4449;font-size:17px;font-weight:bold;color:#fff;text-align:center;padding:10px}
.udtb {margin:5px 0}
.udtlb {font-weight:bold}
.allUsersBtn, .uSearchFlSbm {font-size:12px}

.menu .userav {position:relative;top:-1px;left:11px;display:inline-block;width:65px;height:65px;vertical-align:middle;opacity:0.5;transition:0.3s}
.menu a:hover .userav {opacity:1}

.block_user, .mobile_block {display:none}

/* ===== forum Start ===== */

.forumLastPostTd br, .ThrForumBarCl12, .thDescr, .navigationRow1 {display:none}

.forum_box {display:table;font-size:15px;padding:100px 0 0 0;margin:0 auto}
.forum_l, .forum_ctr, .forum_r {display:table-cell;vertical-align:top}
.forum_l, .forum_r {width:175px}
.forum_ctr {width:850px}
.forum_ctr_banner {max-width:850px}

.forum a, .forum_inf a, .funcLink {color:#000}
.forum a:hover, .forum_inf a:hover, .forumNameTd a:hover, .lastPostUserLink:hover, .funcLink:hover {color:#0056b3}
.forum ul, .forum ol {margin:0 25px}
.forum p {margin:10px 0}

.forum_inf {background:#f4f4f5;font-size:15px;padding:20px;margin:20px 0}

.gTableTop {height:50px;background:#3B4449;box-sizing:border-box;font-weight:bold;font-size:20px;color:#fff;text-align:center}
.gTableTop a {color:#fff}
.gTableTop a:hover {color:#ff0000}

.gTableSubTop, .forumIcoTd, .forumThreadTd, .forumPostTd, .threadIcoTd, .threadPostTd, .threadViewTd, .threadAuthTd, .threadsDetails, .legendTable, .switch a, .ThrTopButtonsRow2, .ThrForumBarCl11, .ThrForumBarCl12, .forumModerFuncsRow1, .postTdTop, .postBottom {background:#f4f4f5;box-sizing:border-box;font-size:15px;padding:10px}
.forumNameTd, .forumLastPostTd, .threadNametd, .threadLastPostTd, .switches, .ThrTopButtonsCl21, .ThrForumBarCl11, .ThrForumBarCl12, .posttdMessage, .quoteMessage {padding:1px 5px}
.forumNameTd a, .forumLastPostLink, .threadLink, .qName {font-size:15px;font-weight:bold;color:#000}
.forumDescr, .threadDescr, .legendTable, .userRights, .forumViewed {font-size:12px;color:#888888;padding:1px 5px}
.forumModer, .forumModer a, .threadFrmLink, .forumModerBlock, .signatureView {font-size:12px;color:#888888;margin:1px 5px}
.subforumDescr, .subforumDescr a {display:block;font-size:12px;font-weight:bold;color:#000;margin:5px 0}
.subforumDescr a::before {content:"\f0da";font:12px FontAwesome;color:#888888;margin-right:10px}
.subforum_list {display:block;line-height:2px;font-size:0px;color:#fff}
.lastpost_date, .lastpost_author, .lastPostUserLink, .postRankName {font-size:12px;color:#888888}
.forumLastPostLink {display:block}
.lastpost_author, .forumLastPostLink {margin:1px 0}
.lastPostUserLink {font-weight:bold}
.threadFrmLink::before {content:"Раздел: "}
.to_lastpost {display:block;width:25px;height:50px;line-height:50px;background:#f4f4f5;text-align:center;float:right;transition:0.3s}
.to_lastpost:hover, .switch a:hover {background:#3b4449;color:#fff}
.to_lastpost:hover span {color:#fff}
.switchActive {background:#3b4449;box-sizing:border-box;font-size:15px;color:#fff;padding:10px}
.forumModerBlock a {font-weight:bold;color:#888888!important}
.forumBar, .forumBarA, .thDescr, .postUserGroup, .numposts, .reputation, .userBan, .postip, .postTdTop {font-size:12px;color:#000}
.forumBarA, .postUser {font-weight:bold}
.postTable {box-sizing:border-box;border:2px solid #ececec}
.postUser {font-size:18px}
.userAvatar {max-width:100px;margin:5px 0}
.postTdInfo {background:#f4f4f5;text-align:center}
.postRankIco {margin:10px 0}
.postUserGroup, .numposts, .reputation, .userBan {text-align:left;padding:5px}
.posttdMessage img, .posttdMessage iframe, .posttdMessage object {max-width:100%}
.signatureView img {max-width:200px}
.fastNav option, .fastNav option {font-size:12px}
#frM53, .quoteMessage {background:#f4f4f5;border:0!important}
#frM53 td {padding:5px}

.bannerfixed {padding-left:5px}
.bannerfixed div {max-width:160px!important}
.forumcontBanner-fixed {position:fixed;top:35px}
.bannerfixedtoforum {max-width:100%}

/* ====== forum End ====== */



@media screen and (max-width:1200px){
.wrapper, .menu ul, .footer_c {width:1000px}
.center, .header, .forum_ctr {width:650px}
.header {height:170px}
.header h1 {margin:28px 0 0 542px}
.header h1 a {font-size:14px}
.forum_inf {font-size:12px}
.forum_box .header h1 a {font-size:19px}
}

@media screen and (max-width:1100px){
.wrapper, .menu ul, .footer_c {width:870px}
.aside {width:220px}
.aside img, .aside iframe {max-width:100%;padding:0}
body, select, option, label, input, textarea, .forum_box, .post_inf, .post_l a::after, .infbutton a, .message p {font-size:12px}
.main h1, .main h2, .post_r h2 a {font-size:15px}
.forum_l, .forum_r {display:none}
.forum_box .header {width:850px;height:225px}
.forum_box .header h1 {margin:38px 0 0 714px}
.commFl {width:100%}
}

@media screen and (max-width:1024px){
pre {white-space:inherit}
.menu, .forum_box .lm, #forum_filter {display:none}
.wrapper, .menu ul, .footer_c {width:100%}
.pagebox, .center, .forum_box, .forum_ctr {display:block}
.center, .header, .forum_ctr, .forum_box .header {width:100%}
.center, .aside {padding:5px}
.header, .forum_box .header {height:auto;background:#3B4449}
.header h1, .forum_box .header h1 {position:inherit;height:65px;line-height:65px;font-size:inherit;padding:0 25px;margin:0}
.header h1 a, .header:hover h1 a, .forum_box .header h1 a {font-size:25px;color:#fff}
.footer {background:#3B4449;border:0;color:#fff;margin:15px 5px 5px 5px}
article.main {box-sizing:border-box;border:2px solid #ececec;padding:10px;margin-top:20px}
.post_img {width:50%}
.forum_box {padding:5px}
.forum_l, .forum_r, .forumIcoTd, .threadIcoTd, .gTableSubTop, .forumThreadTd, .forumPostTd, .threadPostTd, .threadViewTd, .threadAuthTd {display:none}
.forumNameTd, .threadNametd {width:70%}
.forumNameTd, .forumLastPostTd, .threadNametd, .threadLastPostTd {border:2px solid #f4f4f5;padding:3px}
.forumNameTd, .threadNametd {border-right:0}
.forumLastPostTd, .threadLastPostTd {border-left:0}
.forumLastPostLink {font-size:14px}
.subforum_list a {display:block;color:#888888;margin:10px 0}
.forum, .threadLink {display:block;margin:10px 0}
.postip, .postip a, .quoteMessage {font-size:10px;color:#888888}
.quoteMessage {margin:10px}
.u-mpanel {margin-right:20px}
.uMenuV span {font-size:12px}
.mformpage table, .mformpage tbody, .mformpage tr, .mformpage td {display:block}
.forum_aside {display:block!important}
body {overflow-x:hidden}
.main, .aside, .footer {transition:all 500ms ease-out}
.main, .footer {position:relative;left:0}
.aside {position:absolute;top:85px;bottom:0;left:-50%;display:block!important;width:50%;background:#fff;overflow-y:scroll;z-index:10000}
.mobile_menu_button {position:absolute;top:5px;right:15px;width:50px;height:65px;cursor:pointer}
.mobile_menu_button i {display:block;width:100%;height:5px;background:#fff;margin:12px 0}
.mobile_left {overflow:hidden}
.mobile_left .main, .mobile_left .comments, .mobile_left .footer {opacity:0.1}
.mobile_left .aside {left:0}
.mobile_block {display:block}
.block_user, .block_user span {display:block;color:#000}
.block_user span a {color:#000}
.block_user_ava {float:left}
.block_user_ava img {max-width:100px}
.block_user_nam {font-size:17px;font-weight:bold;margin:10px 10px 10px 110px}
.block_user_pmc {font-size:12px;margin:10px 10px 10px 110px}
.block_user_pmc .fa {font-size:20px}
}

@media screen and (max-width:800px){
.lastpost_date, .lastpost_author, .funcBlock, .legendBlock, .fFastSearchTd, .userRights, .postRankName, .postRankIco, .postUserGroup, .numposts, .reputation, .userBan, .threadFrmLink, .forumModer, .FrmTopButtonsRow2 {display:none}
.postTdTop:first-child, .postTdInfo, .postBottom:first-child {width:150px}
.postTdInfo .userAvatar {display:block;max-width:100%;margin:0 auto}
.posttdMessage, .threadLink {font-size:14px}
.forumOnlineBar, .threadsDetails, .forumNamesBarRow1 {font-size:12px}
}

@media screen and (max-width:640px){
.inf_img {display:none}
.inf_board {width:auto;float:none}
.inf_b {min-height:auto;padding:5px}
.informer_block .inf_board:nth-child(even) .inf_b {margin:20px 0}
.post_inf {padding-top:10px}
.inf_message {line-height:20px}
.postUserMobile {display:block!important;margin-right:10px}
.postTdTop:first-child, .postTdInfo, .postBottom:first-child, #frM57, #frM15, #frM7, #frM51 {display:none}
.forumPost_inf {display:inline-block;color:#888888;margin:10px 0}
.gTableTop {font-size:15px;padding:10px}
.posttdMessage {font-size:12px}
#frmButns83 a {display:block}
}

@media screen and (max-width:533px){
.forumLastPostTd, .pagesInfo {display:none}
.forumNameTd {border-right:2px solid #f4f4f5}
.switches, .switches a {font-size:12px}
h2.lm {text-align:center}
.ThrTopButtonsTbl .ThrTopButtonsCl11, .ThrTopButtonsTbl .ThrTopButtonsCl12 {display:block}
#frmButns83 {text-align:center}
#frmButns83 a {display:inline-block;margin:25px 0}
#subscribe {display:none;font-size:15px;margin:25px 0}
.moderOptions {width:85%!important}
.fastNav {width:10%!important}
.postBottom td:first-child, .postBottom td:last-child {width:5%!important}
.postBottom td:last-child a {display:block}
.postBottom a img {height:17px!important}
}

@media screen and (max-width:480px){
.addbutton {top:0;width:100%;margin:10px 0 0 0;float:none}
.addbutton a {text-align:center}
.post_l {display:none}
.footer {height:auto;padding:10px 0}
.footer_t, .footer_l, .footer_r {display:block;height:auto;text-align:center;padding:10px 0}
.footer_r ul li {float:none}
.aside {left:-100%;width:100%}
}