/* 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;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, footer, header, menu, nav, section {display: block;}
html {scrollbar-color: #666 #201c29;}

html::-webkit-scrollbar {
    width: 16px;
    height: 16px
}

html::-webkit-scrollbar-thumb {
    background: #434343;
    border-radius: 16px;
    box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)
}

html::-webkit-scrollbar-track {
    background: linear-gradient(90deg,#434343,#434343 1px,#111 0,#111)
}

body {font: 14px 'Roboto', sans-serif; line-height:normal; padding:0; margin:0;        
    color: #748491; background:#161d25; height:100%; width:100%; font-weight:400;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img {max-width:100%;}
.clearfix:after {content: ""; display: table; clear: both;}
a {color: #c1c9d4; text-decoration: none;}
a:hover, a:focus {color:#fff; text-decoration: none;}
h1, h2, h3 {font-weight:400; font-size:18px;}

.sub-title h1 {margin-bottom:15px; font-size:18px; font-weight:700;}
.pm-page, .search-page, .static-page, .form-wrap, .full-pages {padding:20px 0;}


/*--- SET ---*/
.button, .up-second li a, .up-edit a, .qq-upload-button, html input[type="button"], 
input[type="reset"], input[type="submit"] {display:inline-block; cursor:pointer;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{background: #333e46; color: #ececec; height: 22px !important; line-height: 22px !important; text-transform: inherit; padding: 0px 10px; border-radius: 3px; box-shadow: none;}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px; padding: 0 15px; color: #cfcfcf; font-size: 14px; background-color: #161d26; border-radius: 4px; -webkit-appearance: none; box-shadow: 0 0 0 2px #2c323b;}
input[type="text"]:focus {}

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} 

textarea {display: block; width: 100%; padding: 10px; border: 1px solid #2a2c2f; background-color: #232a34; color: #767f89; font-size: 14px; border-radius: 0 0 3px 3px; box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.1); overflow: auto; vertical-align: top; resize: vertical;}

.img-box {overflow:hidden; position:relative; background-color: #ccc;}
.img-box img {width: 100%; border: 3px solid #222933; border-radius: 5px;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .to-rate, .to-comms {transition: all .2s;}
a, .button, .ps-link {transition: color .2s, background-color .2s, opacity .2s;}

.flex-row {display: -webkit-box; display:-webkit-flex; -webkit-flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; 
    display:flex; flex-flow:row wrap; justify-content:space-between;}
.flex-col {display: -webkit-box; display:-webkit-flex; -webkit-flex-direction:column; -webkit-box-pack:center; -webkit-justify-content:center; 
    display:flex; flex-direction:column; justify-content:center;}
.ps-link {cursor:pointer;}

/* BASIC GRID
----------------------------------------------- */
.wrap {min-width:320px; position:relative;}
.header {background-color: #0D1820; color: #fff; padding: 14px 0;}
.header-flex {display: flex; align-items: center; justify-content: space-between;}
.center {position:relative; max-width:1150px; margin:0 auto;}
.block {position: relative; background: #161d25; max-width: 1150px; min-width: 320px; margin: 0 auto;}
.cols {}
.side {width: 290px; float: left;}
.main {width: calc(100% - 290px); float: right; padding-left: 24px;}
.h-three {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; height: 242px; overflow: hidden;}
.footer {position: relative; padding:20px 10px; text-align: center;}

#dle-content {display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 20px;}

/* HEADER
----------------------------------------------- */
.logotype {display:block; position: relative; width: 161px; height: 35px;}
.logotype img {display:block; width:100%;}
.r-wrap {display: flex; align-items: center; justify-content: space-between;}
.search-wrap {position: relative; width: 252px;}
.search-box input, .search-box input:focus {width: 100%; height: 35px; line-height: 35px; padding: 0 35px 0 15px; border-radius: 4px; background-color: #1e252e; border: 1px solid #000; color: #fff; font-size: 15px; box-shadow: none;}
.search-box button {position: absolute; right: 4px; top: 0px; color: #c9c9c9; width: 35px; height: 35px; font-size: 15px; cursor: pointer;}
.search-box button:hover {background: none; color: #f9f9f9;}

.menu-wrap {position: relative; margin-left: 8px;}
.login-wrap {position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 5px; cursor: pointer;}
.login-wrap:hover, .login-wrap.active {background-color: #2a2e39;}
.login-wrap .fa-user {color: #c9c9c9; font-size: 20px;}

input#login_password, input#login_name {width: 240px; height: 36px; margin: 8px 16px;}
button.btn-cn {display: block; background-color: #79c63b; border-radius: 3px; color: #fff; cursor: pointer; padding: 5px 12px; font-size: 15px; margin: 16px auto;}
button.btn-cn:hover {background-color: #57727e;}

.prof-box {position: absolute; display: none; background-color: #1d232c; box-shadow: 0 2px 4px #0006; border-radius: 3px; top: 50px; right: 0; left: auto; padding: 2px 0; overflow: hidden; z-index: 99999;}
.prof-box.active {display: block;}
.tgprofile {color: #b2b5be; font-size: 18px; padding: 8px 16px;}
.lb-menu {min-width: 242px; padding: 6px 0;}
.lb-menu li {position: relative; display: flex;}
.lb-menu li:hover {background-color: #2a2e39;}
.sep_br {background-color: #434651; margin-bottom: 8px; margin-top: 8px; height: 1px; margin: 6px 0;}
.lb-menu li a {width: 100%; color: #c9c9c9; font-size: 15px; line-height: 24px; padding: 6px 20px;}
.lb-menu li a:hover {background-color: rgba(32,35,51,.04); -webkit-transition: background-color .1s ease-out; transition: background-color .1s ease-out;}
.lb-menu i {font-size: 17px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 6px; vertical-align: middle;}

.lb-lnk {line-height: 22px; margin: 0px 16px; display: flex; justify-content: space-between;}
.log-register, .form-submit button:last-child {background: #57727e; color: #fff; padding: 0 8px; border-radius: 2px;}
.log-register:hover, .form-submit button:last-child:hover {background: #79c63b; color: #fff;}

#main-menu-open {display: none; color: #c6c4c0; width: 38px; height: 38px; line-height: 40px; font-size: 2.6em; margin-left: 8px; cursor: pointer;}

.menu-headnav {position: relative; font-size: 16px; width: 114px; background-color: #1d232d; border-radius: 8px;}
.menu-headnav-list {display: none; position: absolute; top: 42px; left: 0; min-width: 158px; padding: 2px 18px; background-color: #1d232d; box-shadow: 0 2px 4px #0006; border-radius: 8px; z-index: 99999;}
.selyears-item {margin: 10px 0; font-size: 0.95em; cursor: pointer;}
.selyears-item a {color: #b2b5be;}
.selyears {position: relative; display: block; color: #b2b5be;}
.selyears:before {position: absolute; content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 900; top: 2px; right: 0px; font-size: 0.8rem; color: #d2d2d2;}
.selyears-item.open .selyears:before {transform: rotate(90deg);}
.selyears-content {display: none; margin-top: 8px; padding-top: 8px; border-top: 1px solid #2c323b;}
.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: #2a2e39; color: #e4e2e2;}
.link {color: #c9c9c9; padding: 5px 12px; display: block; cursor: pointer;}
.link:hover, .selyears:hover {color: #fff;}
.link:before {position: absolute; content: "\f0d7"; font-family: "Font Awesome 5 Pro"; font-weight: 900; top: 4px; right: 10px; font-size: 1.25rem; color: #72757c;}

.h-menu {position: relative; width: 380px; margin: 0 10px;}
.h-menu li a {font-size: 16px; display: block; color: #c9c9c9;}
.h-menu li a:hover {color: #fff;}

.h-threeh {position: relative; display: inline-block; color: #c9c9c9; font-size: 17px; margin-bottom: 10px;}
.h-threeh:before {float: left; content: ""; background: #e60000; width: 4px; height: 16px; display: inline-block; margin-right: 7px; margin-top: 2px; border-radius: 2px;}

.regameblock {overflow: hidden; display: flex; justify-content: space-between; flex-flow: wrap; margin-top: 34px; margin-bottom: 24px; border-bottom: 1px solid #272a2d;}
.regameblock > .top-carou {margin-bottom: 10px;}
.regametop {width: 100%; margin-bottom: 10px; color: #ffa600; text-transform: uppercase;}
.top-carou {display: block; width: 162px; height: auto; float: left;}
.tc-img {height: 208px; border-radius: 4px;}
.tc-img img {height: 208px;}

.descript {position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin: 14px 0px; border-bottom: 1px solid #32373f; padding-bottom: 12px;}
.descript h1 {font-weight: 700; color: #c9c9c9;}
.descript_sub {display: inline-block;}
span.subtitle {font-size: 0.94em; color: #72757c;}

/* SHORT
----------------------------------------------- */

.shortstory-in {position: relative; cursor: pointer; width: calc(25% - 16px); height: auto; margin-bottom: 26px;}
.short-images {position: relative; display: block; height: auto; font-size: 0; overflow: hidden; border-radius: 4px; background-color: #ccc;}
.short-images a img {width: 100%; max-height: 246px; border: 3px solid #222933;border-radius: 5px;}
.short-link {overflow: hidden; margin-top: 10px; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.short-link a {display: block; color: #c3c3c3; font-size: 1.06em; font-weight: 500;}
.shortstory-in:hover .short-link a {color: #fff;}
.short-sub {margin-top: 5px; color: #72757c; font-size: 0.94em;}
.short-sub .size {background: #292e36; color: #ccc; padding: 0px 3px; border-radius: 2px; font-size: 12px; margin-left: 2px;}

/* SIDE
----------------------------------------------- */
.side-box {margin-bottom:2px;}
.side-menu {background-color: #1d232c; padding: 10px;}
.side-title {font-size: 16px; color: #C9C9C9; margin-bottom: 10px; text-transform: uppercase;}
.side-toptitle {position: relative; background: #422d65; padding: 13px 55px 13px 15px; border-bottom: 1px solid #1d232c; color: #fff; border-radius: 3px 3px 0 0; text-transform: uppercase; font-size: 0.95em;}
.mb4 {margin-bottom: 14px;}
.tabs-box {height: 568px; overflow-y: scroll; overflow-x: hidden;}
.tabs-box::-webkit-scrollbar {width: 0px;}
.tabs-box:hover::-webkit-scrollbar {width: 8px;}
.tabs-box::-webkit-scrollbar-thumb {background: #151d25;border-radius: 3px;}
.tabs-box::-webkit-scrollbar-track-piece {background: #1d232c; border-radius: 3px;}
.link_top {cursor: pointer; padding: 2px; border-radius: 2px; border: 2px solid #10161c; color: #a5aeb8; display: block; text-align: center; margin-top: 10px;}
.link_top:hover {color: #fff;}

.top_gamespan {display: flex; justify-content: space-between; align-items: center; position: relative; background: #212932; padding: 10px 4px; padding-left: 92px; height: 103px; border-bottom: 2px solid #1a2129;}
.top_gamespan a {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.top_gamespan:hover .top_gamespan_name {color: #fff;}
.top_gamespan_poster {float: left;margin-left: -80px;width: 65px;height: 82px;}
.top_gamespan_poster img {display: block;border-radius: 4px;border: 1px solid #28303e;box-shadow: 0 2px 2px #0c0f13;width: 65px;height: 82px;}
.top_gamespan_content {float: right; width: 100%;}
.top_gamespan_name {display: -webkit-box; font-size: 15px; line-height: 20px; color: #c1c9d4; margin-bottom: 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: 0.4s;}
.top_gamespan_cat {display: inline-block; padding: 2px 6px; border-radius: 2px; background: #1d232c; color: #6a7883; font-size: 13px;}

.head-menu {box-shadow: 0 0 8px rgb(13 12 12 / 21%); background: #1d232c; padding: 6px 8px; margin-bottom: 24px; border-radius: 0 0 4px 4px; overflow: hidden;}
.head-menu ul {display: flex; flex-wrap: nowrap; justify-content: space-between; overflow-x: auto; white-space: nowrap;}
.head-menu ul li a {display: block;padding: 5px 12px;color: #c9c9c9;font-size: 15px;border-radius: 3px;}
.head-menu > ul > li > a:hover {color: #fff; background: #2a2e39;}
.head-menu ul::-webkit-scrollbar {height: 0;}

.trash-menu {}
.trash-menu li {position: relative;}
.trash-menu .tm {display: block; outline: 0; padding: 9px 12px; color: #C9C9C9; background: #222932; border-bottom: 1px solid #1a2129; border-top: 1px solid #242F3B; font-size: 1.02em; cursor: pointer;}
.tm.active, .trash-menu .tm:hover {color: #f2bd00; background: #252D39;}
.trash-menu li span {content: counter(items); display: inline-block; position: absolute; right: 10px; top: 6px; line-height: 1em; padding: .5em .7em; color: #848484; font-size: .8em; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21), 0px 1px 0px 0 rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21), 0px 1px 0px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21), 0px 1px 0px 0 rgba(255, 255, 255, 0.05);}
.open-menu_hide, .open-menu_tags {position: relative; font-size: 1.06em;}
.open-menu_hide:before, .open-menu_tags:before {content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; right: 10px; top: 6px; padding: 0.5em 0.7em; color: #848484; font-size: .8em; -webkit-border-radius: 25%; -moz-border-radius: 25%; border-radius: 25%; -webkit-box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 21%), 0px 1px 0px 0 rgb(255 255 255 / 5%); -moz-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21), 0px 1px 0px 0 rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px 3px 0 rgb(0 0 0 / 21%), 0px 1px 0px 0 rgb(255 255 255 / 5%); z-index: 1;}
.tm.activesp:before {-webkit-transform: rotate( 270deg); transform: rotate( 270deg);}
.tm.active:before {-webkit-transform: rotate( 180deg); transform: rotate( 180deg);}
.trash-menu_hide {display: none; border-bottom: 8px solid rgb(29 35 44); height: 446px; margin-right: -8px; overflow-y: scroll; overflow-x: hidden;}
.trash-menu_hide::-webkit-scrollbar {width: 8px;}
.trash-menu_hide:hover::-webkit-scrollbar {width: 8px;}
.trash-menu_hide::-webkit-scrollbar-thumb {background: #151d25;border-radius: 3px;}
.trash-menu_hide::-webkit-scrollbar-track-piece {background: #1d232c; border-radius: 3px;}

/* FULL
----------------------------------------------- */
.full {position: relative; background: #1f252c; padding: 16px 26px;}

.min-details {position: absolute; right: 20px; top: 13px; display: flex; align-items: center;}
.eyeinf {padding-right: 15px; color: #8f98a0; font-weight: 500;}

.fcols {position: relative; margin: 10px 0 24px 0;}
.fposter {position: relative;width: 215px;height: 310px;}
.fposter img {background-size: 100%; width: 215px; height: 310px; border-radius: 4px; box-shadow: 0 1px 3px 1px #1b1b1b;}
.mov-edit {position: absolute; right: 4px; top: 14px; transition: 0.2s; opacity: 0;}
.mov-edit .fa-ellipsis-v {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size: 24px; color: #fff;}
.short-images:hover .mov-edit, .fposter:hover .mov-edit {opacity: 1;}
.steamstat {position: absolute; top: 6px; left: 6px; font-size: 18px; color: #b2b2b7;}

.finfo {width: calc(100% - 215px); padding-left: 24px; margin: 4px 0;}
.hname {margin-bottom: 16px;}
.hname h1 {font-size: 24px; font-weight: 700; color: #fff;}
.subhnamever {margin-top: 8px; color: #f6a30a; font-size: 1.08em;}
.subhname {margin-top: 8px; color: #8f98a0; font-size: 1.08em; -webkit-font-smoothing: antialiased;}
.ul-details {position: relative; line-height: 28px; font-size: 1.02em; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #272d33;}
.ul-details li {font-size: 1.1em; color: #8f98a0;}
.ul-details li > span:first-child {padding-right: 2px; color: #61686d;}
.ulgenre {line-height: 20px; padding: 5px 0;}
.ulgenre a, .link-year {color: #4a84c4; font-size: 0.95em;}
.ulgenre a:hover, .link-year:hover {color: #174ea6;}
span.dateym {font-size: 15px; padding-right: 2px; color: #8f98a0;}
.low-info {position: relative; padding-top: 16px; overflow: hidden;}

.fscreens a, .fscreens img {display:block; width:180px; border-radius:4px;}
.brline {background: #2c323c; height: 2px; margin: 24px 0;}
.scr-head, .video-head {padding: 12px 5px; font-size: 17px; color: #d4d4d4;}
.video-head {margin-top: 20px;}
.tabcontent {position: relative; font-size: 0;}
.tabcontent-hide {position: relative; text-align: center; overflow: hidden; height: 0px;}
.open-scr {position: absolute; bottom: -20px; right: 6px; font-size: 12px; color: #90959f; cursor: pointer; border: 1px solid #000000; padding: 0 4px;}
.tabcontent img {width: calc(33.3% - 12px); height: auto; border-radius: 1px; box-shadow: 0 1px 3px 0px #000000, 0 0px 0px 1px #000000; margin: 6px;}
.tabcontent .expand {height: auto;}
.videoiframe {border-radius: 4px; font-size: 1.08em; color: #c1c1c1; background: #293038; border: 1px solid #161a1f; display: flex; justify-content: center; align-items: center; padding: 6px 12px; width: 270px; cursor: pointer; letter-spacing: 1.2px; margin-top: 4px;}
.videoiframe .fa-youtube {color: #ff0100; padding-right: 12px; font-size: 22px;}

#microtrailer {position: relative; text-align: center;}
.play_sound {position: absolute; width: 28px; height: 28px; top: 12px; right: 12px; color: #fff; background-color: #0006; border: 1px solid #aaa3; opacity: .75; border-radius: 50%; cursor: pointer;}
.play_sound:hover {transform: scale(1.07); opacity: 1;}
.play_sound i {color: #ccc; margin-left: 3px; margin-top: 6px; transition: all .16s ease-in-out;}
.turn_sound {position: absolute; top: 12px; right: 12px; color: #fff; cursor: pointer; text-transform: uppercase; font-size: 13px; padding: 5px 5px; background-color: #0006; border: 1px solid #aaa3; border-radius: 50%;}
.turn_sound:hover {transform: scale(1.07);}
.turn_sound.twoturn {font-size: 10px; border-radius: 2px; padding: 2px 6px; color: #f0f0f0;}
.turn_sound.twoturn:hover {transform: scale(1.02);}
.iframe-wrap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.iframe-wrap iframe, .iframe-wrap video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; cursor: pointer;}

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

.info_rd {color: #f7a30a; font-size: 16px; font-weight: 500; margin-bottom: 14px;}
.info-basic {position: relative; margin: 32px 0;}
.download {position: relative; margin-top: 18px; margin-bottom: 24px; padding-top: 18px; border-top: 2px solid #eeeeef;}
.download h2 {margin-bottom: 24px;}
.ver_release {display: inline-block;padding: 0 0 0 12px;margin: 0 0 0 12px;border-left: 2px solid #2c323c;}
.info-basicname {font-size: 16px; line-height: 14px; padding-bottom: 8px; color: #b7b7b7;}
.bottom {display: flex; margin: 24px 0;}
button.big.green {position: relative; font-family: inherit; background: #52ab00; padding: 10px 26px; font-weight: 500; font-size: 16px; text-align: center; color: #fff; margin-right: 16px; cursor: pointer; transition: 0.2s; border-radius: 3px; border: none; text-shadow: 0 -1px rgb(82 171 0);}
button.big.green:hover {background: #72c723;}
button.big.blue {position: relative; font-family: inherit; background: #2c94bb; padding: 10px 26px; font-weight: 500; font-size: 16px; text-align: center; color: #fff; cursor: pointer; border-radius: 3px; border: none; text-shadow: 0 -1px rgb(0 0 0 / 10%);}
.ufilerdown {position: absolute; bottom: 0px; right: 6px; font-size: 12px; color: #eee;}

.bottom_size {font-size: 15px;color: #fff;}
.bottom_size span {background: #373d48;color: #fff;padding: 2px 6px;font-size: 13px;border-radius: 2px;margin-left: 6px;}

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

.tech_details {display: flex; justify-content: space-between; margin: 32px -24px;}
.tech_details .tech_details-block {width: 50%; margin: 0px 24px; color: #b7b7b7;}
.tech_details .infotech {padding-bottom: 5px; margin-bottom: 8px; color: #e6e6e6; border-bottom: 2px solid #272d33; 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 {color: #61686d;}
.rus {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;}

.not-actual {margin-top: 34px; font-weight: 500;}
.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;}

.notice_main {margin: 14px 0; border-left: 3px solid #f7a30c; color: #b7b7b7; padding: 0px 5px 0px 10px; font-size: 1.02em;}
.notice_main 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;}

.spoiler {position: relative; background: #262c33; cursor: pointer; color: #c0c0c0; box-shadow: 0px 0px 1px 1px #090f14; border-radius: 2px; padding: 6px 14px 6px 26px; margin-top: 12px; letter-spacing: -0.6px; display: block;}
.spoiler_up {border-radius: 2px 2px 0 0;}
.spoiler:before {content: ""; background-color: #c0c0c0; position: absolute; top: 50%; left: 16px; width: 8px; height: 2px; margin: -1px 0 0 -4px;}
.spoiler:after {content: ""; background-color: #c0c0c0; position: absolute; top: 50%; left: 16px; width: 2px; height: 8px; margin: -4px 0 0 -1px;}
.spoiler_up:after {background-color: transparent;}
.spfield .opencast {margin-top: -1px;}

.info-basictype {margin-bottom: 20px; font-size: 18px; text-align: center; color: #989898;}
.itemtop {position: relative; display: block; width: 270px; margin: 0px auto; border-radius: 3px; background: #51ba3c; color: #fff; transition: all .3s; font-size: 1.4em; font-weight: 500; text-align: center; height: 42px; line-height: 42px;}
.itemtop:hover {background: #51ba3c; color: #fff;}

.relatedtor {text-align: center;font-size: 14px;color: #989898;}
.relatedtor a {border-bottom: 1px solid #464f5a;color: #989898;}

.appmet_ctn {position: relative; width: calc(100% - 30px); margin: 24px 0 16px 0;}
.appmet-head {display: inline-block; background: url(../images/tags.png); background-size: 100%; opacity: 0.6; width: 25px; height: 25px; vertical-align: top; margin-right: 6px;}
.apptag {position: relative; height: 25px; overflow: hidden;}
.apptag a {display: inline-block; border: 1px solid transparent; background: rgba(255,255,255,0.05); box-sizing: border-box; word-break: break-word; margin: 0 4px 8px 0; font-size: 13px; padding: 4px 10px; color: #c4c5c9; transition: all .3s ease 0s; border-radius: 6px;}
.apptag a:hover {color: #fff;}
.appmet_ctn.active .apptag {height: auto; margin-bottom: -8px;}
.button_showmet {position: absolute; top: 1px; right: -30px; font-size: 14px; cursor: pointer; padding: 1px 5px; border-radius: 2px; background: #1f252c; border: 2px solid #181c21; z-index: 1;}
.button_showmet:before {content: "\f107"; font-family: 'font awesome 6 pro'; color: #000; font-weight: 900;}
.appmet_ctn.active .button_showmet:before {content: "\f106";}

.rels-t {position: relative; font-size: 16px; color: #959595; margin-top: 4px; margin-bottom: 22px; padding-bottom: 11px; border-bottom: 1px solid #2b2d30; text-transform: uppercase; letter-spacing: 0.4px;}
.rels-b {position: relative; background: #181c21; border: 4px solid #1f252b; margin: 0 -20px 0 -20px; padding: 20px; overflow: hidden;}
.coms-t {position: relative; font-size: 16px; color: #fff; margin-top: 24px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #272d33; text-transform: uppercase; letter-spacing: 0.4px;}
.button_showrelgame {position: absolute; bottom: 12px; left: 20px; font-size: 12px; cursor: pointer; padding: 0 12px 0 4px; border-radius: 2px; border: 2px solid #000000; color: #90959f;}
.button_showrelgame::before {content: "Показать все";}
.button_showrelgame i {position: absolute; top: 1px; right: 3px;}
.related_game {display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.related_game .rel-carou {width: calc(25% - 14px); margin-bottom: 12px;}
.related_game .rl-img, .related_game .rl-img img {height: 242px;}

.fdop, .fdop .finfo {width:calc(100% - 180px);}

.rel-carou {display: block; width: 154px; height: auto; float: left;}
.rl-img {height: 198px; border-radius: 4px;}
.rl-img img {height: 198px;}

/* BOTTOM DESC
----------------------------------------------- */
.site-desc {position: relative; color: #96989c; background: #1D232C; padding: 18px 15px; line-height: 1.4; font-size: 1.03em;}
.site-desc img {margin: 10px 0;}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.pagi-load {text-align:center; margin-bottom: 10px;}
.pagi-load > span {display:none;}
.pagi-load + .pagi-nav {margin-top:20px; margin-bottom: 10px;}
.bottom-nav {width: 100%; text-align: center; margin: 24px 0;}
.pagi-nav {max-width:100%; display:inline-block;}
.pages-numbers>span {    background-color: #1D232C;}
.pages-numbers>a {color: #ccc; background: #353d48;}
.pages-numbers>a, .pages-numbers>span {display: inline-block; padding: 2px 14px; margin: 5px 2px; text-align: center; border-radius: 2px; font-size: 17px;}
.pages-numbers>a:hover {background: #222931; color: #c1c9d3;}
.pages-next>a, .pages-next>span, .pages-prev>a, .pages-prev>span {display: inline-block; text-align: center; border-radius: 3px;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}

/* FULL STATIC
----------------------------------------------- */
.mejs-container {max-width:100% !important;}
.main_description {position: relative; margin: 10px 0 24px 0; color: #b7b7b7; line-height: 1.5; font-size: 1.125em;}
.main_description p {padding-bottom: 22px;}
.main_description p:last-child {padding-bottom: 0;}
.main_description a {text-decoration:underline;}
.main_description a:hover {color: #013a84;}
.main_description h3 {font-size: 1rem; font-weight: 500; padding-bottom: 4px;} /* head spoiler */
.main_description ul {padding-bottom: 22px;}
.main_description ul li {list-style: square; margin-left: 24px;}
.main_description ol li {list-style: decimal; margin-left: 24px;}

/*--- 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; color: #e6e6e6; border-bottom: 2px solid #272d33; margin-bottom: 20px; padding-bottom: 12px; letter-spacing: 0.8px; text-transform: uppercase;}
.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: #293038; color: #e6e6e7; padding: 14px 16px; border-radius: 3px; cursor: pointer;}
.list_item:hover {background: #2d343d;}
.list_item.activesp {background: #2d343d; border: 1px solid #161a1f;}
.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: #b7b7b7; font-weight: 700;}
.packagedownld a.downld {background: #56a937; color: #fff; padding: 2px 12px 2px 12px; border-radius: 3px; font-size: 15px;}
.packagedownld a.downld:hover {background: #65bf48;}

.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; color: #ccc; background: #262c33; box-shadow: 0px 0px 1px 1px #090f14; 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 .showtitle:after {background: url(../images/gog.png); background-size: 100%;}
.list_item.tm6 .showtitle:after {background: url(../images/storage.png); background-size: 100%;}

.showtitle[storage]::before {filter: hue-rotate(185deg) saturate(80%) brightness(80%);}

#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: #e6e6e6}
.althead_text {position: relative; margin-top: 10px; font-size: 16px; color: #61686d;}
.althead_warning {position: relative; margin-top: 10px; font-size: 15px; background: #181c21; color: #9E9E9E; padding: 10px 20px; border-radius: 6px;}
.appruv_warning {position: absolute; top: 10px; right: 10px; font-size: 19px; cursor: pointer;}
.appruv_warning:before {font-family: 'Font Awesome 6 Pro'; content: "\f00d";}
.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: "\f054"; position: absolute; top: 10px; right: 12px; font-family: 'Font Awesome 6 Pro'; font-weight: 900; 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; border-bottom: 1px solid #181e25;}
details.item a {position: relative; display: block; padding: 10px 12px; 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 #181e25}
/* other link */
a.otherlink {position: relative; border-bottom: 1px solid #181e25; display: flex; align-content: center; align-items: center; gap: 5px; padding: 10px 12px; cursor: pointer;}
a.otherlink:hover {background-color: #181e25;}
a.otherlink::before {position: absolute; top: 14px; right: 12px; font-family: 'Font Awesome 6 Pro'; content: "\f35d"; font-size: 13px;}
a.otherlink img {width: 14px; height: auto; max-width: 100%;}
#althead_info {margin-top: 7px; font-size: 18px; color: #787878; font-weight: 700;}
#otherlink_info {margin-top: 12px; font-size: 15px;}

.box-steamrating {position: relative;font-size: 1.12em;margin: 10px 0;color: #8f98a0;}
span.fa-light.fa-square-question {color: #636971; margin-left: 2px; font-size: 15px; cursor: pointer;}
.steamreviews {display: none;}
.stpercent {font-weight: 500;}
.orang_rate {color: #e60;}
.yell_rate {color: #b78322;}
.gr_rate {color: #36920c;}

.tquote {position: relative; margin-top: 16px; color: #8f98a0;}
.tquote:before {position: absolute; top: -1px; left: -12px; color: #e2000e; content: "*"; font-weight: 700; font-size: 18px;}

.castopen {position: relative; line-height: 1.32em; border: 1px solid #1b2025; background: #293038; color: #b7b7b7; padding: 12px 18px; margin: 10px 0; max-height: 235px; overflow-y: scroll;}
.castopen.active {max-height: initial;}
.cast-o {position: absolute; top: 8px; right: 8px; color: #828282; cursor: pointer; font-size: 12px; padding: 1px 12px; border: 1px solid #3e3e3e; border-radius: 8px; background: #252c33;}
.cast-o:hover {color: #c1c1c1;}

/* COMMENTS
----------------------------------------------- */
.add-comm-form {position: relative; margin-bottom: 20px;}
.ac-inputs, .ac-textarea {margin-bottom:15px;}

.ac-inputs input {width: 36%; background-color: #181c21; box-shadow: none; border: 1px solid #1a1a1b; color: #fff;}
.ac-textarea textarea {position: relative; background: #181c21; border-color: #1a1a1b; color: #fff; padding: 15px; border-radius: 10px; font: inherit; font-size: 15px; height: 70px;}
.active_comment textarea {height: 100px!important; border-color: #000;}
.ac-submit {position: relative;}
.ac-submit button {background-color: #333e46; border-radius: 4px; color: #ececec; cursor: pointer; padding: 8px 14px; font-weight: 500; font-size: inherit; float: right;}
.g-recaptcha {float: left;}

.mass_comments_action {text-align: right; padding: 4px 10px; background-color: #181c21; border: 1px solid #000; color: #bfbfbf;}
.mass_comments_action select {color: #bfbfbf; border: 1px solid #000; padding: 4px 2px !important; font-size: 12px;}
.last-comm-link {font-size:16px; margin-bottom:10px;}
.last-comm-link a {text-decoration:underline; color:#598597;}
.full-comms {overflow: hidden;}

.side-panel {width: 300px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #161d25; padding: 10px; z-index: 99999; position: fixed; left: -320px; top: 0; transition: left .4s; -webkit-transition: left .4s;}
.side-panel.active {left: 0;}
.side-panel .side {display: block;}
.close-overlay {width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 887; display: none;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .h-menu {display: block !important; width: 100%; margin: 0 0 10px 0; background-color: #1d232c; padding: 10px;}
.side-panel .h-menu li a {display: block; outline: 0; padding: 9px 12px; color: #C9C9C9; background: #222932; border-bottom: 1px solid #1a2129; border-top: 1px solid #242F3B; font-size: 1.02em; cursor: pointer;}
.side-panel .h-menu li a:hover {color: #f2bd00; background: #252D39;}

/* --- tns слайдер --- */
.tns-outer {padding: 0 !important;}
.tns-outer [hidden] {display: none !important;}
.tns-slider {-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
.tns-slider > .tns-item {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tns-horizontal.tns-subpixel {white-space: nowrap;}
.tns-horizontal.tns-subpixel > .tns-item {display: inline-block; vertical-align: top; white-space: normal;}
.tns-horizontal.tns-no-subpixel:after {content: ""; display: table; clear: both;}
.tns-horizontal.tns-no-subpixel > .tns-item {float: left;}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {margin-right: -100%;}
.tns-no-calc {position: relative; left: 0;}
.tns-ah {-webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s;}
.tns-ovh {overflow: hidden;}
.tns-visually-hidden {position: absolute; left: -10000em;}
.tns-transparent {opacity: 0; visibility: hidden;}
.tns-fadeIn {opacity: 1; filter: alpha(opacity=100); z-index: 0;}
.tns-normal, .tns-fadeOut {opacity: 0; filter: alpha(opacity=0); z-index: -1;}
.tns-vpfix {white-space: nowrap;}
.tns-vpfix > div, .tns-vpfix > li {display: inline-block;}
.tns-t-subp2 {margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden;}
.tns-t-ct {width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0;}
.tns-t-ct:after {content: ""; display: table; clear: both;}
.tns-t-ct > div {width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left;}
.tns-nav {display: flex; align-items: center; justify-content: center; margin-top: 12px;}
.tns-nav button {background-color: #353d48; width: 15px; height: 9px; border-radius: 2px; margin: 2px; transition: background-color 0.2s; cursor: pointer;}
.tns-nav-active {background-color: #73767c !important;}

.xsort-area {display: none;}
.xsort_open .xsort-area {display: block;}
#xsort_button {position: relative; display: block; width: 100px; cursor: pointer; text-transform: uppercase; font-size: 12px; font-weight: 500; color: #c9c9c9;}
#xsort_button:after {content: "\f0dc"; position: absolute; top: -3px; right: -1px; font-size: 13px; color: #74767c; font-family: 'Font Awesome 6 Pro'; font-weight: 400; padding: 3px 6px; border-radius: 16px; transition: 0.2s; cursor: pointer;}
#xsort_button:hover:after, .xsort_open #xsort_button:after {background: #343e4d75; color: #a4a5ab;}
.xsort-area > div {float: left; margin-right: 10px;}
.xsort-div {height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #000000; border-radius: 3px; background: #1d232d; position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
.xsort-div:hover {box-shadow: 0 0 0 3px rgb(0 0 0 / 35%);}
.xsort-active {box-shadow: 0 0px 0px 2px #ffb114;}
.xsort-selected {position: relative; padding-right: 15px; color: #90959f; cursor: pointer;}
.xsort-selected:after {position: absolute; top: 0px; right: -2px; font-size: 15px; color: #90959f; content: "\f0d7"; font-family: 'Font Awesome 6 Pro'; font-weight: 900;}
.xsort-ul {display: none; background: #1d232c; position: absolute; top: 32px; left: 0; margin: 0; padding: 0; z-index: 999; border: 1px solid #000000; border-radius: 3px; max-height: 400px; overflow: auto; box-shadow: 0 0 0 3px rgb(0 0 0 / 21%);}
.xsort-ul li {display: block; padding: 0 30px 0 16px; line-height: 26px; white-space: nowrap; cursor: pointer; color: #90959f;}
.xsort-ul li.current {position: relative; font-weight: 500; background: #1a1a1c;}
.xsort-ul li.current:after{position: absolute; top: 0; right: 10px; content: "\f00c"; font-family: 'Font Awesome 6 Pro'; font-weight: 900;}
.xsort-ul li:hover {background: #2b3039;}
.xsort-ul li.xdesc:before, .xsort-ul li.xasc:before {position: absolute; left: 5px; top: 0px; font-size: 9px;}
.xdesc:before, .xasc:before {position: relative; font-family: 'Font Awesome 6 Pro'; font-size: 10px; font-weight: 900; padding-right: 2px; top: 0px; left: -2px;}
.xdesc:before {content: "\f354";}
.xasc:before {content: "\f357";}
.xsort-div-clearall {position: relative; padding: 0 12px; cursor: pointer;}
.xsort-div-clearall:before {position: absolute; content: "\f00d"; font-family: 'Font Awesome 6 Pro'; top: 0px; left: 8px; font-size: 13px; color: #5c5c5c; font-weight: 900;}
.xsort-area {font-size: 12px; -ms-user-select: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;}
.xsort-area:after{content: ""; display: table; clear: both;}

.comm-item {position: relative; background-color: #181c21; padding: 15px; padding-left: 75px; margin: 10px 0; border-radius: 2px;}
#comm-status {padding-top: 0px; border-bottom: 1px solid #efefef;}
#comm-status .comm-two {margin-bottom: 0; padding-bottom: 8px;}
#comm-status .comm-two b {font-weight: 500;}

.comm-one {position: relative; display: flex; margin-bottom: 4px; justify-content: space-between; align-items: center;}
.comm-one > div {height:100%; float:left;}
.comm-av {position: absolute; cursor: pointer; top: 15px; left: 15px; width: 45px; height: 45px; float: left;}
.comm-av img {display: block; width: 45px; height: 45px; border-radius: 4px;}
.comm-avbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 40px; text-align: center; background-color: #000; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 4px;}
.comgroup {color: #afafaf; font-size: 12px; padding: 0px 4px; border-radius: 1px;}
.comgroup.admin {background-color: #af090e; color: #efefef;}
.comgroup.user {background: #26282b;}
.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 {float: left; font-weight: 500; font-size: 15px; padding-right: 6px; color: #bbbbbb; cursor: pointer;}
.comm-author a {color: #bbbbbb;}
.comm-author a:hover {color: #1172a6;}
.comm-reply a {color: #9a9ca0; font-size: 0.96em; cursor: pointer;}
.comm-reply a:hover {color: #4683d9;}
.comm-date {color: #60666c; font-size: 12px; padding-top: 1px;}
.comm-two {margin-bottom: 7px; color: #b7b7b7; font-size: 1.05em; line-height: 1.3;}
.comm-two .comm-author {float: none; padding: 0; font-size: inherit;}
.comm-two div[id] {display: contents;}
.comm-three {display: flex; justify-content: left; align-items: center;}
.comm-three-right {position: relative; margin-right: 6px; color: #888; cursor: pointer;}
.comm-three-right:hover {color: #000;}
.comm-three-right:before {content: "\f142"; font-family: 'Font Awesome 6 Pro'; font-weight: 900;}
.comm-three input {opacity: 0.3; margin-right: 6px; cursor: pointer;}
.comm-three input:hover, .comm-three input:checked {opacity: 1;}
.thexpand {position: absolute; left: 0; right: 0; height: 100%;}
.th-right {display: none;background: #fff;padding: 6px 0px;font-size: 15px;position: absolute;right: auto;left: -13px;top: 22px;min-width: 142px;transition: top .6s;-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 8px 0 rgba(0,0,0,.08);box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 8px 0 rgba(0,0,0,.08);border-radius: 6px;z-index: 99999;}
.th-right:before {content: '';position: absolute;width: 9px;height: 9px;background: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: -4px;left: 15px;-webkit-box-shadow: -1px -1px 0 0 rgba(0,0,0,.08);box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.08);}
.th-right li {position: relative; height: 24px;}
.th-right li:hover {background: #ffefa6;}
.th-right li * {padding: 4px 10px;line-height: 18px;height: 24px;display: block;cursor: pointer;color: #333;font-size: 13px;}
.signature {margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}

/* ADAPTIVE
----------------------------------------------- */
@media screen and (max-width: 1200px) {
    .header {padding: 14px 20px;}
    .h-menu {display: none;}
    .main {padding: 0 24px;}
    .side {margin: 0; width: 100%; display: none;}
    .trash-menu_hide {display: block;}
    .main {width: 100%; float: none;}
    #main-menu-open {display: block;}
    .open-menu_tags.tm {display: none;}
    .open-menu_hide.tm {color: #f2bd00; background: #252D39;}
    .shortstory-in {width: 194px;}
    .short-images, .short-images a img {height: 242px;}
}

@media screen and (max-width: 1050px) {
    .shortstory-in {width: 168px;}
    .short-images, .short-images a img {height: 216px;}
}

@media screen and (max-width: 940px) {
    .main {width: 100%;}    
    .shortstory-in {width: 152px;}
    .short-images, .short-images a img {height: 198px;}
    .tab-content img {width: 23.6%;}
}

@media screen and (max-width: 860px) {
    .shortstory-in {width: 152px;}
    .short-images, .short-images a img {height: 198px;}
}

@media screen and (max-width: 760px) {
    .null {padding: 0;}
    .logotype {display:none;}
    .tab-content a:nth-child(2n) {margin-right: 0;}
    .tab-content img {width: 48%; height: 160px;}
}

@media screen and (max-width: 650px) {
    .logotype {display: block; margin: 0px auto 16px auto;}
    .header-flex {display: block;}
    .years {max-width: 280px; margin: 0 auto; height: 30px;}
    .years-navi {top: 0px; width: 280px;}
    .menu-headnav {width: 422px; margin: 0 auto;}
    .h-menu {display: flex; margin: 16px auto; width: 422px;}
    .h-menu li a {background: #1d232e; padding: 6px 8px; border-radius: 6px;}
    .r-wrap {justify-content: center; width: 422px; margin: 0 auto;}
    .search-wrap {position: relative; width: 100%;}
    .search-box input, .search-box input:focus {height: 42px; line-height: 42px;} 
    .search-box button {width: 42px; height: 42px;}
    .login-btns {cursor: pointer; margin: 0 auto; width: 164px;}
    .login-btns > .show-login {padding: 6px 20px;}
}

@media screen and (max-width: 590px) {
    .navigation {text-align:center; margin:0;}
    .fposter {margin:0 auto;}
    .finfo {width:100%; padding-top: 24px; padding-left: 0;}
    .tab-content img {height: 130px;}
    .dopscr-open {position: relative; margin-bottom: 10px; display: inline-block;}
    .list_item {margin-bottom: 42px;}
    .showtitle {width: 92%;}
    .show_ver {margin-bottom: 4px;}
    .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;}
    .ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
    #dofullsearch, #searchsuggestions span.seperator {display:none !important;}
    .attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
    .attach-info {float:none;}
}

@media screen and (max-width: 470px) {
    .menu-headnav {width: 100%;}
    .header .h-menu {display:none;}
    .r-wrap {width: 100%; margin: 16px auto 0 auto;}
    .search-wrap {width: 100%;}
    .tab-content img {height: auto;}
    .ver_release {display: block; margin: 8px 0 0 0;}
    .bottom {display: block;}
    .bottom button {width: 100%; margin: 6px 0;}
    .notice-dist {display: block;}
    .attention-title {line-height: 24px !important;} 
    .packageinfo {display: none !important;}
    .game_block_action {right: 0; left: 0; bottom: -16px; text-align: center;}
    .packagedownld .size {font-size: 14px;}
    .packagedownld a.downld {font-size: 16px;}
    .g-recaptcha {margin: 18px 0; float: left;}
}

@media screen and (max-width: 430px) {
    .block_down {width: 100%;}
    .tab-content img {width: 100%;}
}

@media screen and (max-width: 392px) {
    .top-carou {width: 132px;}
    .tc-img, .tc-img img {height: 164px;}
    .videoiframe {width: 100%;}
}