/* SET BASE
----------------------------------------------- */

body {font-family:'Nunito',sans-serif;font-size:15px;background:#161b28;color: #9aa4bf;line-height:1.5}

ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}

img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

a {color:#ffaa00;text-decoration: none;border: none;outline: none;font-weight: 500;transition: all 0.3s ease 0s;}
a:hover {color:#fff;text-decoration:none;}
h1, h2, h3, h4, h5 {font-weight: 700; font-size: 24px;}
.form-wrap {}
.sub-title h1 {margin-bottom:15px; font-size:24px; font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}

.lazy-hidden {background: #000 url('../images/ajax-loader.gif') no-repeat 50% 50%;}
/*--- SET ---*/
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {

   background: #ffaa00;
    color: #131720;
    
    display: inline-flex;
    align-items: center;
    line-height: 1;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
button[disabled], input[disabled] {cursor:default;}
.button:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 
{background-color:#0ac0d2; color:#fff;}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#fff; background-color:#444; border-radius:4px; -webkit-appearance: none; 
box-shadow:0 0 0 1px #111,inset 1px 1px 3px 0 rgba(0,0,0,0.6);}
input[type="text"]:focus {}

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

select {height:40px; border:1px solid #12161f; background-color:#21283b; color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #111; background-color:#444; color:#FFF; 
border-radius:0; overflow:auto; vertical-align:top; resize:vertical; 
box-shadow:0 0 0 1px #111,inset 1px 1px 3px 0 rgba(0,0,0,0.6);}

.img-box, .img-resp-h, .img-resp-v, .img-resp-sq {overflow:hidden; position:relative; background-color:#000;border-radius: 15px 15px 15px 15px;}
.img-wide {overflow:hidden; position:relative; background-color:#000;border-radius: 15px 15px 0px 0px;}
.img-resp-h {padding-top:145%;}
.img-resp-v {padding-top:133%;}
.img-resp-sq {padding-top:100%;}
.img-box img, .img-resp-h img, .img-resp-v img, .img-resp-sq img {width:100%; min-height:100%; display:block;}
.img-resp-h img, .img-resp-v img, .img-resp-sq img {position:absolute; left:0; top:0;}
.img-wide img {width:100%; display:block;}
.img-square img {width:100%; max-width:100%; margin-left:-25%;}
.nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, input, .select, .l-show, .btn-more, .ser, .to-view {transition: all .3s;}
.button, .th-mask, a {transition: color .3s, background-color .3s, opacity .3s;}
.ps-link {cursor:pointer;}
.icon-l .fa {margin-right:10px; color:#fff;}
.icon-k .fa {margin-right:10px; color:#ffaa00;}
.icon-s .fa {margin-right:10px; color:#fff;}
.icon-r .fa {margin-left:10px;}
.img-mask::after {content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 30%; 
	background: linear-gradient(to top, #000 0%, transparent 100%); opacity: 0.66;}
.fx-row {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:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}


.th-title, .footer a, h1, h2, h3, .sect-title, .side-bt, .side-nav, .random-link, .side-folders, .tl-menu, 
.h-login, .l-box2, .group-name {font-weight:bold;}
.footer a, .site-desc a {color:#ffaa00;}


/* BASIC GRID
----------------------------------------------- */

.center {max-width:1240px;margin:70px auto 50px;min-height:calc(100vh - 130px)}

.header {background-color:#21283b;border-bottom:1px solid #2f3749;border-radius:15px 15px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 5px; box-shadow:0px 0 30px 0px rgba(0,0,0,0.8);}
.header_right {flex:0 0 calc(50% - 100px);justify-content:right;display:flex;align-items:center;padding:0 15px}
.top_nav {display:flex;flex:0 0 calc(50% - 100px);align-items:center}
.top_nav li {list-style:none}
.top_nav a {color:#b8bdca;padding:0 15px;display:inline-flex;align-items:center;flex-wrap:nowrap}
.top_nav a:hover {color:#ffaa00}
.top_nav svg {fill:#ffaa00;width:18px;height:18px;margin-right:5px}
.cols {background:#161b28;}
.side {width:370px; background-color:#21283b; color:#ccc;}
.cont {width:calc(100% - 350px); width:-webkit-calc(100% - 350px);}
.main {padding:30px; min-height:700px;padding-right: 5px;}
.topline {padding:10px 30px 15px 30px; white-space:nowrap;}
.show_speedbar {padding:0px 0px 0px 30px; white-space:nowrap;}

.footer {background-color:#1d2333; color:#b8bdca; padding:15px; border-top: 1px solid #2f3749;border-radius: 0 0 15px 15px;}
.aside {flex:0 350px;max-width:350px;background-color:#1d2333;box-shadow:0 0 40px 0 rgba(0,0,0,.06);}
#gotop{position:fixed; width:40px; height:40px; line-height:36px; right:10px; bottom:10px; cursor:pointer; font-size:20px;
z-index:9998; display:none; opacity:0.7; background-color:#000; color:#FFF; border-radius:50%; text-align:center;}
.carou {
	 border-left: 0; border-right: 0; 
	backdrop-filter: blur(3px);}

/* HEADER, TOPLINE
----------------------------------------------- */
.logo {background-color:#ffaa00;width:100px;height:100px;transform:rotate(45deg);overflow:hidden;display:inline-flex;justify-content:center;align-items:center;position:relative;top:-20px;font-weight:900;color:#131720;border-radius:15px;padding:20px;margin-bottom:-35px;box-shadow:0 0 50px 0 rgba(255,203,0,.3);flex: 0 100px; border: 4px solid transparent;z-index: 10;}
.logo:hover {border-color: #fff;}
.logo div {color:#131720;transform:rotate(-45deg);height:100%;width:100%;text-align:center;font-family: 'Rounds Black';font-weight:900;text-transform:uppercase;font-size:25px;line-height:1;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center}
.logo small {display:block;font-size:22px;color:#fff;line-height:1}


.logotype {display:block; float:left; height:100px; width:290px; text-indent:-8888px; overflow:hidden; 
background:#db4a37 url(../images/logo.png) left center no-repeat; background-size:contain; margin-right:30px;}

.speedbar {color: #9aa4bf; font-size: 16px; margin-bottom: 15px; margin-top: 15px;}
.speedbar a {color: #ffaa00;}
.search-box {position: relative;}
.search-field {width:100%; position:relative;}
.search-field input, .search-field input:focus {width:100%; padding:0 30px 0 15px; border-radius:18px;
background-color:#21283b; color:#fff; height:36px; line-height:36px !important; box-shadow:inset 0 0 0 1px #12161f;}
.search-box button {position:absolute; right:10px; top:-3px; padding:0 !important; width:30px;
background:transparent !important; color:#ccc !important;}
.search-box .fa {font-size:18px;}
.search-field {position: relative;}
.search-field form {border-radius: 10px;}
.search-field input {width:280px;border-radius:10px;background-color:#101420;border:1px solid #2f3749!important;color:#b8bdca;line-height:1;padding:10px 45px 10px 15px;font-size:12px}
.search-field button {position:absolute;right:0;top:-2px;bottom:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:0 5px 5px 0}
.search-field button svg {width:16px;height:16px;fill:#ffaa00;transition:all .3s ease 0s}
.d-none { display: none !important; }

/* .user_panel {margin-left: 20px;} */
.fn_profile {display:flex;flex-wrap:nowrap;align-items:center;color:#b8bdca;margin-left: 15px;font-weight:600}
.fn_profile .fn_ava, .fn_lock {width:35px;height:35px;border-radius:50%;display:inline-flex;background: #161b28;border:1px solid #2f3749;align-items:center;justify-content:center;color:#b8bdca;font-size:16px;position:relative;overflow:hidden}
.fn_profile .fn_ava::before {content:"\F256";font-family:remixicon!important;position:absolute;z-index:0}
.fn_profile .fn_lock fa {font-family:remixicon!important;; z-index:0}
.fn_lock {color:#ffaa00;}
.fn_profile .fn_ava img {width:100%;height:100%;display:block;object-fit:cover;z-index:1}
.fn_profile > span {margin-left: 10px;}
.fn_profile > span.fn_lock {margin-left: 0px;}
.fn_panel_user {display: flex; flex-wrap: wrap; padding: 10px; min-width: 430px;}
.fn_panel_user li {flex: 0 0 50%; max-width: 50%; text-align: center; padding: 10px;}
.fn_panel_user .fn_card {display:block;padding:12px 7px;border-radius:10px;color:#576071;background: #161b28;position:relative;overflow:hidden; width: 100%;border: 1px solid #2f3749;}
.fn_panel_user .fn_card::before {content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;transition: all 0.3s ease 0s; transform: scale(0);}
/* .fn_panel_user .fn_card:hover::before {background: #ffaa00; transform: scale(1);} */
.fn_panel_user .fn_card div {font-weight:600;color:#b8bdca; transition: all 0.3s ease 0s;}
.fn_panel_user .fn_card [class*="ri-"] {font-size: 24px; color: #576071;transition: all 0.3s ease 0s;}
.fn_panel_user .fn_card:hover [class*="ri-"] {opacity:1;color:#ffaa00}
.fn_panel_user .fn_card:hover div {color:#ffaa00}
.fn_panel_user li.fn_full {flex: 1 100%; max-width: none;}
.fn_panel_user li.fn_full input {background-color:#181e2b;border:1px solid #131720!important;color:#b8bdca}
.fn_panel_user li.fn_full input[type="checkbox"] {border: 1px solid #b7b2b2 !important;}
.fn_panel_user li.fn_full input[type="checkbox"]:checked {border:1px solid #ffaa00 !important}
.dropdown-menu {padding:0;border:1px solid #131720;border-top:none;margin-top:16px;background: #21283b;border-radius:0 0 10px 10px;box-shadow:0 4px 10px rgba(0,0,0,.2);}
.dropdown-menu-right {right:-21px}
.fn_panel_user.login {min-width:300px}
.fn_panel_user.login .rem_me {text-align: left;}
.fn_panel_user.login .rem_me [type="checkbox"] {margin-right: 10px;}
.fn_panel_user.login .input_field {width:100%;}
.login_bottom {display:flex;justify-content:space-between;padding:5px 12px;flex:1}
.login_bottom a {color: #b8bdca;}
.login_bottom a:hover {color: #ffaa00;}
.dropdown-menu a {cursor: pointer;}
.tl-menu {display:flex;flex:0 0 calc(50% - 100px);align-items:center}
.tl-menu li {list-style:none}
.tl-menu a {font-weight: 600;
    text-transform: uppercase;color:#ffaa00;padding:12px 10px;display:inline-flex;align-items:center;flex-wrap:nowrap}
.tl-menu a:hover {color:#ffaa00}
.tl-menu svg {fill:#1dcbe3;width:18px;height:18px;margin-right:10px}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {padding:20px; background: #101420;
    border-radius: 0 0 15px 0;}
.owl-stage {position: relative; display:flex; justify-content:flex-start;}
.owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-item {position: relative; min-height: 10px;}
.owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}

.owl-prev,.owl-next{position:absolute;top:calc(50% - 35px)}
.owl-prev {left:-30px}
.owl-next {right:-30px}
.owl-nav svg {width:50px;height:50px;fill:#ffaa00;padding:8px}
.owl-nav button {line-height:0!important;background:#101420!important}
.owl-nav button.owl-prev {border-radius:25px 0 0 25px}
.owl-nav button.owl-next {border-radius:0 25px 25px 0}


/* ITEM CAROUSEL, SHORTSTORY
----------------------------------------------- */
.item-carou__desc {position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 20px; font-size: 14px; line-height: 1.3;
	background-color: rgba(0,0,0,0.6); color: #fff; word-wrap: break-word; translate: 0 0%; 
	border-top: 1px solid #ffaa00; text-align: center;border-radius: 0px 0px 15px 15px;}

.item-card {grid-column: 1 / -1; padding-bottom: 30px; border-bottom: 1px solid var(--bdc);}
.item-main {display: grid; gap: 18px 20px; grid-template-columns: 200px minmax(0,1fr); 
	grid-template-areas: "header header" "poster info" "poster footer"; grid-template-rows: auto 1fr auto;}
.item-main__header {grid-area: header;}
.item-main__info {grid-area: info;}
.item-main__footer {grid-area: footer;}
.item-main__poster {grid-area: poster;}
.item-main__img {cursor: pointer; align-self: start; box-shadow: var(--bsh);}
.item-main__title {font-size: 20px; font-weight: 400;}
.item-main__img::before {font-size: 50px;}
.item-main__img .item__label {font-size: 13px;}
.item__btn::before {color: rgba(0,0,0,0.8);}
.item__title {color: #b8bdca;font-size: 16px;}
.line-clamp-2 {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.anim {transition: color 0.3s, background-color 0.3s, opacity 0.3s, box-shadow 0.3s, 
	transform 0.3s, border-color 0.3s, scale 0.3s, rotate 0.3s, translate 0.3s;}
.ratio-2-3 {aspect-ratio: 2 / 3;}
.d-block {display: block;} 
/* CLS FIX
----------------------------------------------- */
.has-carousel:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;}
.has-carousel:not(.owl-carousel) > * {flex-shrink: 0;}
.has-carousel:not(.owl-carousel) > .item-carou {width: calc((100% - 100px)/6);}
.page__related:not(.owl-carousel) > .item-related {width: calc((100% - 60px)/4);}
@media screen and (max-width: 1220px) {
	.has-carousel:not(.owl-carousel) > .item-carou {width: calc((100% - 100px)/6);}
	body:has(#filter-block) .cols:not(:has(> #filter-block)) {padding-top: 42px;}
}
@media screen and (max-width: 950px) {
	.has-carousel:not(.owl-carousel) > .item-carou {width: calc((100% - 80px)/5);}
}
@media screen and (max-width: 760px) {
	.has-carousel:not(.owl-carousel) > .item-carou {width: calc((100% - 60px)/4);}
	.page__related:not(.owl-carousel) > .item-related {width: calc((100% - 60px)/4);}
}
@media screen and (max-width: 590px) {
    .lgn__content {padding: 30px 20px;}
	.lgn__ctrl > * {font-size: 17px; height: 40px;}
	.lgn__btn-close {right: 0; top: 0; color: var(--tt); font-size: 24px;}
	.lgn__header {padding-left: 60px;}
	.lgn__avatar {width: 40px; font-size: 18px;}
	.lgn__title {font-size: 17px;}
	.lgn__caption {font-size: 14px; margin-top: 0;}
	.header__login a, .header__btn1 {display: none;}
	.has-carousel:not(.owl-carousel) > .item-carou {width: calc((100% - 40px)/3);}
	.page__related:not(.owl-carousel) > .item-related {width: calc((100% - 40px)/3);}
}
@media (hover: hover) and (pointer: fine) {
	a:hover {color: var(--tt); text-decoration: none;}
	button:hover, .btn:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, 
	.pmessages__links a:hover, .qq-upload-button:hover, .us__btn a:hover, .plupload_button:hover, 
	#searchsuggestions span.seperator a:hover, .pagination__btn-loader a:hover 
	{background-color: var(--ui-bg-btn-hover); color: var(--ui-tt-btn); border-color: var(--ui-bg-btn-hover);}
	.ui-dialog-titlebar-close:hover, .login__close:hover, .trl__close:hover {background-color: var(--ui-red); color: var(--tt-btn);}
	.xfieldimagegallery a:hover {opacity: 0.8;}
	.fs-result:hover {background-color: var(--ui-bg-darker);}

	.topmenu a:hover, .pagination > a:hover, .header__btn1:hover, .page__likes a:hover, 
	.pagination__pages a:hover, .sect__grid-select button:hover {background-color: var(--accent); color: #fff;}
	a.item-main__title:hover, .footer__menu a:hover, .header__login a:hover, .lgn__ctrl > a:hover, .lgn__menu a:hover,  
	.speedbar a:hover, .page__complaint a:hover, .comm__action a:hover, .comm__ctrl-menu a:hover {text-decoration: underline;}
}
/* SECT
----------------------------------------------- */
.sect-header {margin-bottom:30px;}

.sect-header > * {margin: 0 !important;}
.title_main {display: inline-flex; align-items: center; font-weight: 600;  color:#9aa4bf; text-transform: uppercase; font-size: 14px;}
.sect-header svg {width:32px;height:32px;fill:#ffaa00;margin-right:10px;padding:7px;background:#161b28;border-radius:20px;border:1px solid #21283b}


.sect-title {font-size:18px;}
.floats {margin:0 -15px;}
.l-show, .btn-more {display:inline-block; padding:0 15px; border:1px solid #38435c; border-radius:3px; 
cursor:pointer; height:36px; line-height:36px;}

.aside_block {margin-bottom:20px}
.aside_title {font-weight:700;font-size:18px;padding:17px 20px}
.aside_title span {color:#ffaa00;}
.title_section_cat {display:flex;align-items:center;margin-bottom:20px;font-weight:700;color:#ffaa00}
.title_section_cat svg {width:32px;height:32px;fill:#ffaa00;margin-right:10px;padding:7px;background:#161b28;border-radius:20px;border:1px solid #21283b}
.cat_aside {display:flex;flex-wrap:wrap;justify-content:space-between}
.cat_aside ul {margin-bottom: 20px;}
.cat_aside li {list-style: none;}
.cat_aside li a {display:block;color:#9aa4bf;padding:3px 5px}
.cat_aside li a:hover {color:#ffaa00;padding-left:7px}
.cat_aside .cat_menu_left {flex:0 0 50%;margin-bottom:0;padding:15px 15px 0 15px}
.cat_aside .cat_menu_left ul {margin-bottom: 0;}
.cat_aside .cat_menu_left li {border-bottom:1px solid #252c3c}
.cat_aside .cat_menu_left li:first-child {border-top:1px solid #252c3c}
.cat_menu_right {flex: 0 0 50%;}
.cat_menu_right ul li {border-bottom:1px solid #161b28}
.cat_menu_right li:first-child {border-top:1px solid #161b28}
.cat_black {background:#101420;border-radius:16px 0 0 16px;padding:15px;border:1px solid #21283b;border-right:0}
.cat_black_content:last-child ul {margin-bottom: 10px;}
/* THUMB
----------------------------------------------- */
.thumb {width:24.90%; float:left; padding:0 15px; position:relative;}
.th-img {cursor: pointer; display:block;}

.th-desc {height:60px; padding-top:15px; line-height:18px;}
.th-title {display:block; max-height:36px; overflow:hidden;color:#98f17d;}
.th-cat {opacity:0.7;}
.th-mask {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:10px; 
background-color:rgba(0,0,0,0.5); opacity:0; z-index:5;}
.with-mask:hover .th-mask {opacity:1;}
.th-mask span.fa {width:50px; height:50px; border-radius:50%; text-align:center; line-height:50px; 
color:#ffaa00; margin:0 auto; font-size:60px; background-color:#FFF;}

.th-qual {display:inline-block; padding:66px 60px; 
position:absolute; top:0; left:0; font-size:12px;white-space: nowrap;}
.th-qual span {
   font-weight: 900;
    color:#9aa4bf;
   
    padding: 7px;
    background: #161b28;
    border-radius: 20px;
    border: 1px solid #21283b;cursor: pointer;
}

.th-inf{display:inline-block;
position:absolute; top:-6px; left:0; color:#FFF; font-size:12px;}

.th-inf span {
    width: 32px;
    height: 32px;
    color:#ffaa00;
    margin-right: 10px;
    padding: 7px;
    background: #161b28;
    border-radius: 20px;
    border: 1px solid #21283b;cursor: pointer;
}


.th-qual {bottom:5px; right:5px; left:auto; top:auto; text-transform:uppercase;}
.th-inf {left:auto; right:15px; z-index:10; width:20px; text-align:center; cursor:help;}

.shortstory .poster_bg {
    padding: 20px;
    background: #21283b;
    border-radius: 12px;
    border: 1px solid #21283b;
}

@media screen and (min-width: 1150px) {
.bigger {width:50.00%; float:right;} 
.bigger .img-resp-v {padding-top:498px;}
}
.full_fakt {
color: #9aa4bf;
}
.th-active {z-index:100;}
.th-text {display:none; background-color:#21283b; color:#fff; cursor:auto; padding:15px; text-align:left; font-size:12px;
position:absolute; left:100%; top:0; width:360px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); border-radius:3px; cursor: pointer;}
.th-text:after {content:""; border:10px solid #21283b; border-left-color:transparent; border-bottom-color:transparent; 
position:absolute; top:30px; right:100%;}
.pop-left .th-text:after {border:10px solid #21283b; border-right-color:transparent; border-bottom-color:transparent; 
left:100%; right:auto;}
.pop-left .th-text {left:auto; right:100%;}
.th-text > .fa {font-size:50px; color:#CCC; display:block; text-align:center;}
.th-text .finfo {background-color:#161b28; padding:15px; margin:15px -15px -15px -15px;}
.th-text li:not(.vis), .th-text img, .th-text .fsubtitle, #trailer-box {display:none;}
.th-text li {padding-bottom:0 !important;}
.th-text span {color:#9aa4bf;border:0px;}
.th-text .fdesc {max-height:100px; overflow:hidden;}
.th-text h1 {font-size:14px; padding-top:15px;}
.th-trl .fa {font-size:18px; height:30px; line-height:30px; width:30px; text-align:center; background-color:rgba(0,0,0,0.2); 
position:absolute; left:0; top:0; display:none;}
.th-trl {cursor:pointer; height:26px; line-height:26px; font-weight:bold; position:relative;
background-color:#db4a37; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 0 3px; overflow:hidden; 
display:inline-block; padding:0 10px; position:absolute; right:0; top:0;}

.th-desc .item_title {font-size:15px;color:#ffaa00;background:#101420;padding:10px 0;border-top:1px solid #21283b;}
.th-desc .item_title a {color:#ffaa00;font-weight: 700;}
/* SERIAL
----------------------------------------------- */
.group {margin-bottom:15px;}
.group-name {font-size:14px; border-bottom:3px solid #ffaa00; color:#fff;}
.group-name div {display:inline-block; background-color:#ffaa00; position:relative; height:36px; line-height:38px; padding-left:15px;}
.group-name div:after {content:""; border:19px solid #ffaa00; border-top-color:transparent; border-right-color:transparent; 
position:absolute; top:0; left:100%;}

.ser {position:relative; padding:10px 0; display:block; line-height:16px; border:1px solid #38435c; border-top:0;}
.s-right {display:inline-block; background-color:#12161f; padding:0 15px; position:relative; 
z-index:10; float:right; color:#ccc;}
.s-left {display:inline-block; padding:0 15px; max-width:calc(100% - 120px);  max-width:-webkit-calc(100% - 120px);
position:relative; z-index:10; float:left; background-color:#12161f;}
.ser2:before {content:""; width:100%; height:3px; position:absolute; left:0; top:23px; border-top:1px dashed #ccc;}
.s-left span:first-child {font-weight:bold;}
.s-left span + span {opacity:0.7; margin-left:10px;}
.ser:hover:before {border-color:#000;}
.ser:nth-child(2n+1), .ser:nth-child(2n+1) .s-left, .ser:nth-child(2n+1) .s-right {background-color:#21283b;}
.ser:hover {box-shadow:0 0 0 1px #db4a37; z-index:10;}


/* SIDE
----------------------------------------------- */
.side-bc {padding:15px;}


.side-bt {display:flex;align-items:center;padding:0 15px; margin-bottom:20px;font-weight:700;color:#ffaa00;background-color:#12161f; text-transform:uppercase; height:70px; line-height:70px;border-top: 1px solid #2f3749;}
.side-bt svg {width:32px;height:32px;fill:#ffaa00;margin-right:10px;padding:7px;background:#161b28;border-radius:20px;border:1px solid #21283b}

.sb {display: grid; gap: 6px 10px; grid-template-columns: repeat(2,minmax(0,1fr));}
.side-folders a {display:block; line-height:20px; margin-bottom:10px; color:#ccc;}
.side-folders .fa {width:23px;}
.side-nav a {font-size: 14px; display: block;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:block; line-height:20px; margin-bottom:10px; position:relative; padding-left:23px; color:#ccc;}
.side-nav a:hover, .side-nav a.active, .side-folders a:hover, .side-folders a.active {color:#fff;}
.side-nav a:before {content:""; width:6px; height:6px; border-radius:50%; position:absolute; top:7px; left:0; background-color:#7cc774;}
.side-nav li.violet a:before {background-color:#b35adc;}
.side-nav li.blue a:before {background-color:#2163ef;}
.side-nav li.blue1 a:before {background-color:#1dcbe3;}
.side-nav li.green a:before {background-color:#98f17d;}
.side-nav li.red a:before {background-color:#db4a37;}

.random-link {background-color: #1d1d27; color:#ccc; display:block; line-height:40px; text-align:center; 
border-radius:3px; margin:15px 15px;}
.random-link:hover {background-color:#7cc774; color:#FFF;}

/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height:18px; text-align:justify; background-color:#191f2b; color:#9aa4bf; padding:30px;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; margin-bottom:15px; color:#FFF;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {}
.site-desc p + p {margin-top:5px;}


/* 	FOOTER
----------------------------------------------- */
.ft-counter {float:right;}
.ft-text {float:left; line-height:20px;}

/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:30px; text-align:center; padding:15px 0 30px 0;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {}
.pprev {}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:30px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#21283b; margin:5px 5px 0 0; border-radius:3px; min-width:30px;}
.navigation span, .pagi-nav a:hover {background-color:#ffaa00; color:#fff;}
.navigation span.nav_ext {background-color:#21283b; color:#888;}
.pagi-nav a:hover {background-color:#ffaa00; color:#fff;}

.item__ratingscore-label {font-size: 12px; padding: 1px 6px; min-width: 34px; border-radius: 0 3px 3px 0; z-index: 5;
	background-color: #21283b; color: #fff; text-align: center; position: absolute; left: 0; top: 10px;}
.item__ratingscore-label.rating-1, .item__ratingscore-label.rating-2, .item__ratingscore-label.rating-3 {background-color: var(--red);}
.item__ratingscore-label.rating-4, .item__ratingscore-label.rating-5, .item__ratingscore-label.rating-6 {background-color: var(--orange);}
.item__ratingscore-label.rating-7, .item__ratingscore-label.rating-8, .item__ratingscore-label.rating-9, .item__ratingscore-label.rating-10 {background-color: var(--green);}
.item__ratingscore-ring {width: 40px; font-weight: 500;}

.img-wide .item__ratingscore-ring {position: absolute; right: 10px; bottom: 10px; z-index: 5; 
	color: #fff; background-color: #21283b; backdrop-filter: blur(5px);}
.img-wide .item__ext-rating {position: absolute; left: 10px; bottom: 10px; z-index: 5; color: #fff;}
.item__img .item__ratingscore-ring {position: absolute; right: 10px; bottom: 10px; z-index: 5; 
	color: #fff; background-color: #21283b; backdrop-filter: blur(5px);}
.item__img .item__ext-rating {position: absolute; left: 10px; bottom: 10px; z-index: 5; color: #fff;}
.item__ratingscore-label:before {content:"\f005"; margin-right:7px; font-family:'FontAwesome';}
/* FULL
----------------------------------------------- */
.shortstory_full {
    background-color: #1d2333;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .06);
    border-radius: 15px;
    margin-bottom: 20px;
}
.shortstory_top_full {
    padding: 20px;
}

.short_full_content {
    display: flex;
    flex-wrap: wrap;
}

.shortstory_full .shortstory_bottom {
    border-radius: 0;
    border-bottom: 1px solid #2f3749;
}
.shortstory_bottom {
    background: #21283b;
    border-top: 1px solid #2f3749;
    padding: 12px 20px;
    border-radius: 0 0 15px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.shortstory_left, .shortstory_right {
    display: flex;
}
.icon_section {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
    font-size: 12px;
    color: #6a7486;
    border-right: 1px solid #2f3749;
    padding-right: 15px;
}
.icon_section svg {
    width: 16px;
    height: auto;
    fill: #6a7486;
    margin-right: 5px;
}
.fcols {margin:0 -50px 15px 0px; padding:0 30px 15px 0px;}
.fleft {width:240px; float:left;}
.fright {width:calc(100% - 270px); width:-webkit-calc(100% - 270px); float:right;flex: 1;
   
    flex-direction: column;
    justify-content: space-between;}

.shortstory_full .poster-bg {
    padding: 20px;
    background: #161b28;
    border-radius: 12px;
    border: 1px solid #21283b;
}

.ffav {position:absolute; top:0; right:0; cursor:pointer;}
.k-fav {width:30px; text-align:center; height:30px; line-height:30px; font-size:14px; cursor:pointer; 
background-color:#2c2f40; color:#fff;}
.k-fav-added {background-color:#2c2f40; color:#fff;}

.fbtns {text-align:center;}
.fbtns .fa {font-size:24px; height:40px; line-height:40px; width:40px; text-align:center; background-color:rgba(0,0,0,0.2); 
position:absolute; left:0; top:0;}
.to-view {width:100%; cursor:pointer; height:40px; line-height:40px; font-weight:bold; 
margin-top:0px; position:relative; padding-left:40px;}
.to-view {background-color:#ffaa00; color:#fff;}

.to-view:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.8);}
 .to-trailer {width:100%; cursor:pointer; height:40px; line-height:40px; font-weight:bold; 
margin-top:4px; position:relative; padding-left:40px;}
.to-trailer {background-color:#db4a37; color:#fff;}
.to-trailer:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.8);}

.fheader {margin:0 0 0px 25px;}
.fheader h1 {font-size:18px;}
.foriginal {font-size:14px; opacity:0.7; margin-top:5px;margin:0 0 20px 0px;}
.fheader h1 .fa {margin-left:10px; font-size:16px;}

.shortstory_full .item_title {
    font-size: 18px;color:#ffaa00;
    background: #101420;
    margin: 0 -20px 15px auto;
    padding: 10px 20px;
    border: 1px solid #21283b;
    border-right: 0;
    border-radius: 12px 0 0 12px;
}
.shortstory .item_title {font-size:16px;text-align: center;color:#ffaa00;background:#21283b;margin:-5px 0px 15px auto;padding:10px 20px;border:1px solid #2f3749;border-right:0;border-radius:12px 12px 12px 12px}

.imdb-rating-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f3da35; /* фирменный жёлтый IMDb */
  font-size: 13px;
  line-height: 1;
}

.quality {
    margin:0 0 10px 25px;
}
.quality span {
    border-radius: 10px;
    background-color: #101420;
    border: 1px solid #21283b;
    color: #b8bdca;
    line-height: 1;
    padding: 10px 12px;
    font-size: 12px;
    display: inline-block;
}

.finfo {margin:0 0 -15px 25px;}
.finfo li {padding:0 0 10px 100px; line-height:20px;}
.finfo li:after {content: ""; display: table; clear: both;}
.finfo2 li:nth-child(2n+1) {background-color: #eff4f7;}
.finfo li > span:first-child {display:inline-block; width:90px; float:left; margin-left:-100px; font-weight:bold;}
.finfo a {text-decoration:underline; color:#ffaa00;}

.finfo2 li:nth-child(2n+1) {background-color: #eff4f7;}
.tabs_title_play {
    display: flex;
    align-items: center;
    background: #21283b;
    border-radius: 10px 10px 0 0;
    padding: 12px 15px;margin: 20px 0 0;
}
.tabs_title_play svg {
    fill: #ffaa00;
    margin-right: 10px;
}
.tabs_title_play h2 {font-weight: 600;
    text-transform: uppercase;font-size:16px;color: #ffaa00;}
.full_title_video {
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0px 0px;
    border-radius: 16px 16px 0 0;
    color: #ffaa00;
    padding: 10px;
}
.full_title_video svg {
    width: 32px;
    height: 32px;
    fill: #ffaa00;
    margin-right: 10px;
    padding: 7px;
    background: #161b28;
    border-radius: 20px;
    border: 1px solid #21283b;
}
svg:not(:root) {
    overflow: hidden;
}
.title_play {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.fsubtitle {font-size:14px; font-weight:bold; margin-bottom:15px; color:#FFF;}
.to-center {text-align:center;margin-bottom:15px;}
.fplayer {background-color:#000;}
.sub-text {background-color:#21283b; padding:10px; color:#ccc;border-radius: 0 0 15px 15px;}
.sub-text svg {font-size:70px; float:left; margin:10px 15px 0 0;
    fill: #ffaa00;
   
}
.sub-text + .sect-header {margin-top:30px;}
.sub2 {margin:-15px -30px 15px -30px; padding:15px 30px;}
.to-compl {width:100px; height:30px; cursor:pointer; 
font-weight:bold; line-height:30px; text-align:center; 
background-color:#db4a37; color:#fff; overflow:hidden; border-radius:4px;}
.to-compl a {display:block; width:100px; height:30px; color:#fff; line-height:30px;}

.js .ftabs .tabs-b {display:none;}
.js .ftabs .tabs-b.visible {display:block;}
.ftabs .tabs-sel {background-color:101420;}
.ftabs .tabs-sel span {display:inline-block; padding:10px 15px; vertical-align:top; cursor:pointer; font-weight:bold;}
.ftabs .tabs-sel span.current {background-color:#21283b; color:#FFF;}

.dlevideoplayer {max-width:100% !important;}


/* FULL STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {width: 100%; 
max-width:100% !important; height:400px; display:block;}
.mejs-container {max-width:100% !important;}
.full-text {padding: 20px;
    hyphens: auto;}
.full-text img:not(.emoji) {max-width:100%;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color:#7cc774;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:14px; font-weight:bold;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px;}
.full-text table tr:nth-child(2n+1) {background-color:#f6f6f6;} 
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#000; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#292929;}
.attach-info {float:right;}
.attach i {margin-right:5px;}
.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px; background-color:#FFF;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}

/* COMMENTS
----------------------------------------------- */
.title_section {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
}
.title_section svg {
    margin-right: 10px;
    fill: #ffaa00;
}
.comm_form {
    
    background: #1d2333;
    padding: 15px;
    border-radius: 15px;
}
.page__comments {margin-top: 0px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;}
.no_comments {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .06);
    text-align: center;
    background: #21283b;
    border-radius: 15px;
    padding: 15px;
    color: #576071;
    margin-bottom: 20px;
}
.ac-form {position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 5px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.page__ac:not(:has(.ac-toggle)) {padding-bottom: 20px;}
.ac-toggle.ac-form {cursor: pointer;}
.ac-form__header input, .ac-form__editor textarea {
    
    border: 1px solid transparent !important;
    background: #101420;
    border-radius: 12px;
    color: #a8bbd2;
   
    }
.ac-toggle, .ac-toggle .ac-form__editor {position: relative;}
.ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;}
.ac-form .bb-btn {display: none;}
.ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler, 
.ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;}
.ac-toggle .bb-btn {pointer-events: none;}
.ac-toggle .ac-form__editor .bb-editor textarea {height: 120px; resize: none;}
.ac-form__editor .bb-editor textarea {height: 200px; line-height: 1.4; padding-bottom: 40px;}
.comments_subscribe + br, .ac-form .bb-editor + br {display: none;}
.ac-toggle .has-checkbox {display: none;}

.mass_comments_action {display: none; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comm__title {font-size: 18px; margin-bottom: 20px;}

.comm {margin-bottom: 20px; position: relative; border-radius: 6px; padding: 20px; padding-left: 90px;}
.comm__img {width: 50px; height: 50px; border-radius: 4px; position: absolute; left: 20px; top: 20px;}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;}
.comm__author, .comm__author a {color: var(--tt); font-weight: 500;}
.comm__date {color: var(--tt-fade); font-size: 13px;}
.comm__rating a {display: grid; place-items: center; width: 20px; height: 20px;; border-radius: 50%; 
	background-color: var(--green); color: #fff; font-size: 12px;}
.comm__rating a:first-child {background-color: var(--red);}
.comm__rating span {font-size: 14px; font-weight: 500;}
.comm__rating span .ratingplus {color: var(--green);}
.comm__rating span .ratingminus {color: var(--red);}
.comm__text {margin: 8px 0;}
.comm__action {font-size: 13px;}
.comm__ctrl {margin: 0 -5px -10px 0;}
.comm__ctrl-btn {font-size: 30px; height: 30px;}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}
.ratingtypeplusminus {padding: 0 8px;}
/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display:none;}
.side-panel {width:260px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#333; 
padding:0px; z-index:888; position:fixed; left:-260px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:887; display:none;}
.side-panel .to-mob {display:block;}
.side-panel .tl-menu li {margin:10px 10px 10px 38px; display:block;}
.side-panel .tl-menu a {opacity:1; color:#ccc;}


@media screen and (max-width: 1120px) {
.center {max-width:1000px;}
.wrap {padding-top:0;}
body {background-image:none;}
.logotype {margin-right:15px;}
.h-login li {margin-left:15px;}
.h-login {padding:32px 15px 0 0;}
.l-box2 {padding:0 40px 0 50px; max-width:200px;} 
.l-box2:after {right:15px;}
.topline {padding:10px 15px 15px 15px;}
.search-box {width:220px;}
.tl-menu li {margin-right:15px;}
.filter-box {margin:0 -15px 30px -15px; padding:15px 15px 0 15px;}
.site-desc {padding:15px;}
.main {padding:30px 15px;}
.floats {margin:0 -7px;}
.thumb {padding:0 7px;}
.th-inf, .th-qual {display:none;}
.filter-box input {float:left;}

.fright {width:calc(100% - 270px); width:-webkit-calc(100% - 270px);}
.sub2 {margin:-15px -15px 15px -15px; padding:15px;}
.fcols {margin:0 -15px 15px -15px;}
.sect-comms {margin:0 -15px; padding:30px 15px 0 15px;}


@media screen and (max-width: 950px) {
.center {max-width:768px;}
.side, .aside, .tl-menu, .no-mob {display:none;}
.cont {width:100%;}
.thumb {width:20%;}

.btn-menu {background-color:#db4a37; color:#fff; cursor:pointer; display:block; 
width:40px; height:40px; line-height:40px; text-align:center; font-size:24px;}

}

@media screen and (max-width: 760px) {
  .carou__content > .poster, .sect__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 40px)/3);}
.center {max-width:640px;}
.h-login li:first-child, .ft-counter {display:none;}
.thumb {width:25%;}

.ac-protect {margin-top:0px;}

.sub-title h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
  .sect--carou .sect__title {min-width: calc(100% + 80px); margin-right: -80px;}
  .grid-items, #dle-content {grid-template-columns: repeat(auto-fill,minmax(120px,1fr));}
.center {max-width:480px;}
.logotype {width:160px;}

.fleft {width:240px; float:none; margin:0 auto 15px auto;}
.fright {width:100%; float:none;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}

.ac-soc {position:static;}
.ac-inputs input {width:100%; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:0;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
  carou__content > .poster, .sect__content--carousel:not(.owl-carousel) > .poster {width: calc((100% - 20px)/2);}
.center22 {max-width:320px;}
.logotype {width:100px;}
.thumb {width:50%;}
.sect-title {font-size:16px; max-width:calc(100% - 150px);}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}