/* 
Layout author Lexss 
Skype:lexss_freelance
Viber:+380989833614
WhatsApp:+380989833614
Telegram:@lexss_freelancer
E-mail:admin@lexss.org
Site:lexss.org
videok2s: v1.5
*/
:root{
--color-body:#ccc;
--color-input:#ccc;
--color-input-focus:#fff;
--color-logo:#fff;
--color-logo-first:#fff;
--color-button:#BA2716;
--color-button-hover:#fff;
--color-rate:#BA2716;
--color-icon:#fff;
--color-nav-border:#121212;
--color-text:#fff;
--color-border:#333;
--color-a:#BA2716;
--color-a-hover:#777;
--color-sort:#eee;
--color-text-short:#ddd;
--color-footer-logo-first:#fff;
--color-footer-logo:#fff;
--color-footer:#ccc;
--color-speedbar:#BA2716;
--color-cat-main:#85889b;
--color-rate-poorly:#777;
--color-mob-menu:#ddd;
--color-icon-fall:#fff;
--color-icon-rating:#777;
--color-speedbar-text:#ccc;
--background-body:#181818;
--background-input:#282828;
--background-block-text:#282828;
--background-input-focus:#444;
--background-h1:#282828;
--background-button-hover:#555;
--background-nav:#222222;
--background-sort:#181818;
--background-shortstory:#000;
--background-icon-short:rgba(0, 0, 0, 0.8);
--background-footer-logo:#444;
--background-pop-up:#282828;
--background-pop-up-textarea:#3a3a3a;
--background-speedbar:#333;
--background-special:#263238;
--border-sort:#282828;
--border-button:#BA2716;
--border-reads:#333;
--border-reads-hover:#ccc;
--border-button-color-hover:#555;
--border-views:#333;
--border-seo:#BA2716;
--border-comment:#282828;
--max-width:1600px;
--padding-central:24px;
}
:root[theme='black-white']{
--color-body:#000;
--color-input:#fff;
--color-input-focus:#000;
--color-logo:#404040;
--color-logo-first:#fff;
--color-button:#000;
--color-button-hover:#fff;
--color-icon:#fff;
--color-nav-border:#121212;
--color-text:#fff;
--color-border:#37393a;
--color-a:#000;
--color-a-hover:#4f4f4f;
--color-sort:#eee;
--color-text-short:#000;
--color-footer-logo-first:#263238;
--color-footer-logo:#fff;
--color-footer:#ccc;
--color-speedbar:#fff;
--color-cat-main:#666;
--color-rate-poorly:#cecece;
--color-mob-menu:#fff;
--color-icon-fall:#000;
--color-icon-rating:#00;
--color-speedbar-text:#fff;
--background-body:#fff;
--background-input:#000;
--background-block-text:#fff;
--background-input-focus:#fff;
--background-h1:#202324;
--background-button-hover:#5e5e5e;
--background-nav:#202324;
--background-sort:#263238;
--background-shortstory:#000;
--background-footer-logo:#fff;
--background-pop-up:#000;
--background-pop-up-textarea:#eee;
--background-speedbar:#37393a;
--background-special:#5d7f93;
--border-sort:#202324;
--border-button:#808080;
--border-reads:#333;
--border-reads-hover:#808080;
--border-button-color-hover:#5e5e5e;
--border-views:#7d7f80;
--border-seo:#000;
--border-comment:#000;
--max-width:1600px;
--padding-central:24px;
}
:root[theme='blue']{
--color-body:#000;
--color-input:#000;
--color-input-focus:#000;
--color-logo:#004188;
--color-logo-first:#fff;
--color-button:linear-gradient(135deg, rgba(71,109,155,1) 0%,rgba(43,136,217,1) 49%,rgba(32,124,202,1) 50%,rgba(4,132,229,1) 100%);
--color-button-hover:#fff;
--color-icon:#fff;
--color-nav-border:#003542;
--color-text:#fff;
--color-border:linear-gradient(to bottom, #2cafe3 43%,#49c0f0 100%);
--color-a:#0241A4;
--color-a-hover:#274602;
--color-sort:#eee;
--color-text-short:#000;
--color-footer-logo-first:#263238;
--color-footer-logo:#fff;
--color-footer:#ccc;
--color-speedbar:#fff;
--color-cat-main:#000;
--color-rate-poorly:#cecece;
--color-mob-menu:#fff;
--color-icon-fall:#444;
--color-icon-rating:#005fc4;
--color-speedbar-text:#000;
--background-body:#f4f6f5;
--background-input:linear-gradient(to right, #9ccee5 0%,#8abbd7 31%,#066dab 100%);
--background-block-text:#d9d9d9;
--background-input-focus:#fff;
--background-h1:linear-gradient(45deg, #1e5799 0%,#2989d8 30%,#207cca 64%,#207cca 79%,#409de5 100%);
--background-button-hover:linear-gradient(45deg, #0484e5 0%,#207cca 50%,#2b88d9 51%,#476d9b 100%);
--background-nav:linear-gradient(45deg, #2a5e99 0%,#2989d8 50%,#207cca 51%,#2f96e0 100%);
--background-sort:#1188c4;
--background-shortstory:#000;
--background-footer-logo:#f4f6f5;
--background-pop-up:#0f4e73;
--background-pop-up-textarea:#eee;
--background-speedbar:linear-gradient(to bottom, #2cafe3 43%,#49c0f0 100%);
--background-special:#4b8e1d;
--border-sort:#3592dc;
--border-button:#296dd5;
--border-reads:#5eacee;
--border-reads-hover:#1f5ea1;
--border-button-color-hover:#008fe5;
--border-views:#7d7f80;
--border-seo:#296dd5;
--border-comment:#d9d9d9;
--max-width:1600px;
--padding-central:24px;
}
:root[theme='green']{
--color-body:#359756;
--color-input:#000;
--color-input-focus:#fff;
--color-logo:#1f733b;
--color-logo-first:#fff;
--color-button:#1f733b;
--color-button-hover:#fff;
--color-rate:#BA2716;
--color-icon:#fff;
--color-nav-border:#121212;
--color-text:#fff;
--color-border:#089b39;
--color-a:#077703;
--color-a-hover:#777;
--color-sort:#eee;
--color-text-short:#111111;
--color-footer-logo-first:#fff;
--color-footer-logo:#fff;
--color-footer:#fff;
--color-speedbar:#BA2716;
--color-cat-main:#000;
--color-rate-poorly:#b7b7b7;
--color-mob-menu:#ddd;
--color-icon-fall:#000;
--color-icon-rating:#006206;
--color-speedbar-text:#fbf8f8;
--background-body:#fff;
--background-input:#8ae4a8;
--background-block-text:#f2f2f2;
--background-input-focus:#086f05;
--background-h1:#1f733b;
--background-button-hover:#1f733b;
--background-nav:#359756;
--background-sort:#034f12;
--background-shortstory:#000;
--background-icon-short:rgba(44, 179, 7, 0.8);
--background-footer-logo:#1f733b;
--background-pop-up:#59ae52;
--background-pop-up-textarea:#8ae4a8;
--background-speedbar:#1f733b;
--background-special:#3a6a82;
--border-sort:#282828;
--border-button:#0c5e27;
--border-reads:#1f733b;
--border-reads-hover:#ccc;
--border-button-color-hover:#555;
--border-views:#333;
--border-seo:#359756;
--border-comment:#8ae4a8;
--max-width:1600px;
--padding-central:24px;
}
:root[theme='red']{
--color-body:#111111;
--color-input:#ccc;
--color-input-focus:#fff;
--color-logo:#b30202;
--color-logo-first:#fff;
--color-button:#c41f1f;
--color-button-hover:#fff;
--color-rate:#BA2716;
--color-icon:#fff;
--color-nav-border:#121212;
--color-text:#fff;
--color-border:#d33838;
--color-a:#BA2716;
--color-a-hover:#d50303;
--color-sort:#eee;
--color-text-short:#000;
--color-footer-logo-first:#fff;
--color-footer-logo:#fff;
--color-footer:#fff;
--color-speedbar:#BA2716;
--color-cat-main:#85889b;
--color-rate-poorly:#fff;
--color-mob-menu:#ddd;
--color-icon-fall:#000;
--color-icon-rating:#777;
--color-speedbar-text:#fff;
--background-body:#ededed;
--background-input:#d05252;
--background-block-text:#ea4d06;
--background-input-focus:#600000;
--background-h1:#c41f1f;
--background-button-hover:#EA4D06;
--background-nav:#ea4d06;
--background-sort:#790202;
--background-shortstory:#000;
--background-icon-short:rgba(219, 65, 65, 0.8);
--background-footer-logo:#c41f1f;
--background-pop-up:#e15656;
--background-pop-up-textarea:#b70404;
--background-speedbar:#d33838;
--background-special:#993e29;
--border-sort:#c41f1f;
--border-button:#FF1A00;
--border-reads:#ca0101;
--border-reads-hover:#ccc;
--border-button-color-hover:#8c0000;
--border-views:#333;
--border-seo:#BA2716;
--border-comment:#d05252;
--max-width:1600px;
--padding-central:24px;
}

/* Normalize */
*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
.wrapper{display:table;width:100%;height:100%;font-family:sans-serif;font-size:16px;line-height:24px;margin:0;padding:0;color:var(--color-body,#ccc);background:var(--background-body,#181818)}
.content{display:table-row;height:100%}
.ui-dialog textarea,.ui-dialog input[type="text"]{background:var(--background-pop-up-textarea,#3a3a3a);margin-top:5px}
textarea:focus,input:focus,.ui-dialog textarea:focus,.ui-dialog input:focus[type="text"]{color:var(--color-input-focus,#fff);background:var(--background-input-focus,#444)}
.ui-dialog textarea{margin-bottom:10px}
a{outline:0;color:var(--color-a,#BA2716)}
a:active,a:hover,a:focus,a:visited{outline:0;-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
a:hover,a:focus,a:active{color:var(--color-a-hover,#777)}
p{margin-top:16px}
:focus,:active,:visited,:hover{outline:0}
:hover{-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
.h7{text-transform:uppercase}
img{max-width:100%}
ul{list-style:none}
ul,ol{margin:0 0 24px}
h1,.h2{font-size:32px;margin:10.8px 0}
.icon{position:relative;display:inline-block;width:32px;height:32px;fill:var(--color-icon,#fff);vertical-align:middle}
/* Normalize end */
/* header */
header .brand-site{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px var(--padding-central,24px);height:112px}
header .logo{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:50%;font-family:"Arial Black",Gadget,sans-serif}
.logo a,.logo span{font-size:36px;font-weight:600;color:var(--color-logo,#fff);text-decoration:none;text-transform:uppercase}
.logo span,header ul li span{cursor:default}
header .logo b{background:var(--color-button,#BA2716);color:var(--color-logo-first,#fff);padding:0 5px;font-weight:600}
.search{position:relative;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:50%;overflow:hidden}
.search input[type="search"]{width:70%;float:left}
.search button,.scroll-up{cursor:pointer;color:var(--color-text,#fff);line-height:13px;padding:11px 13.5px;background:var(--color-button,#BA2716);border:1px solid var(--border-button,#BA2716)}
.search button:hover,.scroll-up:hover{background:var(--background-button-hover,#555);color:var(--color-button-hover,#fff);border:1px solid var(--border-button-color-hover,#555);-webkit-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear}
.search .icon-search{width:16px;height:16px}
header nav{background:var(--background-nav,#222222);min-height:50px;line-height:50px}
header ul{overflow:hidden}
header ul li{float:left;border-left:1px solid var(--color-nav-border,#121212)}
header ul .last{border-right:1px solid var(--color-nav-border,#121212)}
header ul li a,header ul li span,.site-color{display:block;padding:0 24px;line-height:50px;height:50px;color:var(--color-text,#fff);font-size:14px;text-decoration:none}
header ul li a:hover,.site-color:hover{background:var(--color-button,#BA2716);color:var(--color-text,#fff)}
header ul .icon{width:15px;margin-right:6.5px}
header ul .site-color .icon{margin:0}
header nav .active{background:var(--color-button,#BA2716)}
header nav .right{float:right}
.site-color{cursor:pointer}
/* header end */
.central{max-width:var(--max-width,1600px);margin:0 auto;padding:0 var(--padding-central,24px)}
.speedbar{height:30px;line-height:28px;font-size:12.8px;background:var(--background-speedbar,#333);border-bottom:1px solid var(--color-border,#333);border-right:0;border-left:0;margin-bottom:1px}
.speedbar a{text-decoration:none;color:var(--color-speedbar,#BA2716)}
.speedbar span{color:var(--color-speedbar-text,#ccc)}
.speedbar.ln{position:relative;height:auto;margin-bottom:16px;text-align:right}
.speedbar.ln a{color:var(--color-logo-first,#fff)}
.speedbar.ln a:first-child:before{border:none}
.speedbar.ln a:before{content:'';display:inline-block;border-right:1px solid var(--color-speedbar-border,#535151);padding-right:4px;margin-right:5px;height:9px}
.icon-folder,.tags .icon{width:19px;height:19px;margin-right:7px}
.scroll-up{position:fixed;bottom:40px;right:40px;z-index:98;text-align:center;text-decoration:none;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;opacity:0}
.scroll-up.show{opacity:1}
.scroll-up .icon{width:16px;height:16px}
.navigation{text-align:center;padding:32px 0 24px}
.navigation a,.navigation span{display:inline-block;padding:8px 15.6px;margin:4px 1px;text-decoration:none;color:var(--color-text,#fff);background:var(--color-border,#333)}
.navigation span{cursor:default;background:var(--color-button,#BA2716)}
.navigation a:hover{background:var(--color-button,#BA2716)}
.navigation div{display:inline-block}
.error form{width:100%;margin:16px 0 32px;overflow:hidden}
.error .search button{font-size:16px;line-height:17px}
.tags-block{margin-top:10px}
.tags-block a{background:var(--background-button-hover,#555);text-decoration:none;color:var(--color-button-hover,#fff);display:inline-block;margin:0 15px 15px 0;padding:11px 13.5px;line-height:34px}
.tags-block a:hover{background:var(--color-button,#BA2716);color:var(--color-text,#fff)}
.seo-text{border-left:6px solid var(--border-seo,#BA2716);border-right:6px solid var(--border-seo,#BA2716);background:var(--background-block-text,#282828);margin-top:32px;padding:10px;text-align:justify;content-visibility:auto}
#searchinput{width:100%!important;max-width:100%}
td.search div{margin:10px 0!important}
td.search legend{margin-left:10px;background:var(--background-body,#181818);padding:0 5px}
td.search label{display:block;clear:both}
td.search label input{width:auto;float:none;margin-right:5px}
td.search select option{padding:5px 0;margin:5px 0}
td.search input{width:auto}
.bbcodes{margin:0}
#catlist{min-height:200px}
.pluso-more,.navigation span span, .navigation a span{display:none!important}
.pluso-wrap a:hover:before{content:"";background:rgba(0,0,0,0.4);width:100%;height:100%;display:block}
.page-tags{text-align:center;display:-ms-grid;display:grid;justify-items:left;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.page-tags a{color:var(--color-button-hover,#fff);background:var(--color-button,#BA2716);display:inline-block;padding:5px 10px;text-decoration:none;width:100%;white-space:pre;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.page-tags a:hover{background:var(--background-button-hover,#555)}
.alltags h1{padding-right:13px}
.red,.ui-dialog-content span{color:#f00}
.quote,blockquote{font-style:italic;border-top:2px solid #000;font-size:16px!important}
.feedback textarea{margin-top:15px;padding:10px;min-height:160px}
.feedback input[type="file"]{padding:10px;margin:0;height:48px}
.feedback input{margin-bottom:15px;}
.feedback .g-recaptcha{margin:20px 0 10px}
.feedback button{margin-top:25px}
.list-category-group{-webkit-column-count:6;-moz-column-count:6;-webkit-column-width:200px;-moz-column-width:200px;columns:150px 6;margin:0;padding-top:20px;content-visibility:auto}
.list-category-group .category-group{display:block;margin-bottom:15px;list-style-type:none}
.list-category-group .category-group li{list-style-type:none}
.list-category-group .category-group a{font-size:14px;font-weight:400;text-decoration:none}
.list-category-group a span{padding:.25em .4em;font-size:75%;color:var(--color-cat-main,#85889b);line-height:1}
/* main */
main{position:relative;max-width:var(--max-width,1600px);margin:16px auto 0;padding:16px var(--padding-central,24px)}
main h1,main .h1,.title_block, .h2,.title_quote,.quote, blockquote{position:relative;font-size:17.5px;font-weight:400;background:var(--background-h1,#282828);color:var(--color-text,#fff);-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 6px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 6px 0 rgba(0,0,0,0.19);padding:8px 13px;margin-top:0;border-left:6px solid var(--border-seo,#BA2716)}
main h1{padding-right:130px}
#news_set_sort{background:var(--background-sort,#181818);color:var(--color-sort,#eee);border:1px solid var(--color-border,#333);font-size:12px;line-height:18px;cursor:pointer;padding:4px 16px;margin:0;position:absolute;top:22px;right:30px;text-align:right;z-index:5}
#news_set_sort svg{width:7px;height:12px;fill:var(--color-button,#BA2716);margin-left:5px}
.sort{display:none;position:absolute;z-index:97;padding:0;margin:0;background:var(--background-nav,#222222);border-top:6px solid var(--border-sort,#282828);top:27px;right:-7px}
.sort.open{display:block}
.sort li{border-bottom:1px solid var(--background-shortstory,#000)}
.sort li:last-child{border:0}
.sort a{display:block;color:var(--color-sort,#eee);padding:12px 16px;font-size:12px;line-height:12px;text-transform:capitalize;text-decoration:none}
.sort a:hover{background:var(--color-button,#BA2716)}
.main-category{text-align:center;display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.main-shortstory{width:100%;text-align:center;background:var(--background-shortstory,#000);content-visibility:auto}
.main-shortstory a{text-decoration:none;color:var(--color-text,#fff)}
.main-shortstory span{position:relative;display:block;overflow:hidden;height:0;padding-bottom:56.25%}
.main-shortstory h2{margin:0;line-height:32px;background:var(--color-border,#333);font-size:16px;font-weight:400;}
.main-shortstory img{display:block;position:absolute;width:100%}
.main-shortstory .icon{margin-right:6px;top:-2px;width:14.85px;height:17px}
.main-shortstory:hover .folder-close,.main-shortstory .folder,.mob-menu,.title_block .rbar,.title_block .rate-perc{display:none}
.main-shortstory:hover .folder{display:inline-block;fill:var(--color-button,#BA2716)}
/* main-shortstory end */
/* shortstory  */
.cat-shortstory,.rand-shorts,.related-news{text-align:center;display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.search-shortstor{margin-top:32px}
.shortstory{position:relative;text-align:center;width:100%;content-visibility:auto}
.shortstory a{text-decoration:none}
.shortstory .img-video{position:relative;line-height:0;overflow:hidden;width:100%;height:0;background:var(--background-shortstory,#000);padding-bottom:56.25%}
.shortstory .img-video span{display:none}
.shortstory .img-video.prev:before{content:'';position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;background-image:url(/templates/videok2s/images/spinner.svg);z-index:1}
.shortstory span,.shortstory img{display:block}
.shortstory .rating-panel{position:relative;display:block;background:var(--color-border,#333);line-height:18px;font-size:12px;height:18px}
.shortstory .rating-panel .icon{width:11px;height:12px}
.shortstory i{font-style:normal;background:var(--background-icon-short,rgba(0,0,0,0.8))}
.shortstory .text{height:56px;overflow:hidden;color:var(--color-text-short,#ddd);display:block;padding:8px 0 0;font-size:14px;font-weight:400;overflow-wrap:anywhere}
.shortstory i{position:absolute;padding:3px 5px;font-size:12px;line-height:12px;color:var(--color-text,#fff);z-index:3}
.shortstory .views{bottom:5px;left:5px}
.shortstory .icon{width:12px;height:12px;top:-1px}
.shortstory b{position:absolute;z-index:3;font-size:14px;background:var(--background-icon-short,rgba(0,0,0,0.8));color:var(--color-text,#fff);line-height:0;padding:10px 5px;top:5px;right:5px;border-radius:3px}
.shortstory:hover b{background:var(--color-button,#BA2716)}
.shortstory .duration{bottom:5px;right:5px}
.shortstory video{z-index:2;left:0;top:0;position:absolute;width:100%}
.shortstory .short-rate-perc{float:none;display:inline-block;line-height:18px;margin-left:5px;color:var(--color-text,#fff)}
.shortstory img,.shortstory video{position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}
.shortstory .rate-data{display:block;margin:0 auto;height:100%;z-index:1}
.shortstory:hover .rbar{display:block}
.shortstory:hover .short-rate-perc{position:relative;z-index:3}
.shortstory .rbar,.shortstory:hover .rating-panel .icon{display:none}
.short-mini .shortstory:hover .icon{display:inline-block}
.watch-clip{position:absolute;display:inline-block !important;right:0;top:calc(50% - 16.5px);z-index:2}
.watch-clip.close{display:none !important}
.watch-clip .icon{width:43px;height:33px;opacity:0.7}
/* shortstory end*/
/* fullstory */
.fullstory{display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 36px 300px;grid-template-columns:1fr 300px;grid-column-gap:36px;grid-row-gap:36px}
.fullstory article{width:100%}
.video-player{min-height:650px}
.video-player > div{width:100%;max-width:100%!important}
.fullstory .file-link{display:block;font-size:20px;padding:0 20px;margin:15px 0;text-align:center;line-height:72px;text-decoration:none;color:var(--color-text,#fff);background:var(--color-button,#BA2716);border:1px solid var(--color-button,#BA2716)}
.fullstory .file-link:hover{background:var(--background-button-hover,#555);color:var(--color-button-hover,#fff);border:1px solid var(--background-button-hover,#555)}
.fullstory .file-link .icon{width:18px;height:20px;top:-3px}
.title_block{overflow:hidden;padding:8px 13px 0}
.title_block h1{background:none;padding:0 0 8px;margin:0;-webkit-box-shadow:none;box-shadow:none;border:0;border-bottom:1px solid #151515;font-size:23.2px;line-height:38px;color:var(--color-sort,#eee)}
.rating{width:30%;float:left}
.frate{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;position:relative;opacity:0;font-size:0;padding-top:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.frate.done{opacity:1}
.rating .rate-plus{margin-right:30px}
.frate .icon{color:var(--color-icon,#fff);display:inline-block;vertical-align:top;width:22px;margin-right:5px}
.views .frate .icon{margin-right:0}
.shortstory .frate .icon{top:3px}
.rate-plus,.rate-minus{cursor:pointer;font-size:16px;line-height:36px}
.rate-plus:hover .icon{fill:#238a00}
.rate-minus .icon{fill:var(--color-rate-poorly,#777);position:relative;width:19px}
.rate-minus .icon:hover{fill:var(--color-rate,#BA2716)}
.rate-minus:hover .icon p{color:#f20404}
.frate .icon:hover{-webkit-animation:bounceRate .3s infinite linear;animation:bounceRate .3s infinite linear;-webkit-animation-direction:alternate;animation-direction:alternate}
.rbar{position:absolute;height:18px;overflow:hidden;background:var(--color-rate,#BA2716);border-radius:3px;left:0;bottom:0;width:100%}
.rfill{width:50%;height:100%;position:absolute;left:0;top:0;background:#238a00;-webkit-transition:width 1s linear;-o-transition:width 1s linear;transition:width 1s linear}
.rate-perc{font-size:18px;font-weight:700}
.rate-perc.high{color:#238a00}
.rate-perc.low{color:#f20404}
.views .frate .icon:hover{-webkit-animation:bounceRate 0s infinite linear;animation:bounceRate 0s infinite linear;}
@-webkit-keyframes bounceRate {
from{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
to{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}
@keyframes bounceRate {
from{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
to{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}
.rate-minus{position:relative;top:6px}
.result-rating{position:relative;top:-4px;height:24px;width:calc(100% - 40px);display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:end;justify-content:end;float:right}
.result-rating div{top:0;font-size:15px;line-height:24px;position:relative}
.result-rating .icon{vertical-align:text-top;width:14.8px;height:16px;fill:var(--color-icon-rating,#777)}
.views .frate{position:absolute;width:100%;top:37px;height:18px;padding:0}
.rating-panel .frate{width:100%;height:18px;padding:0;z-index:2}
.rating-panel .rbar,.rating-panel .rfill{border-radius:0}
.booton_tabs{float:left;width:70%;line-height:24px;padding-top:8px;font-size:16px}
.booton_tabs div,.booton_tabs > span{display:inline-block;cursor:pointer;padding:0 32px 12px;border-bottom:3px solid var(--border-button-color-hover,#555)}
.booton_tabs .icon{width:16px;height:16px}
.booton_tabs .active{border-bottom:3px solid var(--border-button,#BA2716)}
.booton_tabs .edit{float:right}
.complaint a{color:var(--color-text,#fff);text-decoration:none}
.info-story{margin:20px 0;overflow:hidden}
.info-story .right-block{width:70%;float:left;overflow:hidden}
.info-story .left-block{width:30%;float:left;padding:0 87px 0 22px}
.info-story .right-block > div{display:none;padding:0 8px}
.info-story .right-block > div.open{display:block}
.info-story .right-block > div p{line-height:25px;margin:0 0 7px}
.info-story .right-block > div a{text-decoration:none}
.info-story .right-block .dat{margin-bottom:30px;font-size:14px}
.info-story .right-block .icon{width:14px;height:16px;top:-2px;fill: var(--color-icon-fall,#fff);}
.info-story .views{position:relative;line-height:28px;padding-bottom:6.5px;font-size:14px;border-bottom:18px solid var(--border-views,#333)}
.info-story .views > span{font-size:20px;font-weight:600}
.info-story .views .rate-data{position:relative;width:100%;top:27px}
.left-block .rate-plus{margin-right:15px}
.short-rate-perc{float:left;opacity:0;display:inline-block;line-height:14px;font-size:14px;border-radius:3px}
.wdone{opacity:1}
.tags-cat{margin-top:15px}
.tags-cat a{display:inline-block;font-size:14px;color:var(--color-text,#fff);margin:0 10px 10px 0;padding:5px 7px;background:var(--color-button,#BA2716)}
.tags-cat a:hover{background:var(--background-button-hover,#555)}
.tags-cat a:before{margin-right:5px}
.tags-cat .cat-t a:before{content:"";background-image:url(/templates/videok2s/images/folder.svg);width:14px;height:13px;display:inline-block;position:relative;top:2px}
.tags-cat .tag-t a:before{content:"";background-image:url(/templates/videok2s/images/tags.svg);width:15px;height:12px;display:inline-block;position:relative;top:2px}
.tags-cat{font-size:0}
.short-mini{text-align:center;display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 10px 1fr;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.short-mini .shortstory b{font-size:10.5px}
aside{width:100%}
aside .mar{margin-top:25px}
.about-block.hid .more{max-height:50px;overflow:hidden;overflow-wrap:anywhere}
.reads{text-align:center;display:block;padding:8px 0;margin-top:16px;border-top:3px solid var(--border-reads,#333);color:var(--color-a-hover,#777);font-weight:700;letter-spacing:-.5px}
.reads:hover{cursor:pointer;border-top:3px solid var(--border-reads-hover,#BA2716);color:var(--color-body,#ccc)}
.about-block.hid.op .more{max-height:100%}
.about-block.hid.op .reads.open,.reads.close,.views .rate-perc,.uscl-popup-footer{display:none}
.about-block.hid.op .reads.close{display:block}
.info-story .right-block .reads .icon{fill:var(--color-button,#BA2716);width:15px;top:1px;left:4px}
.comm{content-visibility:auto}
/* fullstory end */
/* footer */
footer{background:var(--background-nav,#222222);padding:32px 0;margin-top:48px;text-align:center;-webkit-box-shadow:0 0 6px 6px rgba(0,0,0,0.12);box-shadow:0 0 6px 6px rgba(0,0,0,0.12);content-visibility:auto}
footer .logo{font-family:"Arial Black",Gadget,sans-serif;padding-top:25px;line-height:40px}
footer .logo a,footer .logo span{font-size:28px;color:var(--color-footer-logo,#fff);}
footer .logo b{background:var(--background-footer-logo,#444);color:var(--color-footer-logo-first,#fff);padding:0 5px;font-weight:600}
.about_site{font-size:14.5px;padding-top:10px;color:var(--color-footer,#ccc)}
footer p{margin:0}
/* footer end */
/* addcoment */
.addcoments i{margin:14px 0;display:block;font-size:14.5px}
.addcoments .add-form{display:-ms-grid;display:grid;justify-items:center;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-column-gap:4%;grid-row-gap:4%}
.addcoments .add-com{width:100%}
.addcoments .about-me{width:100%}
.addcoments .add-form p{margin:0 0 8px}
.addcoments textarea{width:100%;min-height:302px;padding:13px}
.addcoments input{margin-bottom:16px}
.add-com label input{margin:0 8px 0 0;position:relative;top:-1px}
.addcoments button{display:inline-block;font-size:19.2px;line-height:34px;padding:12px 16px;margin-top:55px}
.comm .h2{margin:18px 0}
.addcoments button{width:250px}
.mass_comments_action input{float:right}
/* addcoment end */
/* coment */
.comment{padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px solid var(--border-comment,#282828)}
.com_user a{color:var(--color-body,#ccc);font-weight:600;text-decoration:none;line-height:38px;display:inline-block;vertical-align:top}
.com_user a:hover{color:var(--color-a-hover,#777)}
.com_user time{display:block;color:var(--color-button,#BA2716);font-size:13px;position:relative;top:-2px}
.com_user strong{color:#f00}
.com_user span{color:var(--color-a,#BA2716);font-weight:600}
.comment .control{margin-top:10px}
.comment .control a{text-decoration:none}
/* coment end */
.k2s-preview a.play-btn{width:68px;height:48px;margin:-24px 0 0 -34px;border:none;background:rgba(33,33,33,0.8);-webkit-clip-path:url(/templates/videok2s/images/k2s-svg.svg#k2s-svg);clip-path:url(/templates/videok2s/images/k2s-svg.svg#k2s-svg);opacity:1;pointer-events:none;transition:.1s ease-in}
.k2s-preview a.play-btn i{margin:14px 0 0 26px}
.k2s-preview .poster:hover + .play-btn{background:red}
.k2s-preview a.download-btn{top:0;right:0;border:solid transparent;border-width:10px 20px 0 9px}
#k2s-preview-svg{width:0;height:0}
.special{background:var(--background-special,#263238)}
.friends a{font-size:14.5px;color:var(--color-footer,#ccc);display:block;margin:5px 0;text-decoration:none}
#fullsearch{width:100%;text-align:left;grid-column-start:1;grid-column-end:6;grid-row-start:1;grid-row-end:1;}
.cat-shortstory .navigation{width: 100%;grid-column-start:1;grid-column-end:6;grid-row-end:inherit}
.margin-top{margin-top:15px}
#dlemasscomments{width:100%}
.share-content{overflow-wrap:anywhere}
@media only screen and (max-width:1600px) {
.video-player{min-height:350px}    
}
@media only screen and (max-width:1199px) {
.main-category{grid-row-gap:30px}
.addcoments .add-form{-ms-grid-columns:1fr;grid-template-columns:1fr}
.about-me div{max-width:300px}
.info-story .left-block{padding:0 22px}
.comment{padding:0 0 10px 4px}
.addcoments textarea{min-height:200px}
}
@media only screen and (max-width:1024px) {
.cat-shortstory,.rand-shorts,.related-news{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}
#fullsearch,.cat-shortstory .navigation{grid-column-end:5}
.video-player{min-height:165px}
.booton_tabs div,.booton_tabs > span{padding:0 29px 12px}
}
@media only screen and (max-width:991px) {
.speedbar{display:none}
.mob-menu{display:block;background:var(--background-nav,#222222);position:absolute;right:25px;top:18px;cursor:pointer;height:50px;line-height:50px;width:48px}
.mob-menu:before{content:'';display:block;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:14px;height:2px;width:20px;background:var(--color-mob-menu,#ddd)}
.mob-menu:after{content:'';position:absolute;top:24px;right:14px;display:block;height:5px;width:20px;border-top:2px solid var(--color-mob-menu,#ddd);border-bottom:2px solid var(--color-mob-menu,#ddd)}
.mob-menu.open:before{top:24px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mob-menu.open:after{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;top:24px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-category{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
header nav{opacity:0;height:0;position:absolute}
header ul li a{height:0}
header nav.open{top:80px;opacity:1;width:100%;height:auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:1000}
header nav .central{padding:0}
header nav.open ul li{float:none}
header .brand-site{display:block;height:173px;padding:31px var(--padding-central,24px)}
header nav.open ul li a{height:50px}
header ul li{border-bottom:1px solid var(--background-shortstory,#000);border-left:0}
header .logo{width:calc(100% - 70px)}
.search{width:100%;margin-top:40px}
.search input[type="search"]{width:calc(100% - 1px);padding-right:55px}
.error .search input[type="search"]{padding-right:85px}
.search button{position:absolute;right:0}
.cat-shortstory,.rand-shorts,.related-news,.short-mini{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
.fullstory{-ms-grid-columns:1fr;grid-template-columns:1fr}
aside{width:100%}
.page-tags{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}
.request .com_content{word-break:break-all}
#fullsearch,.cat-shortstory .navigation{grid-column-end:4}
main{margin-top:0;padding-top:0}
#news_set_sort{top:6px}
}
@media (max-width:991px) and (orientation:portrait) {.video-player.fixed{position:fixed;top:0;left:0;right:0;z-index:9}}
@media only screen and (max-width:767px) {
.main-category,.cat-shortstory,.rand-shorts,.related-news,.short-mini{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
.rating,.booton_tabs{width:100%}
.title_block .frate{float:none;width:120px;margin:0 auto}
.info-story .left-block{width:100%}
.info-story .right-block{width:100%;padding-top:35px}
.botton-content{text-align:center}
.about-me div{max-width:100%}
.addcoments button{width:100%}
.title_block h1{font-size:20px;line-height:29px}
main{margin:0 auto;padding:10px}
header .brand-site{height:156px;padding:20px 10px 10px 10px}
footer{margin-top:28px}
.page-tags{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}
#news_set_sort{top:17px;right:17px}
#fullsearch,.cat-shortstory .navigation{grid-column-end:3}
.mob-menu{right:10px}
header .logo{position:relative;top:11px}
}
@media only screen and (max-width:500px) {
.shortstory .text{height:auto;max-height:56px}
.main-category,.cat-shortstory,.rand-shorts,.related-news,.short-mini{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-row-gap:30px}
.page-tags{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}
.fullstory .file-link{line-height:20px;padding:25px 15px}
.booton_tabs div, .booton_tabs > span{width:100%;text-align:center;margin-top:20px}
#fullsearch,.cat-shortstory .navigation{grid-column-end:2}
#dofullsearch{display:none}
.navigation{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#news_set_sort{position:relative;top:0;left:0;margin-bottom:2px;font-size:14px;line-height:22px}
.sort{right:0;top:33px;border:0}
main h1{padding:8px 13px}
.tags-block,.cat-t,.tag-t{text-align:center;display:-ms-grid;display:grid;justify-items:left;-ms-grid-columns:1fr 10px 1fr 10px;grid-template-columns:1fr 1fr;grid-column-gap:10px;grid-row-gap:21px}
.tags-block a,.cat-t a,.tag-t a{margin:0;padding:5px 10px;width:100%;white-space:pre;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.tags-cat .cat-t a:before,.tags-cat .tag-t a:before{top:6px}
.tag-t{margin-top:21px}
header .logo{line-height:37px;top:15px}
header .brand-site{height:auto;padding:0 10px 10px 10px}
.search{margin-top:35px}
.mob-menu{top:9px}
.seo-text{margin-top:0}
footer .logo{padding-top:0}
.addcoments button{margin-top:15px}
}
@media only screen and (max-width:450px) {
.logo a,.logo span{font-size:30px}
header nav.open{top:75px}
}
@media only screen and (max-width:420px) {
.tags-block{-ms-grid-columns:1fr;grid-template-columns:1fr;}
}
@media only screen and (max-width:379px) {
.navigation div{display:none}
.shortstory .text{height:auto}
.logo a,.logo span{font-size:26px;line-height:26px}
.mob-menu {top:10px}
header .logo{top:20px}
header nav.open{top:70px}
}

/* === Modern UI V3.2 — CSS-only redesign === */
:root{--v3-surface:#202020;--v3-surface-2:#272727;--v3-line:rgba(255,255,255,.075);--v3-muted:#aaa;--v3-shadow:0 12px 30px rgba(0,0,0,.20);--v3-radius:14px}
body{background:var(--background-body,#181818);letter-spacing:-.01em}
.central{max-width:1540px}
header{border-bottom:1px solid var(--v3-line)}
header .brand-site{height:96px;padding-top:14px;padding-bottom:14px;align-items:center}
header .logo{width:42%}.logo a,.logo span{font-size:34px;letter-spacing:-1.5px;text-transform:none}
header .logo b{border-radius:9px;padding:3px 9px;box-shadow:0 5px 18px rgba(186,39,22,.22)}
.search{width:58%;display:flex;justify-content:flex-end}.search input[type="search"]{width:min(100%,520px);height:44px;float:none;border:1px solid var(--v3-line);border-radius:11px 0 0 11px;background:var(--background-input,#282828);padding-left:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.search button{height:44px;border-radius:0 11px 11px 0;padding-left:16px;padding-right:16px}
header nav{min-height:52px;line-height:52px;border-top:1px solid var(--v3-line);border-bottom:1px solid var(--v3-line)}
header ul li{border-left:0}header ul .last{border-right:0}header ul li a,header ul li span,.site-color{height:52px;line-height:52px;padding:0 20px;font-weight:600;transition:background .2s ease,color .2s ease}
header nav .active{box-shadow:inset 0 -3px 0 rgba(255,255,255,.22)}
.speedbar{height:36px;line-height:34px;background:transparent;border-bottom:1px solid var(--v3-line);font-size:12px;opacity:.88}
.content{padding-top:22px}
.title_block{position:relative;border:1px solid var(--v3-line);border-left:3px solid var(--color-button,#BA2716);border-radius:12px;background:var(--background-block-text,#282828);box-shadow:0 7px 20px rgba(0,0,0,.10);margin-bottom:18px}
.title_block h1,.title_block h2{font-weight:700;letter-spacing:-.02em}
.sort{right:0;top:calc(100% + 7px);border:1px solid var(--v3-line);border-top:1px solid var(--v3-line);border-radius:10px;overflow:hidden;box-shadow:var(--v3-shadow)}
.cat-shortstory,.rand-shorts,.related-news{grid-column-gap:18px;grid-row-gap:22px;align-items:stretch}
.shortstory{overflow:hidden;border-radius:var(--v3-radius);background:var(--v3-surface);border:1px solid var(--v3-line);box-shadow:0 5px 18px rgba(0,0,0,.12);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;text-align:left}
.shortstory:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(0,0,0,.27);border-color:rgba(255,255,255,.13)}
.shortstory .img-video{border-radius:13px 13px 0 0;overflow:hidden}
.shortstory .img-video:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.48),transparent);pointer-events:none}
.shortstory img,.shortstory video{width:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.shortstory:hover img{transform:translate(-50%,-50%) scale(1.035);filter:brightness(1.04)}
.shortstory i{border-radius:7px;background:rgba(10,10,10,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:11px;padding:4px 6px;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.shortstory .views{bottom:8px;left:8px}.shortstory .duration{bottom:8px;right:8px}
.shortstory .rating-panel{height:27px;line-height:27px;background:transparent;border-bottom:1px solid var(--v3-line);padding:0 11px;text-align:left;color:var(--v3-muted)}
.shortstory .short-rate-perc{line-height:27px;font-size:12px;font-weight:700;margin-left:4px;color:var(--color-text,#fff)}
.shortstory .text{box-sizing:border-box;height:66px;padding:11px 12px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:13.5px;font-weight:500;color:var(--color-text-short,#ddd);text-align:left}
.shortstory b{top:8px;right:8px;border-radius:8px;background:rgba(10,10,10,.78);backdrop-filter:blur(5px)}
.navigation{padding:36px 0 30px}.navigation a,.navigation span{min-width:42px;box-sizing:border-box;padding:10px 13px;margin:3px;border-radius:10px;border:1px solid var(--v3-line);background:var(--v3-surface-2);font-weight:700;transition:transform .18s ease,background .18s ease}.navigation a:hover{transform:translateY(-2px);background:var(--color-button,#BA2716)}.navigation span{box-shadow:0 7px 18px rgba(186,39,22,.18)}
.seo-text{border:1px solid var(--v3-line);border-left:3px solid var(--border-seo,#BA2716);border-right:1px solid var(--v3-line);border-radius:12px;margin-top:20px;padding:18px 20px;text-align:left;line-height:1.65;box-shadow:0 7px 20px rgba(0,0,0,.10)}
footer{margin-top:38px;padding:24px 0 26px;border-top:1px solid var(--v3-line);box-shadow:none;background:rgba(255,255,255,.025)}footer .logo{padding-top:0;line-height:34px}footer .logo a,footer .logo span{font-size:24px}.about_site{padding-top:8px;font-size:13px;line-height:1.55;opacity:.75;max-width:760px;margin:0 auto}.scroll-up{border-radius:50%;width:44px;height:44px;padding:0;line-height:42px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.main-shortstory{border-radius:var(--v3-radius);overflow:hidden;border:1px solid var(--v3-line);box-shadow:0 5px 18px rgba(0,0,0,.12)}.main-shortstory h2{background:var(--v3-surface);line-height:40px;font-weight:600}
@media(max-width:1100px){.cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(4,1fr)}header .brand-site{height:90px}.logo a,.logo span{font-size:31px}}
@media(max-width:850px){header .brand-site{height:auto;min-height:145px;display:block}.search{width:100%;margin-top:24px}.search input[type="search"]{width:100%}header .logo{width:100%}.cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(3,1fr);grid-column-gap:14px}.content{padding-top:16px}}
@media(max-width:620px){:root{--padding-central:14px}.cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:14px}.shortstory{border-radius:11px}.shortstory .text{height:61px;padding:9px 9px 10px;font-size:12.5px;line-height:19px}.navigation a,.navigation span{min-width:38px;padding:9px 10px}.seo-text{padding:14px}.scroll-up{right:16px;bottom:18px}}
@media(max-width:379px){.cat-shortstory,.rand-shorts,.related-news{grid-template-columns:1fr}.shortstory .text{height:auto;min-height:56px}}
/* === /Modern UI V3.2 === */
/* Modern UI V3.2 compatibility */
.shortstory,.main-shortstory,.title_block,.seo-text,.navigation a,.navigation span,.search input[type="search"],.search button{box-sizing:border-box}
.shortstory img{-webkit-transition:-webkit-transform .35s ease,filter .35s ease;transition:transform .35s ease,filter .35s ease}
.shortstory{-webkit-transition:-webkit-transform .22s ease,box-shadow .22s ease,border-color .22s ease;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}

/* === Modern UI V4 — refined dark video gallery === */
:root{
  --v4-bg:#141414;
  --v4-surface:#1b1b1b;
  --v4-surface-2:#222;
  --v4-surface-3:#292929;
  --v4-line:rgba(255,255,255,.075);
  --v4-line-strong:rgba(255,255,255,.12);
  --v4-text:#f4f4f4;
  --v4-muted:#9e9e9e;
  --v4-accent:var(--color-button,#c92f1c);
  --v4-radius:16px;
  --v4-shadow:0 16px 34px rgba(0,0,0,.28);
}
html{background:var(--v4-bg)}
body{background:linear-gradient(180deg,#171717 0,#141414 46%,#131313 100%);color:var(--v4-text)}
.central{max-width:1510px}

/* header */
header{background:#171717;border-bottom:1px solid var(--v4-line);box-shadow:0 10px 32px rgba(0,0,0,.16)}
header .brand-site{height:92px;padding-top:12px;padding-bottom:12px}
header .logo{top:0;display:flex;align-items:center;width:46%;line-height:1}
.logo a,.logo span{font-size:36px;font-weight:800;letter-spacing:-1.8px;line-height:1}
header .logo b{display:inline-block;padding:5px 10px;border-radius:10px;background:linear-gradient(180deg,#d93622,#b92012);box-shadow:0 8px 24px rgba(201,47,28,.24)}
.search{width:54%;margin:0;align-items:center}
.search input[type="search"]{height:46px;width:min(100%,550px);border:1px solid var(--v4-line-strong);background:#222;color:#eee;border-radius:12px 0 0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.search input[type="search"]:focus{background:#252525;border-color:rgba(201,47,28,.62);box-shadow:0 0 0 3px rgba(201,47,28,.10)}
.search button{height:46px;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#d73521,#b92113);box-shadow:none;transition:filter .2s ease,transform .2s ease}
.search button:hover{filter:brightness(1.08)}
header nav{min-height:50px;line-height:50px;background:#1d1d1d;border-top:1px solid var(--v4-line);border-bottom:1px solid var(--v4-line)}
header ul li a,header ul li span,.site-color{height:50px;line-height:50px;padding:0 19px;font-size:14px;font-weight:700;color:#e8e8e8;transition:background .2s ease,color .2s ease}
header ul li a:hover,header ul li span:hover{background:rgba(255,255,255,.035)}
header nav .active{background:linear-gradient(180deg,rgba(201,47,28,.95),rgba(179,32,18,.95));box-shadow:none}
.speedbar{height:34px;line-height:33px;background:#151515;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px;color:#aaa}

/* content heading */
.content{padding-top:26px}
.title_block{min-height:52px;display:flex;align-items:center;margin-bottom:14px;padding-right:8px;border:1px solid var(--v4-line);border-left:3px solid var(--v4-accent);border-radius:13px;background:linear-gradient(180deg,#242424,#202020);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.title_block h1,.title_block h2{font-size:18px;font-weight:750;letter-spacing:-.25px}
#news_set_sort{margin-left:auto;border-radius:9px;background:#181818;border:1px solid var(--v4-line-strong);padding:2px 10px;transition:background .2s ease,border-color .2s ease}
#news_set_sort:hover{background:#1d1d1d;border-color:rgba(255,255,255,.16)}
.sort{right:0;top:calc(100% + 8px);border-radius:10px;background:#1d1d1d;border:1px solid var(--v4-line-strong);box-shadow:var(--v4-shadow)}

/* gallery */
.cat-shortstory,.rand-shorts,.related-news{grid-column-gap:16px;grid-row-gap:20px}
.shortstory{position:relative;border-radius:var(--v4-radius);background:linear-gradient(180deg,#202020,#1c1c1c);border:1px solid var(--v4-line);box-shadow:0 8px 20px rgba(0,0,0,.14);transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.shortstory:before{content:"";position:absolute;z-index:5;left:16px;right:16px;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--v4-accent),transparent);opacity:0;transition:opacity .22s ease}
.shortstory:hover{transform:translateY(-5px);background:linear-gradient(180deg,#232323,#1e1e1e);border-color:rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(0,0,0,.31)}
.shortstory:hover:before{opacity:.55}
.shortstory .img-video{position:relative;border-radius:15px 15px 0 0;overflow:hidden;background:#101010}
.shortstory .img-video:after{height:48%;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.12) 55%,transparent)}
.shortstory img,.shortstory video{transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.shortstory:hover img{transform:translate(-50%,-50%) scale(1.045);filter:brightness(1.06) saturate(1.03)}
.shortstory i{z-index:6;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:rgba(8,8,8,.76);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-size:11px;line-height:1.25;padding:4px 6px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.shortstory .views{left:8px;bottom:8px}.shortstory .duration{right:8px;bottom:8px}
.shortstory .rating-panel{height:30px;line-height:30px;padding:0 12px;background:#1d1d1d;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid var(--v4-line);color:#a9a9a9;text-align:center}
.shortstory .short-rate-perc{line-height:30px;font-size:12px;font-weight:800;color:#eee}
.shortstory .text{height:72px;padding:12px 13px 13px;font-size:13.5px;line-height:20px;font-weight:500;color:#e1e1e1;text-align:left;-webkit-line-clamp:3}
.shortstory .text a{color:inherit}
.shortstory b{z-index:6;top:8px;right:8px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(8,8,8,.74);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

/* pagination */
.navigation{padding:32px 0 26px}
.navigation a,.navigation span{min-width:42px;height:42px;line-height:20px;padding:10px 13px;margin:3px;border-radius:10px;border:1px solid var(--v4-line);background:#232323;color:#eee;font-weight:750;box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.navigation a:hover{transform:translateY(-2px);background:#2b2b2b;border-color:rgba(255,255,255,.15);box-shadow:0 7px 16px rgba(0,0,0,.18)}
.navigation span{background:linear-gradient(180deg,#d43320,#b82113);border-color:rgba(255,255,255,.12);box-shadow:0 8px 18px rgba(185,33,19,.20)}

/* seo + footer */
.seo-text{margin-top:16px;padding:17px 20px;border:1px solid var(--v4-line);border-left:3px solid var(--v4-accent);border-right:1px solid var(--v4-line);border-radius:12px;background:#202020;line-height:1.65;box-shadow:0 8px 22px rgba(0,0,0,.11)}
footer{margin-top:26px;padding:20px 0 22px;background:#181818;border-top:1px solid var(--v4-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
footer .logo{padding-top:0;line-height:30px;margin-bottom:3px}
footer .logo a,footer .logo span{font-size:23px;letter-spacing:-1px}
.about_site{padding-top:4px;max-width:820px;font-size:12.5px;line-height:1.45;color:#aaa;opacity:.88}
.scroll-up{width:42px;height:42px;line-height:40px;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.27);border:1px solid rgba(255,255,255,.12)}

/* generic blocks */
.main-shortstory{border-radius:var(--v4-radius);border:1px solid var(--v4-line);background:#1d1d1d;box-shadow:0 8px 22px rgba(0,0,0,.13)}
.main-shortstory h2{background:#232323;border-bottom:1px solid var(--v4-line);font-weight:700}

@media(max-width:1100px){
  .cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(4,1fr);grid-column-gap:14px}
  header .brand-site{height:88px}.logo a,.logo span{font-size:32px}
}
@media(max-width:850px){
  header .brand-site{min-height:136px;padding-top:16px;padding-bottom:14px}
  header .logo{width:100%;justify-content:center}.search{width:100%;margin-top:20px;justify-content:center}
  .cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(3,1fr)}
  .title_block{min-height:48px}
}
@media(max-width:620px){
  :root{--padding-central:12px}
  .cat-shortstory,.rand-shorts,.related-news{grid-template-columns:repeat(2,1fr);grid-column-gap:10px;grid-row-gap:12px}
  .shortstory{border-radius:12px}.shortstory .img-video{border-radius:11px 11px 0 0}
  .shortstory .text{height:65px;padding:9px 10px;font-size:12.5px;line-height:18px;-webkit-line-clamp:3}
  .navigation{padding:24px 0 20px}.navigation a,.navigation span{min-width:37px;height:38px;padding:8px 10px;border-radius:9px}
  .seo-text{padding:14px 15px;margin-top:10px}footer{margin-top:18px;padding:18px 0}.scroll-up{right:14px;bottom:16px}
}
@media(max-width:379px){
  .cat-shortstory,.rand-shorts,.related-news{grid-template-columns:1fr}
  .shortstory .text{height:auto;min-height:58px}
}
/* === /Modern UI V4 === */

/* =========================================================
   Modern UI V4.1 — Lilac Accent
   ========================================================= */
:root{
  --v4-accent:#9b72ff;
  --v4-accent-2:#7c55e8;
  --v4-accent-soft:rgba(155,114,255,.14);
  --v4-accent-glow:rgba(155,114,255,.28);
}

/* Brand / logo */
header .logo b{
  background:linear-gradient(180deg,#ad86ff 0%,#8b60ef 52%,#7047d4 100%) !important;
  box-shadow:0 8px 26px var(--v4-accent-glow) !important;
}

/* Search */
.search input[type="search"]:focus{
  border-color:rgba(155,114,255,.72) !important;
  box-shadow:0 0 0 3px rgba(155,114,255,.12) !important;
}
.search button{
  background:linear-gradient(180deg,#a97fff,#8459e8) !important;
  box-shadow:0 7px 18px rgba(126,84,226,.20) !important;
}
.search button:hover{
  filter:brightness(1.08) saturate(1.06);
}

/* Main navigation */
header nav .active,
header nav li.active > a,
header nav li.active > span{
  background:linear-gradient(180deg,#a57aff,#7e54e1) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 8px 20px rgba(126,84,225,.16) !important;
}

/* Section accents */
.title_block,
.seo-text{
  border-left-color:var(--v4-accent) !important;
}
.title_block:before,
.seo-text:before{
  background:var(--v4-accent) !important;
}

/* Sort / interactive accents */
#news_set_sort:hover{
  border-color:rgba(155,114,255,.34) !important;
}
.sort a:hover,
.sort li:hover{
  color:#cbb8ff !important;
  background:rgba(155,114,255,.09) !important;
}

/* Video cards */
.shortstory:hover{
  border-color:rgba(155,114,255,.22) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34),0 0 0 1px rgba(155,114,255,.05) !important;
}
.shortstory:hover .img-video img{
  filter:saturate(1.04) contrast(1.02);
}
.shortstory a:hover,
.shortstory .text a:hover{
  color:#cdbbff !important;
}

/* Pagination */
.navigation span,
.navigation .current,
.navigation .active{
  background:linear-gradient(180deg,#a77cff,#8056e3) !important;
  border-color:rgba(198,174,255,.32) !important;
  box-shadow:0 8px 20px rgba(126,84,226,.25) !important;
}
.navigation a:hover{
  border-color:rgba(155,114,255,.30) !important;
  background:#292532 !important;
}

/* Buttons / links using original DLE accent */
.btn:hover,
button:hover,
input[type="submit"]:hover{
  border-color:rgba(155,114,255,.28);
}
a:hover{
  text-decoration-color:rgba(155,114,255,.55);
}

/* Scroll to top */
.scroll-up,
#scrollup,
.scrollup{
  background:linear-gradient(180deg,#a77cff,#7d53df) !important;
  border-color:rgba(205,186,255,.28) !important;
  box-shadow:0 10px 25px rgba(92,56,179,.26) !important;
}
.scroll-up:hover,
#scrollup:hover,
.scrollup:hover{
  filter:brightness(1.09);
}

/* Selection */
::selection{
  background:rgba(155,114,255,.34);
  color:#fff;
}

/* =========================================================
   Modern UI V4.3 — 4-column Gallery
   Keeps V4.1 Lilac visuals; changes gallery layout only.
   ========================================================= */
.cat-shortstory,
.rand-shorts,
.related-news{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-column-gap:18px;
  grid-row-gap:22px;
}

/* Navigation should always span the complete gallery width. */
.cat-shortstory .navigation{
  grid-column:1 / -1 !important;
}

/* Slightly roomier copy now that cards are wider. */
.shortstory .text{
  padding-left:14px;
  padding-right:14px;
}

/* 4 -> 3 -> 2 -> 1 */
@media(max-width:1200px){
  .cat-shortstory,
  .rand-shorts,
  .related-news{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-column-gap:16px;
  }
}
@media(max-width:760px){
  .cat-shortstory,
  .rand-shorts,
  .related-news{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-column-gap:12px;
    grid-row-gap:14px;
  }
}
@media(max-width:430px){
  .cat-shortstory,
  .rand-shorts,
  .related-news{
    grid-template-columns:1fr !important;
  }
}
/* === /Modern UI V4.3 === */


/* =========================================================
   DLE MODERN V4.4 — 4x10 CARD TYPOGRAPHY POLISH
   Keeps V4.3 grid/colors/layout; only improves card text area.
   ========================================================= */

/* Give the text area under the larger 4-column thumbnails more breathing room */
.shortstory,
.short-story,
.short,
.movie-item,
.video-item,
.card,
.item {
    --v44-card-title-size: 15px;
}

/* Common DLE/video-template title selectors */
.shortstory .title,
.shortstory .short-title,
.shortstory .story-title,
.shortstory h2,
.shortstory h3,
.short-story .title,
.short-story h2,
.short-story h3,
.movie-item .title,
.movie-item h2,
.movie-item h3,
.video-item .title,
.video-item h2,
.video-item h3,
.card .title,
.card h2,
.card h3 {
    font-size: var(--v44-card-title-size) !important;
    line-height: 1.42 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em;
}

/* Links inside card title/content area inherit the improved typography */
.shortstory .title a,
.shortstory .short-title a,
.shortstory .story-title a,
.shortstory h2 a,
.shortstory h3 a,
.short-story .title a,
.short-story h2 a,
.short-story h3 a,
.movie-item .title a,
.movie-item h2 a,
.movie-item h3 a,
.video-item .title a,
.video-item h2 a,
.video-item h3 a,
.card .title a,
.card h2 a,
.card h3 a {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Typical lower text/content wrappers: slightly roomier but not taller than necessary */
.shortstory .short-text,
.shortstory .story,
.shortstory .text,
.shortstory .info,
.shortstory .desc,
.short-story .short-text,
.short-story .text,
.movie-item .text,
.movie-item .desc,
.video-item .text,
.video-item .desc,
.card .text,
.card .desc,
.card-body {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
}

/* Preserve compact typography as the grid collapses on smaller screens */
@media (max-width: 1100px) {
    .shortstory,
    .short-story,
    .short,
    .movie-item,
    .video-item,
    .card,
    .item {
        --v44-card-title-size: 14px;
    }
}

@media (max-width: 640px) {
    .shortstory,
    .short-story,
    .short,
    .movie-item,
    .video-item,
    .card,
    .item {
        --v44-card-title-size: 14px;
    }
}


/* =========================================================
   DLE MODERN V4.5 — LILAC RATING BAR
   Removes legacy green/red rating colors on card hover.
   ========================================================= */

/* Common DLE rating/progress wrappers */
.rating,
.rating-bar,
.ratingbar,
.rate,
.ratebox,
.vote,
.vote-bar,
.vote-line,
.progress,
.progress-bar,
.like-rating,
.likes-rating,
.shortstory .rating,
.shortstory .rate,
.shortstory .vote,
.shortstory .progress,
.short-story .rating,
.short-story .rate,
.movie-item .rating,
.video-item .rating,
.card .rating {
    accent-color: #9b72ff !important;
}

/* Replace green/red bar fills with the lilac palette */
.rating .positive,
.rating .plus,
.rating .good,
.rating .up,
.rating .likes,
.rating .green,
.rate .positive,
.rate .plus,
.rate .good,
.rate .up,
.rate .green,
.vote .positive,
.vote .plus,
.vote .green,
.progress .positive,
.progress .plus,
.progress .green,
.progress-bar.positive,
.progress-bar.green,
.rating-bar .positive,
.rating-bar .green,
.ratingbar .positive,
.ratingbar .green {
    background: linear-gradient(90deg, #8b5cf6, #a78bfa) !important;
    background-color: #9b72ff !important;
    border-color: #9b72ff !important;
}

/* Negative/remaining part uses a neutral violet-gray instead of red */
.rating .negative,
.rating .minus,
.rating .bad,
.rating .down,
.rating .dislikes,
.rating .red,
.rate .negative,
.rate .minus,
.rate .bad,
.rate .down,
.rate .red,
.vote .negative,
.vote .minus,
.vote .red,
.progress .negative,
.progress .minus,
.progress .red,
.progress-bar.negative,
.progress-bar.red,
.rating-bar .negative,
.rating-bar .red,
.ratingbar .negative,
.ratingbar .red {
    background: #34303f !important;
    background-color: #34303f !important;
    border-color: #34303f !important;
}

/* DLE often renders the rating as nested spans/divs with inline colors */
.shortstory:hover [style*="background: green"],
.shortstory:hover [style*="background-color: green"],
.shortstory:hover [style*="background:#"],
.short-story:hover [style*="background: green"],
.short-story:hover [style*="background-color: green"],
.movie-item:hover [style*="background: green"],
.video-item:hover [style*="background: green"],
.card:hover [style*="background: green"] {
    background: linear-gradient(90deg, #8b5cf6, #a78bfa) !important;
    background-color: #9b72ff !important;
}

.shortstory:hover [style*="background: red"],
.shortstory:hover [style*="background-color: red"],
.short-story:hover [style*="background: red"],
.short-story:hover [style*="background-color: red"],
.movie-item:hover [style*="background: red"],
.video-item:hover [style*="background: red"],
.card:hover [style*="background: red"] {
    background: #34303f !important;
    background-color: #34303f !important;
}

/* Generic two-part rating strip often shown only on hover */
.shortstory:hover .rating,
.shortstory:hover .rate,
.shortstory:hover .vote,
.shortstory:hover .progress,
.short-story:hover .rating,
.short-story:hover .rate,
.movie-item:hover .rating,
.video-item:hover .rating,
.card:hover .rating {
    border-color: rgba(155,114,255,.35) !important;
    box-shadow: 0 0 0 1px rgba(155,114,255,.08), 0 6px 18px rgba(124,58,237,.12) !important;
}


/* =========================================================
   DLE MODERN V4.6 — EXACT RATING-PANEL COLORS
   Exact selectors confirmed from browser DevTools.
   ========================================================= */

/* The old template uses .rating-panel .rbar as the red remainder
   and .rating-panel .rfill as the green filled percentage. */
.rating-panel .rbar {
    background: #302b3d !important;
    background-color: #302b3d !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.rating-panel .rfill {
    background: linear-gradient(90deg, #8b5cf6 0%, #a78bfa 100%) !important;
    background-color: #9b72ff !important;
    border-radius: 6px 0 0 6px !important;
}

/* Keep the percentage readable over both portions of the bar. */
.rating-panel .rate-data,
.rating-panel .stat {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.65) !important;
}

/* Subtle lilac treatment when the card is hovered. */
.shortstory:hover .rating-panel .rbar {
    box-shadow: inset 0 0 0 1px rgba(155,114,255,.18) !important;
}

.shortstory:hover .rating-panel .rfill {
    box-shadow: 0 0 12px rgba(155,114,255,.28) !important;
}

/* =========================================================
   DLE MODERN V4.7 — FULL STORY POLISH
   Full news page only. Keeps V4.6 lilac palette and 4x10 catalog.
   ========================================================= */
.fullstory{grid-template-columns:minmax(0,1fr) 290px!important;grid-column-gap:28px!important;grid-row-gap:28px!important;align-items:start}.fullstory article,.fullstory aside{min-width:0}.fullstory .video-player{overflow:hidden;border-radius:16px;background:#0d0d10;box-shadow:0 18px 42px rgba(0,0,0,.28)}.fullstory .file-link{min-height:62px;line-height:1.3!important;display:flex!important;align-items:center;justify-content:center;gap:10px;margin:14px 0!important;padding:16px 22px!important;border:1px solid rgba(155,114,255,.24)!important;border-radius:14px;background:linear-gradient(180deg,#232229 0%,#1a191f 100%)!important;color:#f6f3ff!important;font-size:17px!important;font-weight:600;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:.18s ease}.fullstory .file-link:hover{transform:translateY(-1px);border-color:rgba(155,114,255,.72)!important;background:linear-gradient(180deg,#2b2540 0%,#211c31 100%)!important;box-shadow:0 12px 28px rgba(124,58,237,.16)}.fullstory .file-link .icon{fill:#a78bfa!important;color:#a78bfa!important}.fullstory .title_block{margin-top:16px;padding:16px 18px 0!important;border:1px solid rgba(255,255,255,.05);border-left:3px solid #9b72ff!important;border-radius:14px;background:linear-gradient(180deg,#202024 0%,#1c1c20 100%)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)}.fullstory .title_block h1{font-size:19px!important;line-height:1.45!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#f4f1fb!important;font-weight:650}.fullstory .booton_tabs{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:70%!important;padding-top:8px!important;line-height:1.2!important}.fullstory .booton_tabs div,.fullstory .booton_tabs>span{padding:10px 14px!important;border:1px solid transparent!important;border-radius:10px;color:#e9e5f2;transition:.18s ease}.fullstory .booton_tabs div:hover,.fullstory .booton_tabs>span:hover{background:rgba(155,114,255,.08);border-color:rgba(155,114,255,.18)!important}.fullstory .booton_tabs .active{background:rgba(155,114,255,.13)!important;border-color:rgba(155,114,255,.34)!important;color:#fff!important}.fullstory .booton_tabs .icon{fill:#b79cff!important}.fullstory .complaint a{color:inherit!important}.fullstory .info-story{margin:18px 0 24px!important;padding:18px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#151519}.fullstory .info-story .left-block{padding:0 28px 0 0!important}.fullstory .info-story .right-block{padding-left:18px;border-left:1px solid rgba(255,255,255,.07)}.fullstory .info-story .right-block>div{padding:0!important}.fullstory .info-story .right-block>div p{line-height:1.6!important;color:#e3e1e8}.fullstory .info-story .views{border-bottom:0!important;padding:0 0 12px!important}.fullstory .info-story .views>span{font-size:18px!important;color:#f4f1fb}.fullstory .rbar,.fullstory .rating-panel .rbar,.fullstory .views .rbar{background:#302b3d!important;border-radius:999px!important;height:10px!important;overflow:hidden}.fullstory .rfill,.fullstory .rating-panel .rfill,.fullstory .views .rfill{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%)!important;border-radius:999px!important}.fullstory .rate-perc.high,.fullstory .rate-perc.low{color:#b79cff!important}.fullstory .rate-plus:hover .icon,.fullstory .rate-minus:hover .icon{fill:#a78bfa!important}.fullstory .reads{width:max-content;min-width:150px;margin:14px auto 0!important;padding:10px 16px!important;border:1px solid rgba(155,114,255,.18)!important;border-radius:10px;background:#1c1b21;color:#e8e3f3!important;letter-spacing:0!important;transition:.18s ease}.fullstory .reads:hover{border-color:rgba(155,114,255,.56)!important;background:rgba(155,114,255,.10);color:#fff!important}.fullstory .info-story .right-block .reads .icon{fill:#a78bfa!important}.fullstory .tags-cat{margin-top:16px!important}.fullstory .tags-cat a{margin:0 8px 8px 0!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#1d1c22!important;color:#e9e6f0!important;transition:.18s ease}.fullstory .tags-cat a:hover{border-color:rgba(155,114,255,.42);background:rgba(155,114,255,.12)!important;color:#fff!important}.fullstory .h2,.fullstory aside .h2,.fullstory .related-news+.h2,.fullstory h2.h2{border-left:3px solid #9b72ff!important;border-radius:0 10px 10px 0;background:#202125!important;box-shadow:none!important}.fullstory .related-news{gap:18px!important;margin-top:10px}.fullstory .related-news .shortstory,.fullstory aside .shortstory{border-radius:14px!important;overflow:hidden;background:#1b1b1f;box-shadow:0 8px 20px rgba(0,0,0,.14);transition:.18s ease}.fullstory .related-news .shortstory:hover,.fullstory aside .shortstory:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 0 1px rgba(155,114,255,.10)}.fullstory aside .mar{margin-top:18px!important}.fullstory aside .short-mini{gap:10px!important}@media(max-width:1199px){.fullstory{grid-template-columns:minmax(0,1fr) 260px!important;grid-column-gap:22px!important}.fullstory .info-story .left-block{padding-right:18px!important}}@media(max-width:991px){.fullstory{display:block!important}.fullstory aside{margin-top:24px}.fullstory .title_block{padding:14px 14px 0!important}.fullstory .rating,.fullstory .booton_tabs{width:100%!important;float:none!important}.fullstory .booton_tabs{flex-wrap:wrap}.fullstory .info-story .left-block,.fullstory .info-story .right-block{width:100%!important;float:none!important;padding:0!important;border-left:0!important}.fullstory .info-story .right-block{margin-top:18px;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.07)!important}}@media(max-width:640px){.fullstory .file-link{font-size:15px!important;min-height:54px;padding:13px 14px!important}.fullstory .title_block h1{font-size:17px!important}.fullstory .booton_tabs div,.fullstory .booton_tabs>span{padding:9px 10px!important;font-size:14px}}


/* =========================================================
   DLE MODERN V4.8 — FULL STORY POLISH
   Keeps V4.7 layout and lilac palette; only tightens spacing
   and reduces visual weight of action blocks.
   ========================================================= */

/* High/Low quality action bars: slightly slimmer and calmer */
.fullstory .download-link,
.fullstory .watch-link,
.fullstory .quality-link,
.fullstory .video-link,
.fullstory .download,
.fullstory .watch,
.fullstory a[href*="download"],
.fullstory a[href*="watch"],
.fullstory + .download-link,
.fullstory + .watch-link {
    min-height: 54px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-radius: 12px !important;
}

/* Common standalone action blocks around the player */
.download-link,
.watch-link,
.quality-link,
.video-link,
.player-download,
.player-watch,
.fullstory-download,
.fullstory-watch {
    min-height: 54px !important;
    padding: 14px 18px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Full story information panel: tighter vertical rhythm */
.fullstory,
.full-story,
.fullnews,
.full-news,
.story-full,
.full {
    --v48-gap-sm: 10px;
    --v48-gap-md: 14px;
}

/* Main info/content panel */
.fullstory .story-info,
.fullstory .full-info,
.fullstory .info,
.full-story .story-info,
.full-story .full-info,
.full-story .info,
.fullnews .story-info,
.fullnews .full-info,
.fullnews .info {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Description/content area */
.fullstory .story,
.fullstory .text,
.fullstory .full-text,
.fullstory .description,
.full-story .story,
.full-story .text,
.full-story .full-text,
.full-story .description,
.fullnews .story,
.fullnews .text,
.fullnews .description {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    line-height: 1.55 !important;
}

/* Read more / Close closer to the description */
.fullstory .readmore,
.fullstory .read-more,
.fullstory .showmore,
.fullstory .show-more,
.fullstory .close,
.fullstory .hide,
.full-story .readmore,
.full-story .read-more,
.full-story .showmore,
.full-story .close,
.fullnews .readmore,
.fullnews .read-more,
.fullnews .close {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* Tag/category chips closer to the content */
.fullstory .tags,
.fullstory .categories,
.fullstory .story-tags,
.fullstory .story-category,
.full-story .tags,
.full-story .categories,
.fullnews .tags,
.fullnews .categories {
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

/* Rating/meta column: compact but readable */
.fullstory .rating-panel,
.fullstory .rate,
.fullstory .story-rating,
.full-story .rating-panel,
.full-story .rate,
.fullnews .rating-panel,
.fullnews .rate {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* Toolbar buttons (Like / About / Share / Complaint) */
.fullstory .toolbar,
.fullstory .story-tools,
.fullstory .actions,
.full-story .toolbar,
.full-story .story-tools,
.fullnews .toolbar,
.fullnews .story-tools {
    gap: 8px !important;
}

/* Related block spacing: preserve 4-column layout, just tighten section rhythm */
.related,
.related-videos,
.related-news,
.fullstory .related,
.full-story .related,
.fullnews .related {
    margin-top: 22px !important;
}

.related .shortstory,
.related-videos .shortstory,
.related-news .shortstory {
    margin-bottom: 16px !important;
}

/* Sidebar section headings slightly tighter */
.sidebar .block-title,
.sidebar .title,
.rightside .block-title,
.rightside .title {
    margin-bottom: 10px !important;
}

/* Mobile: keep action blocks comfortable without becoming tall */
@media (max-width: 768px) {
    .download-link,
    .watch-link,
    .quality-link,
    .video-link,
    .player-download,
    .player-watch,
    .fullstory-download,
    .fullstory-watch {
        min-height: 50px !important;
        padding: 12px 14px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   DLE MODERN V4.9 — FAVICON-INSPIRED UI
   Ready-to-replace full CSS package.
   ========================================================= */

:root {
    --ff-violet: #9657ff;
    --ff-violet-light: #b66cff;
    --ff-violet-dark: #7138d8;
    --ff-violet-border: rgba(154, 87, 255, .34);
    --ff-violet-soft: rgba(154, 87, 255, .10);
    --ff-violet-glow: rgba(154, 87, 255, .30);
    --ff-panel-bg: #15151a;
    --ff-button-bg: #1b1a21;
}

/* Player action bars: more distinct, favicon-inspired */
.download-link,
.watch-link,
.quality-link,
.video-link,
.player-download,
.player-watch,
.fullstory-download,
.fullstory-watch,
.fullstory a[href*=".mp4"],
.fullstory a[href*="download"],
.fullstory a[href*="watch"] {
    min-height: 52px !important;
    padding: 13px 18px !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    border: 1px solid var(--ff-violet-border) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(135deg, rgba(150,87,255,.10), rgba(182,108,255,.025)),
        #19191f !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.01),
        0 8px 26px rgba(0,0,0,.14) !important;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        transform .2s ease !important;
}

.download-link:hover,
.watch-link:hover,
.quality-link:hover,
.video-link:hover,
.player-download:hover,
.player-watch:hover,
.fullstory-download:hover,
.fullstory-watch:hover,
.fullstory a[href*=".mp4"]:hover,
.fullstory a[href*="download"]:hover,
.fullstory a[href*="watch"]:hover {
    border-color: rgba(182,108,255,.70) !important;
    background:
        linear-gradient(135deg, rgba(150,87,255,.18), rgba(182,108,255,.06)),
        #1b1a21 !important;
    box-shadow:
        0 0 20px rgba(150,87,255,.13),
        inset 0 0 20px rgba(150,87,255,.03) !important;
    transform: translateY(-1px);
}

/* Icons inside player action bars */
.download-link i,
.watch-link i,
.quality-link i,
.video-link i,
.player-download i,
.player-watch i,
.fullstory-download i,
.fullstory-watch i,
.fullstory a[href*=".mp4"] i,
.fullstory a[href*="download"] i,
.fullstory a[href*="watch"] i {
    color: var(--ff-violet-light) !important;
    filter: drop-shadow(0 0 5px rgba(154,87,255,.42));
    transition: color .2s ease, filter .2s ease, transform .2s ease !important;
}

.download-link:hover i,
.watch-link:hover i,
.quality-link:hover i,
.video-link:hover i,
.player-download:hover i,
.player-watch:hover i,
.fullstory-download:hover i,
.fullstory-watch:hover i,
.fullstory a[href*=".mp4"]:hover i,
.fullstory a[href*="download"]:hover i,
.fullstory a[href*="watch"]:hover i {
    color: #c58aff !important;
    filter: drop-shadow(0 0 7px rgba(174,100,255,.60));
}

/* Fullstory action toolbar */
.fullstory .toolbar a,
.fullstory .story-tools a,
.fullstory .actions a,
.full-story .toolbar a,
.full-story .story-tools a,
.fullnews .toolbar a,
.fullnews .story-tools a {
    border-radius: 10px !important;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.fullstory .toolbar a:hover,
.fullstory .story-tools a:hover,
.fullstory .actions a:hover,
.full-story .toolbar a:hover,
.full-story .story-tools a:hover,
.fullnews .toolbar a:hover,
.fullnews .story-tools a:hover {
    color: #d9c0ff !important;
    background: rgba(150,87,255,.08) !important;
    border-color: rgba(182,108,255,.32) !important;
    box-shadow: 0 0 12px rgba(150,87,255,.08) !important;
    transform: translateY(-1px);
}

/* Favicon-like icon language */
.fa-info-circle,
.fa-circle-info,
.fa-share,
.fa-share-alt,
.fa-share-nodes,
.fa-warning,
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-download,
.fa-cloud-download,
.fa-cloud-download-alt,
.fa-play,
.fa-play-circle {
    color: var(--ff-violet-light) !important;
    filter: drop-shadow(0 0 4px rgba(154,87,255,.28));
}

/* Like / dislike stay neutral until hover */
.fa-thumbs-up,
.fa-thumbs-down {
    transition:
        color .18s ease,
        filter .18s ease,
        transform .18s ease !important;
}

a:hover .fa-thumbs-up,
button:hover .fa-thumbs-up {
    color: var(--ff-violet-light) !important;
    filter: drop-shadow(0 0 5px rgba(154,87,255,.38));
    transform: translateY(-1px);
}

a:hover .fa-thumbs-down,
button:hover .fa-thumbs-down {
    color: #a970ff !important;
    filter: drop-shadow(0 0 5px rgba(154,87,255,.28));
    transform: translateY(1px);
}

/* Read more / Close / small action buttons */
.fullstory .readmore,
.fullstory .read-more,
.fullstory .showmore,
.fullstory .show-more,
.fullstory .close,
.fullstory .hide,
.full-story .readmore,
.full-story .read-more,
.full-story .showmore,
.full-story .close,
.fullnews .readmore,
.fullnews .read-more,
.fullnews .close {
    border: 1px solid rgba(154,87,255,.28) !important;
    background: rgba(154,87,255,.055) !important;
    border-radius: 11px !important;
    color: #fff !important;
}

.fullstory .readmore:hover,
.fullstory .read-more:hover,
.fullstory .showmore:hover,
.fullstory .show-more:hover,
.fullstory .close:hover,
.fullstory .hide:hover,
.full-story .readmore:hover,
.full-story .read-more:hover,
.full-story .showmore:hover,
.full-story .close:hover,
.fullnews .readmore:hover,
.fullnews .read-more:hover,
.fullnews .close:hover {
    border-color: rgba(182,108,255,.50) !important;
    background: rgba(154,87,255,.10) !important;
    box-shadow: 0 0 14px rgba(154,87,255,.08) !important;
}

/* Tags/categories */
.fullstory .tags a,
.fullstory .categories a,
.fullstory .story-tags a,
.fullstory .story-category a,
.full-story .tags a,
.full-story .categories a,
.fullnews .tags a,
.fullnews .categories a,
.tags a,
.tag,
.video-tags a {
    border-radius: 9px !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease !important;
}

.fullstory .tags a:hover,
.fullstory .categories a:hover,
.fullstory .story-tags a:hover,
.fullstory .story-category a:hover,
.full-story .tags a:hover,
.full-story .categories a:hover,
.fullnews .tags a:hover,
.fullnews .categories a:hover,
.tags a:hover,
.tag:hover,
.video-tags a:hover {
    color: #d9c0ff !important;
    border-color: rgba(161,91,255,.34) !important;
    background: rgba(154,87,255,.08) !important;
    box-shadow: 0 0 10px rgba(154,87,255,.07) !important;
}

/* Rating bar palette derived from favicon */
.rating-panel .rbar {
    overflow: hidden !important;
    background: #302a40 !important;
    border-radius: 999px !important;
}

.rating-panel .rfill {
    background: linear-gradient(
        90deg,
        #8b4dff 0%,
        #a85fff 55%,
        #bd78ff 100%
    ) !important;
    box-shadow: 0 0 9px rgba(154,87,255,.24) !important;
    border-radius: 999px !important;
}

/* Section accents */
.section-title,
.cat-title,
.block-title {
    border-left-color: var(--ff-violet) !important;
}

/* Focus */
input:focus,
textarea:focus,
select:focus,
button:focus-visible,
a:focus-visible {
    outline: none !important;
    border-color: rgba(169,96,255,.62) !important;
    box-shadow:
        0 0 0 2px rgba(150,87,255,.10),
        0 0 13px rgba(150,87,255,.10) !important;
}

/* Mobile */
@media (max-width: 768px) {
    .download-link,
    .watch-link,
    .quality-link,
    .video-link,
    .player-download,
    .player-watch,
    .fullstory-download,
    .fullstory-watch {
        min-height: 48px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }
}


/* =========================================================
   V5.0 — exact custom download icon
   Uses download-icon.png placed next to this stylesheet.
   ========================================================= */
.fullstory .file-link{
  gap:0 !important;
}
.fullstory .file-link .icon{
  display:none !important;
}
.fullstory .file-link::before{
  content:"";
  display:inline-block;
  flex:0 0 27px;
  width:27px;
  height:27px;
  margin-right:10px;
  background-image:url("/templates/videok2s/css/download-icon.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  vertical-align:middle;
  filter:drop-shadow(0 0 5px rgba(151,71,255,.34));
  transition:transform .18s ease,filter .18s ease;
}
.fullstory .file-link:hover::before{
  transform:translateY(1px) scale(1.05);
  filter:drop-shadow(0 0 7px rgba(174,99,255,.58));
}
@media (max-width:700px){
  .fullstory .file-link::before{
    flex-basis:24px;
    width:24px;
    height:24px;
    margin-right:8px;
  }
}

/* =========================================================
   V5.1 — larger, clearer custom download icon
   ========================================================= */
.fullstory .file-link::before{
  flex:0 0 32px !important;
  width:32px !important;
  height:32px !important;
  margin-right:12px !important;
  background-size:32px 32px !important;
  filter:drop-shadow(0 0 3px rgba(151,71,255,.30)) !important;
}
.fullstory .file-link:hover::before{
  transform:translateY(1px) scale(1.06) !important;
  filter:drop-shadow(0 0 5px rgba(174,99,255,.50)) !important;
}
@media (max-width:700px){
  .fullstory .file-link::before{
    flex-basis:28px !important;
    width:28px !important;
    height:28px !important;
    background-size:28px 28px !important;
    margin-right:9px !important;
  }
}