/*--- 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;
}

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 {
    font-weight: 500;
    border: 2px solid #ebebeb;
    border-radius: 3px;
    margin-left: 4px;
    cursor: pointer;
}

.imgbox {
    overflow: hidden;
    position: relative;
}

.imgbox img {
    width: 100%;
    min-height: 100%;
}

.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;
    min-height: 310px;
    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;
    min-height: 311px;
    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(../images/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(../images/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 {
    min-height: 313px;
    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;
    height: 242px;
    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: 198px;
    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;
}

/*--- FAV News ---*/
.short_img a[onclick*="doFavorites"] {
    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[onclick*="doFavorites"] {
    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[onclick*="doFavorites"]:hover {
    background-color: #000000bd;
}

.short_img a[onclick*="doFavorites"],
.poster-imgbox a[onclick*="doFavorites"] {
    color: #fff;
    font-size: 17px;
    line-height: 1;
}

.short_img:hover a[onclick*="doFavorites"] {
    opacity: 1;
}

/*--- SHORT News ---*/
.short_item {
    position: relative;
    cursor: pointer;
    width: calc(25% - 14px);
    height: auto;
    margin-bottom: 26px;
}

.short_img {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.short_img img {
    width: 100%;
    max-height: 246px;
    border-radius: 2px;
}

.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;
}

.search_res_img img {
    width: 102px;
    height: 132px;
    border-radius: 5px;
}

.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;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.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: 102px;
    height: 132px;
    border-radius: 5px;
}

.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;
    white-space: nowrap;
    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: 215px;
    height: 310px;
}

.poster-imgbox .imgbox {
    background-size: 100%;
    width: 215px;
    height: 310px;
    border-radius: 2px;
    box-shadow: 0 1px 2px #bbb;
}

.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;
}

.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('../images/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;
    gap: 48px;
    margin: 32px 0;
}

.tech_details .tech_details-block {
    width: 50%;
}

.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;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0 18px 0;
}

.block_down {
    position: relative;
    width: 230px;
}

.itemdown_games {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #71c63d;
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .5px;
    height: 44px;
    line-height: 44px;
    transition: transform .1s ease-out, color .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

.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,
.itemdown_games:focus {
    background: #66bf32;
    color: #fff;
}

.itemdown_games:active {
    color: #fff;
    transform: scale(0.98);
    transition: none;
}

[class^="itemdown_nottorent"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #394558;
    color: #fff;
    font-size: 1.22em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .2px;
    height: 44px;
    line-height: 44px;
    transition: transform .1s ease-out, color .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

[class^="itemdown_nottorent"]:hover,
[class^="itemdown_nottorent"]:focus {
    background-color: #2b3545;
    color: #fff;
}

[class^="itemdown_nottorent"]:active {
    color: #fff;
    transform: scale(0.98);
    transition: none;
}

.nottorent_sub {
    color: #737373;
    margin-top: 10px;
}

.itemtop_games {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 270px; */
    margin: 12px auto;
    background: #1c1c20;
    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 {
    display: flex;
    align-items: center;
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    border-left: 2px solid #909090;
    padding: 4px 10px;
    font-weight: 500;
    margin-top: 8px;
    cursor: pointer;
    color: #000;
}

.i_spoiler::before {
    padding-right: 4px;
}

.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;
}

.acver_dist {
    font-weight: 700;
}

#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_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 {
    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(../images/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;
}

.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: 14px;
    color: #677a9f9c;
}

.list_item.tm5 .showtitle:after {
    background: url(../images/gog.png);
    background-size: 100%;
}

.list_item.tm6 {
    background: #d5dff0ba;
    cursor: pointer;
}

.list_item.tm6.activesp {
    background: #d8dde6e3;
    border: 1px solid #d2d8e0;
}

.list_item.tm6:hover {
    background: #d8dde6e3;
}

.list_item.tm6::before {
    position: absolute;
    font-size: 19px;
    right: 16px;
    top: 14px;
    color: #677a9f9c;
}

.list_item.tm6 .showtitle:after {
    background: url(../images/storage.png);
    background-size: 100%;
}

.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;
    display: flex;
    flex-direction: column;
    gap: 12px;
    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(../images/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;
    height: auto;
    border-bottom: 1px solid #f3f3f3;
}

.side-item:last-child {
    border-bottom: none;
}

.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: 60px;
    height: 68px;
    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;
    padding-bottom: 16px;
}

.lmenu-list hr {
    height: 1px;
    background: linear-gradient(90deg, rgb(216 216 216 / 59%), transparent);
    margin-top: 12px;
    margin-bottom: 10px;
    margin-left: 0;
    width: 60%;
    border: none;
}

.lmenu-name {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
}

.lmenu-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lmenu-nav a {
    background: #f2f2f2;
    padding: 8px 14px;
    font-size: 1.03em;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    border-radius: 8px;
    color: #000;
    transition: .3s;
}

.lmenu-nav a:hover {
    background: #e6e6e6;
    font-weight: 500;
    -webkit-font-smoothing: auto;
}

.open_alltag {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 -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;
}

.comm-box .c-head {
    margin-bottom: 24px;
}

.add-commform {
    position: relative;
}

.ac-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    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;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 24px;
    margin: 0 -24px;
    margin-bottom: -20px;
    background: #f3f3f3;
    border-bottom: 1px solid #e8e8e8;
}

.mass_comments_action input[type="submit"] {
    background: #424242;
    color: #fff;
    margin-left: 4px;
    padding: 3px 12px;
    border-radius: 5px;
    cursor: pointer;
}

.dle-comments-navigation {
    margin-top: 20px;
    margin-bottom: -20px;
}

.dle-comments-navigation .navigation {
    margin: 0 -24px;
    overflow: hidden;
}

.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(../images/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;
    color: #858889;
}

.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;
}

.smileicon {
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #9e9e9e;
    cursor: pointer;
}

.smileicon:hover {
    color: #797b87;
}

.smile-podlogka {
    display: none;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px;
    user-select: none;
}

.smile-podlogka.active {
    display: flex;
}

.emoji-button {
    padding: 2px;
    border-radius: 6px;
    line-height: 1;
    font-size: 22px;
    cursor: pointer;
}

.emoji-button:hover {
    background: #eee;
}

.emoji-hr {
    width: 2px;
    height: 20px;
    background: #e8e8e8;
    margin: 0 6px;
}

#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: 220px;
}

.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;
    gap: 8px;
    flex-wrap: wrap;
}

.xsort_open .xsort-area {
    display: flex;
}

.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::before {
    background: #f0f0f0;
    color: #000;
}

.xsort_open .xsort-button::before {
    background: #f0f0f0;
    color: #000;
}

.box-allcontent .xsort-cat {
    margin-top: 20px;
}

.xsort_open .box-allcontent .xsort-cat {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.xsort-div {
    position: relative;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
}

.xsort-selected {
    position: relative;
    color: #2d2d2d;
    font-weight: 500;
    padding: 0 26px 0 12px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 0 1px rgba(0, 0, 0, .05), 0 4px 6px 0 rgba(0, 0, 0, .05);
    border-radius: 8px;
    transition: transform .1s ease-out, color .15s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    touch-action: manipulation;
}

.xsort-selected::before {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 16px;
}

.xsort-selected:active {
    transform: scale(0.96);
    transition: none;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1), 0 1px 1px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.xsort-selected:hover {
    background: #f5f5f5;
}

.xsort-active .xsort-selected {
    box-shadow: 0 0px 0px 2px #ffb114;
}

.xsort-ul {
    display: none;
    background: #fff;
    position: absolute;
    top: 39px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 999;
    border-radius: 10px;
    max-height: 400px;
    overflow: auto;
    border: 1px solid #00000014;
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .3);
}

.xsort-ul li {
    display: block;
    padding: 0 16px 0 30px;
    line-height: 33px;
    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;
    left: 10px;
    content: "\e90e";
    font-family: 'custom_ico' !important;
    line-height: 33px;
}

.xsort-ul li:hover {
    background: #f3f3f3;
}

.xsort-div-clearall {
    position: relative;
    padding: 0 18px;
    cursor: pointer;
}

.xsort-div-clearall::before {
    position: absolute;
    top: 10px;
    left: 13px;
    font-size: 14px;
    font-weight: 700 !important;
}

.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 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    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-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: 212px;
    }

    .br_stat .marquee {
        display: none;
    }

    .nav_ext {
        margin: 0;
    }

    .ac-navigation .nav_ext {
        margin: 0 10px;
    }
}

@media screen and (max-width: 960px) {
    .logo {
        width: 30px !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;
    }

    .nav-menu .menu-headnav {
        display: none;
    }

    .side-panel .right-nav {
        width: 100%;
    }

    .carusel-box {
        min-height: 303px;
    }

    .carusel-box.showfull {
        min-height: 321px;
    }

    .short_img img {
        max-height: 236px;
    }

    ::-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 {
        flex-wrap: wrap;
        gap: 24px;
    }

    .tech_details .tech_details-block {
        width: 100%;
    }

    .tabs-nav li {
        float: none;
    }

    .tabs-nav li:not(:first-of-type) {
        border-left: 1px solid #e0e0e0;
    }

    .title-list {
        font-size: 16px;
    }

    .navfaq a {
        font-size: 16px;
    }

    .short_img img {
        max-height: 206px;
    }

    .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;
    }

    .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: 242px;
    }

    .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;
    }

    .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;
    }

    .list_item {
        font-size: 1.1em;
        gap: 8px;
    }

    .packagedownld {
        position: relative;
        flex-direction: row;
        right: auto;
        bottom: auto;
    }

    .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: 192px;
    }

    .short_item {
        width: calc(34% - 13px);
    }

    .short_img img {
        max-height: 206px;
    }
}

/*--- РћС‚ 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;
    }

    .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: 170px;
    }

    .short_item {
        width: calc(34% - 13px);
    }

    .short_img img {
        max-height: 178px;
    }
}


/*--- РћС‚ 437px РґРѕ 396px ---*/
@media screen and (max-width: 437px) {
    #searchsuggestions {
        width: 100% !important;
    }

    #relgame .head-carusel {
        height: auto;
    }

    .block_down_game {
        justify-content: center;
    }

    .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: 228px;
    }

    .short_item {
        width: calc(52% - 15px);
    }

    .short_img img {
        max-height: 230px;
    }

    .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: 212px;
    }

    .short_item {
        width: calc(52% - 15px);
    }

    .short_img img {
        max-height: 214px;
    }

    .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: 198px;
    }

    .short_item {
        width: calc(52% - 14px);
    }

    .short_img img {
        max-height: 196px;
    }
}

/*--- Менее 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: 176px;
    }

    .short_item {
        width: calc(52% - 14px);
    }

    .short_img img {
        max-height: 176px;
    }

    .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(../images/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;
}

.dark.xsort_open .xsort-button::before {
    background: #101014;
}

.dark .xsort-selected {
    color: #e4e4e4;
    box-shadow: 0 0 0 1px rgb(182 182 182 / 10%), 0 1px 0 1px rgb(21 22 24 / 69%), 0 4px 6px 0 rgb(8 8 9);
}

.dark .xsort-selected:hover {
    background: #2b2b32;
}

.dark .xsort-active .xsort-selected {
    box-shadow: 0 0px 0px 2px #ffb114;
}

.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: #f1f1f1;
}

.dark .comm-author a {
    color: #f1f1f1;
}

.dark .comgroup {
    color: #aaa;
}

.dark .comm-reply .eldot {
    color: #aaa;
}

.dark .comm-reply .eldot:hover {
    color: #fff;
}


.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('../images/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: #1c1c20;
}

.dark .itemtop_games:hover {
    background: #1c1c20;
}

.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 .i_spoiler {
    background: #292b2f;
    border: 1px solid #2a2c2f;
    border-left: 2px solid #4b5a6f;
    color: #c8c8c8;
}

.dark .opencast {
    border: 1px solid #000;
    background: #1c1c20;
    color: #b9b9b9;
}

.dark .reldist a {
    border-color: #727272;
    color: #aeaeae;
    font-weight: 400;
}

.dark .itemdown_games {
    background: #4aa438;
}

.dark .itemdown_games:hover {
    background: #58bd44;
    box-shadow: none;
}

.dark .itemdown1_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 .emoji-hr {
    background: #2b2b32;
}

.dark .emoji-button:hover {
    background: #404040;
}

.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: #1c1c20;
    border: 2px solid #101014;
    color: #f1f1f1;
}

.dark .ac-faq:hover,
.dark .ac-faq:focus {
    opacity: 1;
    transform: scale(0.96);
    transition: none;
}

.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: #aaa;
}

.dark .comm-av img {
    border-radius: 30px;
}

.dark .fixcoms {
    color: #c8c8c8;
}

.dark .comm-two {
    color: #f1f1f1;
}

.dark [steam_updinfo] {
    color: #aaa;
}

.dark [steam_updinfo] .updinfo_button {
    border-bottom: 1px dashed #aaa;
}

.dark [steam_updinfo]:hover {
    color: #fff;
}

.dark .comm-reply a {
    color: #aaa;
}

.dark .comm-reply a:hover {
    color: #fff;
}

.dark .i_ratebut {
    color: #aaa;
}

.dark .i_ratebut:hover::after {
    background: rgba(255, 255, 255, 0.2);
}

.dark .ratingtypeplusminus {
    color: #aaa;
}

.dark .mass_comments_action {
    background-color: inherit;
    border: 1px solid #101014;
    color: #aaa;
}

.dark input[type="submit"].bbcodes {
    background-color: #378228;
}

.dark select {
    background-color: #2b2b32;
    border: 1px solid #1d1d22;
    border-radius: 6px;
    color: #f1f1f1;
}

.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;
}