@import url(../fonts/font.css);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.9rem;line-height:1.5;color:#444;outline:none}
a{outline:none;color:#ec2e1c;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0 none}
a > img{vertical-align:bottom}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{margin:2em 0 .8em;letter-spacing:-.01em;line-height:1.35em;font-weight:700;text-rendering:optimizeLegibility}
h1,.h1{font-size:2em}
h2,.h2{font-size:1.9em}
h3,.h3{font-size:1.6em}
h4,.h4{font-size:1.5em}
h5,.h5{font-size:1.2em}
.strike{text-decoration:line-through}
.nobr{white-space:nowrap}
.hide{display:none}
.title_hide{left:-9999px;position:absolute;top:-9999px;overflow:hidden;width:0;height:0}
.uline{text-decoration:underline}
.strike{text-decoration:line-through}
.ultrabold{font-weight:900;text-transform:uppercase}
.justify{text-align:justify}
.center{text-align:center}
.left{float:left}
.right{float:right}
fieldset{border:1px solid #0000001a;padding:15px;margin-bottom:1.5em}
fieldset legend{font-weight:700}
.grey{color:#94999e}
.grey a{color:inherit}
.grey a:hover,a.grey:hover{color:#444}
.red{color:#ec2e1c}
sup{vertical-align:super;font-size:smaller}
.over{display:inline-block;vertical-align:middle;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
a .over{cursor:pointer}
.cover{background-position:50% 50%;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
h1.title.h2.ultrabold.pagetitle{border-left:5px solid #ec2d1d;padding:10px 20px;border-bottom:1px solid #f4f6f7;font-size:16px;border-radius:5px}
.loader{width:50px;height:50px;border:5px solid transparent;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}

@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
ul{padding-left:40px;list-style:disc outside;margin-top:1em;margin-bottom:1em}
ol{padding-left:40px;list-style:decimal outside;margin-top:1em;margin-bottom:1em}
.instagram-media,.twitter-tweet{display:inline-block!important}
strong,b{font-weight:700}
em,cite,i{font-style:italic}
caption{text-align:left}
th,td{vertical-align:middle}
small,.small{font-size:.9em}
hr{height:0;border:0;border-top:2px solid #e3e4e6;-moz-box-sizing:content-box;box-sizing:content-box;margin:20px 0}
.clr{clear:both}
.clrfix:after{clear:both;content:"";display:table}
@media only screen and (min-width: 701px) {
.grid_1_2,.grid_1_4,.grid_3_4{float:left;margin-right:3%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.grid_1_2.right,.grid_1_4.right,.grid_3_4.right{float:right}
.grid_1_2.none,.grid_1_4.none,.grid_3_4.none{float:none;margin-right:0}
.grid_1_2{width:48%}
.grid_1_4{width:22%}
.grid_3_4{width:74%}
.grid_last{margin-right:0}
.grid_list:after{content:"";display:block;clear:both}
.grid_list > .grid_1_2:last-child,.grid_list > .grid_1_4:last-child,.grid_list.grid_3_4:last-child{margin-right:0}
}
@media only screen and (max-width: 700px) {
.grid_1_2.right,.grid_1_4.right,.grid_3_4.right{float:none}
}
.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{overflow:hidden;height:0;width:0;display:block}
.collapse.in{display:block;width:auto;height:auto}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}
.dropdown{position:relative}
.dropdown-menu,.dropdown-form{min-width:160px;padding:12px 0;border-radius:2px;margin-top:5px!important;display:none;z-index:99;position:absolute;box-shadow:0 8px 40px -10px #0000004d;-webkit-box-shadow:0 8px 40px -10px #0000004d;border:1px solid #e6e6e6;border-color:#0000001a;background-clip:padding-box;background-color:#fff}
.dropdown-menu{list-style:none;margin:0}
.dropdown-form{padding:25px}
.dropdown-menu li a{height:1%;padding:5px 20px;border:0 none;display:block;white-space:nowrap;text-decoration:none;color:inherit}
.dropdown-menu li a:hover{background-color:#e05b37;color:#fff}
.open .dropdown-menu,.open .dropdown-form{display:block}
.tab-content > .tab-pane{display:none}
.tab-content > .active{display:block}
.signature{font-size:.9em;opacity:.5;margin-top:.9em}
.wseditor table,.bb-editor table{margin:0}
.dlepopupnewsedit{height:400px!important}
.icon{display:inline-block;width:1em;height:1em;fill:#ec2e1c;vertical-align:middle}
i.fa-solid{float:left;margin:2px 0 0 -30px;color:#ec2e1c;font-size:16px}
.icon-logo{width:42px;height:42px}
.icon-ca{width:25px;height:25px}
.icon-arrow_down{width:13px;height:13px}
.icon-arrow_left{width:13px;height:13px}
.icon-arrow_right{width:13px;height:13px}
.icon-fav{width:15px;height:14px}
.icon-like{width:13px;height:11px}
.icon-meta_date{width:17px;height:17px}
.icon-meta_reply{width:13px;height:13px}
.icon-meta_views{width:17px;height:17px}
.icon-meta_cat{width:17px;height:17px}
.icon-meta_user{width:15px;height:16px}
.icon-meta_coms{width:17px;height:17px}
.icon-meta_mail{width:19px;height:15px}
.icon-compl{width:13px;height:13px}
.icon-cross{width:13px;height:13px}
.icon-next,.icon-prev{width:23px;height:23px}
.icon-search,.icon-login{width:20px;height:19px}
.icon-sort,.icon-speedbar,.icon-meta_pages{width:29px;height:30px}
.icon-login{width:19px;height:19px}
.icon-tags{width:17px;height:17px}
.icon-vk{width:10px;height:1em}
.icon-tw{width:14px;height:1em}
.icon-fb{width:8px;height:1em}
.icon-gp{width:18px;height:1em}
.icon-ya{width:7px;height:1em}
.icon-od{width:10px;height:1em}
.icon-mail{width:16px;height:1em}
body{background-color:#fff}
.wrp,.wrp_min{max-width:1180px;padding:0 20px;margin:0 auto}
.wrp_min{max-width:950px}
.wrp.page_description{padding:20px}
.wrp.page_description h3{margin:0}

.headskidrow{position:relative;background:#2a2c2b url(../images/bg_skidrowcodex.jpg)}
.headskidrow.fixed{background-attachment:fixed}
.headskidrow:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(top,#0003 0%,#0000 230px);background-image:-moz-linear-gradient(top,#0003 0%,#0000 230px);background-image:-o-linear-gradient(top,#0003 0%,#0000 230px);background-image:-ms-linear-gradient(top,#0003 0%,#0000 230px);background-image:linear-gradient(top,#0003 0%,#0000 230px)}
.head_text{padding:7% 0;position:relative;z-index:1}
.head_text_in{text-align:center;position:absolute;width:50%;left:50%;top:50%;text-shadow:0 1px 1px #0003;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.head_text_in,.head_text_in *{color:#fff}
.head_text_in > .title{margin:0;font-size:2.8em}
.head_text_in > .text{margin:0;font-size:1.6em}
@media only screen and (min-width: 861px) {
#header{height:76px;display:-webkit-flex;display:flex}
}
.logotype{display:flex;align-items:center;justify-content:center;padding:17px;margin:0;position:relative;z-index:1;height:47px;width:47px;background:url(../images/logo.png) no-repeat 50% 50%;background-size:contain}
.logotype > .icon{fill:#fff}
@media only screen and (min-width: 861px) {
.topbar{-webkit-flex-grow:2;flex-grow:2}
#topmenu{float:left;position:relative;z-index:2}
#topmenu ul{list-style:none;padding:0;margin:0}
#topmenu > ul > li{float:left;position:relative}
#topmenu > ul > li > a{display:block;line-height:22px;height:22px;padding:27px 17px;text-decoration:none!important;opacity:.8;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;position:relative;z-index:21}
#topmenu > ul > li > a:hover{opacity:1}
#topmenu > ul > li > a > .icon{fill:#fff;opacity:.2;margin-left:6px}
#topmenu a,#topmenu{color:#fff}
#topmenu > ul > li > ul,#topmenu > ul > li > div{position:absolute;left:0;top:0;padding:30px 0;padding-top:76px;margin-left:-13px;width:250px;z-index:20;opacity:0;visibility:hidden;-webkit-transform:translate(0,-100%) scale(0.8);transform:translate(0,-100%) scale(0.8)}
#topmenu > ul > li > div{padding-left:30px;padding-right:30px}
#topmenu > ul > li:hover > ul,#topmenu > ul > li:hover > div{opacity:1;visibility:visible;-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);-webkit-transition:all .4s ease;transition:all .4s ease}
#topmenu > ul > li > ul:after,#topmenu > ul > li > div:after{content:"";background-color:#272727;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 0 2px 2px;opacity:.85;box-shadow:0 0 9px 0 #0006;-webkit-box-shadow:0 0 9px 0 #0006}
#topmenu > ul > li > ul > li,#topmenu > ul > li > div > div{position:relative;z-index:1}
#topmenu > ul > li.parent:hover > a{color:#ec2e1c;opacity:1}
#topmenu > ul > li.parent:hover > a > .icon{fill:#ec2e1c;opacity:1}
#topmenu > ul > li > ul > li a{display:block;padding:.3em 30px;height:1%;text-decoration:none!important}
#topmenu > ul > li > ul > li > a:hover{color:#ec2e1c}
}
#closemenu{display:none}

.arh_tabs{list-style:none;height:26px;border-radius:18px;margin-bottom:25px!important;overflow:hidden;position:relative}
.arh_tabs:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border:1px solid #ec2e1c;border-radius:13px}
.arh_tabs > li{float:left;width:50%;position:relative;z-index:1}
.arh_tabs > li > a{text-align:center;display:block;height:22px;line-height:22px;padding:2px 4px;color:#fff;text-decoration:none!important;text-transform:uppercase;border-radius:13px;font-size:10px;font-weight:700}
.arh_tabs > li.active > a{background-color:#ec2e1c}
@media only screen and (min-width: 861px) {
#mainmenu.h_btn{display:none}
}
.menu_toggle,.icon_close{display:inline-block;vertical-align:middle;width:19px;height:19px;margin:0;position:relative}
.menu_toggle > i,.icon_close > i{height:1px;width:100%;background-color:#fff;position:absolute;left:0;top:0;-webkit-transition:all ease .3s;transition:all ease .3s}
.mt_1{margin-top:1px}
.mt_2{margin-top:9px}
.mt_3{margin-top:17px}
.menu_toggle__title{display:none}
#mainmenu.open .mt_1,.icon_close > i.mt_1{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#mainmenu.open .mt_2{opacity:0}
#mainmenu.open .mt_3,.icon_close > i.mt_2{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#mainmenu.open .mt_1,#mainmenu.open .mt_2,#mainmenu.open .mt_3,.icon_close > i{margin-top:9px}
#mainmenu.open .menu_toggle{opacity:1!important}
#mainmenu.open i{background-color:#fff}
#topmenu > ul > li > ul > li > a:hover,#topmenu > ul > li > ul > li > ul > li > a:hover{color:#ec2e1c}
.h_btn{float:right;width:44px;height:44px;position:relative;z-index:1;background:none;border:0 none;padding:16px 6px;cursor:pointer;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.h_btn:after{content:"";background-color:#272727;position:absolute;top:0;left:0;width:100%;height:66px;border-radius:0 0 2px 2px;opacity:0;visibility:hidden;margin-top:-60px;-webkit-transition:margin-top .2s ease;transition:margin-top .2s ease}
.h_btn.open:after{opacity:1;visibility:visible;margin-top:0}
.h_btn > *{position:relative;z-index:1}
.h_btn > .icon{fill:#fff}
.h_btn.open > .icon,.h_btn > .icon_close,.h_btn.open > .avatar{display:none}
.h_btn.open > .icon_close{display:inline-block}
#tools{background-color:#272727;font-size:.9em}
.tools{height:76px}
.tools > .wrp:after{content:"";display:block;clear:both}
#sort,#breadcrumbs{padding:27px 0 27px 60px}
#sort > .icon,#breadcrumbs > .icon{float:left;margin:-4px 0 0 -60px;fill:#cdd0d3}
.sort_label{font-weight:400;text-transform:lowercase}
#sort form,ul.sort,ul.sort > li{display:inline}
ul.sort{list-style:none;padding:0;margin:0}
ul.sort > li{margin-left:16px}
ul.sort > li > a{color:grey;text-decoration:none!important}
ul.sort > li > a:hover,.sort > li.asc a,.sort > li.desc a{color:#ec2e1c}
.sort > li.asc a:before,.sort > li.desc a:before{content:"";display:inline-block;vertical-align:middle;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoAQMAAADNFOjiAAAABlBMVEUAAAD/SFvf5sBTAAAAAXRSTlMAQObYZgAAACBJREFUCNdj+P8fhJDB/w9AhCoCQijgAwJhqsRvGsRGAIL/F3G3R2gKAAAAAElFTkSuQmCC);margin:0 .4em 0 0;width:8px;height:10px;background-position:0 -10px;-webkit-background-size:8px auto;background-size:8px auto}
.sort > li.asc a:before{background-position:0 0}
#breadcrumbs{color:#94999e}
#breadcrumbs a{color:#ec2e1c}
.tags_btn{display:block;margin:27px 0 27px 30px;text-decoration:none!important;color:#ec2e1c}
.tags_btn.collapsed{color:#94999e}
.tags_btn > .icon-tags{float:left;margin:2px 0 0 -30px}
.tags_btn > .icon{fill:#cdd0d3}
.tags_btn > .icon-arrow_down{margin:0 0 0 6px}
#toptags{width:100%}
#toptags > .wrp{padding-bottom:30px}
#toptags .tag_list > span > a{background-color:#fff}
.droptopbar{width:100%;height:0;overflow:hidden;background-color:#272727;position:relative;z-index:21;-webkit-transition:height ease .2s;transition:height ease .2s;font-size:.9em}
.droptopbar .wrp{opacity:0;-webkit-transition:opacity ease 1s;transition:opacity ease 1s}
.search_open #q_search,.login_open #loginpane,.loginf_open #loginpane{height:59px}
.search_open #q_search .wrp,.login_open #loginpane .wrp,.loginf_open #loginpane .wrp{opacity:1}
.droptopbar .btn{height:33px;padding:6px 14px}
.q_search{position:relative}
.q_search > input{width:100%;height:59px;line-height:23px;padding:18px 130px 18px 0;border-radius:0;background:none!important;color:#fff!important;display:block;border:0 none;font-size:1em;box-shadow:none;-webkit-box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.q_search input::-webkit-input-placeholder{color:#fff}
.q_search > .btn{position:absolute;right:0;top:0;margin:13px 0 0;background:none;color:#fff!important;box-shadow:inset 0 0 0 1px #383e42;-webkit-box-shadow:inset 0 0 0 1px #383e42;cursor:pointer}
.q_search > .btn:hover{box-shadow:inset 0 0 0 1px #64696c;-webkit-box-shadow:inset 0 0 0 1px #64696c}

.fastsearch-item{display:block;position:relative;padding:10px;margin:0;width:100%;max-width:100%;text-decoration:none;background-color:#fff;color:#444;border-bottom:1px solid #eee;box-sizing:border-box;overflow:hidden;transition:background-color .2s ease-in-out}
.fastsearch-item:hover{background-color:#f9f9f9;text-decoration:none;color:#444}
.fastsearch-thumb{display:block;float:left;width:60px;height:60px;margin-right:12px;margin-bottom:0;border-radius:6px;overflow:hidden;background-color:#f0f0f0;box-sizing:border-box}
.fastsearch-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;margin:0;padding:0;border:none}
.fastsearch-content{display:block;overflow:hidden;box-sizing:border-box;margin:0;padding:0;vertical-align:top}
.searchheading{display:block;font-weight:700;font-size:.95rem;line-height:1.3;margin:0 0 4px;color:#ec2e1c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.searchsnippet{display:block;font-size:.85rem;color:#444;line-height:1.4;max-height:4.2em;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
@media screen and (max-width: 480px) {
.fastsearch-thumb{width:50px;height:50px;margin-right:10px}
.searchheading{font-size:.9rem}
.searchsnippet{font-size:.8rem;max-height:2.8em}
}

.login > .avatar{display:inline-block;padding:5px;position:relative;border-radius:50%;border:1px solid #fff}
.login > .avatar > .cover,.login > .avatar{width:31px;height:31px}
.pmnum_0 > .num{display:none}
.num{background:#fff;color:#444;font-weight:700;height:12px;line-height:11px;min-width:8px;padding:1px 3px;display:inline-block;vertical-align:top;text-align:center;font-size:9px;border-radius:7px}
.login > .avatar > .num{position:absolute;left:0;bottom:0;margin:0 0 -1px -1px}
#loginpane{color:#fff;position:absolute;left:0;top:0;margin-top:-59px}
.page:before{content:"";display:block;width:100%;height:0;background-color:#21282d;-webkit-transition:height ease .2s;transition:height ease .2s}
.login_open .page:before,.loginf_open .page:before{height:59px}
ul.login_form{list-style:none;padding:0;margin:0;border-radius:2px;border:1px solid #383e42;float:left;margin:13px 20px 0 0}
.login_form:after{clear:both;display:block;content:""}
.login_form > li{float:left;width:160px;margin:0;padding:0}
.login_form > li > label{display:none}
.login_form > li > input{font-size:1em;height:33px;padding:6px 14px;background:none!important;border:0 none;border-left:1px solid #383e42;border-radius:0;color:#fff}
.login_form > li:first-child > input{border-left-width:0}
.login_form > li > input::-webkit-input-placeholder{color:#fff}
.login_form > li > .btn{background:none!important;border-radius:0;border-left:1px solid #383e42}
.login_form > li > .btn:hover{color:#ec2e1c!important}
.login_form_links{float:right;margin-top:17px;height:23px;line-height:23px}
.login_form_links > a{margin-left:20px}
#loginpane .name{float:left;margin:20px 30px 0 0}
#loginpane .name > a{color:#fff;text-decoration:none!important}
#loginpane .name > a:hover{color:#ec2e1c}
#loginpane .login_menu{float:left;list-style:none;padding:0;margin:20px 0 0}
#loginpane .login_menu > li{display:inline;margin-right:20px}
#loginpane .login_menu > li a{color:#bebfc0;text-decoration:none!important}
#loginpane .login_menu > li a:hover{color:#fff}
.lm_num{background:#293239;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:3px;display:inline-block;vertical-align:middle;text-align:center;font-size:12px;border-radius:11px;margin:-.2em .4em 0 0;color:#fff}
.soc_links{float:left;display:flex;justify-content:space-between;padding:1px;margin:13px 0 0}
.soc_links > a{display:inline-block;width:31px;height:31px;line-height:31px;border-radius:50%;background-color:#293239;text-align:center;margin-left:6px;opacity:.5;-webkit-transition:all ease .1s;transition:all ease .1s}
.soc_links > a:hover{opacity:1}
.soc_links > a > .icon{fill:#fff;vertical-align:middle;margin:-3px 0 0}
.soc_vk:hover{background-color:#5486ca}
.soc_tw:hover{background-color:#60bbf5}
.soc_fb:hover{background-color:#4268ca}
.soc_gp:hover{background-color:#de553a}
.soc_ya:hover{background-color:red}
.soc_od:hover{background-color:#ff7800}
.soc_mail:hover{background-color:#006cff}

#footer{padding:50px 0;border-top:1px solid #eceded}
.foot_menu{font-size:.92em;list-style:none;padding:0;margin:0 0 50px}
.foot_menu:after{clear:both;display:table;content:""}
.foot_menu > li > b{color:#caced1;display:block;margin-bottom:1em;text-transform:uppercase}
.foot_menu > li:hover > b{color:#ec2e1c}
.foot_menu > li > b > i{display:none}
.foot_menu > li nav > a{color:inherit;display:block;padding:.2em 0;text-decoration:none!important;font-size:.98em}
.foot_menu > li nav > a:hover{color:#ec2e1c}
@media only screen and (min-width: 701px) {
.foot_menu > li > div{display:block!important;height:auto!important;width:auto!important}
}
.foot{padding-top:20px;border-top:1px solid #eceded;font-size:.9em}
.foot:after{content:"";clear:both;display:block}
.ca{float:left;white-space:nowrap}
a.ca *{cursor:pointer}
.ca:after{clear:both;display:block;content:""}
.ca > span{width:38px;height:38px;float:left;border:1px solid #d1d3d5;border-radius:50%;margin-right:15px}
.ca > span > .icon{fill:#d1d3d5}
.ca:hover > span{border-color:#404549}
.ca:hover > span > .icon{fill:#404549}
.ca > div{float:left}
.ca > div > b{display:block;text-transform:uppercase}
.ca > span > .icon{display:block;margin:7px 0 0 8px;fill:#cbcbcb}
.counters{list-style:none;margin:0;padding:0;float:right}
.counters:after{clear:both;display:block;content:""}
.counters > li{float:left;opacity:.5;height:31px}
.counters > li:first-child{margin-left:0}
.counters > li:hover{opacity:1}
.vote_line{position:relative;background-color:#ec2e1c}
@media only screen and (min-width: 701px) {
.vote_line{height:55px}
.vote_line:after{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background-color:#444}
.vote_line > .wrp{position:relative;z-index:1;background-color:#ec2e1c}
.vote_line_title{float:left;margin:0 0 0 -20px;background-color:#444;height:25px;line-height:25px;padding:15px 20px;position:relative;color:#fff}
.vote_line_title:after{content:"";position:absolute;left:100%;top:0;vertical-align:middle;border:solid transparent;border-left-color:#444;border-width:28px 0 27px 16px}
.vote_icon{display:inline-block;width:12px;height:16px;vertical-align:middle;margin:-.2em 0 0 .4em}
.vote_icon > i{display:block;width:100%;height:1px;background-color:#ec2e1c;margin-top:4px}
.vote_icon > i:first-child{margin-top:0}
.vote_icon > i.i1{width:80%}
.vote_icon > i.i2{width:100%}
.vote_icon > i.i3{width:40%}
.vote_icon > i.i4{width:60%}
.vtitle{white-space:nowrap;overflow:hidden;font-weight:700;height:25px;line-height:25px;padding:15px 0;margin:0 0 0 165px;color:#fff}
.vote_line_form{position:absolute;right:0;top:0;margin-right:20px;padding:7px 20px;height:41px;background-image:-webkit-linear-gradient(left,#ff485b00 0%,#ff485bff 10%);background-image:-moz-linear-gradient(left,#ff485b00 0%,#ff485bff 10%);background-image:-o-linear-gradient(left,#ff485b00 0%,#ff485bff 10%);background-image:-ms-linear-gradient(left,#ff485b00 0%,#ff485bff 10%);background-image:linear-gradient(left,#ff485b00 0%,#ff485bff 10%)}
.vote_line_form .dropdown,.vote_line_form .more_votes{float:right}
}
.vote_line_form .more_votes{color:#fff;font-size:.9em;height:25px;line-height:25px;padding:8px 20px}
.vote_line_form .dropdown .dropdown-form{width:210px;right:0;bottom:57px;top:auto;left:auto}
.vote_line_form .dropdown.open:after{content:"";position:absolute;left:50%;top:0;z-index:100;margin:-17px 0 0 -14px;vertical-align:middle;border:solid transparent;border-top-color:#fff;border-width:14px 14px 0}
.vote_line_form .dropdown .dropdown-form .vote_list{font-size:.9em;margin-top:0}
.vote_line_form .dropdown .btn_border{margin-top:6px}
.vote_list{margin:1.5em 0}
.vote_list .vote,.vote_list .pollanswer{margin:0 0 .6em}
.vote_list .vote > input,.vote_list .pollanswer > input{display:none}
.vote_list .vote > input + label:before,.vote_list .pollanswer > input + label:before{display:inline-block;width:4px;height:4px;border:5px solid #e4e4e4;background-color:transparent;margin:-.2em 4px 0 0;vertical-align:middle;cursor:pointer;content:"";border-radius:2px}
.vote_list .vote > input[type="radio"] + label:before,.vote_list .pollanswer > input[type="radio"] + label:before{border-radius:50%}
.vote_list .vote > input + label:hover:before,.vote_list .pollanswer > input + label:hover:before{background-color:#ec2e1c}
.vote_list .vote > input:checked + label:before,.vote_list .pollanswer > input:checked + label:before{background-color:#444;border-color:#ec2e1c}
.vote_list .vote > input + label:before,.vote_list .vote > input:checked + label:before,.vote_list .pollanswer > input + label:before,.vote_list .pollanswer > input:checked + label:before{-webkit-transition:all ease .2s;transition:all ease .2s}
.vote_votes,.pollallvotes{font-size:.9em}
#dlevotespopupcontent{height:auto!important;overflow:visible!important}
.poll_block{margin-top:50px}
.poll_title{border-left:1px solid #ec2e1c;position:relative}
.poll_title:after,.poll_title:before{content:"";position:absolute;left:0;background:#ec2e1c;height:1px}
.poll_title:before{top:0;width:100%}
.poll_title:after{bottom:0;width:45%}
.poll_title > b{display:block;padding:16px 24px}
.poll_title > b:after,.poll_title > b:before{content:"";position:absolute;left:27px;top:100%;vertical-align:middle;border:solid transparent;border-top-color:#ec2e1c;border-width:13px 13px 0 0}
.poll_title > b:after{border-top-color:#fff;margin:-2px 0 0 1px;z-index:1}

/* --- GAMES BLOCK --- */
.skidrow-image,.reloaded-image{display:flex;justify-content:center;align-items:center;margin:0}
.reloaded-image{margin-bottom:10px}
.skidrow-image img,.reloaded-image img{max-width:100%;height:auto}
.text.description h2,.text.description h3,.text.description h4,.text.description h5{margin:.8em 0 .5em}
.game-bad{display:flex;justify-content:center;flex-wrap:wrap;list-style-type:none;padding:0;margin:20px;font-weight:500}
.game-bad li{margin:5px 10px;padding:5px 10px;background-color:#f0f0f0;border-radius:5px;white-space:nowrap}
li.game-bad-release{background:#37474F;color:#fff}
li.game-bad-download{background:#FFCC80}
li.game-bad-torrent{background:#B3E5FC}
li.new-post{background:#c8e6c9}
.quote,blockquote{font-style:italic;color:#333;padding:20px;border-left:5px solid red;background-color:#f9f9f9;margin:20px 0;box-shadow:0 4px 8px #0000001a;border-radius:10px}

/* SCREENS */
.screenshots{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.screenshots img{max-width:100%;height:auto;border-radius:5px}
p.title-games{font-size:1.2em;font-weight:700}
/* END SCREENS */

/* VIDEO YOUTUBE */
.video-box{position:relative;width:100%;max-width:100%;margin:0 auto;margin-bottom:20px}
.video-box .title-games{margin-bottom:10px;font-size:1.5em;font-weight:700}
lite-youtube{display:block;position:relative;width:100%;aspect-ratio:16 / 9;background-color:#000;background-position:center;background-size:cover;cursor:pointer;contain:content;overflow:hidden}
lite-youtube .lty-playbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:70px;background:url(https://upload.wikimedia.org/wikipedia/commons/e/ef/Youtube_logo.png) no-repeat center;background-size:contain;border:none;cursor:pointer;z-index:1;transition:opacity .2s cubic-bezier(0,0,0.2,1)}
lite-youtube:hover .lty-playbtn,lite-youtube .lty-playbtn:focus{opacity:.8}
lite-youtube.lyt-activated .lty-playbtn{opacity:0;pointer-events:none}
lite-youtube iframe{position:absolute;width:100%;height:100%;top:0;left:0;border:none;display:block}
.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
/* END VIDEO YOUTUBE */

/* VIDEO STEAM */
.video_steam{position:relative;margin-bottom:20px;overflow:hidden}
.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:0;outline:0;cursor:pointer}
.video_click_area{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer;z-index:2}
.play_video{position:absolute;display:flex;align-items:center;justify-content:center;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);color:#fff;background-color:rgba(0,0,0,0.375);border:1px solid rgba(170,170,170,0.2);opacity:.75;transition:opacity .5s ease-in-out,transform .5s ease-in-out;border-radius:50%;cursor:pointer;z-index:3}
.play_video.hidden{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(0.9)}
.i_play::before{content:"\25BA";font-size:20px;transition:all .16s ease-in-out}
.play_video:hover{background-color:rgba(0,0,0,0.67);transform:translate(-50%,-50%) scale(1.1);opacity:1}
/* END VIDEO STEAM */

/* UPCOMING */
.upcoming-game{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:15px;border-radius:8px;font-family:Arial,sans-serif;margin:20px 0}
.upcoming-game i{font-size:24px;margin-right:10px;color:#dc3545}
.upcoming-game b{color:#343a40}
/* END UPCOMING */

/* DOWNLOAD */
.download-torrent{margin:40px 0;padding:30px 20px;background:#f8f8f8;text-align:center;border-left:5px solid #8bc34b;box-shadow:0 4px 8px #0000001a;border-radius:8px;max-width:800px;margin-left:auto;margin-right:auto}
.download-torrent h2{margin:0!important;font-size:1.5rem}
.size-torrent{margin-top:10px;font-size:16px;color:#666}
.howto_d,.howto_do{margin-top:20px;font-size:12px;display:inline-block;padding:5px 15px;border-radius:5px;background:#efefef;color:#7e7e7e}
.howto_d a,.howto_do a{color:#444}
/* DOWNLOAD */

/* DOWNLOAD FILES */
.download-section{background:#f8f8f8;padding:24px;border-radius:10px;color:#333;box-shadow:0 4px 8px #0000001a;margin:20px 0 40px;box-sizing:border-box}
.download-section h3{font-size:1.25em;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#1e293b}
.download-section h3 i{color:#3b82f6}
.source-name{font-size:.95em;font-weight:500;margin:12px 0 6px;color:#555}
.download-item{background-color:#fff;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;transition:box-shadow .2s ease}
.download-item:hover{box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.download-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #3b82f6;border-radius:6px;background-color:#3b82f6;color:#fff;font-size:14px;text-decoration:none;transition:all .3s ease}
.download-btn:hover{background-color:#2563eb;border-color:#2563eb}
.file-info{font-size:.85em;color:#666;flex-shrink:0}
.guides-section{margin-top:24px;border-top:1px solid #e0e0e0;padding-top:16px}
.guides-section h4{font-size:1.1em;font-weight:600;margin-bottom:10px;color:#1e293b}
.guide-links{display:flex;flex-wrap:wrap;gap:10px}
.guide-link{padding:8px 12px;border:1px solid #ccc;border-radius:6px;color:#333;font-size:13px;text-decoration:none;background:#fafafa;transition:all .3s ease}
.guide-link:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6}
.section-title{font-size:1.1em;font-weight:600;margin-bottom:10px}
span.title-text{color:#3b82f7}
@media (max-width: 700px) {
.download-section{padding:16px}
.download-item{flex-direction:column;align-items:flex-start;gap:8px}
.download-btn{width:100%;padding:8px 12px}
.file-info{margin-top:4px}
.guide-links{flex-direction:column}
.guide-link{width:100%}
}
/* DOWNLOAD FILES */

.story{background-color:#fff;padding:50px 0}
.story_list > .story:nth-child(2n){background-color:#f8f8f8}
.shadow{position:relative;border-bottom:1px solid #eceded}
.shadow:after{position:absolute;z-index:1;left:0;top:100%;width:100%;height:7px;content:"";background-image:-webkit-linear-gradient(top,#0000000d 0%,#0000 100%);background-image:-moz-linear-gradient(top,#0000000d 0%,#0000 100%);background-image:-o-linear-gradient(top,#0000000d 0%,#0000 100%);background-image:-ms-linear-gradient(top,#0000000d 0%,#0000 100%);background-image:linear-gradient(top,#0000000d 0%,#0000 100%)}
.story > .wrp:after{clear:both;display:block;content:""}
.story > .wrp{position:relative}
.story .head{margin-bottom:1.5em;overflow:hidden}
.story .head .title{margin-top:-.2em;margin-bottom:0}
.story .head.grid_3_4{float:none}
.story.lefticons .title{padding-left:60px}
.story .head .title > a{display:block;color:inherit;text-decoration:none!important}
.story .head .title > a:hover{color:#969fa7;-webkit-transition:color ease .2s;transition:color ease .2s}
.story_icons{position:absolute;top:0;left:0;margin-left:20px}
.fav_btn > a{display:block;width:29px;height:29px;border-radius:50%;text-align:center;overflow:hidden;margin-bottom:14px;background-color:#ec2e1c;box-shadow:0 1px 2px 0 #00000024}
.fav_btn .icon{fill:#fff;width:15px;height:15px;display:block;margin:6px auto 0}
.fav_btn > a[href*="del"]{background-color:#fabd34;background-image:-webkit-linear-gradient(top,#fbc431 0%,#f8b337 100%);background-image:-moz-linear-gradient(top,#fbc431 0%,#f8b337 100%);background-image:-o-linear-gradient(top,#fbc431 0%,#f8b337 100%);background-image:-ms-linear-gradient(top,#fbc431 0%,#f8b337 100%);background-image:linear-gradient(top,#fbc431 0%,#f8b337 100%)}
.story_left_icons .edit_btn > a{margin-bottom:14px;border-color:#404549}
.edit_btn > a{position:relative;overflow:hidden;width:27px;height:27px;border-radius:50%;border:1px solid transparent;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
.edit_btn > a:hover{border-color:#ec2e1c}
.edit_btn > a > i,.edit_btn > a i:after,.edit_btn > a i:before{width:13px;height:1px;background-color:#404549;display:block;position:relative}
.edit_btn > a i:after,.edit_btn > a i:before{content:"";position:absolute;top:0;left:0}
.edit_btn > a i:after{margin-top:-4px}
.edit_btn > a i:before{margin-top:4px}
.edit_btn > a:hover > i,.edit_btn > a:hover i:after,.edit_btn > a:hover i:before{background-color:#ec2e1c}
.story_info{float:right;margin-right:0;font-size:.92em}
@media only screen and (min-width: 701px) {
.storyinfo_link{display:none}
.storyinfo{display:block!important;height:auto!important;width:auto!important}
}
.storyinfo_link{cursor:pointer;position:relative;padding-left:30px;padding-bottom:1.5em;margin-bottom:1.5em;border-bottom:1px solid #e3e4e6}
.storyinfo_link > .icon{float:left;margin:2px 0 0 -30px}
.storyinfo_link .arrow{position:absolute;right:0;top:0;margin:.75em 3px 0 0;width:12px}
.storyinfo_link .arrow:after,.storyinfo_link .arrow:before{content:"";position:absolute;width:9px;height:1px;background-color:#ec2e1c;border-radius:2px;-webkit-transition:all ease .3s;transition:all ease .3s}
.storyinfo_link .arrow:after{margin-left:6px}
.storyinfo_link.collapsed .arrow:after,.storyinfo_link.collapsed .arrow:before{background-color:#c7c9cc}
.storyinfo_link.collapsed .arrow:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.storyinfo_link.collapsed .arrow:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.rate_stars{margin-bottom:1.5em}
.rate_like > a{display:block;text-decoration:none!important}
.rate_like_icon{display:block;width:27px;height:27px;border-radius:50%;border:1px solid #404549;text-align:center}
.rate_like_icon .icon{fill:#404549;width:13px;height:13px;display:block;margin:7px auto 0}
.rate_like > a > .grey{display:block;font-size:.85em;text-align:center;margin-top:.3em}
.comment .rate_like > a{display:inline-block}
.comment .rate_like > a > *{display:inline-block;vertical-align:middle}
.comment .rate_like > a > .grey{margin:.1em 0 0 6px}
.rate_like > a:hover .rate_like_icon{border-color:#ec2e1c}
.rate_like > a:hover .rate_like_icon .icon{fill:#ec2e1c}
.rate_like-dislike > .grey{display:block;font-size:.85em;text-align:center;margin-top:.3em}
.rate_like-dislike_in{position:relative;width:27px;height:55px;border-radius:15px;border:1px solid #404549}
.rate_like-dislike_in > a{display:block;height:27px;text-align:center}
.rate_like-dislike_in > a:first-child:hover .plus_icon > span:before,.rate_like-dislike_in > a:first-child:hover .plus_icon > span:after{background-color:#ec2e1c}
.rate_like-dislike_in > a:last-child .plus_icon{padding:3px;margin:4px;border:0 none;border-radius:50%;background-color:#404549}
.rate_like-dislike_in > a:hover:last-child .plus_icon{background-color:#ec2e1c}
.rate_like-dislike_in > a:last-child .plus_icon > span{margin:3px 0 0 3px}
.rate_like-dislike_in > a:last-child .plus_icon > span:after,.rate_like-dislike_in > a:last-child .plus_icon > span:before{background-color:#fff}
.comment .rate_like-dislike{display:inline-block}
.comment .rate_like-dislike > *{display:inline-block;vertical-align:middle}
.comment .rate_like-dislike > .grey{margin:.1em 0 0 6px}
.comment .rate_like-dislike_in{height:27px;width:55px}
.comment .rate_like-dislike_in > *{float:left}
.plus_icon,.plus_icon > span{width:13px;height:13px}
.plus_icon{border:7px solid transparent;display:inline-block;vertical-align:middle;position:relative}
.plus_icon > span,.plus_icon > span:before,.plus_icon > span:after{overflow:hidden;text-indent:-9999px;white-space:nowrap;position:absolute}
.plus_icon > span:before,.plus_icon > span:after{background-color:#1a1a1a;content:""}
.plus_icon > span{left:0;top:0}
.plus_icon > span:after{left:0;top:0;width:100%;height:1px;margin-top:6px}
.plus_icon > span:before{left:0;top:0;width:1px;height:100%;margin-left:6px}
.plus_icon.minus > span:before{display:none}
.meta{list-style:none;padding:0 0 0 30px;margin:0}
.meta > li{margin:0 0 .6em}
.meta > li > .icon{float:left;margin:2px 0 0 -30px}
.meta > li.meta_date a{color:inherit}
.story_tags{padding-left:30px;margin-top:1.5em}
.story_tags > .fa-language{font-size:20px;color:#cdd0d3;float:left;margin-left:-30px}
.story:nth-child(2n) .tag_list > span > a{background-color:#fff}
.tag_list > span{margin:0 2px 2px 0}
.tag_list > span,.tag_list > span > a{display:inline-block}
.tag_list > span > a{color:inherit;text-decoration:none!important;padding:3px 6px;border-radius:2px;background-color:#f4f6f7;margin-bottom:5px}
.tag_list > span > a:hover{background-color:#ec2e1c!important;color:#fff;position:relative}
.story.lefticons .text,.skidrow-image{margin-left:60px}
.story .more{margin-top:1.5em}
.story .text:after{content:"";display:block;clear:both}
.story .text > img[style*="left"],.story .text > .highslide img[style*="left"]{margin:4px 20px 20px 0}
.story .text > img[style*="right"],.story .text > .highslide img[style*="right"]{margin:4px 0 20px 20px}
.story .text img{max-width:100%;aspect-ratio:auto;height:auto}
.editdate{padding:15px;overflow:hidden;position:relative;border:2px dotted #272727;margin-bottom:20px;border-radius:5px}
span.editgame-text{font-weight:700;color:#ec2e1c}
.attachment > a,.attachment_error{margin-top:10px;display:inline-block;text-decoration:none;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;background-color:#8BC34A;color:#fff;border:none;border-radius:5px;padding:12px 24px;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,transform .2s ease}
.attachment > a:hover{background-color:#7CB342;transform:scale(1.05)}
.attachment > a > .icon{float:right;margin:3px 0 0 15px}
.fixed_label{position:absolute;left:0;top:0;width:0;height:0;text-indent:-9999px;vertical-align:middle;border:solid transparent;border-top-color:#ffb027;border-width:25px 25px 0 0}
.fullstory_foot{background-color:#f8f8f8}
.banner{padding:25px 0;display:block;width:100%;text-align:center;border-top:1px solid #eceded;box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff}
.banner img{max-width:100%;vertical-align:top}

.navigation{padding:25px 0;font-size:1.1em}
.navigation > .wrp{position:relative}
.navigation > .wrp:after{clear:both;display:block;content:""}
.navigation > .wrp > .icon{position:absolute;left:0;margin-left:20px;fill:#cdd0d3;margin-top:2px}
.pages{padding-left:60px;float:left}
.pages > *{color:inherit;display:inline-block;position:relative;padding:6px 4px;min-width:22px;height:22px;line-height:22px;border-radius:2px;text-align:center;text-decoration:none!important}
.pages span{color:#fff;background-color:#ec2e1c;background-image:-webkit-linear-gradient(top,#f45068 0%,#f93f59 100%);background-image:-moz-linear-gradient(top,#f45068 0%,#f93f59 100%);background-image:-o-linear-gradient(top,#f45068 0%,#f93f59 100%);background-image:-ms-linear-gradient(top,#f45068 0%,#f93f59 100%);background-image:linear-gradient(top,#f45068 0%,#f93f59 100%);box-shadow:0 1px 2px 0 #00000024;-webkit-box-shadow:0 1px 2px 0 #00000024}
.pages span.nav_ext{background:none;color:inherit}
.pages a:hover{color:#ec2e1c}
.page_next-prev{float:left;margin-left:30px}
.page_next-prev > span > *{padding:6px 16px;height:22px;line-height:22px;display:inline-block}
.page_next-prev > span .icon{margin:-.2em 0 0}
.splitnewsnavigation{margin:1.5em 0;padding:15px 0;font-weight:700;border:0 dashed #eceded;border-width:1px 0;text-transform:uppercase}
.splitnewsnavigation > div{display:inline;margin-left:1em}
.splitnewsnavigation a{color:inherit}
.splitnewsnavigation a,.splitnewsnavigation span{padding:6px 10px}
.splitnewsnavigation span{color:#ec2e1c}
.block{padding:50px 0}
.block_title{margin:0 0 1.5em;color:#caced1}
.block_title > *{margin:-.2em 0 0}
.col_news .grid_list > div > a{display:block;text-decoration:none!important;-webkit-transition:padding-left .4s ease;transition:padding-left .4s ease;position:relative;color:inherit;width:90%;padding-right:20px}
.block.col_news.popular_maingame{background:#272727;color:#94999e}
.col_news .grid_list > div > a *{cursor:pointer}
.col_news .grid_list > div > a:hover{padding-left:30px}
.col_news .grid_list > div > a .title{display:block;margin-bottom:1em}
.col_news .grid_list > div > a:hover .title{color:#ec2e1c}
.col_news .grid_list > div > a .hover_arrow{position:absolute;left:0;top:0;margin-top:.25em}
.col_news .grid_list > div > a .text{font-size:.9em}
.hover_arrow{position:relative;width:20px;height:0;border-left:1px solid #ec2e1c;overflow:hidden;display:block;opacity:0}
.hover_arrow,.hover_arrow:after,.hover_arrow > .icon{-webkit-transition:all .3s ease;transition:all .3s ease}
.hover_arrow > .icon{position:absolute;left:0;top:0;margin-left:-10px}
.hover_arrow:after{content:"";position:absolute;left:0;top:0;margin-top:6px;width:0;height:1px;background-color:#ec2e1c}
a:hover .hover_arrow{height:26%;opacity:1}
a:hover .hover_arrow > .icon{margin-left:10px}
a:hover .hover_arrow:after{width:19px}

.grid_1_4 .relgames-images{width:100%;height:auto;overflow:hidden}
.grid_1_4 .relgames-images img{width:100%;height:auto;max-width:100%;object-fit:cover;margin-bottom:10px}

.static_pages{margin-top:1.5em;font-weight:700}
.alert{background:#fcf6d2;padding:20px 0}
.addcomments_form{border-bottom:1px solid #ec2e1c;position:relative}
.addcomments_form .grid_1_4 .ultrabold{margin-top:-.2em}
.addcomments_form:after,.addcomments_form:before{content:"";position:absolute;top:100%;left:50%;margin-left:-200px;border:solid transparent;border-top-color:#ec2e1c;border-width:34px 34px 0 0}
.addcomments_form:after{margin:-2px 0 0 -199px;border-top-color:#fff}
ul.ui-form{list-style:none;padding:0;margin:0}
ul.ui-form > li{margin-bottom:20px}
ul.ui-form > li:last-child{margin-bottom:0}
.form-group{margin-bottom:20px}
.form-group > label{display:block;margin-bottom:.4em}
.form-group.imp > label:after{content:"*";margin:0 0 0 10px;color:#ec2e1c}
@media only screen and (min-width: 601px) {
.form-group.combo:after{clear:both;display:table;content:""}
.form-group.combo > .combo_field{width:50%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.form-group.combo > .combo_field:last-child{padding-left:10px}
.form-group.combo > .combo_field:first-child{padding-right:10px}
}
@media only screen and (max-width: 600px) {
.combo_field{margin-bottom:20px}
}
.form_submit{margin-top:20px}
.form-sep{border-top:1px solid #efefef}
#comment-editor .bb-editor textarea{height:140px}
.addpm #comment-editor .bb-editor textarea{height:340px}
.regtext{margin-bottom:1.5em}
.login_check{position:relative}
.login_check > input{padding-right:120px}
.login_check > .btn{width:100px;height:30px;padding:4px 10px;position:absolute;right:0;top:0;font-weight:700;font-size:11px;margin:5px}
#registration{text-align:left}
.comment{position:relative;padding-right:26%;padding-left:130px;margin-bottom:50px}
.searchcoms .comment{margin-bottom:0}
.comment .grid_1_4{position:absolute;right:0;margin:0}
.avatar{display:inline-block}
.avatar .cover{width:100px;height:100px;border-radius:50%;white-space:nowrap;text-indent:-9999px;display:inline-block}
.comment .avatar{border:1px solid #caced1;float:left;padding:6px;border-radius:50%;background-color:#fff;margin-left:-130px;position:relative}
.com_author .avatar{border-color:#44494d}
.comment .avatar .cover,.comment .avatar{width:60px;height:60px}
.comment .avatar .com_decor{width:1px;height:28px;position:absolute;background-color:#d9dcde;left:99px;top:9px}
.comment .avatar .com_decor:after,.comment .avatar .com_decor:before{content:"";position:absolute;height:1px;width:13px;background-color:#d9dcde}
.comment .avatar .com_decor:after{left:0;top:0}
.comment .avatar .com_decor:before{right:0;bottom:0}
.com_info{margin-bottom:.6em;font-size:.9em}
.com_info > .name{margin-right:6px}
.com_info > .date{margin-left:6px}
.com_info > .name a{color:inherit}
.com_info .status{display:inline-block;vertical-align:middle;margin-top:-1.2em;overflow:hidden;text-indent:-9999px;background-color:#d9dcde;width:6px;height:6px;border-radius:50%}
.status.online{background-color:#a7cb37}
.comment .text > .title{margin-top:0}
.com_tools .edit_btn,.com_tools .mass{opacity:0;-webkit-transition:opacity ease .3s;transition:opacity ease .3s}
.comment:hover .com_tools .edit_btn,.comment:hover .com_tools .mass{opacity:1}
.com_tools{margin:.6em 0 0;font-size:.9em;text-transform:lowercase}
.com_tools .edit_btn,.com_tools .mass{float:right;margin-top:-3px}
.com_tools .mass input{margin:4px 0 0 10px}
.com_tools_links{display:inline}
.com_tools_links > a{margin:0 15px 0 0;text-decoration:none!important}
.com_tools_links > a:hover{color:#ec2e1c}
.com_tools_links > a > .icon{margin:-.2em 8px 0 0}
.comments-tree-list{position:relative;padding:0 26% 0 0;margin:0;list-style:none}
.comments-tree-list .comments-tree-list{position:static;padding:0 0 0 130px}
.comments-tree-list .comments-tree-list .comments-tree-list,.comments-tree-list .comments-tree-list .comment{padding-left:60px}
.comments-tree-list .comment{padding-right:0;position:static}
.comments-tree-list .comments-tree-list .comment .com_decor{display:none}
.comments-tree-list .comments-tree-list .comment .avatar{padding:3px;margin-left:-60px}
.comments-tree-list .comments-tree-list .comment .avatar .cover,.comments-tree-list .comments-tree-list .comment .avatar{width:32px;height:32px}
.mass_comments_action{text-align:center;border-top:1px dashed #eceded;padding:20px 0}
.mass_comments_action > select{padding:5px;width:200px;margin-left:1em}
#map{width:100%}
.map_resp{width:100%;padding-top:30%;height:0;position:relative}
.map_resp > #map{position:absolute;left:0;top:0;bottom:0;height:auto;border-radius:4px;overflow:hidden}
.contact_head > .title{margin-top:0}
.contacts{font-size:1.1em}
.contacts > .grid_1_2{padding-left:42px}
.contacts > .grid_1_2 .icon{float:left;margin:5px 0 0 -42px}
.pm-box{margin-bottom:1.5em;background-color:#f4f6f7;border-radius:2px}
#pm-menu:after{content:"";clear:both;display:block}
#pm-menu{border-bottom:1px solid #fff}
#pm-menu > a{color:inherit;padding:10px 30px;float:left;text-decoration:none!important;border-right:1px solid #fff}
#pm-menu > a:first-child{border-radius:2px 0 0 0}
#pm-menu > a:hover{color:#ec2e1c}
.pm_status{padding:30px}
.pm_progress_bar{background-color:#cdd0d3;margin-bottom:10px;border-radius:2px;overflow:hidden}
.pm_progress_bar span{background:#ec2e1c;font-size:0;height:5px;border-radius:2px;display:block;overflow:hidden}
.userinfo_top{position:relative}
.userinfo_top:after{clear:both;display:block;content:""}
.userinfo_top .avatar{float:left;margin:0 30px 0 0;padding:6px;border:1px solid #d7d9db;border-radius:50%}
.userinfo_status{margin:-1em 0 1.2em;font-size:.9em}
.user_tab{list-style:none;padding:0;margin:0;display:inline-block;border:1px solid #e7e7e7;border-radius:20px}
.user_tab:after{clear:both;display:block;content:""}
.user_tab > li{float:left}
.user_tab > li:first-child > a{border-left-width:0}
.user_tab > li > a{border-left:1px solid #e7e7e7;display:block;text-decoration:none!important;color:inherit;font-size:.9em;font-weight:700;color:#999;line-height:20px;padding:6px 20px}
.user_tab > li.active > a{color:inherit}
.usinf{list-style:none;padding:0;margin:0}
.usinf > li{padding:12px 0;border-top:1px solid #eceded}
.usinf > li:first-child{border-top-width:0}
.ui-c1,.ui-c2{display:inline-block;vertical-align:top}
.ui-c1{width:30%;margin-right:5%}
.ui-c2{width:60%}
.dle-popup-userprofile .ui-dialog-content{padding:0}
.popup_userinfo_top{background-color:#f4f6f7;padding:5px;text-align:center}
.popup_userinfo_top .avatar{vertical-align:top;border-radius:50%;border:1px solid #1a1a1a}
.popup_userinfo_top .avatar .cover{display:block;width:80px;height:80px;border:6px solid #fff}
.popup_userinfo.useronline .avatar{border-color:#95c00e}
.popup_userinfo > ul{list-style:none;padding:0;margin:0}
.popup_userinfo .usinf{padding:0 20px;font-size:.9em}
.stats_head > ul{list-style:none;padding:0;margin:0;font-size:1.1em}
.stats_head > ul > li{margin-top:15px;padding-left:30px}
.stats_head > ul > li:before{content:"";float:left;margin:2px 0 0 -30px;width:16px;height:16px;border-radius:50%;background-color:#ee2a4f}
.stats_head > ul > li > b{display:block;font-size:.8em;opacity:.5;font-weight:400}
.stats_head > ul > li.stats_d:before{background-color:#ffb027}
.stats_head > ul > li.stats_w:before{background-color:#ff5a3a}
.stat_group{margin-bottom:25px}
.stat_group > h5{margin-top:0;margin-bottom:1em}
.stat_group > ul{list-style:none;padding:0;margin:0}
.stat_group > ul > li{padding:.6em 0;border-top:1px dotted #d5d5d5}
.searchpage{border-bottom:3px dotted #eceded;padding-bottom:50px;margin-bottom:0}
.search_head_line .head{margin-bottom:.8em}
.search_result_num{font-size:.9em;margin:25px 0 0}
.search table{width:100%;border-spacing:5px;border-collapse:separate}
#searchtable td,#searchtable td div,#searchtable table{margin:0!important;padding:0!important}
#searchtable td.search br{display:none}
td.search .bbcodes{margin:0!important}
td.search{vertical-align:top}
@media only screen and (max-width: 980px) {
.tools .grid_last,.tools #toptags{display:none}
.tools .grid_3_4{width:auto;float:none;margin-right:0}
.foot .grid_1_2{width:74%}
.counters{float:none;clear:both;padding-top:10px}
.counters > li:first-child{margin-left:0}
.counters > li:hover{opacity:1}
}
@media only screen and (max-width: 860px) {
.headskidrow.fixed{background-attachment:scroll}
.headskidrow > .wrp{padding:49px 0 0}
.logotype{margin:0 auto;display:flex;justify-content:center}
.topbar{position:absolute;left:0;top:0;background:#22282c;width:100%;height:49px;box-shadow:0 1px 5px 0 #0003;-webkit-box-shadow:0 1px 5px 0 #0003}
.topbar #search{position:absolute;left:50%;margin-left:-25px}
.h_btn{width:49px;height:49px;padding:0}
.h_btn:after{width:100%;height:49px;border-radius:0;margin-top:-49px}
.login > .avatar{padding:3px;border:0 none}
ul.login_form,.soc_links,.login_form_links{vertical-align:top;display:inline-block;float:none}
#loginpane{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
#loginpane > .wrp{white-space:nowrap;min-width:960px}
.mainmenu_open,.mainmenu_open body,.mainmenu_open .page{width:100%;height:100%;overflow:hidden}
#mainmenu{float:left}
#topmenu{position:fixed;left:0;top:0;bottom:0;width:80%;height:100%;background-color:#ec2e1c;box-shadow:0 0 10px 0 #0003;-webkit-box-shadow:0 0 10px 0 #0003;z-index:99;overflow-x:auto;-webkit-overflow-scrolling:touch;color:#fff;-webkit-transform:translate(-100%,0);transform:translate(-100%,0);opacity:0;visibility:hidden}
.mainmenu_open #topmenu{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;visibility:visible;-webkit-transition:all .3s ease;transition:all .3s ease}
#topmenu a{color:#fff;display:block}
#topmenu ul{list-style:none;padding:0;margin:0}
#topmenu > ul{padding:15px 0}
#topmenu > ul > li > a{padding:15px 30px;font-size:1.1em;text-decoration:none!important}
#topmenu ul ul > li > a{padding:6px 30px 6px 48px;opacity:.8;text-decoration:none!important;position:relative}
#topmenu > ul > li > a:hover,#topmenu ul ul > li > a:hover{opacity:1;background-color:#ff596a}
#topmenu ul ul > li > a:before{content:"";float:left;margin:.7em 0 0 -18px;width:6px;height:1px;background-color:#fff;opacity:.8}
#topmenu .icon-arrow_down{display:none}
.block_archives{display:none}
#closemenu{position:fixed;top:0;right:0;overflow:hidden;height:100%;width:100%;cursor:pointer;z-index:98}
.mainmenu_open #closemenu{display:block}
#closemenu:after{content:"";display:block;width:100%;height:100%;background-color:#353c4c;opacity:.54}
#closemenu *{cursor:pointer}
#closemenu > span{z-index:1;position:absolute;right:0;top:0;width:20%;height:100%;display:-webkit-flex;display:flex;justify-content:center;align-items:center}
#closemenu .icon{fill:#fff}
.addcomments_form .grid_3_4,.addcomments_form .grid_1_4{float:none;margin:0;width:auto}
.addcomments_form .grid_1_4{margin-bottom:20px}
.comment{margin-bottom:30px}
.comment,.comments-tree-list .comments-tree-list{padding-left:100px}
.comment .avatar{margin-left:-100px}
.com_decor{display:none}
}
@media only screen and (max-width: 800px) {
h1,.h1{font-size:1.6em}
h2,.h2{font-size:1.4em}
h3,.h3{font-size:1.3em}
h4,.h4{font-size:1.2em}
h5,.h5{font-size:1.1em}
body,select,input,textarea,button{font-size:14px}
.vtitle{margin-left:145px}
iframe.embed-video-response{height:300px}
.story,.block,#footer{padding:30px 0}
.addcomments_form:after,.addcomments_form:before{content:"";position:absolute;top:100%;left:50%;margin-left:-9px;border:solid transparent;border-top-color:#ec2e1c;border-width:18px 18px 0 0}
.addcomments_form:after{margin:-2px 0 0 -8px;border-top-color:#fff}
.comment,.comments-tree-list .comments-tree-list{padding-left:60px}
.comment .avatar{padding:3px;margin-left:-60px}
.comment .avatar .cover,.comment .avatar{width:32px;height:32px}
.com_decor{display:none}
.navigation,.navigation > .wrp{padding:0}
.navigation > .wrp > .icon{display:none}
.pages{padding:20px 0;float:none;padding-left:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.pages > :first-child{margin-left:20px}
.pages > :last-child{margin-right:20px}
.page_next-prev{float:none;display:block;padding:0;margin:0}
.page_next-prev:after{clear:both;display:block;content:""}
.page_next-prev > *{float:left;width:50%}
.page_next-prev > :last-child{text-align:right}
.page_next-prev > span > *{display:block;padding:10px 20px}
}
@media only screen and (max-width: 700px) {
h1,.h1{font-size:1.5em}
h2,.h2{font-size:1.4em}
h3,.h3{font-size:1.3em}
h4,.h4{font-size:1.2em}
h5,.h5{font-size:1.1em}
.game-bad{flex-direction:column;align-items:center}
.game-bad li{margin:5px 0;width:100%;text-align:center}
body,select,input,textarea,button{font-size:13px}
#tools,.foot_menu,.foot,.droptopbar,.com_info,.com_tools,.vote_line_form .dropdown .dropdown-form .vote_list{font-size:1em}
#loginpane > .wrp{min-width:0}
ul.login_form,.soc_links,.login_form_links{display:block;margin-right:0;margin-left:0}
.login_form > li{float:none;width:auto}
.login_form > li > input,.login_form > li > .btn{border-left-width:0;border-top:1px solid #383e42}
.login_form > li:first-child > input{border-top-width:0}
.login_form > li > .btn{width:100%;color:#ec2e1c!important}
.loginf_open #loginpane{margin-top:-220px}
ul.login_form{margin-top:20px}
.loginf_open #loginpane,.loginf_open .page:before{height:220px}
#loginpane .soc_links,.login_form_links{text-align:center}
.login_form_links > a:first-child{margin-left:0}
#loginpane .name,#loginpane .login_menu,.loggedpane .login_form_links{display:inline;float:none}
.loggedpane > .wrp{padding-top:20px}
.loggedpane .login_form_links{padding-right:20px}
.head_text{padding:20% 0 22%}
.head_text_in > .title{font-size:2.1em}
.head_text_in > .text{font-size:1.2em}
.tools{height:49px;overflow-y:hidden;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
#sort,#breadcrumbs{padding:14px 0;display:inline-block}
#sort > .icon,#breadcrumbs > .icon{display:none}
.tools .grid_3_4,.tools .speedbar{display:inline;padding-right:20px}
.feedback .grid_1_4{margin-bottom:20px}
.map_resp{padding-top:60%}
.story,.block{padding:20px 0}
.story_info{float:none;font-size:1em}
.story_icons{position:relative;float:right}
.story.lefticons .title{padding-left:0}
.story.lefticons .text{margin-left:0}
.poll_block{margin:20px 0}
.meta_date{display:none}
.storyinfo_link{margin-bottom:0}
.storyinfo_box{padding-top:20px}
.story_cont{margin-top:20px}
.story .head{margin-bottom:10px}
.story .head .title{margin-top:0}
.comment{margin-bottom:25px}
.comments-tree-list,.comment{padding-right:0}
.comment,.comments-tree-list .comments-tree-list .comment{padding-left:0}
.comments-tree-list .comments-tree-list,.comments-tree-list .comments-tree-list .comments-tree-list{padding-left:23px}
.comment .grid_1_4{position:static;float:left}
.comment .avatar .cover,.comment .avatar{width:23px!important;height:23px!important}
.comment .avatar{margin:0!important;padding:2px!important}
.com_content{clear:both;padding-top:10px}
.comment .rate{margin-left:10px}
.comment .rate_stars{margin:6px 0 0}
#footer{padding:20px 0 0}
.ca{float:none;display:block;margin-top:20px}
.counters{background-color:#f8f8f8;float:none;text-align:center;margin:20px -20px 0;padding:15px 0}
.counters > li:first-child{margin-left:0}
.counters > li{float:none;display:inline-block;margin-left:2px}
.foot .grid_1_2{width:auto}
.foot_menu{margin:0 0 20px;padding:0}
.foot_menu > li{float:none;width:auto;padding:0}
.foot_menu > li:first-child > b{border-top-width:0}
.foot_menu > li > b{cursor:pointer;margin:0;padding:5px 0 5px 32px;color:#ec2e1c}
.foot_menu > li > b.collapsed{color:#caced1}
.foot_menu > li > b i{display:block;float:left;width:13px;height:1px;position:relative;margin:9px 0 5px -32px;background-color:#ec2e1c;border-radius:2px}
.foot_menu > li > b.collapsed i,.foot_menu > li > b.collapsed i:after{background-color:#ec2e1c}
.foot_menu > li > b.collapsed i:after{content:"";display:block;margin:-6px auto 0;height:13px;width:1px;border-radius:2px}
.foot_menu > li .collapse{display:none}
.foot_menu > li .collapse.in{display:block}
.foot_menu > li nav{padding:10px 32px;padding-top:0}
.block_title{margin-bottom:1em}
.col_news .grid_list .grid_1_4{margin-top:20px}
.col_news .grid_list > div > a .title{margin-bottom:.5em}
.col_news .grid_list > div > a{padding:0;width:90%}
.vote_line{text-align:center}
.vote_line_title{display:inline-block;font-size:1.2em;color:#fff;background-color:#444;padding:10px;margin-top:0;position:relative;width:80px;text-align:center}
.vote_line_title:after{content:"";position:absolute;left:0;top:100%;border:solid transparent;border-top-color:#444;border-width:5px 50px 0}
.vtitle{margin-left:0;font-weight:700;color:#fff}
.vote_line_title .vote_icon,.vote_line_form .dropdown > .btn{display:none}
.vote_line_form .dropdown .dropdown-form{position:static;margin:0 auto;display:block;text-align:left}
.more_votes{display:block}
.bb-pane{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
#comment-editor .bb-editor textarea{height:240px}
.bb-btn{float:none;display:inline-block;margin-left:-.3em!important}
.mass_comments_action{margin-top:20px}
.comments_box_in .mass_comments_action{margin-top:20px;padding-top:0}
.pm_status{padding:20px}
#pm-menu{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
#pm-menu > a{display:inline-block;float:none;padding:10px 20px}
.pmlist{width:100%;margin:0 -20px;padding:0 20px;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pmlist > form{min-width:800px;padding-right:20px}
.stats_head > ul{font-size:1em;margin-bottom:20px}
.block_table_top_users{padding:0;margin-top:40px}
.block_table_top_users > .title{padding:0 20px}
.table_top_users{padding-bottom:20px;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table_top_users > table{width:800px}
.form_submit .c-capcha{float:none;margin-bottom:20px;padding-left:100px;position:relative}
.form_submit .c-capcha img{position:absolute;left:0}
.form_submit .c-capcha input{width:100%}
#dofullsearch{display:none}
#add_news_preview{display:none}
.ui-dialog{width:auto!important;left:10px!important;right:10px}
.ui-dialog-buttonset > .ui-button{margin:2px}
.userinfo_top{text-align:center}
.userinfo_top .avatar{float:none;margin:0 0 20px}
.ui-c1,.ui-c2{display:block;width:auto;margin-right:0}
.user_tab{font-size:.9em}
.user_tab > li > a{padding:4px 10px}
}
@media only screen and (max-width: 600px) {
.mejs-container{max-width:100%}
.story video{max-width:100%}
.story iframe{max-width:100%}
.mass_comments_action > select,.mass_comments_action > input{display:block;width:100%;margin:0}
.mass_comments_action > select{margin:5px 0}
}
@media only screen and (max-width: 520px) {
.head_text_in > .title{font-size:1.6em}
.head_text_in > .text{font-size:1em}
.com_tools_links > a > span{display:none}
}
@media only screen and (max-device-width: 480px) {
body{-webkit-text-size-adjust:100%}
}
.grecaptcha-badge{display:none}
p{margin-block-start:.7em;margin-block-end:.7em}
.dle-popup-mediaupload{font-size:13px}
.dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane{padding:10px}
.file-preview-card,.mediaupload-box{background-color:#fff}
.dle-popup-mediaupload .mediaupload-insert-params{background-color:#ededed!important;border-top:1px solid #ededed!important}
.upload-options .checkbox-inline{padding-left:0!important}
.dle-popup-mediaupload select,.dle-popup-mediaupload textarea,.dle-popup-mediaupload input[type="text"]{height:auto;line-height:1;padding:5px}
.less{box-shadow:#0000000f 0 0 0 1px,#0006 0 10px 20px -5px}
figure{margin:0}
figure.align-left{float:left}
figure.align-right{float:right}
figure.image.align-center{display:table;margin-left:auto;margin-right:auto}
figure.image figcaption{padding:1rem;background-color:#fafafa;font-size:.8rem;caption-side:bottom;word-break:break-word;text-align:center}
figure.image.align-center figcaption{display:table-caption}

.other-versions{padding:20px;margin-bottom:20px;background-color:#fff;border:1px solid #eceded;border-radius:5px}
.other-versions .title{margin:0 0 10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.versions-list{margin:0;padding:0;list-style:none}
.version-item{padding:10px 0;border-bottom:1px solid #e3e4e6;transition:transform .2s ease}
.version-item:last-child{border-bottom:none}
.version-item:hover{transform:translateX(5px)}
.version-link{text-decoration:none;color:#444;font-size:14px;font-weight:500;display:block;position:relative;padding-left:20px}
.version-link::before{content:"\f019";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;color:#94999e;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.version-link:hover{color:#ec2e1c}
.version-link:hover::before{color:#ec2e1c}
.story.lefticons h4.title {padding:0}
@media (max-width: 600px) {
.other-versions{padding:10px}
.version-link{font-size:13px;padding-left:18px}
.version-link::before{font-size:11px}
}

.block.daily-upd{padding-top:0}
h4.title.daily-updates{margin-top:0}
.scroll-container{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding-right:5px}
.daily_update{--accent-color:#ec2e1c;--bg-color:#fff;--text-primary:#202124;--text-secondary:#5f6368;display:flex;flex-direction:column;padding:15px;background:var(--bg-color);border:1px solid #e3e4e6;border-radius:12px;transition:all .3s ease;color:var(--text-primary)}
.daily_update:hover{transform:translateY(-3px);background:#f5f5f5;box-shadow:0 4px 12px #0000000d}
.daily_update a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}
.poster-wrapper{position:relative;flex-shrink:0}
.image.cover{display:block;width:100%;height:120px;object-fit:cover;border-radius:8px;background-color:#f0f0f0;margin:0 auto 12px}
.update-badge{position:absolute;top:10px;right:10px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase}
.update-history{padding:20px;border-radius:4px;border:1px solid #efefef}
h3.page__subtitle{margin-bottom:20px;font-size:16px}
.info{display:flex;flex-direction:column;text-align:left;flex-grow:1}
.date{font-size:12px;color:var(--text-secondary);margin-bottom:5px}
.random-progress{width:100%;height:4px;background:#0000001a;border-radius:2px;overflow:hidden;margin-bottom:8px}
.progress-bar{height:100%;background:var(--accent-color);transition:width .5s ease}
.scroll-container::-webkit-scrollbar{width:6px}
.scroll-container::-webkit-scrollbar-track{background:#f0f0f0}
.scroll-container::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:3px}
.scroll-container::-webkit-scrollbar-thumb:hover{background:#999}
@media (max-width: 768px) {
.daily_update{flex-direction:row}
.image.cover{width:80px;height:80px;margin-right:12px;margin-bottom:0}
.info{padding:0}
.random-progress{width:60px;margin-left:auto}
}

/* ===== Top 100 Styles ===== */
.top100{padding:20px;max-width:1200px;margin:0 auto}
.top100__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.top100__title{font-size:2em;font-weight:700}
.top100__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.game-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #0000000d;transition:transform .2s ease}
.game-card:hover{transform:translateY(-5px)}
.game-card__image{position:relative;aspect-ratio:16 / 9;overflow:hidden}
.game-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.game-card__content{display:flex;flex-direction:column;padding:15px;gap:10px;flex-grow:1}
.game-card__category{font-size:.8rem;color:#888}
.game-card__title h3{font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.game-card__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem;align-items:center}
.game-card__votes{font-weight:700}
.game-card__stats{display:flex;justify-content:space-between;font-size:.75rem;color:#666;margin-top:auto}

/* STEAM
----------------------------------------------- */
.steam-reviews{margin-top:20px;margin-bottom:0;padding:5px 10px;background-color:#efefef;border-radius:4px;display:inline-flex;align-items:center;gap:5px}
.steam-reviews__label{font-weight:500}
.steam-reviews__rating{font-weight:500}
.steam-reviews__rating--very-positive{color:#4caf51}
.steam-reviews__rating--positive{color:#fb9301}
.steam-reviews__rating--neutral{color:#1f9cba}

/* GAME COLLECTIONS
----------------------------------------------- */
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:0 auto 40px;padding:0 10px;box-sizing:border-box}
.collection-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e3;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:transform .2s ease,box-shadow .2s ease}
.collection-card:hover{transform:translateY(-4px);box-shadow:0 4px 14px rgba(0,0,0,0.08)}
.collection-thumb{width:100%;aspect-ratio:16/9;background:#f6f6f6;overflow:hidden}
.collection-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.collection-card:hover .collection-thumb img{transform:scale(1.03)}
.collection-body{display:flex;flex-direction:column;gap:10px;padding:15px}
.collection-title{font:700 1.1rem/1.3 sans-serif;margin:0}
.collection-title a{color:#222;text-decoration:none}
.collection-title a:hover{text-decoration:underline}
.collection-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:.85rem/1.3 sans-serif;color:#777}
.collection-meta .divider{margin:0 5px;font:.85rem sans-serif;color:#bbb}
.collection-tags{display:flex;flex-wrap:wrap;gap:8px;font:600 .75rem sans-serif}
.collection-tags span{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:#f0f0f0;color:#333;white-space:nowrap}
.tag-download{background:#ec2e1c;color:#fff}
.tag-torrent{background:#1e90ff;color:#fff}
.tag-direct{background:#5cb85c;color:#fff}
.tag-releaser{background:#ddd}
.tag-views{background:#eee}
.collection-tags svg{display:inline-block;fill:currentColor}
.collection-button{margin-top:auto;padding:10px 12px;background:#ec2e1c;color:#fff;border-radius:6px;font:600 .95rem sans-serif;text-align:center;text-decoration:none;transition:background .2s ease}
.collection-button:hover{background:#d02516}
.collection-grid .navigation{grid-column:1 / -1}
.collection-header{max-width:1180px;margin:40px auto;padding:20px 25px 25px;background:#fff;border:1px solid #e3e3e3;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,0.05)}
.collection-header .collection-title{font:700 1.8rem/1.3 sans-serif;color:#222;margin-bottom:15px}
.collection-meta-block{display:flex;flex-wrap:wrap;gap:15px 20px;font:.95rem/1.4 sans-serif;color:#444;margin-bottom:15px}
.collection-meta-block .meta-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.02);color:#333}
.collection-meta-block .meta-item i,.collection-meta-block i.fa-solid{font-size:1rem;color:#e63946;display:inline-block;float:none}
.collection-meta-block .fa-solid,.collection-reference .fa-solid,.inline-collection-card .fa-solid{float:none!important;margin:0!important;color:#e63946;font-size:1rem;display:inline-block}
.collection-description{margin-top:10px;font:1rem/1.6 sans-serif;color:#555}
.inline-collection-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3e3e3;padding:14px;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.inline-collection-thumb{flex:0 0 100px;background:#f4f4f4;border-radius:6px;overflow:hidden;aspect-ratio:16/9}
.inline-collection-thumb img{width:100%;height:100%;object-fit:cover}
.inline-collection-info{display:flex;flex-direction:column;gap:6px}
.inline-collection-name{font:700 1rem sans-serif;color:#222;text-decoration:none}
.inline-collection-name:hover{color:#dc3522}
.inline-collection-title{font:500 .9rem sans-serif;color:#666}
.collections-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-width:1180px;margin:40px auto;padding:0 10px;box-sizing:border-box}
.collection-entry{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.04);transition:transform .2s ease,box-shadow .2s ease}
.collection-entry:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,0.06)}
.collection-entry-thumb{position:relative;aspect-ratio:16/9;background:#f4f4f4;overflow:hidden}
.collection-entry-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.collection-entry:hover .collection-entry-thumb img{transform:scale(1.03)}
.collection-entry-count{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);color:#fff;font:600 .75rem sans-serif;padding:4px 8px;border-radius:4px}
.collection-entry-body{display:flex;flex-direction:column;gap:6px;padding:12px}
.collection-entry-title{font:600 1rem sans-serif;color:#222;text-decoration:none}
.collection-entry-title:hover{color:#dc3522}
.collection-entry-subtitle{font:500 .9rem sans-serif;color:#666}
.collection-entry-description{font:400 .85rem sans-serif;color:#555}
.collection-entry-meta{margin-top:6px;font:400 .75rem sans-serif;color:#999}
.collection-reference{margin:30px 0 20px}
.collection-reference p{display:flex;align-items:center;gap:10px;font:600 1rem sans-serif;margin:0 0 10px;color:#111}
@media (max-width: 1024px) {
.collection-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.collection-header{padding:20px;margin:20px}
.collection-meta-block{flex-direction:column;gap:10px}
}
@media (max-width: 600px) {
.collection-grid{grid-template-columns:1fr}
.inline-collection-card{flex-direction:column;align-items:flex-start}
.inline-collection-thumb{width:100%}
.inline-collection-info{padding-top:10px}
}