/*--- SET BASE ---*/
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*::selection{background:#fedc80;}
*::-moz-selection{background:#fedc80;}
ol, ul {list-style: none;}
hr {margin: 0 15px; border-top: 1px solid #ddd;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, footer, header, nav, section, main {display: block;}
body, select, input, textarea {font-family: Roboto, sans-serif; font-size: 14px; line-height:normal; font-weight:400; color: #2b2b2b; outline: none; background: #f3f3f3;}
img {max-width:100%; max-height: 100%;}
.clearfix::after {content: ""; display: table; clear: both;}
a {color: #4a84c4; text-decoration: none;}menu-headnav
a:hover, a:focus {color:#1172a6; text-decoration: none;}
h1 {font-size:23px; font-weight: 500;}
h2 {font-size:21px; font-weight: 500;}
h3 {font-size:20px; font-weight: 500;}

.orang_rate {color: #ca3d19;}
.yell_rate {color: #b78322;}
.gr_rate {color: #36920c;}

/*--- SET ---*/
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
input[type="text"], input[type="password"] {display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px; background-color: #f5f5f5; border-radius: 3px; font-size: 13px; border: 1px solid #ededed;}
input[type="text"]::placeholder, input[type="password"]::placeholder {color: #595959;}
input[type="text"]:focus {}
.textin {margin-top: 10px;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

select {background-color: #fff; height: 30px; border: 1px solid #dadada;}

.imgbox {overflow:hidden; position:relative;}
.imgbox img {width:100%; min-height:100%;object-fit: cover;border-radius: 5px;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button {transition: all .2s;}
a, .button {transition: color .4s, background-color .4s, opacity .4s;}
.pm-page, .form-wrap {padding:20px 0;}

/*--- BASIC GRID ---*/
.wrap {max-width:1130px; min-width: 320px; position: relative; margin: 40px auto; margin-bottom: 0;}
.upperwrap {box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);}
.mainwrap {display: flex; justify-content: space-between;}
.main {position: relative; width: calc(100% - 308px); background-color: #fff; padding: 20px 24px; border-radius: 8px 8px 0 0; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);}
.right-nav {position: relative; width: 296px; z-index: 30;}
.info-content {display: flex; justify-content: space-between; position: relative; min-height: 315px;}
.fmainwrap {display: flex; justify-content: space-between; position: relative; margin-bottom: 24px;}
.header-main {position: relative; display: flex; align-items: center; justify-content: space-between; height: 56px; background: #fff; color: #000; padding: 0 18px; border-radius: 8px 8px 0px 0px; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1);}
.carusel-box {position: relative; background-color: #fff; height: auto; margin-bottom: 24px;}
.footer {background: #1e1e1e;min-width: 320px;padding: 25px 0;border-top: 1px solid #2b2b2b;box-shadow: 2px 0px 2px 0 rgb(0, 0, 0);}
.btn-menu-wr {display: none;}

.br_stat {position: relative; display: flex; max-width: 1130px; min-width: 320px; margin: 0px auto; background: #e8e8e8; color: #666; padding: 5px 18px; font-size: 0.96em; border-radius: 0 0 3px 3px; cursor: pointer;}
.br_stat [class^='br_stat'] {margin-right: 12px;}
.br_stat span {padding-left: 3px; color: #000; font-weight: 500;}
.br_stat::before {position: absolute; right: 14px; top: 6px; color: #b6b6b6;}
.marquee {position: relative; width: 420px; height: 16px; margin-left: 10px; white-space: nowrap; opacity: 1; transition: opacity 0.5s ease; overflow: hidden;}
.marquee-content {display: inline-block; padding-left: 100%; animation: marquee 45s linear 2;}
@keyframes marquee {0% { transform: translateX(0%); } 100% { transform: translateX(-100%); }}

.dist-dashboard {position: absolute; width: 280px; top: 8px; right: 8px; background-color: #2f2f32; color: #fff; padding: 14px 20px; border-radius: 8px;}
.dist-dashboard_title {font-size: 15px; font-weight: 700;}
.dist-dashboard_feature {padding-top: 6px; line-height: 1.2; font-size: 1.08em;}            
.dist-dashboard_close {position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; transition: transform 0.3s ease; cursor: pointer; background: #636365; color: #2f2f32; border-radius: 20px; line-height: 10px;}
.dist-dashboard_close:hover {transform: scale(1.2);}
.dist_hr {border-top: 1px dashed #636365; padding-top: 10px; margin-top: 10px; text-transform: uppercase; font-weight: 700; font-size: 13px;}

/*--- HEADER ---*/
.logo {position: relative; width: 137px; height: 30px;}
.logo img {width: 137px; height: 30px;}
.logo:hover {opacity: .8;}
.logo:active::after, .logo:focus-within::after, .logo:focus::after {content: ""; width: 160px; height: 40px; border-radius: 5px; background-color: rgba(100, 116, 149, .08); position: absolute; top: -4px; left: -10px;}

.menu-head {position: relative; display: flex; align-items: center; justify-content: space-between;}
.menu-headnav {position: relative; border: 1px solid transparent; border-radius: 4px; padding: 3px 8px; display: inline-block; color: #b1860f; cursor: pointer;}
.menu-headnav:hover {box-shadow: 0px 0px 0px 2px #aa750f2b;}
.menu-headnav .far, .menu-headnav .fas {color: #9e9e9e; padding-left: 2px;}
.menu-headnav.open {box-shadow: 0px 0px 0px 2px #b1860fbd; color: #75580a;}

.menu-headnav-list {display: none; background-color: #fff; padding: 6px 12px; font-size: 15px; position: absolute; right: auto; left: -10px; top: 48px; width: 170px; z-index: 9999; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 8px; line-height: normal;}
.menu-headnav-list li {border-bottom: dashed 1px #e8e8e8;}
.menu-headnav-list .headnav-a {font-weight: 500; color: #333; transition: .3s; display: block; padding: 8px 0;}

.selyears-item {font-size: 15px; cursor: pointer;}
.selyears-item a {display: block; color: #333;}
.selyears-item .ym {padding: 8px 0; font-weight: 500;}
.selyears {position: relative; display: block; padding: 8px 0; font-weight: 500; color: #333;}
.selyears::before {position: absolute; font-weight: 900 !important; transform: rotate(-90deg); top: 10px; right: 0; color: #d2d2d2; transition: 0.2s;}
.selyears-item.open .selyears::before {transform: none;}
.selyears-content {display: none;padding: 8px 0;border-top: 1px dashed #e8e8e8;}
.years-item {display: block; padding: 5px 25px 5px 10px; background-color: transparent; -webkit-transition: background-color .3s; transition: background-color .3s; border-radius: 4px;}
.years-item:hover {background-color: rgba(0,0,0,.1);}
.link {display: flex; gap: 7px; align-items: center; font-weight: 500;}
.link::after {content: "\e906"; font-family: 'custom_ico' !important;}

.search-wrap {position: relative; margin-right: 24px;}
#search_btn {display: none; font-size: 21px; border-radius: 5px; margin: 0 20px 0 12px; cursor: pointer;}
#search_btn::before {font-weight: 700; color: #1a1a1a;}
.search_open #search_btn::before {content: "\e916"; padding: 0 3px;}
.search_open .search-wrap {opacity: 1; visibility: visible;}

#quicksearch {position: relative; width: 325px; display: flex;}
#quicksearch input {width: 100%; height: 38px; line-height: 38px; padding: 0 38px 0 20px; font-size: 1.1em; background: #f3f3f3; color: #3b3b3c; border-radius: 4px; border: none;}
#quicksearch input:focus {background: #fff; border: 1px solid #f1f1f1;}
.search-button {position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 17px; color: #5d5d5d; cursor: pointer; border-radius: 5px;}
.search-button::before {font-weight: 900 !important;}

.search-item {position: relative; padding-left: 90px;}
.search-item a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.search-img {float: left; margin-left: -90px; width: 80px; height: 80px;}
.search-img img {width: 80px; height: 80px; border-radius: 4px; object-fit: cover;}
.search-body {float: right; width: 100%; margin-top: 4px;}
.search-body .name {display: block; font-size: 17px; font-weight: 500; line-height: 20px; color: #000;}
.search-line {font-size: 14px; margin-top: 8px;}
.search-line .size {color: #929292;}

.miniprofile {position: relative; color: #909090; display: inline-block; font-size: 15px; line-height: 15px; cursor: pointer; float: right; margin-left: 20px;}
.miniprofile .avatar {position: relative; width: 32px; height: 32px; border-radius: 20px; margin-right: 16px; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAIVBMVEXJycnW1tZSUlJra2vBwcHQ0NBgYGCcnJyvr697e3uMjIzqNeKvAAACZ0lEQVQ4y32Uz2vbMBTHVZAh7BQdDDk7w1uuFqRNTtqm0mYnGyLCrg547W2wH2lzKiTL1qtburankpGm3V85PcmypcSpDImtj957X31tPRTYIw2CzJlA9kMnD9rT3fh62X56FYRpPT7ld2ds1n7Ka3H4jc85Oj9jyzoc3nImL84a3V60jSVFDDOM8O9f6SYO/3COEGIMIc6OntMNfCuzIjXkMszPXbzPCor1ssbSxu0LEwklMEN4ZuMDTREu/vhxbmETXA18aeGTIpJXnP+o8LXCDBn1UOMoLfEXHaCkGcxzg0OJGQjSthR8UeIL9Rzr1F4h7oPBpXDMLPEfS6xn40J6rLNvYCGs1GbngDuAPUJitSoWagm+saO9hBDiC08QeUEOnG9hM3xhY7kxyE18QEKtixGObJzAVAKBQuOGY6okwrfSe8MyefCgchOnOl5YrqnSawCtleZ8YPAbVZW0Aph//1rHe6Xnb4cK6+jRd42bywqDZeXWhgzuLoPK1ETW4jAJWTjfk8FR9THdvyPNY55o7PO5xK3U+pBXEG1sxXD3yf7OT8Ans2cBKhbOKdnbsKWZO2dsVRHl+cg9gp+hcFO+VYGVvwsXh2CGL48nP1TORhvnW4UTod82mW11hwdL2GireQSdnyUdPtZ0pv6hseWxtq/151A4Prra0TRP13PReI529NQw6x6IQTdLa3E4pnQ/GVBK67EEvflX+VvbkWUwpXfwE+3EanTrMH0RQ2na/3dFHW0O7q0nU+poK3Gbdml/Op38fQlPJB7X44z2JxpH23gsp+kEameWdBffg/IdOAPt1MX/AZDGDe3ZF5MRAAAAAElFTkSuQmCC') no-repeat; background-size: contain; float: right;}
.miniprofile .avatar img {width: 32px; height: 32px; border-radius: 20px;}
.miniprofile .avatar::before {position: absolute; top: 7px; right: -19px; color: #333; font-weight: 700; transition: transform .25s;}
.miniprofile .avatar.active::before {transform: rotate(180deg);}
.avatar:hover::after {content: ""; height: 38px; background-color: rgba(0, 0, 0, 0.05); position: absolute; top: -3px; left: -5px; right: -26px; border-radius: 6px;}
.profile-box {display: none;}
.hidefav {display: none;}
.tgprofile {padding: 6px 5px 2px 12px; font-weight: 500; font-size: 17px; color: #000;}
.profile-box .head-addcomm {margin: 12px 0 10px 0; justify-content: center;}

.fav_hr {width: 2px; height: 17px; background: #e8e8e8; margin: 0 20px;}
a.favorite {position: relative; display: flex; align-items: center; gap: 6px; color: #000; font-weight: 500; font-size: 15px;}
a.favorite:hover {color: #000;}
a.favorite::before {font-size: 16px;}
.hidefav.i_bookmark {display: none;} /* fav в профиле */

.switch {position: relative; display: inline-block; width: 50px; height: 26px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #f3f3f3; border: 1px solid #ebecf1; transition: 0.4s; border-radius: 30px;}                
.slider::before {position: absolute; content: ""; background: #fff url(../image/night.svg) no-repeat 0 0; background-size: 12px; background-position: 50% 50%; height: 18px; width: 18px; left: 4px; bottom: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); border-radius: 50%; transition: transform 0.5s, background-color 0.5s;}
input:checked + .slider {background-color: #5a6076; border: 1px solid #34373f;}
input:checked + .slider::before {transform: translateX(22px); background: #fff url(../image/day.svg) no-repeat 0 0; background-size: 12px; background-position: 50% 50%;}
.slider.round {border-radius: 34px;}
.slider.round::before {border-radius: 50%;}

/*--- HEAD Menu ---*/
.nav-menu {position: relative; display: flex; gap: 11px; align-items: center; background: #ffe487; height: 44px; font-size: 16px; border: 2px solid #fdda60; white-space: nowrap; padding: 0 18px; border-radius: 0 0 8px 8px; margin-bottom: 12px;}
.main_catmenu_two {position: relative; display: flex; gap: 20px; overflow: auto;}
.main_catmenu_two a {position: relative; display: flex; align-items: center; gap: 4px; color: #b1860f; font-weight: 500; transition: 0.2s; cursor: pointer;}
.main_catmenu_two a:hover {color: #75580a;}
.main_catmenu_two::-webkit-scrollbar {height: 0;}

.breadcrumbs {width: 70%; color: #8c8c8c; margin-bottom: 20px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.breadcrumbs a {color: #616161; white-space: nowrap;}
.breadcrumbs a:hover {color: #06c;}
.bread {font-size: 16px; line-height: 15px; color: #e1e1e1; padding: 0 6px;}

/*--- HEAD Carou ---*/
.head-carusel, .head-carusel2 {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; height: auto; overflow: hidden;}

.carouhead {position: relative; display: inline-flex; gap: 8px; font-size: 16px; font-weight: 700; text-transform: uppercase;}
.carouhead .carousp {color: #0c6bb6; border-bottom: 2px dotted #0c6bb6; cursor: pointer;}
.carouhead .carousp:hover {color: #01599f; border-bottom: 2px dotted #01599f;}
.carouhead .carousp.active {color: #000; border-bottom: none; cursor: default;}
.carusel-box .tab2 {display: none;}
.carou_sub {display: block; font-size: 16px; color: #7b7b7b; margin: 4px 0 14px 0;}

.carusel-box.showfull {padding: 16px 24px 6px 24px; margin-bottom: 12px; border-radius: 8px; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.1); overflow: hidden;}

.itemtop-box {display: block; width: 140px; float: left; overflow: hidden;}
.itemtop-title {position: relative; font-weight: 500; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.itemtop-title a {color: #272727;}
.itemtop-subtitle {margin-top: 4px; color: #7c7c7c; font-size: 0.94em;}
.itemtop-box .imgbox {height: 120px;border-radius: 2px;margin-bottom: 8px;}
.itemtop-box .imgbox:hover {filter: brightness(0.9); transition: .15s all;}
.itemtop-box:hover .itemtop-title {color: #000;}

.catsub {display: inline-block;}
.catheader {position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin: 14px 0px; border-bottom: 1px solid #eaeaea; padding-bottom: 12px;}
.catheader h1 {font-size: 21px; font-weight: 700; color: #000;}
.subtitle {display: block; margin-top: 6px; font-size: 16px; color: #7b7b7b;}
.subtitle::before {padding-right: 6px;}
.catheadblock {position: relative;}
.flex-content, .flexstatic {display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}

.tabs-nav {position: relative; margin-top: -15px; background: inherit; overflow: hidden;}
.tabs-nav li {float: left; font-weight: 500; background-color: #f5f5f5; border: 1px solid #e0e0e0; padding: 2px 8px; font-size: 16px; line-height: 1.5; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; border-bottom: 2px solid #dcdcdc;}
.tabs-nav li:not(:first-of-type) {border-left: none;}
.tabs-nav li:hover, .tabs-nav li.active {background-color: #fff;}
.tabs-nav li a {color: #000;}
.tabs-nav li:first-child {border-radius: 5px 0 0 5px;}
.tabs-nav li:last-child {border-radius: 0 5px 5px 0;}
.tab_group > div {display: none;}
.tab_group > div.active {display: block;}
.box-allcontent .xsort-area {display: block;}

/*--- FAV News ---*/
.short_img a[id="favoriteButton"] {position: absolute; bottom: 8px; left: 8px; right: auto; border-radius: 4px; background-color: #0000008f; color: rgb(245, 245, 245); border: 1px solid rgb(245 245 245 / 48%); box-shadow: 0 0 3px rgba(0,0,0,.9); cursor: pointer; z-index: 1; opacity: 0;}
.poster-imgbox a[id="favoriteButton"] {position: absolute; bottom: 8px; left: auto; right: 8px; display: flex; width: 32px; height: 32px; border-radius: 7px; background-color: #202022bd; color: #fff; border: 1px solid #474747; cursor: pointer; z-index: 1; justify-content: center; align-items: center;}
.poster-imgbox a[id="favoriteButton"]:hover {background-color: #000000bd;}
.short_img a[id="favoriteButton"], .poster-imgbox a[onclick*="doFavorites"] {color: #fff; font-size: 17px; line-height: 1;}
.short_img:hover a[id="favoriteButton"] {opacity: 1;}

/*--- SHORT News ---*/
.short_item {position: relative; cursor: pointer; width: calc(33% - 14px); height: auto; margin-bottom: 26px;}
.short_img {position: relative; display: block; height: auto; overflow: hidden;}
.short_img img {width: 100%; max-height: 115px; border-radius: 5px;object-fit: cover;}
.short_img {font-size: 0;}
.short_img:hover img {filter: brightness(0.9); transition: .15s all;}
.short_title {overflow: hidden;margin-top: 8px;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.short_title a {color: #000;font-size: 1.06em;font-weight: 500;} 
.shor_subtitle {position: relative;}
.short_line {display: flex; justify-content: space-between; margin-top: 8px;}
.short_line .downloads {display: flex; align-items: center; font-weight: 500; color: #7c7c7c; font-size: 0.94em;}
.short_line .downloads::before {padding-right: 4px;}
.status_line {display: flex; align-items: center; gap: 5px;}

.search_res {position: relative; display: flex; gap: 16px; width: 100%; padding: 10px 10px; border-radius: 10px; cursor: pointer;}
.search_res:hover .i_square-up {opacity: 1;}
.search_res .i_square-up {display: inherit; position: absolute; right: 14px; bottom: 14px; color: #0000004f; font-size: 22px; transition: .3s; opacity: .3;}
.flex-content .search_res:nth-child(2n) {background-color: #f5f5f5;}
.search_res_img {position: relative; overflow: hidden;min-width: 100px;}
.search_res_img img {width: 230px; height: 120px; border-radius: 5px;object-fit: cover;}
.search_res_img:hover img {filter: brightness(0.9);transition: .15s ease-in-out;}
.search_res_info {display: flex; flex-direction: column; gap: 10px; margin-top: 10px;}
.search_res_title {color: #000; font-size: 19px; font-weight: 700; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;}
.search_res_title:hover {color: #d00;}
.search_res_sub {color: #999; font-weight: 500;}

/* Рейтинг в поиске */
.shor_rt {position: relative; display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 17px; color: #000;}
svg.rt-icon { height: 15px; width: 15px; }

.short_upd {position: relative; display: flex; gap: 16px; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; cursor: pointer;}
.shortupd_imgs {position: relative; display: contents; overflow: hidden;}
.shortupd_imgs img {width: 230px; height: 120px; border-radius: 5px;object-fit: cover;}
.shortupd_imgs:hover img {filter: brightness(0.9);transition: .15s ease-in-out;}

.shortupd_body {display: flex; flex-direction: column; gap: 10px;}
.shortupd_body .name {color: #000; font-size: 19px; font-weight: 700; text-overflow: ellipsis; overflow: hidden;}
.shortupd_body .name:hover {color: #d00;}

.side-updinfo {display: flex; flex-direction: column; gap: 10px; color: #2b2b2b; margin-top: 6px;}
.updico {color: #000; font-size: 11px; font-weight: 700; background: #fedc80; padding: 3px 5px; margin-right: 4px; border-radius: 4px;}
.updico::before {padding-right: 2px;}
.upd_version {}
.short_upd .i_square-up {display: inherit; position: absolute; right: 14px; bottom: 14px; color: #0000004f; font-size: 22px; transition: .3s; opacity: .3;}
.short_upd:hover .i_square-up {opacity: 1;}

/*--- FULL News ---*/
.main_content {}
.f_downloads {position: absolute; right: 24px; top: 20px; display: flex; align-items: center; gap: 5px; color: #808080; font-size: 1.06em; z-index: 1; cursor: default;}

.favinfo {position: relative; margin-top: 18px; color: #6b6b6b; font-size: 13px;}
.poster-imgbox {position: relative; width: 350px; height: 150px;}
.poster-imgbox .imgbox {background-size: 100%; width: 100%; height: 100%; border-radius: 5px; box-shadow: 0 1px 2px #bbb;object-fit: cover;}

.i_edit {position: absolute; right: 14px; top: 15px; transition: 0.2s; color: #fff; opacity: 0; font-size: 20px; z-index: 1;}
.i_edit::before {color: #fff;}
.short_item:hover .i_edit, .poster-imgbox:hover .i_edit, .i_edit, .imgbox:hover .i_edit {opacity: 1;}
.stick_ru {position: absolute; left: 4px; bottom: 4px; width: 56px; border-radius: 3px; font-weight: 700; fill: #fff; font-size: 44px; text-anchor: middle; text-transform: uppercase; border: 1px solid #00000030;}

.status_img {position: absolute; top: 10px; left: 8px; display: flex; flex-direction: column; gap: 1px;}
.status_news {position: relative; display: flex; gap: 3px; background: #f2f2f2; color: #6d6d6d; text-transform: uppercase; font-weight: 500; font-size: 11px; cursor: default; align-items: center; padding: 0 6px; height: 17px; border-radius: 4px;}
.status_img .i_upd {position: relative; color: #ffffff94; border-radius: 20px; font-size: 22px; cursor: default;}
.short_size {position: absolute; top: 10px; right: 8px; width: auto; height: 20px; display: none; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 4px; font-size: 0.72rem; font-weight: 500; padding: 0 4px;}

[status_info]:hover::after {content: attr(status_info); position: absolute; top: 20px; left: 4px; z-index: 100; background-color: #f2f2f2; color: #343434; font-size: 11px; font-weight: 400; padding: 2px 6px; border-radius: 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); white-space: nowrap; line-height: normal; text-transform: none;}

.status_img2 {position: absolute; bottom: 6px; right: 0; display: flex; flex-direction: column; gap: 5px; font-weight: 500;}
.short_year {width: 36px; height: 20px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 4px 0 0 4px; font-size: 0.72rem;}
.img_rating {width: 36px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 4px 0 0 4px; background-color: #999999; color: #fff; font-size: 13px;}

.short_item:hover .short_size {display: flex;}

.i_steam {position: relative; color: #ffffff94; font-size: 22px;}
.i_steam:hover {color: #000;}

.game_details {position: relative; width: calc(100% - 215px); padding-left: 24px;user-select: text;}
.hname {margin-bottom: 16px;}
.hname h1 {font-size: 24px; font-weight: 700; color: #000;}
.subhnamever {margin-top: 8px; font-weight: 500; color: #d93025; font-size: 1.08em;}

.subver_info {position: relative; display: flex; gap: 5px; font-weight: 500; margin-top: 8px;}
.subver {background: #f7f7f7; -webkit-font-smoothing: antialiased; color: #818181; font-size: 1.02em; border-radius: 4px; padding: 4px 8px; cursor: default;}

.ul-details {line-height: 28px; font-size: 1.02em;}
.ul-details li {font-size: 1.1em;}
.ul-details li > span:first-child {font-weight: 500; padding-right: 2px;}
.ulgenre {line-height: 20px; padding: 5px 0;}
.ulgenre a, .dateym a {color: #4a84c4; border-bottom: 1px dotted; font-size: 0.95em;}
.ulgenre a:hover, .dateym a:hover {color: #174ea6;}
span.dateym {padding-right: 2px; color: #8a8a8a; cursor: default;}

.ratingbox {position: relative; display: flex; align-items: center; gap: 5px; margin-top: 16px; overflow: hidden;}
.ratelabel {display: flex; align-items: center; justify-content: center; background: #d3d3d3; font-size: 16px; font-weight: 500; width: 36px; height: 22px; color: #fff; border-radius: 4px;}
.rate-stars, .unit-rating {width: 109px; height: 22px; overflow: hidden; cursor: pointer;}
.unit-rating, .unit-rating span:hover, .unit-rating span.current-rating {position: relative; background-image: url('../image/white-rating.svg'); -webkit-background-size: 22px auto; background-size: 22px auto;}
.unit-rating {position: relative; background-position: 0px 0;}
.unit-rating span {display: block; width: 22px; height: 22px; z-index: 17; position: absolute;}
.unit-rating span:hover {background-position: 0 -22px; z-index: 2; left: 0 !important;}
.unit-rating span.r1-unit {left: 0;}
.unit-rating span.r1-unit:hover {width: 22px;}
.unit-rating span.r2-unit {left: 22px;}
.unit-rating span.r2-unit:hover {width: 44px;}
.unit-rating span.r3-unit {left: 44px;}
.unit-rating span.r3-unit:hover {width: 66px;}
.unit-rating span.r4-unit {left: 66px;}
.unit-rating span.r4-unit:hover {width: 88px;}
.unit-rating span.r5-unit {left: 88px;}
.unit-rating span.r5-unit:hover {width: 109px;}
.unit-rating span.current-rating {background-position: 0 -44px; position: absolute; height: 22px; display: block; z-index: 1;}

.rating_low {background-color: #ee2c28 !important;}
.rating_medium {background-color: #f5c518 !important;}
.rating_high {background-color: #82c315 !important;}
.rating_excellent {background-color: #46a819 !important;}

.persize_bottom {font-size: 19px; font-weight: 700;}

/* header lan_game */
.net_header {display: inline-flex; align-items: center; background: #fedc80; gap: 4px; padding: 5px 8px; color: #634a06; font-size: 14px; font-weight: 500; border-radius: 3px;}
a.net_header:hover, a.net_header:focus {color: #000;}

/* body lan_game */
.rel_network {position: relative; display: flex; gap: 16px; margin: 24px 0; padding: 10px; background-color: #f5f5f5; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 10px; cursor: pointer;}
.rel_network:hover .i_square-up {opacity: 1;}
.rel_network:hover .shortnet_body .name {color: #d00;}
.rel_network.highlighted .shortnet_body .name {color: #d00;}
.rel_network.highlighted .i_square-up {opacity: 1;}

.rel_network .i_square-up {display: inherit; position: absolute; right: 14px; bottom: 14px; color: #0000004f; font-size: 22px; transition: .3s; opacity: .3;}
.shortnet_imgs {position: relative; display: contents; overflow: hidden;}
.shortnet_imgs img {width: 102px; height: 132px; border-radius: 5px;}
.shortnet_body {display: flex; flex-direction: column; gap: 10px; margin-top: 10px;}
.shortnet_body .name {color: #000; font-size: 19px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; transition: .3s; overflow: hidden;}
.shortnet_body .net_header {max-width: 152px;}
.shortnet_sub {color: #999; font-weight: 500;}
.shortnet_v {color: #000; font-size: 15px; font-weight: 700;}
.shortnet_no_v {color: #707070; font-weight: 500;}
.link_lan {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.game_desc {position: relative; margin: 10px 0 24px 0; color: #212529; line-height: 1.5; font-size: 1.125em;}
.game_desc strong, .cat-game b {color: #F96B4A;}
.game_desc a {color: #1155cc;}
.game_desc a:hover {color: #013a84;}
.game_desc ul li {list-style: square; margin-left: 24px;}
.game_desc ol li {list-style: decimal; margin-left: 24px;}
.game_desc.expand {margin-bottom: 30px;}
.expand {height: auto !important;}

.scrhead {padding: 12px 0px 12px 5px; font-size: 17px; font-weight: 700;}
.scrblock {position: relative; font-size: 0;}
.scrblock-hide {position: relative; text-align: center; overflow: hidden; height: 0px;}
.open-scr {position: absolute; bottom: -20px; right: 4px; font-size: 12px; color: #636363; cursor: pointer; background: #f9f9f9; border: 1px solid #e8eced; padding: 0 4px;}
.open-scr::before {float: right; line-height: 14px !important; padding-left: 3px;}
.scrblock img {width: calc(33.3% - 5px); height: auto; border-radius: 1.5px; margin: 2.5px; cursor: zoom-in;}
.scrblock .expand {height: auto;}

/* Видео Steam */
.videohead {margin: 24px 0px 16px 5px; font-size: 17px; font-weight: 700;}

.video_steam {position: relative; display: grid; grid-auto-flow: column; gap: 4px; margin-bottom: 4px;}
.moviesteam {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.moviesteam video, .moviesteam iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; cursor: pointer;}

.play_video {position: absolute; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; top: calc(50% - 25px); right: calc(50% - 25px); color: #fff; background-color: #0006; border: 1px solid #aaa3; opacity: 0.75; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; border-radius: 50%; cursor: pointer;}
.play_video.hidden {opacity: 0; visibility: hidden; transform: scale(0.9);}
.play_video::before {font-size: 20px; transition: all 0.16s ease-in-out;}
.play_video:hover {background-color: #000000ab; transform: scale(1.1); opacity: 1;}

.autoplayToggle {position: absolute; display: flex; padding: 4px 6px; left: 4px; bottom: 4px; background: #000000b3; color: #fff; font-size: 12px; opacity: 0;}
.autoplayToggle input {margin-right: 4px;}
.video_steam:hover .autoplayToggle {opacity: 1;}

.video_steam.play {display: block;}

.video_steam button.switch_video {display: none;}
.video_steam.play button.switch_video {display: block;}

button.switch_video {position: absolute; width: 45px; height: 50%; top: 25%; background: #00000038; color: #fff; font-size: 27px; cursor: pointer;}
button.switch_video.two {right: 0; border-radius: 12px 0 0 12px;}
button.switch_video.one {left: 0; border-radius: 0 12px 12px 0;}
button.switch_video.one.i_chevron::before {display: block; transform: rotate(180deg);}
.moviesteam .i_chevron::before {opacity: 0.7;}
.moviesteam .i_chevron:hover::before {opacity: 1;}

/* Видео Steam */

.imglogo {position: relative; margin: 34px 0; text-align: center;}
.imglogo img {width: 320px; max-height: 180px;}

lite-youtube {background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; width: 100%;}
lite-youtube::before {content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);}
lite-youtube::after {content: ""; display: block; padding-bottom: calc(100% / (16 / 9));}
lite-youtube > .lty-playbtn {display: block; width: 68px; height: 48px; position: absolute; cursor: pointer; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; background-color: transparent; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); border: none;}
lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus {filter: none;}
lite-youtube.lyt-activated {cursor: unset;}
lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn {opacity: 0; pointer-events: none;}
.lyt-visually-hidden {clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;}

.tech_details {display: flex; justify-content: space-between; margin: 32px -24px;}
.tech_details .tech_details-block {width: 50%; margin: 0px 24px;}
.tech_details .infotech {padding-bottom: 5px; margin-bottom: 8px; border-bottom: 2px solid #f1f3f4; font-size: 17px; font-weight: 700;}
.tech_details .tech_details-block ul {font-size: 15px; line-height: 1.5;}
.tech_details .tech_details-block ul span:first-child {font-weight: 500;}
.rus {display: inline-block; width: 16px; height: 11px; margin-right: 4px; background: linear-gradient( 180deg ,#ececec 33%,#004aac 0,#004aac 66%,#eb3935 0); border-radius: 2px;}

.info-basic {padding: 14px 0 6px 0;}
.info_rd {font-size: 16px; font-weight: 500; margin-bottom: 14px;}
.info-basictor {display: inline-block; border-top: 1px solid; border-bottom: 1px solid; border-color: #e8e8e8; padding: 8px 16px; background: #fbfbfb; font-size: 1.125em;}
.info_type {display: inline-block;padding: 0 0 0 15px;margin: 0 0 0 15px;border-left: 1px solid #b1b1b1;}

.not-actual {margin-top: 17px; font-weight: 500; font-size: 0.96em;}
.not-actual .ac_ver {color: #d93025;}
.not-actual .ac_text {color: #868686; -webkit-font-smoothing: antialiased; text-decoration: underline;}
.not-actual .ac_text:hover {color: #3154b2;}

.block_down_game {display: flex; justify-content: flex-start; margin: 24px 0 18px 0;}
.block_down_game .block_down:first-child {margin-right: 16px;}
.block_down {position: relative; width: 230px;}
a.itemdown_games {display: block; border-radius: 6px; background: #7bc43c; color: #fff; transition: all .3s; position: relative; font-size: 1.4em; letter-spacing: .5px; text-align: center; height: 44px; line-height: 44px;}
a.itemdown_games::after {content: ""; position: absolute;bottom: 0px;right: 0;width: 32px;height: 28px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABOCAMAAACaL4H6AAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMACDhfEql54va+0OwpHUuQA1MzsTEAAALFSURBVFjDtVnbcoUgDJRLuIrA//9szzmdaasJEJHmWXeW7G4Q3LZnpXeVjd7W1xvYW1fd8R/A0dVPgVgILN/A9beiXAd+/AX+VF4HvtsreNjXoecreDXjl4RIu0xjdSSm3nWjSC+VIARrbR7atsAV3Knms/owEOKNNR7uit5woz5yOMsf0rB//goeySApj4zlxtQVpl6Ix9BTr/LDrutwfcdSQYoEeFuenzKVEyRPgDOGBQ6S3TkUeMOCFSRJ9aXmMhEkbDJN9mXsRhykqph9qWoiSITJ6L6M3YiDRDCi+8LYuhSHOt0XGEqaAiMfdF/sPhEkTF2QfWHMRhwkopl0X8ZuJIKEo40ZMN2IG4qpC6iTbgTGS8rVudmIg4RfwqZizkYiI4h6yXUuSEUxpDrcJHVizchl9Aho7Lon6oSNTWFZnUEdj3W809AjgNF1ysZXTRtWZ3idkNRdGlNoqzO8Tq05GsGx+njCkA11IMXY6oT247Z8yIPa9cjqo6+MJqnqLIysPtK0MVG/eQ2tjrQfjfQ/mxmDQy+nh+WBt6zeO07tofLAG1P90/aGH5OvXHDdpgGkqLKPfQIvpv0cYO5CnciA74K3ptd3Zy52FxLcOQ47uB64ht4aTfpzrlQQ0Te3Vpe+AmOj/jFNPuS+S6kMWEeeiJLxrjX0Sgp9hWq0NrreYeF97nT0B2HJda5+vVq29F4aeB8uc5e47GCVPWf4tYoitBa8jXpQjK+n3nTuYxvmLVRvgj7F3sRtSa3h354d7qZP7lz73ZM0mLTdKcNGjt7cvTdjSepiACPv37IWaAX/XSEED9kcMpVtpmhJ/WtmvSppXeZgH56oH0i66DKYltSuuQxuSJrLEnRaUrvkMrjo2cuAB5KGtIQ6LSl3T5g4RbEOSA8kXRSk6cuAB5Iu+qvSGLxrgtSQdE2QWnup+U9J7wXpC1YOwjwqPouUAAAAAElFTkSuQmCC');opacity: .15;background-size: contain;}
.itemdown_games:hover {-webkit-box-shadow: 0 1px 6px rgb(104 168 0 / 47%); box-shadow: 0 1px 6px rgb(104 168 0 / 47%); color: #fff;}

a.itemdown_nottorent {display: block; border-radius: 6px; background: #394558; box-shadow: inset 0 -1px 3px 0 rgba(30,38,50,.2), 0 3px 6px 0 rgba(30,38,50,.2); color: #fff; transition: all .3s; position: relative; font-size: 17px; letter-spacing: .2px; text-align: center; height: 44px; line-height: 44px;}
.itemdown_nottorent:hover {background-color: #2b3545; color: #fff;}
.itemdown_nottorent_sub {padding: 6px 0px 0px 4px; font-size: 13px; color: #737373;}

.itemtop_games {position: relative; display: flex; align-items: center; justify-content: center; width: 270px; margin: 12px auto; background: #71c63d; color: #fff; font-size: 1.4em; font-weight: 500; padding: 10px 20px; border-radius: 6px; transition: background .2s ease, transform .2s ease, -webkit-transform .2s ease;}
.itemtop_games:hover, .itemtop_games:focus {background: #5dc020; color: #fff; transform: scale(1.004); transition: background .2s ease,transform .2s ease,-webkit-transform .2s ease;}
.reldist {margin-top: 10px;}
.reldist a {border-bottom: 1px dashed #c7c7c7; color: #000; font-weight: 500;}
.reldist a:hover {color: #3154b2;}

.notice_main {position: relative; margin: 24px 0; background: #f7f7f7; color: #000; line-height: 1.3; font-size: 1.125em; border-radius: 4px; padding: 12px 14px;}
.notice_main a:hover, .opencast a:hover, .tech_details-block a:hover {color: #000;}
.notice_head {position: absolute; left: 14px; top: 12px; font-size: 13px; color: #8e8e8e; letter-spacing: 0.8px; text-transform: uppercase;}
.notice_text {margin-top: 17px;}
.notice_text a::before {content: "\e92f"; position: relative; font-family: 'custom_ico' !important; font-weight: 400; padding-right: 2px;}
.notice_text sub {display: inline-block; width: 16px; height: 11px; margin-right: 4px; background: linear-gradient( 180deg ,#fff 33%,#113b9a 0,#113b9a 66%,#ee1e34 0); border-radius: 2px; border: 1px solid #000; text-indent: -9999px;}

.i_spoiler {position: relative; background: #f3f3f3; border: 1px solid #e4e4e4; border-left: 2px solid #909090; padding: 4px; padding-left: 22px; font-weight: 500; margin-top: 8px; cursor: pointer; color: #000; background-image: url('data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs='); background-repeat: no-repeat; background-position: 7px 8px;cursor: pointer;}
.i_spoiler_up {position: relative; background: #f3f3f3; border: 1px solid #e4e4e4; border-left: 2px solid #909090; padding: 4px; padding-left: 22px; font-weight: 500; margin-top: 8px; cursor: pointer; color: #000; background-image: url('data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='); background-repeat: no-repeat; background-position: 7px 8px;cursor: pointer;}
.tquote {position: relative; margin-top: 18px; font-weight: 500; font-size: 1.04em;}
.tquote::before {position: absolute; top: 0; left: -12px; color: #e2000e; content: "*"; font-weight: 700; font-size: 18px;}
.notice_main::before {position: absolute; top: 10px; left: -12px; color: #e2000e; content: "*"; font-weight: 700; font-size: 18px;}
.quoteinf {position: relative; font-weight: normal; font-size: 12px; color: #6b6b6b; cursor: pointer; border-bottom: 1px dashed #b3b3b3;}
.quoteinf:hover {color: #000;}
.quoteinf.i_quest::before {position: absolute; right: -15px; top: 2px;}
.eventrow {position: relative; font-weight: 500; color: #131313;}

.tupd {position: relative; margin-top: 18px; font-size: 1.04em; font-weight: 500; border-top: 2px solid #f1f3f4; padding-top: 12px;}
.tupd::before {position: absolute; top: 12px; left: -12px; color: #e2000e; content: "*"; font-weight: 700; font-size: 16px;}

.tracker_notice {position: relative; font-size: 15px; font-weight: 500;}
.box-steamrating {position: relative; font-size: 1.08em; margin-top: 12px; cursor: default;}
.stser {font-weight: 500;}

.tupd .i_quest {position: relative; color: #b1b1b1; transition: 0.4s; cursor: pointer;}
.tupd .i_quest::before {position: absolute; top: 1px; right: -17px;}
.tupd .i_quest:hover {color: #000;}

[steam_updinfo] {display: inline-block; font-size: 13px; color: #6b6b6b; transition: 0.4s; cursor: pointer;}
[steam_updinfo]:hover {color: #000;}
[steam_updinfo] .updinfo_button {position: relative; border-bottom: 1px dashed #b3b3b3;}
[steam_updinfo] .updinfo_button:before {position: absolute; right: -15px; top: 2px;}
#steam_url {margin-top: 12px;}
#steam_url a:hover {color: #2011e6;}
.steam_url_head {font-weight: 500;}
.publ_updcomm {margin-top: 12px;}

#gog, #otherlink { display: flex; flex-direction: column; gap: 24px; }
.althead {display: inline-block; font-weight: 700; font-size: 17px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; border-bottom: 2px solid #000; text-transform: uppercase;}
.althead_short {margin-top: 10px; margin-left: 10px;}
.althead_name { display: block; font-size: 24px; font-weight: 700; line-height: normal; color: #000; }
.althead_text {position: relative; margin-top: 10px; font-size: 16px; color: #7b7b7b;}
.althead_warning {position: relative; margin-top: 10px; font-size: 15px; background: #ededed; color: #000; padding: 10px 20px; border-radius: 6px;}
.appruv_warning {position: absolute; top: 10px; right: 10px; font-size: 19px; cursor: pointer;}
.appruv_warning:hover {color: #e03131;}

.grid-cols { display: flex; flex-direction: column; gap: 24px;}
summary[h] { position: relative; display: flex; align-content: center; align-items: center; gap: 5px; padding: 10px 12px; cursor: pointer; }
summary[h]::before {content: "\e928"; position: absolute; top: 10px; right: 12px; font-family: 'custom_ico' !important; font-weight: 900; color: #000; transition-duration: .3s;}
summary[h]:hover {background-color: #e5e7eb66;}
summary[h] img {width: 14px; height: auto; max-width: 100%;}
[open] summary[h]::before {transform: rotate(90deg); transition-duration: .3s;}

details.item {position: relative; color: #000; border-bottom: 1px solid #eee;}
details.item a { position: relative; display: block; padding: 10px 12px; color: #000; cursor: pointer; }
details.item a:hover {background-color: #e5e7eb66;}
details.item a::before {content: none !important;}

.file_item { display: flex; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #eee; }
/* other link */
a.otherlink {position: relative; border-bottom: 1px solid #eee; display: flex; align-content: center; align-items: center; gap: 5px; padding: 10px 12px; color: #000; cursor: pointer;}
a.otherlink:hover {background-color: #e5e7eb66;}
a.otherlink::before {position: absolute; top: 14px; right: 12px; color: #000; font-size: 13px;}
a.otherlink img {width: 14px; height: auto; max-width: 100%;}
#althead_info {margin-top: 7px; font-size: 18px; color: #989898; font-weight: 700;}
#otherlink_info {margin-top: 12px; font-size: 15px;}

/* apptag */
.apptag_ctn {position: relative; width: calc(100% - 45px); margin: 34px 0 25px 0;}
.apptag {display: flex; flex-wrap: wrap; gap: 8px;}
.apptag .hidden-tag {display: none;}
.apptag_ctn.active .hidden-tag {display: inline-block;}

.apptag a {display: inline-block; box-sizing: border-box; word-break: break-word; background: #f4f4f4; color: #000; font-weight: 500; font-size: 0.83rem; padding: 5px 8px; border-radius: 5px; -webkit-font-smoothing: antialiased;}
.apptag a:hover {background: #eaeaea;}
.apptag .i_tags {font-family: 'custom_ico' !important; font-size: 25px; width: 25px; height: 25px;}

.button_showtag {position: absolute; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .05); width: 38px; height: 24px; top: 0; right: -45px; cursor: pointer; border-radius: 16px; z-index: 1; background-color .2s ease,transform .2s ease;}
.button_showtag:hover {background-color: rgba(0, 0, 0, .1); transform: scale(1.05);}
.apptag_ctn.active .button_showtag.i_angle-down::before {transform: rotate(180deg); transition: .3s;}

/* controller */
.controller_block {display: flex; flex-direction: column; margin: 24px 0; gap: 8px;}
.device_info {font-size: 15px; font-weight: 500;}
.device_support {display: flex; flex-direction: row; gap: 6px;}

.device {display: flex; align-items: center; gap: 6px; background: #f1f1f1; padding: 5px 8px; font-weight: 500; font-size: 13px; border-radius: 3px; cursor: default;}
.device:hover {background: #eaeaea;}

.device .i_deck {font-family: 'custom_ico' !important; font-size: 17px;}

.device .i_deck-verified {display: flex; align-items: center; gap: 4px; color: #4c9720;}
.device .i_deck-verified::before {background: #000; color: #6bba3d; font-size: 15px; border-radius: 50%;}

.device .i_deck-unsupported {display: flex; align-items: center; gap: 4px; color: #717171;}
.device .i_deck-unsupported::before {font-size: 15px; color: #b2b2b2;}

.device .i_deck-unknown {display: flex; align-items: center; gap: 4px; color: #717171;}
.device .i_deck-unknown::before {font-size: 15px; color: #b2b2b2;}

.device .i_deck-playable {display: flex; align-items: center; gap: 4px; color: #a77e0d;}
.device .i_deck-playable::before {background: #000; color: #ffc82d; font-size: 15px; border-radius: 50%;}

.device .i_noinfosupport {display: flex; align-items: center; gap: 4px;}
.device .i_noinfosupport::before {font-size: 17px;}

.device .i_xbox {display: flex; align-items: center; gap: 6px;}
.device .i_xbox::before {font-size: 17px;}

.device .i_dualshock {display: flex; align-items: center; gap: 6px;}
.device .i_dualshock::before {font-size: 17px;}

.device .i_dualsense {display: flex; align-items: center; gap: 6px;}
.device .i_dualsense::before {font-size: 17px;}

.device .half::before {mask: linear-gradient(to left, #000 50%, rgb(0 0 0 / 57%) 50%);}

.img_device {width: 17px; height: 17px;}

.recommend_controller {display: flex; align-items: center; gap: 6px; padding: 5px 0; font-weight: 500; cursor: default;}
.recommend_controller::before {}

.navfaq {display: inline-flex; flex-direction: column; line-height: 22px;}
.navfaq a {color: #797979; font-size: 15px;}
.navfaq a:hover {color: #000;}

.related {position: relative; min-height: 84px;}
.c-head {font-weight: 500; color: #000; font-size: 20px; margin-bottom: 7px;}
.c-head .commcount {padding: 3px 6px; border-radius: 5px; margin-left: 10px; font-size: 14px; font-weight: 500; background: #eee;}
.c_rel::before {float: left; content: ""; background: #e60000; width: 4px; height: 18px; display: inline-block; margin-right: 7px; margin-top: 2px; border-radius: 2px;}
#relgame .head-carusel {margin: 12px 0px;}
#relgame .itemtop-title {-webkit-line-clamp: 2;}
#relgame .tns-nav {margin-top: 0;}
.si-games {display: block; width: 142px; height: auto; float: left;}
.si-games .imgbox {height: 194px;border-radius: 2px;margin-bottom: 8px;}
.si-games .imgbox:hover {filter: brightness(0.9); transition: .15s all;}
.si-games:hover .itemtop-title {color: #000;}

.divhr {background: #f1f3f4; height: 1px; margin: 24px 0;}

.button_action {position: fixed; display: flex; align-items: center; bottom: 20px; left: 50%; background: #202022; color: #fff; height: 52px; border-radius: 16px; transform: translateX(-50%); transition: transform .3s ease-in-out; z-index: 99999; overflow: hidden;}
.button_action span {display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; cursor: pointer; -webkit-font-smoothing: antialiased;}
.button_action span:hover {color: hsla(0, 0%, 100%, .7);}
.button_action .i_navcomm {padding: 16px 10px 16px 20px;}
.button_action .i_update  {padding: 16px 10px 16px 20px;}
.button_action .i_goup {padding: 16px 20px 16px 10px;}
.button_action .i_goup.cat {padding: 16px 20px;}
.button_action [class^="i_"]::before {font-size: 20px;}

/*--- ATTACH Block ---*/
fieldset.tracker_list {margin: 14px 0;}
fieldset.tracker_list.highlighted {background: #fedc804a; outline: 10px solid #fedc804a;}
fieldset.tracker_list.highlighted .list_item {background: #fffcf6;}
.title-list {font-size: 15px;font-weight: 500;margin-bottom: 16px;background: #FED166;color: #704A25;padding: 7px 0px 7px 22px;border-radius: 3px;border: 1px solid #D2A146;border-top: 1px solid #efb852;box-shadow: inset 0 1px #FEE9AA, inset 1px 0 #FED67F, inset -1px 0 #FEDA85, inset 0 -1px #FECA6F, 0 1px #B98A37, 0 2px #9F7630, 0 4px 2px rgba(0,0,0,0.4);}
.torrent_list {position: relative; display: flex; flex-direction: column; gap: 16px;}
.torrent_list .tempcast {display: none; margin-top: -26px;}
.list_item {position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; background: #f3f3f3; color: #0e0e0e; padding: 14px 16px; border-radius: 3px;}
.list_item[opencast2], .list_item[opencast3], .list_item[opencast4] {cursor: pointer;}
.list_item[opencast2]:hover, .list_item[opencast3]:hover, .list_item[opencast4]:hover {background: #ededed;}
.list_item.activesp {background: #ededed; border: 1px solid #e4e4e4;}
.list_item.activesp .show_ver {font-weight: 500;}
.packagedownld {position: absolute; right: 16px; bottom: 13px; left: auto; display: flex; flex-direction: column; align-items: center; gap: 6px;}
.packagedownld .size {color: #787878; font-weight: 700;}
.packagedownld a.downld {background: #6bba3d; color: #fff; padding: 2px 12px 0 12px; border-radius: 3px; font-size: 15px; border-bottom: 2px solid #4c9721;}
.packagedownld a.downld:hover {background: #60a92a;}

.showtitle {position: relative; display: inline-block; font-weight: 500; font-size: 17px; padding-left: 22px;}
.show_ver {display: flex; gap: 4px; color: #787878;}

.foldclose::before {position: absolute; content: ''; width: 22px; height: 22px; right: -26px; top: -1px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCc+PHBhdGggZmlsbD0nI0ZGQTAwMCcgZD0nTTQwLDEySDIybC00LTRIOGMtMi4yLDAtNCwxLjgtNCw0djhoNDB2LTRDNDQsMTMuOCw0Mi4yLDEyLDQwLDEyeicvPjxwYXRoIGZpbGw9JyNGRkNBMjgnIGQ9J000MCwxMkg4Yy0yLjIsMC00LDEuOC00LDR2MjBjMCwyLjIsMS44LDQsNCw0aDMyYzIuMiwwLDQtMS44LDQtNFYxNkM0NCwxMy44LDQyLjIsMTIsNDAsMTJ6Jy8+PC9zdmc+");}
.list_item.activesp .foldclose::before {background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0OCA0OCc+PHBhdGggZmlsbD0nI0ZGQTAwMCcgZD0nTTM4LDEySDIybC00LTRIOGMtMi4yLDAtNCwxLjgtNCw0djI0YzAsMi4yLDEuOCw0LDQsNGgzMWMxLjcsMCwzLTEuMywzLTNWMTZDNDIsMTMuOCw0MC4yLDEyLDM4LDEyeicvPjxwYXRoIGZpbGw9JyNGRkNBMjgnIGQ9J000Mi4yLDE4SDE1LjNjLTEuOSwwLTMuNiwxLjQtMy45LDMuM0w4LDQwaDMxLjdjMS45LDAsMy42LTEuNCwzLjktMy4zbDIuNS0xNEM0Ni42LDIwLjMsNDQuNywxOCw0Mi4yLDE4eicvPjwvc3ZnPg==");}
.showtitle:after {position: absolute; content: ""; background: url(../image/d.gif); width: 16px; height: 16px; left: 0px; top: 2px; background-size: 100%;}

.opencast {position: relative; border: 1px solid #e5e5e5; background: #fafafa; padding: 10px 14px; margin: 8px 0; font-size: 15px; line-height: 1.4em; overflow: hidden;}
.spcast .opencast {margin-top: -1px; overflow: auto;cursor: pointer;background-color: lightgray;background-color: #f5f5f5;}
.opencast h3 {font-size: 18px;}
.title_spoiler a::before {content: none;}

.list_item.tm5 {background: #d5dff0ba; cursor: pointer;}
.list_item.tm5.activesp {background: #d8dde6e3; border: 1px solid #d2d8e0;}
.list_item.tm5:hover {background: #d8dde6e3;}
.list_item.tm5::before {position: absolute; font-size: 19px; right: 16px; top: 16px; color: #677a9f9c;}
.list_item.tm5 .showtitle {padding-left: 0;}
.list_item.tm5 .showtitle:after {content: none;}
.showtitle[storage]::before {filter: hue-rotate(185deg) saturate(80%) brightness(80%);}


/*--- SIDE ---*/
.block-right {background: #fff; padding: 20px 16px; margin-bottom: 24px; border-radius: 6px; box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.1);}
.head-right {display: block; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #000; margin-bottom: 14px; cursor: pointer;}
.head-title {display: block; font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 14px;}
.ht_rtop::before {float: left; content: ""; background: #fdd000; width: 4px; height: 19px; display: inline-block; margin-right: 7px; border-radius: 2px;}

.actual-box {position: relative; height: 452px; overflow-y: scroll; overflow-x: hidden; scrollbar-gutter: stable; scrollbar-width: none;}
.actual-box::-webkit-scrollbar {width: 0px; background: transparent;}
.actual-box:hover {scrollbar-width: thin;}
.actual-box:hover::-webkit-scrollbar {width: 8px; background: transparent;}
.actual-box::-webkit-scrollbar-thumb {background: #434953; border-radius: 10px;}
.actual-box::-webkit-scrollbar-track-piece {background: #f5f5f5; border-radius: 10px;}
.actual-box.commright {overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none;}
.actual-box.commright::-webkit-scrollbar {display: none;}

a.lupd {position: relative;}
span.imgupd {position: absolute; width: 19px; height: 19px; top: -1px; background: url(../image/updnews.png) no-repeat; background-size: contain; margin-left: 6px;}
span.cfupd {position: absolute; background-color: #e10100; border: 1px solid #fff; top: -2px; left: 15px; width: 9px; height: 9px; border-radius: 22px;}
a.lupd:hover .cfupd {transform: scale(1.2); transition: 0.2s;}

a.topnavr {color: #fd0303 !important; text-transform: uppercase; font-size: 1.06em !important; font-weight: 700 !important; letter-spacing: -0.2px; padding-left: 22px !important;}
a.topnavr::before {content: ""; position: absolute; top: 8px; left: 7px; width: 8px; height: 8px; background: #fe461a; border: 1px solid #000; border-radius: 2px;}

.hr {margin-bottom: 6px;}
.hidecat {display: none;}
.menu_hidecat {display: none;}
.menu_hidecat.active {display: block;}
.open_hidecat {font-size: 13px; margin-bottom: 16px; opacity: 0.4; transition: 0.4s; cursor: pointer;}
.open_hidecat:hover {opacity: 0.7;}
.open_hidecat::before {content: "Показать больше";}
.open_hidecat.active::before {content: "Показать меньше";}  
.sctag {position: relative; display: block; opacity: 0.8;}
.sctag:hover {font-weight: 500; opacity: 1;}
.sctag a {display: block; font-weight: 400; color: #000; padding-bottom: 6px; font-size: 1.1em;}

.side-item {position: relative; display: grid; grid-auto-flow: column; justify-content: start; width: 250px; padding-bottom: 12px; margin-bottom: 12px; height: auto; border-bottom: 1px solid #f3f3f3;}
.side-item:hover .side-img img {filter: brightness(112%); transition: 0.1s all;}
.side-item a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}

.side-img {width: 80px; height: 50px; border-radius: 8px; box-shadow: 0 1px 2px #bbb;}
.side-body {margin-left: 14px;}
.side-body .name {display: -webkit-box; font-size: 1.08em; font-weight: 500; margin-bottom: 7px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.side-body .strate {display: inline-block; margin-top: 7px; font-weight: 500; color: #737373; background: #f2f2f2; padding: 2px 6px; border-radius: 4px; font-size: 13px;}
.side-two {display: flex; font-size: 0.96em; color: #8c8c8c;}
.side-two .info:first-child:after {content: "•"; margin: 0 4px;}
.side-date {color: #8c8c8c; font-size: 1.02em;}

.lmenu-list {position: relative;}
.lmenu-name {display: block; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #000; margin-bottom: 14px;}
.lmenu-nav {position: relative;}
.lmenu-nav a {display: inline-block; background: #f2f2f2; padding: 8px 14px; font-size: 1.03em; font-weight: 500; -webkit-font-smoothing: antialiased; border-radius: 7px; color: #000; transition: .3s; margin-right: 2px; margin-bottom: 8px;}
.lmenu-nav a:hover {background: #e6e6e6; font-weight: 500; -webkit-font-smoothing: auto;}
.lmenu-nav hr {height: 1px; background: linear-gradient(90deg, rgb(216 216 216 / 59%), transparent); margin-top: 10px; margin-bottom: 10px; margin-left: 0; width: 60%; border: none;}
.lmenu_otc {height: 2px;}
.open_alltag {display: flex; align-items: center; position: relative; margin: 4px -16px -20px -16px; background: #fbfbfb; font-weight: 700; padding: 4px 0; padding-left: 12px; font-size: 13px; text-transform: uppercase; border-radius: 0px 0px 4px 4px; border-top: 2px solid #e3e3e3;}
.open_alltag .genres {cursor: pointer;}
.open_alltag, .open_alltag a {color: #000;}
.open_alltag a:hover, .open_alltag .genres:hover {color: #146ebe;}
.open_alltag [class^="i_"] {font-family: 'custom_ico' !important; font-size: 20px; font-weight: normal; width: 20px; height: 20px; margin-right: 4px;}

.catext {margin-top: 24px;}
.catext p {line-height: 1.5; margin-bottom: 12px; font-size: 1.125em; overflow: hidden;}
.catext img {float: left; margin: 8px 16px 0 2px; width: 240px; border-radius: 2px; box-shadow: 0 1px 3px 0px #3e3e3e, 0 0px 0px 1px #3e3e3e;}
.catext h2 {margin-top: -10px; margin-bottom: 10px;}
.catul {padding: 0px 20px; list-style: square outside; color: #595959; margin-bottom: 12px;}
.catul li {line-height: 1.4;}

.catfaq-title {margin-top: 12px !important; font-size: 16px;}
.catfaq-items {margin: 8px 0;}
.catfaq-item {margin-bottom: 8px;}
.catfaq-item__head {background-color: #f7f7f7; border: 1px solid #eaeaea; font-weight: 500; color: #545454; cursor: pointer; padding: 5px 32px 5px 12px; position: relative; border-radius: 2px; list-style: none;}
.catfaq-item__head::before {content: "";background-color: #464646;position: absolute;top: 50%;left: 97%;width: 8px;height: 2px;margin: -1px 0 0 -4px;}
.catfaq-item__head:after {content: "";background-color: #464646;position: absolute;top: 50%;left: 97%;width: 2px;height: 8px;margin: -4px 0 0 -1px;}
[open] .catfaq-item__head:after {background-color: transparent;}
.catfaq-item__content {padding: 10px 4px 4px 4px;}
.catfaq-item__content ul {list-style: square; font-size: 1.125em; line-height: 1.5; padding-left: 14px; margin-bottom: 10px;}

.staticpord {margin: 0 auto;font-size: 1.2em;font-weight: 500;text-align: center;}
.staticpord a {display: inline-block;background: #7bc43c;border-radius: 4px;width: 300px;height: 32px;color: #fff;padding: 6px 16px;}
.staticpord a:hover {background: #3ca5c4;}

/*--- FOOTER ---*/
.footer-navi {background: #292929; min-width: 320px; padding: 12px 0;}
.footer-c, .footer-navi_menu {max-width: 1100px; display: flex; justify-content: space-between; margin: 0 auto; padding: 0 10px;}
.footer-navi_menu {justify-content: flex-end;}
.footer-lc {color: #909090; font-size: 15px;}
.footer-dc {font-size: 15px;}
.footer-dc a {margin: 0 3px; color: #909090;}
.footer-dc a:hover {color: #fff;}
.pravo {border-right: 2px solid #444444; padding-right: 10px;}
.link-gog {position: relative; border-radius: 4px; padding: 4px 10px; display: inline-block; color: #e1e1e1; background: #3b3b3b; font-size: 15px; cursor: pointer;}

/*--- COMMENTS ---*/
.rules-reviews {background: #cecece; float: right; border-radius: 2px; margin-bottom: 8px; padding: 2px 5px; color: #fff; cursor: pointer; border: 1px solid #bbbbbb;}
.comm-box {position: relative; margin-bottom: 20px;}
.add-commform {position: relative; padding-top: 25px;}
.ac-inputs {display: flex; justify-content: space-between; margin-bottom: 20px; overflow: hidden;}
.ac-inputs input {width: 250px;}
.ac-textarea {position: relative; min-height: 96px; background-color: #f5f5f5; padding: 15px; border: 2px solid #00000008; border-radius: 10px; margin-bottom: 20px; color: #000;}
.ac-textarea textarea {background: inherit; width: 100%; font-size: 16px; font-weight: 500; letter-spacing: -.02em; height: 50px; line-height: 25px; resize: none;}
.ac-textarea textarea::placeholder {font-weight: 400; color: rgba(0,0,0,.65);}
.ac-textarea textarea::-webkit-scrollbar {width: 0; height: 0;}
.ac-bottom_line {display: none; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.ac-bottom_b {display: flex; justify-content: space-between;}
.recaptchacomm {position: relative;}
.recaptchacomm .g-recaptcha, .recaptchacomm .cf-turnstile {margin-bottom: 57px;}
.ac-submit {text-align: center;}
.ac-faq {width: 132px; text-align: center; text-transform: uppercase; background-color: #ffe38d; border: 2px solid #ffda67; padding: 8px 20px; margin-right: 6px; border-radius: 6px; color: #000; font-size: 15px; font-weight: 500;}
.ac-faq:hover, .ac-faq:focus {color: inherit; opacity: 0.8;}
.nofaq .ac-faq {display:none;}
.ac-submit, .btn-cn {background-color: #f5f5f5; border-radius: 6px; color: #000; font-size: 15px; cursor: pointer; padding: 10px 20px; font-weight: 500; font-family: Roboto, sans-serif;}
.ac-submit:hover, .btn-cn:hover {background-color: #e5e5e5;}
.btn-cn.i_auch::before {padding-right: 4px;}
.ac-submit.no_active {position: absolute; right: 0;}
.active_comment {margin-bottom: 20px;}
.active_comment .ac-bottom_line {display: flex; margin-bottom: -57px; z-index: 1;}
.active_comment .ac-submit.no_active {display:none;}
.sec-answer + .sec-label {margin-top:10px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-inputs input {background-color:#fff;}
.mass_comments_action {display: flex; padding: 6px 14px; background-color: #fbfbfb; border: 1px solid #f1f1f1; border-radius: 5px; margin-top: 10px; justify-content: flex-end; align-items: center;}
.mass_comments_action input[type="submit"] {background: #ededed; color: #000; font-size: 13px; margin-left: 4px; padding: 7px 15px; border-radius: 5px; cursor: pointer;}
.last-comm-link {font-size:16px; margin-top:10px;}
.last-comm-link a {text-decoration:underline; color:#06c;}
.comments-items {margin-top: 12px;}

.head-addcomm {display: flex; flex: 1 0 auto; justify-content: flex-end; flex-direction: row; align-items: center;}
.head-addcomm-title {font-size: 15px; color: #000; font-weight: 700; margin-right: 8px;}
.head-addcomm .socbutton {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; margin-left: 5px; font-size: 17px; cursor: pointer;}
.socbutton.i_vk {background: #0077ff;}
.socbutton.i_google {background: #E94F43;}
.socbutton.i_yandex {background: #fc0;}
.head-addcomm .socbutton:hover {opacity: 0.9;}

.comm-item {position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px 0; overflow-wrap: break-word;}
#comm-status {padding-top: 0px; border-bottom: 1px solid #efefef;}
#comm-status .comm-two {position: relative; margin-bottom: 0; padding-bottom: 0;}
#comm-status .comm-two b {font-weight: 500;}
#comm-status .comm-two::before {position: absolute; top: 1px; left: -13px; color: #e2000e; content: "*"; font-weight: 700; font-size: 18px; line-height: 1;}
.fixcom {width: 15px; height: 15px; background: url(../image/fixcom.png) no-repeat; background-size: 100%;}
.comm-two .highlighted {background-color: #ffe7a8; transition: background-color 0.5s ease;}

.comm-one_line {position: relative; display: flex; gap: 12px;}
.comm-one_line input {position: absolute; top: 0; left: 0; width: 38px; height: 38px; opacity: 0; cursor: pointer;}
.comm-one_line input:checked {opacity: 1;}
.comm-one {position: relative; display: flex; align-items: center; gap: 4px;}
.comm-av {position: relative; width: 38px; height: 38px; cursor: pointer;}
.comm-av img {display: block; width: 38px; height: 38px; border-radius: 4px;}
.comm-avbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 38px; text-align: center;
    background-color: #000; color: #00000087; font-size: 20px; text-transform: uppercase; border-radius: 4px;}
.comgroup {display: inline-flex; gap: 4px; color: #717171;}
.comgroup:hover {color: #000;}
.mycomm {background: #8BC34A; color: #fff;}
.user-on {position: absolute; top: -1px; left: -1px; border: 7px solid transparent; border-top-color: rgb(127, 185, 0); border-left-color: rgb(127, 185, 0); border-top-left-radius: 5px; border-top-right-radius: 3px; border-bottom-left-radius: 3px;}
.comm-author {font-size: 0.96rem; font-weight: 500; line-height: 1; color: initial; cursor: pointer;}
.comm-author a {color: #000;}
.comm-author a:hover {color: #1172a6;}

.comm-reply {display: flex; flex-wrap: nowrap; align-items: center; gap: 16px; line-height: 0;}
.comm-reply a {position: relative; display: flex; align-items: center; gap: 4px; color: #595959; cursor: pointer; font-weight: 500; -webkit-font-smoothing: antialiased;}

a[onclick^="dle_reply"]:hover {color: #000;}

.comm-reply .i_dottcom {position: relative; color: #808080; cursor: pointer;}
.edithide {display: none; align-items: center; gap: 8px; margin-left: -4px; transition: all 0.5s}
.edithide.active {display: flex;}
.edithide span:hover, .eldot:hover {color: #000;}
.eldot:hover::after {position: absolute; top: -4px; left: -4px; right: auto; content: ""; width: 22px; height: 22px; background: #00000014; border-radius: 999px;}

.comm-date {color: #8a8a8a; font-size: 0.8rem;}
.comm-two {color: #111; font-size: 1.08em; line-height: 1.35;}
.comm-two .comm-author {float: none; padding: 0; font-size: inherit;}
.comm-two div[id] {display: initial;}
.signature {margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}

.comm-rate {display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 16px;}
a[onclick^="doCommentsRate('plus'"] {transform: rotate(180deg);}
.ratingtypeplusminus {font-size: 14px;}
.i_ratebut {position: relative;}
.i_ratebut:hover::after {position: absolute; top: -4px; left: -4px; right: auto; content: ""; width: 24px; height: 24px; background: #00000014; border-radius: 999px;}

a[onclick^="doCommentsRate('plus'"] .i_ratebut:hover {color: #d93900;}
a[onclick^="doCommentsRate('minus'"] .i_ratebut:hover {color: #6a5cff;}

.add-smile-form {position: relative; display: contents; cursor: pointer;}
.add-smile-form:hover .smile-form-box {display: block;}
.add-smile-form:hover .smileicon {color: #797b87;}
.smileicon {display: block; width: 18px; height: 18px; font-size: 18px;}
.smile-form-box {display: none; padding: 6px 10px; background: #fff; border: 1px solid #efefef; border-radius: 2px; width: 376px; left: 0; position: absolute; bottom: -90px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); z-index: 99999;}
.smile-form-box::before {content: ""; width: 100%; height: 42px; position: absolute; left: 0px; top: -40px;}
.smile-form-box a {display: inline-block; padding: 2px 5px; border-radius: 2px; font-size: 1.85em;}
.smile-form-box a:hover {background: #eee;}
.smpodlogka::before {content: "";width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 7px solid #f8f8f8;position: absolute;top: -7px;left: 20px;z-index: 6;}
.smpodlogka:after {content: "";width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 8px solid #dedede;position: absolute;top: -8px;left: 19px;z-index: 4;}
#counter {position: absolute; right: 17px; bottom: 17px; color: #2a2a2a; font-weight: 500;}

/* right comment block */
.actual-box.commright {display: flex; flex-direction: column; gap: 14px; user-select: none;}
.rcomm_item {position: relative; display: flex; flex-direction: column; gap: 10px; color: #000; border-bottom: 1px solid #f3f3f3;}
.rcomm_head {display: flex; gap: 12px;}
.rcomm_main {}

.rcomm_av {position: relative; width: 34px; height: 34px; overflow: hidden;}
.rcomm_av img {width: 34px; height: 34px; border-radius: 3px;}
.rcomm_av .comm-avbox {line-height: 34px;}

.rcomm_meta {display: flex; overflow: hidden; flex-direction: column; justify-content: space-between;}
.rcomm_meta .author {font-size: 0.96rem; font-weight: 500; line-height: 1; color: initial; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rcomm_date {color: #8a8a8a; font-size: 0.78rem;}
.rcomm_text {position: relative; color: #2b2b2b; line-height: 16px; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.rcomm_title {position: relative; display: block; margin-top: 10px; margin-bottom: 14px; color: #7c7c7c; font-size: 13px; font-weight: 500; -webkit-font-smoothing: antialiased; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.rcomm_title.i_square-up::before {position: absolute; right: 0; bottom: 0; color: #0000004f; font-size: 15px; opacity: 0;}
.rcomm_item:hover .i_square-up::before {opacity: 1;}

.actual-box.team_site {display: flex; flex-direction: column; gap: 12px; user-select: none; height: 270px;}
.team_author {display: flex; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #f3f3f3;}
.team_av {position: relative; width: 34px; height: 34px; overflow: hidden;}
.team_av img {width: 34px; height: 34px; border-radius: 3px;}
.team_one {display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;}
.team_login {display: flex; align-items: center; gap: 4px;}
.team_name {font-size: 0.96rem; font-weight: 500; line-height: 1; color: initial;}
.team_status {color: #8a8a8a; font-size: 0.78rem;}

.rel_author {display: flex; gap: 12px;}
.rel_author_av {position: relative; width: 34px; height: 34px; overflow: hidden;}
.rel_author_av img {width: 34px; height: 34px; border-radius: 3px;}
.author_text {color: #8a8a8a; font-size: 0.78rem;}
#relgame {min-height: 274px;}


/*--- BOTTOM Navi ---*/

.navigation {width: -webkit-fill-available; padding: 8px 24px; margin: 10px -24px; background: #fbfafa;}
.navigation:after {clear: both; display: block; content: "";}

.pages {text-align: left;}
.pages span, .pages a:hover, .page_next-prev {background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); border-radius: 8px;}
.pages span, .pages a {color: inherit; display: inline-block; position: relative; border-radius: 8px; padding: 7px; min-width: 22px; height: 22px; line-height: 22px; text-align: center; font-weight: 700; box-sizing: initial; font-size: 16px; transition: none;}
.pages span {color: #4a84c4;}
.pages a:hover {color: #fff; background-color: #3394e6;}

.page_next-prev {float: right; height: 36px;}
.page_next-prev * {float: left;}
.page_next-prev i {font-size: 20px; color: #d7d7d7;}
.page_next-prev > span >  a:hover i { color: #0c5f7eed; }
.page_next-prev > span > * {float: left; padding: 8px 12px;}
.page_next > span, .page_prev > span {opacity: 0.5;}
.nav_ext {margin: 0 10px;}

.ac-navigation {display: flex; justify-content: center; align-items: center; margin-top: 6px;}
.ac-navigation a {display: inline-block;min-width: 300px;background-color: #f3f3f3; color: #191919; text-align: center; line-height: 32px; border-radius: 2px; white-space: nowrap; padding: 0 10px; cursor: pointer;}
.ac-navigation a:hover {background-color: #e8e8e8;}

.btn-menu-wr {font-size: 32px; margin-left: 20px; border-radius: 5px; cursor: pointer;}
.btn-menu-wr::before {padding: 0px 2px; color: #000;}
.opened-menu .btn-menu-wr::before {content: "\e916"; font-family: 'custom_ico' !important; padding: 0px 4px;}
.btn-menu-wr:hover {background-color: rgba(100, 116, 149, .08);}

.side-panel {width: 240px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #fff; z-index: 99999; position: fixed; left: -320px; top: 0; transition: left .4s; -webkit-transition: left .4s;}
.side-panel.active {left: 0;}
.side-panel .right-nav {display: block;}
.close-overlay {width: 100%; height: 100%; background-color: rgba( 0, 0, 0, 0.4); position: fixed; left: 0; top: 0; z-index: 887; display: none;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}

/*--- LOGIN Profile ---*/
.profile-box {position: absolute; background-color: #fff; border: 1px solid #eaeaea; border-radius: 8px; top: 43px; left: auto; right: -20px; overflow: hidden; z-index: 99999; padding: 6px 0; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); min-width: 180px;}
.profile-box form {width: 255px; padding: 10px;}
.account-menu_user {display: grid; grid-template-columns: 40px 1fr; gap: 0 12px; align-items: center; padding: 10px 15px; height: 60px; font-size: 17px;}
.account-menu_user:hover .account-menu_profile {color: #4a84c4;}
.account-menu_avbox {width: 40px; height: 40px; grid-row: span 2; border-radius: 50%; overflow: hidden;}
.account-menu_name {max-width: 146px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; font-weight: 500;}
.account-menu_profile {font-size: 15px; color: #595959;}
.lb-menu li {position: relative; display: flex; align-items: center; color: #000; padding: 10px 15px;}
.lb-menu li:hover {background-color: rgba(32,35,51,.04); -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out;}
.lb-menu li::before {width: 15px; height: 15px;}
.lb-menu li.exit {border-top: 1px solid #eaeaea; margin-top: 6px; margin-bottom: -6px;}
.lb-menu li a {color: #000;font-weight: 500;-webkit-font-smoothing: antialiased;padding-left: 10px;}

.lb-lnk {display: flex; line-height: 22px; margin-top: 12px; padding-top: 10px; border-top: 2px solid #f3f3f3; justify-content: space-between; align-items: center;}
.log-register {background: #86c113; color: #fff; padding: 0 10px; border-radius: 2px;}
.log-register:hover {opacity: .88; color: #fff;}

.grecaptcha-badge {z-index: 99999;}

.regwrap {color: #444; line-height: 1.5; font-size: 1.08em;}
.regwrap h2 {font-size: 18px; font-weight: 500; margin-bottom: 4px;}
.ulreg li {list-style: disc; margin-left: 16px; margin-bottom: 5px;}

.xsort-area {display: none;}
.xsort_open .xsort-area {display: block;}
.xsort-button {position: relative; display: block; width: 100px; cursor: pointer; text-transform: uppercase; font-size: 12px; font-weight: 500;}
.xsort-button::before {position: absolute; top: -3px; right: -1px; font-size: 13px; color: #00000052; padding: 3px 6px; border-radius: 16px; transition: 0.2s; cursor: pointer;}
.xsort-button:hover:after {background: #f0f0f0; color: #000;}
.xsort_open .xsort-button::before {background: #f0f0f0; color: #000;}
.xsort-area > div {float: left; margin-right: 10px;}
.xsort-div {height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #e8e8e8; box-shadow: 0 0 0 1px rgb(0 0 0 / 8%); border-radius: 3px; background: #fff; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.xsort-div:hover {box-shadow: 0 0 0 2px rgb(0 0 0 / 8%);}
.xsort-active {box-shadow: 0 0px 0px 2px #ffb114; border: 1px solid #fff;}
.xsort-selected {position: relative; padding-right: 15px; color: #2d2d2d; font-weight: 500; cursor: pointer;}
.xsort-selected::before {position: absolute; top: 0px; right: -2px; font-size: 15px; line-height: 24px !important; color: #b6b6b6; font-weight: 900 !important;}
.xsort-ul {display: none; background: #fff; position: absolute; top: 32px; left: 0; margin: 0; padding: 0; z-index: 999; border: 1px solid #f3ce4b; border-radius: 10px; max-height: 400px; overflow: auto; box-shadow: 0 0 0 3px rgb(0 0 0 / 8%);}
.xsort-ul li {display: block; padding: 0 30px 0 16px; line-height: 26px; white-space: nowrap; cursor: pointer; color: #000;}
.xsort-ul li.current {position: relative; font-weight: 500; background: #ffeba0;}
.xsort-ul li.current::before {position: absolute; top: 0; right: 10px; content: "\e90e"; font-family: 'custom_ico' !important; font-weight: 900 !important; line-height: 25px;}
.xsort-ul li:hover {background: #ffeba0;}

.xsort-div-clearall {position: relative; padding: 0 12px; cursor: pointer;}
.xsort-div-clearall::before {position: absolute; top: 6px; left: 7px; font-size: 14px; color: #5c5c5c; font-weight: 700 !important;}
.xsort-area {font-size: 12px; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;}
.xsort-area:after{content: ""; display: table; clear: both;}

.tns-outer {padding: 0 !important;}
.tns-outer [hidden] {display: none !important;}
.tns-slider {-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.tns-slider > .tns-item {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tns-horizontal.tns-subpixel {white-space: nowrap;}
.tns-horizontal.tns-subpixel > .tns-item {display: inline-block; vertical-align: top; white-space: normal;}
.tns-horizontal.tns-no-subpixel:after {content: ""; display: table; clear: both;}
.tns-horizontal.tns-no-subpixel > .tns-item {float: left;}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {margin-right: -100%;}
.tns-no-calc {position: relative; left: 0;}
.tns-ah {-webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s;}
.tns-ovh {overflow: hidden;}
.tns-visually-hidden {position: absolute; left: -10000em;}
.tns-transparent {opacity: 0; visibility: hidden;}
.tns-fadeIn {opacity: 1; filter: alpha(opacity=100); z-index: 0;}
.tns-normal, .tns-fadeOut {opacity: 0; filter: alpha(opacity=0); z-index: -1;}
.tns-vpfix {white-space: nowrap;}
.tns-vpfix > div, .tns-vpfix > li {display: inline-block;}
.tns-t-subp2 {margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden;}
.tns-t-ct {width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0;}
.tns-t-ct:after {content: ""; display: table; clear: both;}
.tns-t-ct > div {width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left;}
.tns-nav {display: flex; align-items: center; justify-content: center; margin-top: 12px;}
.tns-nav2 {display: flex; align-items: center; justify-content: center; margin-top: 12px;}
.tns-nav button {background-color: #cecfd075; width: 15px; height: 11px; border-radius: 2px; margin: 2px;  transition: background-color 0.2s; cursor: pointer;}
.tns-nav-active {background-color: #000 !important;}
.carusel-box.showfull .tns-nav {margin-top: 7px;}
.pinned_line {position: relative; margin-top: 20px; margin-bottom: -20px;}
.fixnews {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; height: auto; max-height: 342px; overflow: hidden;}
.pinned_line .tns-nav {flex-direction: column; margin: 0; position: absolute; top: -2px; right: -21px;}
.pinned_line .tns-nav button {height: 15px;}

.wait-box {position: relative; min-height: 320px; height: auto; margin: 14px 0; border-top: 1px solid #eee; padding-top: 12px;}
.waithead {position: relative; display: inline-block; font-size: 15px; text-transform: uppercase; font-weight: 700; color: #000;}
.wait-box .subtitle {display: block; color: #7b7b7b; margin-bottom: 10px;}

.itemdown_soc {display: inline-flex; gap: 4px; padding: 0 16px; border-radius: 3px; transition: all .3s; font-size: 1.1em; height: 38px; line-height: 38px; cursor: pointer; margin: 16px 4px 12px 4px; align-items: center;}
.itemdown_soc:hover {opacity: .85;}
.static-pages .i_vk {background: #0077ff; color: #fff;}
.static-pages .i_google {background: #E94F43; color: #fff;}
.static-pages .i_yandex {background: #fc0; color: #000;}

.itemprofile_soc {display: flex; width: 28px; height: 28px; margin: 0 2px; border-radius: 3px; transition: all .3s; font-size: 1.1em; cursor: pointer; justify-content: center; align-items: center;}
.itemprofile_soc:hover {opacity: .85;}
.itemprofile_soc.i_vk {background: #0077ff; color: #fff;}
.itemprofile_soc.i_google {background: #E94F43; color: #fff;}
.itemprofile_soc.i_yandex {background: #fc0; color: #000;}

#Tooltip {max-width: 350px; padding: 4px 12px; background: #000; color: #fff; border-radius: 4px; font-size: 13px; z-index: 9999;}

/*--- ADAPTIVE ---*/
@media screen and (max-width: 1100px) {
    .short_img img {max-height: 120px;}
    .br_stat .marquee {display: none;}
    .nav_ext {margin: 0;}
    .ac-navigation .nav_ext {margin: 0 10px;}
}

/*手机格式规则*/
@media screen and (max-width: 960px) {
    .logo {width: 45px !important; height: 30px !important; overflow: hidden; background-size: cover !important;}
    .logo img {width: 137px !important; height: 30px !important; max-width: fit-content !important;}
    .carusel-box {margin-bottom: 20px;}
    .carusel-box.showfull .tns-nav {margin: 12px 0 2px 0;}
    .tns-nav button {display: none;}
    .tns-nav button:nth-child(-n+8) {display: inline-block; height: 11px;}
    #tns3-ow .tns-nav {display: none;}
    .main {width: 100%; float: none;}
    .mainwrap {box-shadow: none;}
    .mainwrap::before {display: none;}
    .right-nav {margin: 0; width: 100%; display: none;}
    .block-right {margin-bottom: 0;}
    .btn-menu-wr {display: flex;}    
    .wrap {margin: 0;}
    .carusel-box {display: none;}
    .side-panel .right-nav {width: 100%;}
    .side-panel .lmenu-nav a {padding: 4px 1px; font-size: 1.15em;}
    .carusel-box {min-height: 303px;}
    .carusel-box.showfull {min-height: 321px;}
    .short_img img {max-height: 120px;}
    ::-webkit-scrollbar{height:12px;width:14px;background:rgba(0,0,0,0);z-index:12;overflow:visible}
    ::-webkit-scrollbar-thumb{width:10px;background-color:#434953;border-radius:10px;z-index:12;border:4px solid rgba(0,0,0,0);background-clip:padding-box;transition:background-color .32s ease-in-out;margin:4px;min-height:32px;min-width:32px}
    ::-webkit-scrollbar-thumb:hover{background-color:#4e5157}
}

@media screen and (max-width: 730px) {
    #search_btn {display: flex;}
    .search-wrap {opacity: 0; visibility: hidden; margin-right: 0; position: fixed; left: 10px; z-index: 1;}
    .tech_details {display: block; margin: 24px 0;}
    .tech_details .tech_details-block {width: 100%; padding: 2% 0; margin: 0;}
    .tabs-nav li {float: none;}
    .tabs-nav li:not(:first-of-type) {border-left: 1px solid #e0e0e0;}
    .title-list {font-size: 16px;}
    .showtitle {width: 92%;}
    .showtitle::before {font-size: 17px;}
    .show_ver {margin-bottom: 4px;}
    .navfaq a {font-size: 16px;}
    .short_img img {max-height: 120px;}

    .page_next-prev {height: auto; float: none; background: none; box-shadow: none; -webkit-box-shadow: none;}
    .page_prev, .page_next {position: relative; z-index: 1; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);}
    .page_prev {float: left;}
    .page_next {float: right;}
    .pages {text-align: center;}
    .navigation .pages > span.nav_ext { text-indent: -9999px; background: none; box-shadow: none; width: 10px; min-width: 5px; padding: 0;}
}    

/*--- От 690px до 590px ---*/
@media screen and (max-width: 690px) {
    .br_stat {display: none;}
    .xsort-div-clearall {display: none;}
    .xsort-area > div {margin-right: 8px;}
    .active_comment .ac-bottom_line {margin-bottom: 0;}
    .recaptchacomm .g-recaptcha {margin-bottom: 12px;}

    .short_item {width: calc(34% - 13px);}
    .short_img img {max-height: 100px;}
    .search_res_title {white-space: wrap;}
}    

/*--- От 590px до 491px ---*/
@media screen and (max-width: 590px) {
    .search-wrap {width: 100%;}
    .fav_hr, .i_bookmark.favorite {display:none;}
    .hidefav.i_bookmark {display: block;} /* fav в профиле */
    .switch-container {margin-right: 0;}
    .catheader {display: block;}
    .breadcrumbs {width: 100%; font-size: 15px;}
    .min-details {position: relative; justify-content: center; left: 0; right: 0; top: -4px; margin-bottom: 12px; font-size: 15px; font-weight: 500; -webkit-font-smoothing: antialiased;}
    .xsort-button {margin-top: 10px;}
    .xsort-area > div {float: none; margin-right: 0; margin-bottom: 5px;}
    .short_item {width: calc(50% - 14px);}
    .short_img img {max-height: 246px;}
    .shortupd_body .name {font-size: 20px; margin: 0 0 10px 0;}
    .fmainwrap {display: block; padding-bottom: 0; margin-bottom: -24px;}
    .poster-imgbox {margin: 0 auto;}
    .game_details {width: 100%; padding: 24px 0;} 
    .stser {display: block; padding-bottom: 2px;}
    .tquote, .tupd {font-size: 1.1em; margin: 14px 0;}
    .itemtop_games {display: none;}
    .game_desc {margin: 10px 0 2px 0;}
    .scrhead, .videohead {font-size: 19px;}
    .scrblock img {width: calc(50% - 8px);} 
    .imglogo {margin: 14px 0;}
    .imglogo img {width: 240px;}
    .not-actual .ac_ver {display: block; margin-top: 4px; margin-bottom: -14px;}
    .infohide {display: none;}
    .info_type {padding: 0; margin: 3px 0 0 0; border: none;}
    .info_type b {color: #7f7f7f; border-bottom: 2px dotted #c5c5c5; line-height: 24px;}
    .spoiler {font-size: 16px; background-size: 11px;}
    .rels-c {display: flex; flex-wrap: wrap; justify-content: space-around; margin-right: 0px;}    
    .comm-one > span:nth-child(4) {display:none;}
    .ac-soc::before {display:none;}
    .ac-soc {position:static;}
    .ac-inputs {display: block !important;}     
    .ac-inputs input {width:100%;}
    .head-addcomm {padding-top: 20px; justify-content: left;}
    .footer-c {display: block;}
    .footer-dc a {margin: 20px 14px 0 0px; color: #4a84c4; display: inline-block;}    
    .ui-dialog {width:100% !important;}
    .upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
    .upop-left {margin-bottom:10px; text-align:center;}
    #dofullsearch, #searchsuggestions span.seperator {display:none !important;}
    .carusel-box, .carusel-box.showfull {min-height: 313px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 234px;}
    .itemtop-box, .si-games {width: 154px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(34% - 13px);}
    .short_img img {max-height: 100px;}
}

/*--- От 491px до 437px ---*/
@media screen and (max-width: 491px) {
    .search_open .search-wrap {width: 100%; left: 0;}
    #quicksearch {width: 100%;}
    #quicksearch input {height: 42px; line-height: 42px; margin: 0px 10px;}
    #quicksearch input:focus {font-size: 17px; font-weight: 500;}
    .search-button {right: 16px; top: 2px; font-size: 20px;}
    .placeholder {left: 30px;}
    #ajax_search::placeholder {font-size: 15px; font-weight: 500; color: #917c34;}
    .sort-hide {height: 34px; padding: 0 18px;}
    .sort-hide span {display: none;}
    .sort-hide::before {right: 12px;}
    #news_set_sort {left: auto; right: 0;}
    .itemdown_games, .itemdown_nottorent {font-size: 1.04em; overflow: hidden;}
    .packagedownld .size {font-size: 14px;}
    .packagedownld a.downld {font-size: 16px;}
    .comm-rate {top: 22px;}
    .mass_comments_action {display: inherit;}
    .mass_comments_action select {margin: 8px 4px;}
    .mass_comments_action input[type="submit"] {margin: 2px 0;}

    .carusel-box, .carusel-box.showfull {min-height: 291px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 212px;}
    .itemtop-box, .si-games {width: 136px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(34% - 13px);}
    .short_img img {max-height: 100px;}
}


/*--- От 437px до 396px ---*/
@media screen and (max-width: 437px) {
    #searchsuggestions {width: 100% !important;}
    #relgame .head-carusel {height: auto;}
    .block_down_game {flex-wrap: wrap; justify-content: center;}
    .block_down_game .block_down:first-child {margin-right: 0;}
    .showtitle {width: 100%; padding-left: 0;}
    .showtitle::before {display: none;}
    .showtitle:after {width: 14px; height: 14px; left: -15px; top: -13px;}
    .smile-form-box {width: 138px; top: 104px; bottom: auto;}

    .carusel-box, .carusel-box.showfull {min-height: 349px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 270px;}
    .itemtop-box, .si-games {width: 175px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(52% - 15px);}
    .short_img img {max-height: 100px;}
    .shortupd_imgs img {max-width: 100px;}
    .search_res_img img {max-width: 100px;}
    .shor_tools_in {float: none;}
}

/*--- От 396px до 360px ---*/
@media screen and (max-width: 396px) {
    .carusel-box, .carusel-box.showfull {min-height: 334px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 256px;}
    .itemtop-box, .si-games {width: 164px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(52% - 15px);}
    .short_img img {max-height: 100px;}
    .shor_tools_in {float: none;}
    
    .carouhead {flex-direction: column; margin-bottom: 4px;} 
}

/*--- От 375px до 360px ---*/
@media screen and (max-width: 375px) {
    .carusel-box, .carusel-box.showfull {min-height: 329px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 250px;}
    .itemtop-box, .si-games {width: 155px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 206px;}
    .short_img img {max-height: 206px;}
    .search_res {text-align: center;}
    .search_res_img {float: none; margin: 0;}
    .shor_tools {padding: 0;}
}

/*--- Только 360px ---*/
@media screen and (width: 360px) {
    .carusel-box, .carusel-box.showfull {min-height: 311px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 242px;}
    .itemtop-box, .si-games {width: 148px;}
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(52% - 14px);}
    .short_img img {max-height: 100px;}
}

/*--- Менее 360px ---*/
@media screen and (min-width: 320px) and (max-width: 359px) {
    .carusel-box {min-height: 286px;}
    .carusel-box.showfull {min-height: 297px;}
    .head-carusel, .head-carusel2, .itemtop-box {height: 218px;}
    .itemtop-box, .si-games {width: 128px;} 
    .itemtop-box .imgbox, .si-games .imgbox {height: 100px;}
    .short_item {width: calc(52% - 14px);}
    .short_img img {max-height: 100px;}
    .save-buttons input[type="button"] {padding: 7px 10px !important;}
}

/*--- Dark Theme ---*/
.dark .br_stat {background: #1d1e22; color: #8c8c8c; box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );}
.dark .br_stat span {color: #e7e7e7;}
.dark .logo img {display: none;}
.dark .logo {background: url(../image/logo-white.png) no-repeat; background-size: contain; width: 137px; height: 30px; opacity: 0.85;}
.dark .header-main {background: #19191c; box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );}
.dark a.favorite {color: #fff;}
.dark .fav_hr {background: #2b2b32;}
.dark .btn-menu-wr::before {color: #e4e4e4;}

.dark #search_btn::before {color: #e4e4e4;}
.dark #quicksearch input {background: #262830; color: #fff; border: 1px solid #17171a;}
.dark #quicksearch input::placeholder {color: #848489;}
.dark .search-button {color: #6a6a6f;}
.dark #searchsuggestions {background: #393b46; box-shadow: 0 0 0 3px rgb(0 0 0);}
.dark #searchsuggestions a:hover {background-color: rgb(0 0 0 / 16%);}
.dark #searchsuggestions a, .dark #searchsuggestions span.notfound {border-bottom: 1px solid #17191d;}

.dark .flex-content .search_res:nth-child(2n) {background-color: #25262b;}
.dark .search-body .name {color: #fff;}
.dark .search_res_title {color: #c8c8c8;}
.dark .search_res_title:hover {color: #fff;}
.dark .search_res_sub {color: #6a6d6f;}
.dark .shor_rt {color: #fff;}
.dark .search_res .i_square-up {color: #ffffff30;}

.dark .shor_desc {color: #ffffffb5;}
.dark .berrors {background: rgba(112,129,137,.15); border: 1px solid #1d1d1d; color: #bfbfbf;}
.dark .nav-menu {background: #19191c; border-top: 3px solid #101014; border-bottom: 3px solid #101014; border-radius: 8px;}
.dark .main_catmenu_two a {color: #bfbfbf; font-weight: 400;}
.dark .main_catmenu_two a:hover {color: #fff;}
.dark .menu-headnav {color: #bfbfbf; font-weight: 400;}
.dark .menu-headnav:hover {box-shadow: 0px 0px 0px 2px #10101480;}
.dark .menu-headnav.open {box-shadow: 0px 0px 0px 2px #101014bd;}

.dark .menu-headnav-list {background-color: #2f2f35; box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 80%);}
.dark .menu-headnav-list li {border-bottom: dashed 1px #000;}
.dark .selyears-item a {color: #e4e4e4;}
.dark .selyears {color: #fff;}
.dark .years-item:hover {background-color: rgb(0 0 0 / 39%);}

.dark .tns-nav button {background-color: #4e515b4a;}
.dark .tns-nav-active {background-color: #5a6076 !important;}

.dark .short_title a {color: #c8c8c8;}
.dark .shor_subtitle {color: #6a6d6f}
.dark .short_item:hover .short_title a {color: #fff;}
.dark .status_news {background: #2b2b32; color: #8d8d92;}

.dark .profile-box {background-color: #2f2f35; border: 1px solid #101014;}
.dark .miniprofile .avatar::before {color: #58586c;}
.dark .account-menu_name {color: #fff;}
.dark .account-menu_profile {color: #adadad;}
.dark .lb-menu li.exit {border-top: 1px solid #101014;}
.dark .lb-menu li a {color: #fff;}

.dark .main {background-color: #1c1c20;}
.dark .carusel-box {background-color: #1c1c20;}
.dark .carousp.active {color: #e4e4e4;}
.dark .itemtop-title a {color: #bebebe;}
.dark .itemtop-title a:hover, .dark .si-games:hover .itemtop-title a, .dark .itemtop-box:hover .itemtop-title a {color: #fff;}
.dark .catheader {border-bottom: 1px solid #1d1c1c;}
.dark .catheader h1 {color: #e4e4e4;}
.dark .subtitle {color: #878787;}
.dark .xsort-button, .dark .xsort-button::before {color: #e4e4e4;}
.dark .xsort-button:hover::before {background: #101014;}
.xsort_open .dark .xsort-button::before {background: #101014;}

.dark .xsort-area > div {box-shadow: none; background: #1f2125; border: 1px solid #131313;}
.dark .xsort-selected {color: #adadad;}
.dark .xsort-ul {background: #2f2f35; border: 1px solid #000000; box-shadow: 0 0 0 3px rgb(0 0 0 / 29%);}
.dark .xsort-ul li {color: #e4e4e4;}
.dark .xsort-ul li.current {background: #101014;}
.dark .xsort-ul li:hover {background: #101014;}

.dark .block-right {background: #1c1c20;}
.dark .head-title {color: #fff;}
.dark .imgupd {opacity: 0.94;}
.dark .cfupd {background-color: #e10101; border: 1px solid #1c1c20; color: #e4e4e4;}
.dark .side-item {border-bottom: 1px solid #101014;}
.dark .side-item:hover .side-body .name {color: #fff;}
.dark .side-body .strate {background: #2b2b32; color: #8d8d92;}
.dark .side-img {box-shadow: 1px 1px 1px #000;}
.dark .side-two {color: #6a6d6f;}
.dark .lmenu-name {color: #fff;}
.dark .lmenu-nav a {background: #36383c; font-weight: 400; color: #fff;}
.dark .head-right {color: #fff;}
.dark .rcomm_meta .author {color: #c8c8c8; font-weight: 700;}
.dark .rcomm_item {border-bottom: 1px solid #101014;}
.dark .sctag a {color: #fff; opacity: 0.85;}
.dark .sctag a:hover {opacity: 1;}
.dark .lmenu-nav hr {border-top: 1px solid #101014;}
.dark .lmenu_border {border-left: 1px solid #101014;}
.dark .comm-author {color: #c8c8c8;}
.dark .comm-author a {color: #c8c8c8;}
.dark .rcomm_text {color: #ffffffb5;}
.dark .side-body .name {color: #c8c8c8;}
.dark .comgroup:hover {color: #fff;}

.dark .actual-box::-webkit-scrollbar-thumb {background: #434953;border-radius:10px;}
.dark .actual-box::-webkit-scrollbar-track-piece {background: #cecfd014;}

.dark .open_alltag {background: rgba(112,129,137,.15); border: 1px solid #1d1d1d; border-top: 2px solid #1c1c1c;}
.dark .open_alltag, .dark .open_alltag a {color: #bfbfbf;}
.dark .open_alltag:hover, .dark .open_alltag a:hover {color: #fff;}

.dark .navigation {background: #2b2b32;}
.dark .pages span, .dark .pages a:hover, .dark .page_next-prev {background-color: #43434d;}
.dark .pages span {color: #1172a6;}
.dark .nav_ext {color: #6b6d6f !important;}

.dark .bottom-page {background: #1c1c20; border: 1px solid #101014;}
.dark .pprev, .dark .pnext {border: 1px solid #323232; background: #1d1d1d; color: #fff;}
.dark .page-navi a, .dark .page-navi span {color: #ececec;}

.dark .head-publ {color: #fff;}
.dark main .list_lastgame:nth-child(2n+1) {background: #101014;}
.dark .list_title {color: #b4b4b4;}
.dark .catfaq-item__head {background-color: rgb(0 0 0 / 6%); border: 1px solid #141414; color: #777;}

.dark .breadcrumbs {color: #566168;}
.dark .hname h1 {color: #fff;}
.dark .subhname {background: #25252a; color: #8c8c8c; font-weight: 400;}
.dark .subhnamever {color: orange; text-shadow: 2px 2px 4px rgb(0 0 0);}
.dark .subver {background: #25252a;}
.dark .ul-details li > span:first-child {font-weight: 400; color: #8c8c8c;}
.dark .ulgenre a, .dark .link-year {border-bottom: none;}
.dark .ulgenre a:hover, .dark .link-year:hover {color: #fff;}
.dark .unit-rating, .dark .unit-rating span:hover, .dark .unit-rating span.current-rating {position: relative; background-image: url('../image/black-rating.svg'); -webkit-background-size: 22px auto; background-size: 22px auto;}
.dark .poster-imgbox .imgbox {box-shadow: 0 1px 2px #000;}
.dark .quoteinf {color: #5d5d5d; border-bottom: 1px dashed #2a2a2a;}
.dark .tquote {font-weight: 400; color: #c8c8c8;}
.dark .game_desc {color: #ffffffb5;}
.dark .itemtop_games {background: #4aa438;}
.dark .itemtop_games:hover {background: #58bd44;}
.dark .scrhead, .dark .videohead {text-transform: uppercase; color: #858889; font-weight: 500; font-size: 16px;}
.dark .scrblock img {box-shadow: 0 1px 3px 0px #000;}
.dark .open-scr {color: #9a9b9d; background: transparent; border: 1px solid #2c2c2c; padding: 1px 4px;}
.dark .open-scr:hover { background: #2f2f2f; }
.dark .box-steamrating {color: #c8c8c8;}
.dark .gr_rate {color: #348310;}
.dark .updinf:hover {color: #4c4c4c;}
.dark .notice_main {background: #25252a; color: #cdcdcd;}
.dark .notice_main b {font-weight: 500; color: #537aa8;}
.dark .info-basictor {border: none; background: rgb(112 129 137 / 4%); color: #bebebe;}
.dark .info-basictor b {font-weight: 500;}
.dark .info_type {border-left: 1px solid #5a5a5a;}
.dark .spoiler {background: #292b2f; border: 1px solid #2a2c2f; border-left: 2px solid #4b5a6f; color: #c8c8c8; background-image: url(data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=); background-repeat: no-repeat; background-position: 7px 8px;}
.dark .spoiler_up {background-image: url('data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw==');}
.dark .opencast {border: 1px solid #000; background: #1c1c20; color: #b9b9b9;}
.dark .reldist a {border-color: #727272; color: #aeaeae; font-weight: 400;}
.dark a.itemdown_games {background: #4aa438;}
.dark a.itemdown_games:hover {background: #58bd44; box-shadow: none;}
.dark a.itemdown_nottorent {background: #303a4a;}
.dark .tupd {border-top: 1px solid #101014; font-weight: 400; color: #c8c8c8;}
.dark .persize_bottom {color: #fff;}
.dark .tech_details .infotech {border: none; text-transform: uppercase; color: #858889; font-weight: 500; font-size: 16px; margin-bottom: 4px;}
.dark .tech_details .tech_details-block {color: #acb2b8;}
.dark .tech_details .tech_details-block ul span:first-child {font-weight: 400; color: #61686D;}
.dark .tracker_list.highlighted {background: #292b2f; outline: 10px solid #292b2f;}
.dark .tracker_list.highlighted .list_item {background: #212226;}
.dark .list_item {background: rgba(112,129,137,.1); color: #bebebe;}
.dark .list_item:hover {background: rgb(58 67 71 / 10%);}
.dark .list_item.tm5:hover {background: rgb(112 129 137 / 18%);}
.dark .list_item.activesp {border: 1px solid #000;}
.dark .list_item.tm5.activesp {background: rgb(112 129 137 / 18%);}
.dark .show_ver {color: #707070;}
.dark .packagedownld .size {color: inherit;}
.dark .packagedownld a.downld {background: #378228;}
.dark .packagedownld a.downld:hover {background: #4aa438;}
.dark .title-list {background: rgba( 0, 0, 0, 0.2 ); box-shadow: none !important; border: none; color: #d2a146; border-left: 2px solid #D2A146; font-weight: 400;}
.dark .althead_name {color: #fff;}
.dark .althead_warning {background: #25252a; color: #cdcdcd;}

.dark a.otherlink {color: #d1d1d1; border-bottom: 1px solid #101014;}
.dark a.otherlink:hover {background-color: #e5e7eb0f;}
.dark a.otherlink::before {color: #b9b9b9;}

.dark details.item {color: #d1d1d1; border-bottom: 1px solid #101014;}
.dark details.item a {color: #d1d1d1;}
.dark details.item a:hover {color: #d1d1d1;}
.dark summary[h]::before {color: #b9b9b9;}
.dark summary[h]:hover, .dark details.item a:hover {background-color: #e5e7eb0f;}

.dark .eventrow {font-weight: 400; color: #c8c8c8;}
.dark .navfaq a:hover {color: #fff;}
.dark .divhr {background: #101014;}
.dark .rcomm {border-bottom: 1px solid #101014;}
.dark .team_author {border-bottom: 1px solid #101014;}
.dark .team_name {color: #c8c8c8;}
.dark .team_status {color: #858889;}
.dark .apptag a {color: #c0c0c2; background: rgb(38 39 46);}
.dark .apptag a:hover {background: rgba(112,129,137,.15); color: #bfbfbf;}
.dark .device {color: #c0c0c2; background: rgb(38 39 46);}

.dark .rel_network {background-color: #25262b;}
.dark .shortnet_body .name {color: #fff;}
.dark .shortnet_body .name:hover {color: #1465be;}
.dark .rel_network .i_square-up {color: #00000073;}

.dark .c-head {color: #858889;}
.dark .rel_author_name {color: #c8c8c8;}
.dark .rel_author_text {color: #858889;}

.dark .shortupd_body .name {color: #c8c8c8;}
.dark .shortupd_body .name:hover {color: #fff;}

.dark .tabs-nav li {background-color: #292b33; color: #e4e4e4; border: 1px solid #19191c; border-bottom: 2px solid #17191d; font-weight: 400;}
.dark .tabs-nav li:hover, .dark .tabs-nav li.active {background-color: #393b46;}
.dark .tabs-nav li:not(:first-of-type) {border-left: none;}
.dark .ac-navigation a {background-color: #3b3e49; color: #fff;}
.dark .ac-navigation a:hover {background-color: #292b34;}
.dark .nav_ext {color: #6b6d6f;}

.dark .c-head .commcount {background: #2f3135;}
.dark .ac-textarea {background-color: #26272e; border: 2px solid #16161a;}
.dark .ac-textarea textarea {background: initial; color: #fff; border: initial;}
.dark .ac-textarea textarea::placeholder {color: #ffffffb5;}
.dark .ac-submit, .dark .btn-cn {background-color: #3f485a; color: #fff;}
.dark .ac-submit:hover, .dark .btn-cn:hover {background-color: #4e596f;}
.dark .smileicon {fill: #c0c0c2;}
.dark .ac-faq {background-color: #ffc411; border: 2px solid #dba10c;}
.dark .ac-faq:hover, .dark .ac-faq:focus {background-color: #ffdb6d; border: 2px solid #ffce36; color: #000; opacity: 1;}
.dark #comm-status {border-bottom: 1px solid #101014;}
.dark #dle-comments-list > .comments-tree-list > .comments-tree-item {border-top: 1px solid #101014;}
.dark .comm-date {color: #858889;}
.dark .fixcoms {color: #c8c8c8;}
.dark .comm-two {color: #ffffffb5;}
.dark [steam_updinfo] {color: #6a6d6f;}
.dark [steam_updinfo] .updinfo_button {border-bottom: 1px dashed #565656;}
.dark [steam_updinfo]:hover {color: #acb2b8;}
.dark .comm-reply a {color: #858889;}
.dark .comm-reply a:hover {color: #fff;}

.dark .mass_comments_action {background-color: inherit; border: 1px solid #101014; color: #bfbfbf;}
.dark input[type="submit"].bbcodes {background-color: #378228;}
.dark select {background-color: #1f2125; border: 1px solid #101014; border-radius: 6px; color: #bfbfbf;}
.dark #dlefastreplycomments {background: #1c1c20; border: 1px solid #1c1c20;}
.dark #dlefastreplycomments textarea {border: 2px solid #16161a; background: #26272e; color: #fff;}
.dark .comments-edit-area {background: inherit; border: inherit;}
.dark .comments-edit-area textarea {border: 2px solid #16161a; background: #26272e;}
.dark input[type="submit"].bbcodes, .dark input[type="button"].bbcodes, .dark input.bbcodes, .dark .ui-dialog-buttonset button {background-color: #3f4859; color: #fff;}

.dark .pm tr:nth-child(2n+2), .dark .userstop tr:nth-child(2n+2) {background-color: #101014;}
.dark .pm tr td, .dark .userstop tr td {border: 1px solid #000;}

.dark .user-prof {border: 1px solid #101014; background-color: #1c1c20;}
.dark .up-first {background-color: #232323;}
.dark .up-second {background-color: #101014;}
.dark .up-third {border-bottom: 1px solid #fdda60; border-top: 1px solid #fdda60;}
.dark .up-third li:nth-child(2n) {background-color: #101014;}
.dark .up-third input {color: #fff; background: #1c1c20;}
.dark input[type="text"], .dark input[type="password"] {border: 2px solid #16161a; background: #26272e; color: #fff;}

.dark .wait-box {border-top: 1px solid #2e2e2e;}
.dark .waithead {color: #fff;}
.dark .catext {color: #ffffffb5;}
.dark .footer-navi {background: initial;}
.dark .footer {border: none; background: none;}
.dark .link-gog {background: rgba(112,129,137,.15); color: #bfbfbf;}
.dark div.scrollup {background: rgba(112,129,137,.15);}

.dark .si-soft {border: 1px solid #101014;}
.dark .si-upd {color: #6a6d6f;}
.dark .si-soft:hover {background: #101014;}

.dark .static-pages {color: #ffffffb5;}
.dark .title_spoiler {background: #292b2f; border: 1px solid #333333; border-left: 2px solid #4b5a6f;}
.dark .title_spoiler a {color: #c8c8c8;}
.dark .text_spoiler {border: 1px solid #000; background: #1c1c20;}
.dark textarea {background: #26272e; color: #fff; border: 2px solid #16161a;}

.dark .ya-site-suggest__iframe {background: #36363a !important;}
.dark .ya-site-suggest-list {border: none !important; box-shadow: none !important;}

.dark .ui-dialog {background-color: #2f2f35; box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 80%);}
.dark .ui-dialog-titlebar {border-bottom: 1px solid #101014;}
.dark .ui-dialog-title {color: #fff;}
.dark .upop-img {border: 2px solid #1f2025;}
.dark .offline, .dark .online {background: #ffffff36;}
.dark .ui-icon-closethick {background-color: #1f2125; color: #9a9b9d;}
.dark .ui-dialog-buttonpane {background-color: #1f2125 !important; border-top: 1px solid #101014 !important;}
.dark .ui-dialog .ui-dialog-buttonset button {background: #3f485a; color: #eeeeee;}

.dark .short_upd {border-bottom: 1px solid #101014;}
.dark .side-updinfo {color: #b7b7b8;}
.dark .short_upd .i_square-up {color: #ffffff30;}

#tns1 {width: calc(480%); !important;}