:root {
	--font-size-xs: .75rem;
	--font-size-sm: .86rem;
	--font-size-base: .9rem;
	--font-size-lg: 1rem;
	--fix-size-base: 1rem
}

@media (min-width:1400px) and (min-resolution: 1.5dppx) {
	:root {
		--font-size-xs: clamp(.75rem, calc(1.05vw - 0.21rem), 1.09rem);
		--font-size-sm: clamp(.86rem, calc(1.05vw - 0.10rem), 1.21rem);
		--font-size-base: clamp(.9rem, calc(1.05vw - 0.06rem), 1.25rem);
		--font-size-lg: clamp(1rem, calc(1.05vw + 0.04rem), 1.35rem)
	}
}

/* ========================================
   ПЕРЕМЕННЫЕ ДЛЯ СВЕТЛОЙ ТЕМЫ (по умолчанию)
   ======================================== */
body,
body.light-theme {
	/* Основные цвета */
	--color-primary: #ff485b;
	--color-primary-hover: #e63a4a;
	--color-primary-light: #ff6b7a;
	--color-primary-dark: #cc3442;

	/* Фоны */
	--color-bg: #f8f9fa;
	--color-bg-header: #ffffff;
	--color-bg-card: #ffffff;
	--color-bg-card-hover: #f8f9fa;
	--color-bg-input: #ffffff;
	--color-bg-btn: #ff485b;

	/* Текст */
	--color-text: #1a1a2e;
	--color-text-secondary: #6c757d;
	--color-text-light: #8a8fa8;
	--color-text-inverse: #ffffff;

	/* Ссылки */
	--color-link: #ff485b;
	--color-link-hover: #e63a4a;

	/* Кнопки */
	--color-btn-bg: #ff485b;
	--color-btn-bg-hover: #e63a4a;
	--color-btn-text: #ffffff;

	/* Рамки и тени */
	--color-border: #eceded;
	--color-shadow: rgba(255, 72, 91, 0.15);
	--color-shadow-hover: rgba(255, 72, 91, 0.25);

	/* Дополнительно */
	--color-scrollbar: #ff485b;
	--color-selection: #ff485b;
	--color-input-border: #ced4da;
}

/* ========================================
   ПЕРЕМЕННЫЕ ДЛЯ ТЁМНОЙ ТЕМЫ
   ======================================== */
body.dark-theme {
	/* Основные цвета (немного светлее для контраста) */
	--color-primary: #ff485b;
	--color-primary-hover: #ff6b7a;
	--color-primary-light: #ff8a96;
	--color-primary-dark: #e63a4a;

	/* Фоны */
	--color-bg: #151b20;
	--color-bg-header: #191e25;
	--color-bg-card: #242525;
	--color-bg-card-hover: #242442;
	--color-bg-input: #0d0d0d;
	--color-bg-btn: #ff485b;

	/* Текст */
	--color-text: #e4e6eb;
	--color-text-secondary: #a0a4b8;
	--color-text-light: #6c7086;
	--color-text-inverse: #ffffff;

	/* Ссылки */
	--color-link: #ff6b7a;
	--color-link-hover: #ff8a96;

	/* Кнопки */
	--color-btn-bg: #ff485b;
	--color-btn-bg-hover: #ff6b7a;
	--color-btn-text: #ffffff;

	/* Рамки и тени */
	--color-border: #393a3a;
	--color-shadow: rgba(255, 72, 91, 0.25);
	--color-shadow-hover: rgba(255, 72, 91, 0.4);

	/* Дополнительно */
	--color-scrollbar: #ff485b;
	--color-selection: #ff485b;
	--color-input-border: #393a3a;
}

body {
	background: var(--color-bg);
}

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

html,
html a {
	-webkit-font-smoothing: antialiased;
}

body,
select,
input,
textarea,
button {
	font-family: system-ui;
	font-size: var(--font-size-base);
	line-height: 1.5;
	color: var(--color-text);
	outline: none;
}

a {
	outline: none;
	color: var(--color-primary);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0 none;
}

a>img {
	vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	margin: 2em 0 .8em 0;
	letter-spacing: -0.01em;
	line-height: 1.35em;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

h1,
.h1 {
	font-size: 16px;
}

h2,
.h2 {
	font-size: 1.2em;
}

h3,
.h3 {
	font-size: 1.6em;
}

h4,
.h4 {
	font-size: 1.5em;
}

h5,
.h5 {
	font-size: 1.2em;
}

/* Частые стили */
.strike {
	text-decoration: line-through;
}

.nobr {
	white-space: nowrap;
}

.hide {
	display: none;
}

.title_hide {
	left: -9999px;
	position: absolute;
	top: -9999px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.uline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

.ultrabold {
	font-weight: 900;
	text-transform: uppercase;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 15px;
	margin-bottom: 1.5em;
}

fieldset legend {
	font-weight: bold;
}

.grey {
	color: var(--color-text-secondary);
	padding: 0;
}

.grey a {
	color: inherit;
}

.grey a:hover,
a.grey:hover {
	color: #444;
}

.red {
	color: var(--color-primary);
}

sup {
	vertical-align: super;
	font-size: smaller;
}

.over {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

a .over {
	cursor: pointer;
}

.cover {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

ul {
	padding-left: 40px;
	list-style: disc outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

ol {
	padding-left: 40px;
	list-style: decimal outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

.instagram-media,
.twitter-tweet {
	display: inline-block !important;
}

strong,
b {
	font-weight: bold
}

em,
cite,
i {
	font-style: italic
}

caption {
	text-align: left
}

th,
td {
	vertical-align: middle
}

small,
.small {
	font-size: .9em;
}

hr {
	height: 0;
	border: 0;
	border-top: 2px solid #e3e4e6;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 20px 0;
}

.clr {
	clear: both
}

.clrfix:after {
	clear: both;
	content: "";
	display: table;
}

@media only screen and (min-width: 701px) {

	.grid_1_2,
	.grid_1_4,
	.grid_3_4 {
		float: left;
		margin-right: 3%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.grid_1_2.right,
	.grid_1_4.right,
	.grid_3_4.right {
		float: right;
	}

	.grid_1_2.none,
	.grid_1_4.none,
	.grid_3_4.none {
		float: none;
		margin-right: 0;
	}

	.grid_1_2 {
		width: 48%;
	}

	.grid_1_4 {
		width: 22%;
	}

	.grid_3_4 {
		width: 74%;
	}

	.grid_last {
		margin-right: 0;
	}

	.grid_list:after {
		content: "";
		display: block;
		clear: both;
	}

	.grid_list>.grid_1_2:last-child,
	.grid_list>.grid_1_4:last-child,
	.grid_list.grid_3_4:last-child {
		margin-right: 0;
	}
}

@media only screen and (max-width: 700px) {

	.grid_1_2.right,
	.grid_1_4.right,
	.grid_3_4.right {
		float: none;
	}
}

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}

.fade.in {
	opacity: 1;
}

.collapse {
	overflow: hidden;
	height: 0;
	width: 0;
	display: block;
}

.collapse.in {
	display: block;
	width: auto;
	height: auto;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease;
}

.dropdown {
	position: relative;
}

.dropdown-menu,
.dropdown-form {
	min-width: 160px;
	padding: 12px 0;
	border-radius: 2px;
	margin-top: 5px !important;
	display: none;
	z-index: 99;
	position: absolute;
	box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
	border: 1px solid #e6e6e6;
	border-color: rgba(0, 0, 0, 0.1);
	background-clip: padding-box;
	background-color: #fff;
}

.dropdown-menu {
	list-style: none;
	margin: 0;
}

.dropdown-form {
	padding: 25px;
}

.dropdown-menu li a {
	height: 1%;
	padding: 5px 20px;
	border: 0 none;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: inherit;
}

.dropdown-menu li a:hover {
	background-color: #e05b37;
	color: #fff;
}

.open .dropdown-menu,
.open .dropdown-form {
	display: block;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.signature {
	font-size: .9em;
	opacity: .5;
	margin-top: .9em;
}

.wseditor table,
.bb-editor table {
	margin: 0px;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: var(--color-primary);
	vertical-align: middle;
}

.icons {
	fill: aliceblue;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-right: 5px;
}

.icon-mode-light,
.icon-mode-dark {}

.icon-mask-happy,
.icon-translate {
	color: #ff485b;
	width: 22px;
	height: 22px;
}

.icon-logo {
	width: 2.92em;
	height: 2.92em;
}

.icon-ca {
	width: 1.74em;
	height: 1.74em;
}

.icon-arrow_down {
	width: .903em;
	height: .903em;
}

.icon-arrow_left {
	width: .903em;
	height: .903em;
}

.icon-arrow_right {
	width: .903em;
	height: .903em;
}

.icon-fav {
	width: 1.04em;
	height: .972em;
}

.icon-like {
	width: .903em;
	height: .76em;
}

.icon-meta_date {
	width: 1.18em;
	height: 1.18em;
}

.icon-meta_reply {
	width: .903em;
	height: .903em;
}

.icon-meta_views {
	width: 1.18em;
	height: 1.18em;
}

.icon-meta_cat {
	width: 1.18em;
	height: 1.18em;
}

.icon-meta_user {
	width: 1.04em;
	height: 16px;
}

.icon-meta_coms {
	width: 1.18em;
	height: 1.18em;
}

.icon-meta_mail {
	width: 1.32em;
	height: 1.04em;
}

.icon-compl {
	width: .903em;
	height: .903em;
}

.icon-cross {
	width: .903em;
	height: .903em;
}

.icon-next,
.icon-prev {
	width: 1.6em;
	height: 1.6em;
}

.icon-search,
.icon-login {
	width: 20px;
	height: 1.32em;
}

.icon-sort,
.icon-speedbar,
.icon-meta_pages {
	width: 2.01em;
	height: 2.08em;
}

.icon-login {
	width: 1.32em;
	height: 1.32em;
}

.icon-tags {
	width: 1.18em;
	height: 1.18em;
}

.icon-vk {
	width: .694em;
	height: 1em;
}

.icon-tw {
	width: .972em;
	height: 1em;
}

.icon-fb {
	width: .555em;
	height: 1em;
}

.icon-gp {
	width: 1.25em;
	height: 1em;
}

.icon-ya {
	width: .47em;
	height: 1em;
}

.icon-od {
	width: .694em;
	height: 1em;
}

.icon-mail {
	width: 16px;
	height: 1em;
}

.wrp,
.wrp_min {
	max-width: 1180px;
	padding: 0 20px;
	margin: 0 auto;
}

.wrp_min {
	max-width: 950px;
}

@media (min-width:1400px) {
	.wrp {
		max-width: 80%;
	}
}

.headpic {
	position: relative;
	background: #403a43 url(../images/bg.png) no-repeat 50% 0;
}

.headpic.fixed {
	background-attachment: fixed;
}

.headpic:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 230px);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 230px);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 230px);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 230px);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 230px);
}

.head_text {
	padding: 17% 0;
	position: relative;
	z-index: 1;
}

.head_text_in {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.head_text_in,
.head_text_in * {
	color: #fff;
}

.head_text_in>.title {
	margin: 0;
	font-size: 2.8em;
}

.head_text_in>.text {
	margin: 0;
	font-size: 18px;
}

@media only screen and (min-width: 861px) {
	#header {
		display: -webkit-flex;
		display: flex;
	}
}

.logotype {
	float: left;
	padding: 17px;
	margin-left: -17px;
	position: relative;
	z-index: 1;
}

.logotype>.icon {
	fill: #fff;
}

@media only screen and (min-width: 861px) {

	.topbar {
		-webkit-flex-grow: 2;
		flex-grow: 2;
	}

	#topmenu {
		float: left;
		position: relative;
		z-index: 2;
	}

	#topmenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#topmenu>ul>li {
		float: left;
		position: relative;
	}

	#topmenu>ul>li>a {
		display: block;
		line-height: 22px;
		height: 22px;
		padding: 27px 17px;
		text-decoration: none !important;
		opacity: .8;
		-webkit-transition: opacity .2s ease;
		transition: opacity .2s ease;
		position: relative;
		z-index: 21;
	}

	#topmenu>ul>li>a:hover {
		opacity: 1;
	}

	#topmenu>ul>li>a>.icon {
		fill: #fff;
		opacity: .2;
		margin-left: 6px;
	}

	#topmenu a,
	#topmenu {
		color: #fff;
	}

	#topmenu>ul>li>ul,
	#topmenu>ul>li>div {
		position: absolute;
		left: 0;
		top: 0;
		padding: 30px 0;
		padding-top: 76px;
		margin-left: -13px;
		width: 250px;
		z-index: 20;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate(0, -100%) scale(0.8);
		transform: translate(0, -100%) scale(0.8);
	}

	#topmenu>ul>li>div {
		padding-left: 30px;
		padding-right: 30px;
	}

	#topmenu>ul>li:hover>ul,
	#topmenu>ul>li:hover>div {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1);
		-webkit-transition: all .4s ease;
		transition: all 0.4s ease;
	}

	#topmenu>ul>li>ul:after,
	#topmenu>ul>li>div:after {
		content: "";
		background-color: #2a3843;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 0 0 2px 2px;
		opacity: .85;
		box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.4);
	}

	#topmenu>ul>li>ul>li,
	#topmenu>ul>li>div>div {
		position: relative;
		z-index: 1;
	}

	#topmenu>ul>li.parent:hover>a {
		color: var(--color-primary);
		opacity: 1;
	}

	#topmenu>ul>li.parent:hover>a>.icon {
		fill: var(--color-primary);
		opacity: 1;
	}

	#topmenu>ul>li>ul>li a {
		display: block;
		padding: .3em 30px;
		height: 1%;
		text-decoration: none !important;
	}

	#topmenu>ul>li>ul>li>a:hover {
		color: var(--color-primary);
	}
}

#closemenu {
	display: none;
}

.arh_tabs {
	list-style: none;
	height: 26px;
	border-radius: 18px;
	margin-bottom: 25px !important;
	overflow: hidden;
	position: relative;
}

.arh_tabs:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 1px solid var(--color-primary);
	border-radius: 13px;
}

.arh_tabs>li {
	float: left;
	width: 50%;
	position: relative;
	z-index: 1;
}

.arh_tabs>li>a {
	text-align: center;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 2px 4px;
	color: #fff;
	text-decoration: none !important;
	text-transform: uppercase;
	border-radius: 13px;
	font-size: 10px;
	font-weight: bold;
}

.arh_tabs>li.active>a {
	background-color: var(--color-primary);
}

@media only screen and (min-width: 861px) {
	#mainmenu.h_btn {
		display: none;
	}
}

.menu_toggle,
.icon_close {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	margin: 0;
	position: relative;
}

.menu_toggle>i,
.icon_close>i {
	height: 1px;
	width: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.mt_1 {
	margin-top: 1px;
}

.mt_2 {
	margin-top: 9px;
}

.mt_3 {
	margin-top: 17px;
}

.menu_toggle__title {
	display: none;
}

#mainmenu.open .mt_1,
.icon_close>i.mt_1 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#mainmenu.open .mt_2 {
	opacity: 0;
}

#mainmenu.open .mt_3,
.icon_close>i.mt_2 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mainmenu.open .mt_1,
#mainmenu.open .mt_2,
#mainmenu.open .mt_3,
.icon_close>i {
	margin-top: 9px;
}

#mainmenu.open .menu_toggle {
	opacity: 1 !important;
}

#mainmenu.open i {
	background-color: #fff;
}

.h_btn {
	float: right;
	width: 44px;
	height: 44px;
	position: relative;
	z-index: 1;
	background: none;
	border: 0 none;
	padding: 16px 6px;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.h_btn:after {
	content: "";
	background-color: #20282d;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 66px;
	border-radius: 0 0 2px 2px;
	opacity: 0;
	visibility: hidden;
	margin-top: -60px;
	-webkit-transition: margin-top .2s ease;
	transition: margin-top 0.2s ease;
}

.h_btn.open:after {
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

.h_btn>* {
	position: relative;
	z-index: 1;
}

.h_btn>.icon {
	fill: #fff;
}

.h_btn.open>.icon,
.h_btn>.icon_close,
.h_btn.open>.avatar {
	display: none;
}

.h_btn.open>.icon_close {
	display: inline-block;
}

#tools {
	background-color: var(--color-bg-header);
	font-size: .9em;
}

.tools {
	height: 76px;
}

.tools>.wrp:after {
	content: "";
	display: block;
	clear: both;
}

#sort,
#breadcrumbs {
	padding: 27px 0 27px 60px;
}

#sort>.icon,
#breadcrumbs>.icon {
	float: left;
	margin: -4px 0 0 -60px;
	fill: #cdd0d3;
}

.sort_label {
	font-weight: normal;
	text-transform: lowercase;
}

#sort form,
ul.sort,
ul.sort>li {
	display: inline;
}

ul.sort {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.sort>li {
	margin-left: 16px;
}

ul.sort>li>a {
	color: inherit;
	text-decoration: none !important;
}

ul.sort>li>a:hover,
.sort>li.asc a,
.sort>li.desc a {
	color: var(--color-primary);
}

.sort>li.asc a:before,
.sort>li.desc a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoAQMAAADNFOjiAAAABlBMVEUAAAD/SFvf5sBTAAAAAXRSTlMAQObYZgAAACBJREFUCNdj+P8fhJDB/w9AhCoCQijgAwJhqsRvGsRGAIL/F3G3R2gKAAAAAElFTkSuQmCC);
	margin: 0 .4em 0 0;
	width: 8px;
	height: 10px;
	background-position: 0 -10px;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
}

.sort>li.asc a:before {
	background-position: 0 0;
}

#breadcrumbs {
	color: #94999e;
}

#breadcrumbs a {
	color: #444;
}

.tags_btn {
	display: block;
	margin: 27px 0 27px 0px;
	text-decoration: none !important;
	color: var(--color-primary);
}

.tags_btn.collapsed {
	color: #94999e;
}

.tags_btn>.icon-tags {
	float: left;
	/* margin: 2px 0 0 -30px; */
}

.tags_btn>.icon {
	fill: #cdd0d3;
}

.tags_btn>.icon-arrow_down {
	margin: 0 0 0 6px;
}

#toptags {
	width: 100%;
	border-top: 0.5px solid var(--color-border)
}

#toptags>.wrp {
	padding-bottom: 20px;
	padding-top: 20px;
}

#toptags .tag_list>span>a {
	background-color: #fff;
}

.droptopbar {
	width: 100%;
	height: 0;
	overflow: hidden;
	/* background-color: var(--color-bg-header); */
	position: relative;
	z-index: 21;
	-webkit-transition: height ease .2s;
	transition: height ease .2s;
	font-size: .9em;
}

.droptopbar .wrp {
	opacity: 0;
	-webkit-transition: opacity ease 1s;
	transition: opacity ease 1s;
}

.search_open #q_search,
.login_open #loginpane,
.loginf_open #loginpane {
	height: 59px;
}

.search_open #q_search .wrp,
.login_open #loginpane .wrp,
.loginf_open #loginpane .wrp {
	opacity: 1;
}

.droptopbar .btn {
	height: 33px;
	padding: 6px 14px;
}

.q_search {
	position: relative;
}

.q_search>input {
	width: 100%;
	height: 59px;
	line-height: 23px;
	padding: 18px 130px 18px 0;
	border-radius: 0;
	background: none !important;
	color: #fff !important;
	display: block;
	border: 0 none;
	font-size: 1em;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.q_search input::-webkit-input-placeholder {
	color: #fff;
}

.q_search>.btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 13px 0 0 0;
	background: none;
	color: #fff !important;
	box-shadow: inset 0 0 0 1px #383e42;
	-webkit-box-shadow: inset 0 0 0 1px #383e42;
	cursor: pointer;
}

.q_search>.btn:hover {
	box-shadow: inset 0 0 0 1px #64696c;
	-webkit-box-shadow: inset 0 0 0 1px #64696c;
}

.login>.avatar {
	display: inline-block;
	padding: 5px;
	position: relative;
	border-radius: 50%;
	border: 1px solid var(--color-text-secondary);
}

.login>.avatar>.cover,
.login>.avatar {
	width: 31px;
	height: 31px;
}

.pmnum_0>.num {
	display: none;
}

.num {
	background: #fff;
	color: #444;
	font-weight: bold;
	height: 12px;
	line-height: 11px;
	min-width: 8px;
	padding: 1px 3px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 9px;
	border-radius: 7px;
}

.login>.avatar>.num {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 -1px -1px;
}

#loginpane {
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -59px;
}

.page:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	background-color: #21282d;
	-webkit-transition: height ease .2s;
	transition: height ease .2s;
}

.login_open .page:before,
.loginf_open .page:before {
	height: 59px;
}

ul.login_form {
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: 2px;
	border: 1px solid #383e42;
	float: left;
	margin: 13px 20px 0 0;
}

.login_form:after {
	clear: both;
	display: block;
	content: "";
}

.login_form>li {
	float: left;
	/* width: 160px; */
	margin: 0;
	padding: 0;
}

.login_form>li>label {
	display: none;
}

.login_form>li>input {
	font-size: 1em;
	height: 33px;
	padding: 6px 14px;
	background: none !important;
	border: 0 none;
	border-left: 1px solid #383e42;
	border-radius: 0;
	color: #fff;
}

.login_form>li:first-child>input {
	border-left-width: 0;
}

.login_form>li>input::-webkit-input-placeholder {
	color: #fff;
}

.login_form>li>.btn {
	background: none !important;
	border-radius: 0;
	border-left: 1px solid #383e42;
}

.login_form>li>.btn:hover {
	color: var(--color-primary) !important;
}

.login_form_links {
	float: right;
	margin-top: 17px;
	height: 23px;
	line-height: 23px;
}

.login_form_links>a {
	margin-left: 20px;
}

#loginpane .name {
	float: left;
	margin: 20px 30px 0 0;
}

#loginpane .name>a {
	color: #fff;
	text-decoration: none !important;
}

#loginpane .name>a:hover {
	color: var(--color-primary);
}

#loginpane .login_menu {
	float: left;
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}

#loginpane .login_menu>li {
	display: inline;
	margin-right: 20px;
}

#loginpane .login_menu>li a {
	color: #bebfc0;
	text-decoration: none !important;
}

#loginpane .login_menu>li a:hover {
	color: #fff;
}

.lm_num {
	background: #293239;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	min-width: 16px;
	padding: 3px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	border-radius: 11px;
	margin: -.2em .4em 0 0;
	color: #fff;
}

.soc_links {
	float: left;
	display: flex;
	justify-content: space-between;
	padding: 1px;
	margin: 13px 0 0 0;
}

.soc_links>a {
	display: inline-block;
	width: 31px;
	height: 31px;
	line-height: 31px;
	border-radius: 50%;
	background-color: #293239;
	text-align: center;
	margin-left: 6px;
	opacity: .5;
	-webkit-transition: all ease .1s;
	transition: all ease .1s;
}

.soc_links>a:hover {
	opacity: 1;
}

.soc_links>a>.icon {
	fill: #fff;
	vertical-align: middle;
	margin: -3px 0 0 0;
}

.soc_vk:hover {
	background-color: #5486ca;
}

.soc_tw:hover {
	background-color: #60bbf5;
}

.soc_fb:hover {
	background-color: #4268ca;
}

.soc_gp:hover {
	background-color: #de553a;
}

.soc_ya:hover {
	background-color: #ff0000;
}

.soc_od:hover {
	background-color: #ff7800;
}

.soc_mail:hover {
	background-color: #006cff;
}

#footer {
	padding: 20px 0;
	border-top: 0.5px solid var(--color-input-border);
}

.foot_menu {
	font-size: .92em;
	list-style: none;
	padding: 0;
	margin: 0 0 50px 0;
}

.foot_menu:after {
	clear: both;
	display: table;
	content: "";
}

.foot_menu>li>b {
	color: #caced1;
	display: block;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.foot_menu>li:hover>b {
	color: var(--color-primary);
}

.foot_menu>li>b>i {
	display: none;
}

.foot_menu>li nav>a {
	color: inherit;
	display: block;
	padding: .2em 0;
	text-decoration: none !important;
	font-size: .98em;
}

.foot_menu>li nav>a:hover {
	color: var(--color-primary);
}

@media only screen and (min-width: 701px) {
	.foot_menu>li>div {
		display: block !important;
		height: auto !important;
		width: auto !important;
	}
}

.foot {
	font-size: .9em;
}

.foot:after {
	content: "";
	clear: both;
	display: block;
}

.ca {
	float: left;
	white-space: nowrap;
}

a.ca * {
	cursor: pointer;
}

.ca:after {
	clear: both;
	display: block;
	content: "";
}

.ca>span {
	width: 2.93em;
	height: 2.93em;
	float: left;
	border: 1px solid #d1d3d5;
	border-radius: 50%;
	margin-right: 15px;
}

.ca>span>.icon {
	fill: #d1d3d5;
}

.ca:hover>span {
	border-color: #404549;
}

.ca:hover>span>.icon {
	fill: #404549;
}

.ca>div {
	float: left;
}

.ca>div>b {
	display: block;
	text-transform: uppercase;
}

.ca>span>.icon {
	display: block;
	margin: .54em 0 0 .62em;
	fill: #cbcbcb;
}

.counters {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

.counters:after {
	clear: both;
	display: block;
	content: "";
}

.counters>li {
	float: left;
	opacity: .5;
	height: 31px;
}

.counters>li:first-child {
	margin-left: 0;
}

.counters>li:hover {
	opacity: 1;
}

.vote_line {
	position: relative;
	background-color: var(--color-primary);
}

@media only screen and (min-width: 701px) {
	.vote_line {
		height: 3.82em;
	}

	.vote_line:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
		background-color: #444;
	}

	.vote_line>.wrp {
		position: relative;
		z-index: 1;
		background-color: var(--color-primary);
	}

	.vote_line_title {
		float: left;
		margin: 0 0 0 -.93em;
		background-color: #444;
		height: 1.16em;
		line-height: 1.16em;
		padding: .69em .93em;
		position: relative;
		color: #fff;
	}

	.vote_line_title:after {
		content: "";
		position: absolute;
		left: 100%;
		top: 0;
		vertical-align: middle;
		border: solid transparent;
		border-left-color: #444;
		border-width: 1.29em 0 1.25em .74em;
	}

	.vote_icon {
		display: inline-block;
		width: .83em;
		height: 1.11em;
		vertical-align: middle;
		margin: -.2em 0 0 .4em;
	}

	.vote_icon>i {
		display: block;
		width: 100%;
		height: 1px;
		background-color: var(--color-primary);
		margin-top: .28em;
	}

	.vote_icon>i:first-child {
		margin-top: 0;
	}

	.vote_icon>i.i1 {
		width: 80%;
	}

	.vote_icon>i.i2 {
		width: 100%;
	}

	.vote_icon>i.i3 {
		width: 40%;
	}

	.vote_icon>i.i4 {
		width: 60%;
	}

	.vtitle {
		white-space: nowrap;
		overflow: hidden;
		font-weight: bold;
		height: 1.74em;
		line-height: 1.74em;
		padding: 1.04em 0;
		margin: 0 0 0 11.46em;
		color: #fff;
	}

	.vote_line_form {
		position: absolute;
		right: 0;
		top: 0;
		margin-right: 1.39em;
		padding: .49em 1.39em;
		background-image: linear-gradient(left, rgba(255, 72, 91, 0) 0%, rgba(255, 72, 91, 1) 10%);
	}

	.vote_line_form .dropdown,
	.vote_line_form .more_votes {
		float: right;
	}
}

.vote_line_form .more_votes {
	color: #fff;
	font-size: .9em;
	height: 1.93em;
	line-height: 1.93em;
	padding: .62em 1.54em;
}

.vote_line_form .dropdown .dropdown-form {
	width: 14.58em;
	right: 0;
	bottom: 3.96em;
	top: auto;
	left: auto;
}

.vote_line_form .dropdown.open:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 100;
	margin: -17px 0 0 -14px;
	vertical-align: middle;
	border: solid transparent;
	border-top-color: #fff;
	border-width: 14px 14px 0 14px;
}

.vote_line_form .dropdown .dropdown-form .vote_list {
	font-size: .9em;
	margin-top: 0;
}

.vote_line_form .dropdown .btn_border {
	margin-top: .46em;
}

.vote_list {
	margin: 1.5em 0;
}

.vote_list .vote,
.vote_list .pollanswer {
	margin: 0 0 .6em 0;
}

.vote_list .vote>input,
.vote_list .pollanswer>input {
	display: none;
}

.vote_list .vote>input+label:before,
.vote_list .pollanswer>input+label:before {
	display: inline-block;
	width: 4px;
	height: 4px;
	border: 5px solid #e4e4e4;
	background-color: transparent;
	margin: -.2em 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	content: "";
	border-radius: 2px;
}

.vote_list .vote>input[type="radio"]+label:before,
.vote_list .pollanswer>input[type="radio"]+label:before {
	border-radius: 50%;
}

.vote_list .vote>input+label:hover:before,
.vote_list .pollanswer>input+label:hover:before {
	background-color: var(--color-primary);
}

.vote_list .vote>input:checked+label:before,
.vote_list .pollanswer>input:checked+label:before {
	background-color: #444;
	border-color: var(--color-primary);
}

.vote_list .vote>input+label:before,
.vote_list .vote>input:checked+label:before,
.vote_list .pollanswer>input+label:before,
.vote_list .pollanswer>input:checked+label:before {
	-webkit-transition: all ease .2s;
	transition: all ease .2s;
}

.vote_votes,
.pollallvotes {
	font-size: .9em;
}

#dlevotespopupcontent {
	height: auto !important;
	overflow: visible !important;
}

.poll_block {
	margin-top: 50px;
}

.poll_title {
	border-left: 1px solid var(--color-primary);
	position: relative;
}

.poll_title:after,
.poll_title:before {
	content: "";
	position: absolute;
	left: 0;
	background: var(--color-primary);
	height: 1px;
}

.poll_title:before {
	top: 0;
	width: 100%;
}

.poll_title:after {
	bottom: 0;
	width: 45%;
}

.poll_title>b {
	display: block;
	padding: 16px 24px;
}

.poll_title>b:after,
.poll_title>b:before {
	content: "";
	position: absolute;
	left: 27px;
	top: 100%;
	vertical-align: middle;
	border: solid transparent;
	border-top-color: var(--color-primary);
	border-width: 13px 13px 0 0;
}

.poll_title>b:after {
	border-top-color: #fff;
	margin: -2px 0 0 1px;
	z-index: 1;
}

.story {
	background-color: var(--color-bg);
	padding: 50px 0;
}

.story_list>#dle-content>.story:nth-child(2n) {
	background-color: var(--color-bg-header);
}

/* ------------- */
.story_main,
.full-stor {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 60px;
}

.story_img {
	display: flex;
}

.story_img img {
	width: 145px;
	height: 210px;
	border-radius: 4px;
	object-fit: cover;
	background: url('../images/no-poster.svg') no-repeat center / 100% 100%;
}

.real_img img {
	width: 100px;
	height: 140px;
	border-radius: 5px 0px 0px 5px;
	object-fit: cover;
	background: url('../images/no-poster.svg') no-repeat center / 100% 100%;
	vertical-align: bottom;
}

.story_top img {
	width: 220px;
	height: 310px;
	border-radius: 4px;
	object-fit: cover;
	background: url('../images/no-poster.svg') no-repeat center / 100% 100%;
}

.story_genres {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.full_img {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	width: 180px;
}

.full_img img {
	width: 180px;
	height: 260px;
	border-radius: 4px;
	object-fit: cover;
	background: url('../images/no-poster.svg') center / cover no-repeat;
}

.full_last_s {
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	outline: 1px dashed #bebfc1;
	margin-right: 10px;
	color: var(--color-text-secondary);
}

.full_info {
	margin-left: 20px;
	display: flex;
	flex-wrap: nowrap;
	flex-wrap: wrap;
	align-content: flex-start;
}

.parent-div {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
}

.video-wrapper {
	width: 100%;
	max-width: 100%;
	/* padding-bottom: 56.25%; */
	position: relative;
	/* height: 0; */
	/* background: #f4f6f7; */
	border-radius: 4px;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.video-container {
	display: flex;
	flex-wrap: nowrap;
	margin-left: 60px;
}

.icon-gallery {
	width: 1.50em;
	height: 1.50em;
	margin: 0px 10px 3px 0px;
}

.hr_full {
	margin: 10px 0px 10px 60px;
	padding: 0;
	height: 0;
	border: none;
	border-top: 2px dotted var(--color-border);
}

.grid_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}

.real {
	margin: 10px 20px 3px 0px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.head-real {
	width: 100%;
}

.real_info_smail {
	margin: 0px 20px 3px 0;
	font-size: 12px;
	color: var(--color-text-secondary);
}

.real-btn {
	border: 0 none;
	cursor: pointer;
	font-size: 14px;
	border-radius: .148em;
	color: #fff !important;
	text-decoration: none;
	margin-bottom: 11px;
	margin-top: 0px;
}

.real_info_smail a {
	color: var(--color-text-secondary);
}

.rating {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 10px 0px 10px 0px;
}

.rating_kp {
	padding: 5px;
	width: 75px;
	height: 22px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	background: #ff742f;
	color: #FFFFFF;
}

.rating_imdb {
	padding: 5px;
	width: 75px;
	height: 22px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	background: #ffd94f;
	color: #000000;
}

.minimal_age {
	/* padding: 5px 10px;
	min-width: 20px;
	width: auto;
	height: 16px;
	border-radius: 40px; */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 2px;
	/* background: var(--color-primary); */
	color: #FFFFFF;
	/* border: 0.1px solid #444444;
	outline: 1px dashed var(--color-primary);
	outline-offset: 1px; */
}

.rating_mpaa {
	/* padding: 5px 10px;
	min-width: 20px;
	width: auto;
	height: 16px;
	border-radius: 40px; */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: 3px;
	/* color: #000;
	margin-left: 10px;
	background: #bebfc1;
	border: 0.1px solid var(--color-input-border);
	outline: 1px dashed var(--color-input-border);
	outline-offset: 1px; */
}

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.wrp-epi {
	margin-top: 60px;
}

.epi-box {
	display: flex;
	gap: 20px;
}

.epi-player {
	position: relative;
	width: 100%;
	height: 500px;
	border-radius: 4px;
    overflow: hidden;
    object-fit: cover;
    background: url(../images/no-video.svg) no-repeat center / 100% 100%;
}

.login-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.6);
}

.login-form-modal {
	background: #191e25;
	padding: 20px;
	border-radius: 4px;
	max-width: 300px;
	width: 90%;
}

.login-form-title {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
}

.epi-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 30px 0;
}

input.f_input {
	padding: 8px;
	border: 0.5px solid var(--color-input-border);
	border-radius: 4px;
}

.epi-bin {
	padding: 10px;
	background: #2ecc71;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
}

.los-reg {
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	display: flex;
	justify-content: space-evenly;
}

.epi-info {
	display: flex;
	width: 50%;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 5px;
}

.fcols {
	display: flex;
	justify-content: flex-start;
	font-size: 22px;
	font-weight: 600;
	width: 100%;
	margin: 3px 0;
}

.fright {
	display: flex;
	align-items: center;
}

.fright a {
	text-decoration: none;
	color: var(--color-border);
	font-size: 18px;
	display: flex;
}

.right-h1 {
	display: flex;
}

.span-right {
	color: var(--color-text-secondary);
}

.hr-epi {
	border-top: 0.5px solid var(--color-border);
	margin: 3px 0px;
	width: 100%;
}

.epi-player-box {
	display: flex;
	justify-content: center;
}

.epi-btn {
	display: flex;
	gap: 20px;
	justify-content: flex-start;
	width: 100%;
}

.epi-footer {
	margin-top: 60px;
}

.epi-footer-t {
	font-weight: 700;
	font-size: 38px;
}

.icon-arrow-back-circle {
	width: 28px;
	height: 28px;
	margin-right: 5px;
}

/* .synonyms {
	font-style: oblique;
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 10px;
	color: var(--color-text-secondary);
} */

.shikimori_name {
	font-size: 15px;
	display: flex;
	margin: 3px 0;
	color: var(--color-text-secondary);
	width: 100%;
}

.band_info {
	display: flex;
	width: 100%;
	margin-bottom: 3px;
	color: var(--color-text-secondary);
}

.last_se {
	display: flex;
	flex-wrap: nowrap;
	margin: 6px 0;
}

.last_from {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-text-secondary);
	margin-right: 10px;
	display: flex;
	align-items: center;
}

.full_text {
	/* display: flex;
	flex-wrap: nowrap; */
	margin: 10px 0px 10px 60px;
}

.kadr_box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

.kadr_box img {
	width: 100%;
	display: block;
	border-radius: 4px
}

.rela_img {
	width: 100%;
	height: 280px;
	border-radius: 3px;
	object-fit: cover;
	background: url('../images/no-poster.svg') center / cover no-repeat;
}

.title_top_full {
	margin-top: 10px;
	display: block;
	font-size: 16px;
	line-height: 18px;
}

.band_info_smail {
	margin-bottom: 4px;
	font-size: 12px;
	color: var(--color-text-secondary);
}

.aninet__img {
	border-radius: 4px;
	object-fit: cover;
	background: #f4f6f7;
}

.story_genres a {
	padding: 4px 10px 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	background: var(--color-bg-card);
	color: var(--color-text-light);
	font-weight: 700;
	text-decoration: none;
}

.story_genres a:hover {
	background: var(--color-bg-card-hover);
	color: var(--color-text-secondary);
}

.translation {
	line-height: 18px;
}

.enum_title {
	margin-right: 5px;
	font-weight: 600;
	/* text-decoration: underline; */
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 0.5px solid var(--color-border);

}

.enum_info {
	margin-bottom: 30px;
	font-size: 13px;
}

.story_text {
	line-height: 22px;
	color: var(--color-text);
}


.filter {
	border: 1px solid #bebfc1;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #ffffff;
	border-radius: 4px;
}

.filter_form {
	display: flex;
	align-items: center;
}

.filter_opt {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 60%;
	gap: 0.5em;
}

.filter_check {
	display: flex;
	width: 18%;
}

.check {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1em;
	align-items: center;
}

.button_box {
	display: flex;
	width: 10%;
}

.button_in {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 0.5em;
}

.button_sub {
	border: 1px solid #bebfc1;
	background: #48bffe;
	padding: 7px 10px;
	transition: 0.4s;
	display: flex;
	border-radius: 4px;
	color: #FFFFFF;
}

.button_res {
	border: 1px solid #bebfc1;
	background: var(--color-primary);
	padding: 7px 10px;
	transition: 0.4s;
	display: flex;
	border-radius: 4px;
	color: #FFFFFF;
}

.sort_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sort {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.tags_butt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	background: var(--color-primary);
}

.full_text p {
	padding: 0;
}

.page {
	background: var(--color-bg);
}

.video-wrapper a {
	background: aqua;
	padding: 10px 10px;
	margin-right: 10px;
}

.last-season a,
.last-episode a {
	background: #242525;
	padding: 10px;
	border-radius: 4px;
	min-width: 60px;
	color: #fff;
}

.last-episode a::after {
	display: none;
}

body {
	background: var(--color-bg);
}

.last-season a::after {
	content: "\00a0сезон";
	/* Или после: content: " сезон"; */
}

/* Чтобы не дублировать, если у ссылки уже есть текст */
.last-season a {
	text-decoration: none;
}

.last-episode,
.last-season {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}

a.active {
	background: #cccccc;
	color: #000;
}

.video-box iframe,
.video-box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* accordion */
.accordion {
	background-color: var(--color-bg-header);
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-radius: 4px;
}

.active,
.accordion:hover {
	background-color: var(--color-bg);
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2212";
}

li.active:after {
	display: none;
}

li.active {
	border-radius: 20px 0px 0px 20px;
}

.panel {
	background-color: var(--color-bg);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.comments_subscribe {
	display: flex;
	align-items: center;
}

.wrp form {
	display: flex;
	margin: 50px 0;
}

.filter-select {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	gap: 10px;
	justify-content: flex-start;
}

select.select-box {
	width: 49%;
	height: 45px;
}

.check-box,
.radio-box {
	display: flex;
	flex-wrap: wrap;
	width: 15%;
	gap: 10px;
}



.box-input {
	display: flex;
	align-items: center;
	padding-left: 15px;
}

.button-box {
	display: flex;
	flex-wrap: wrap;
	width: 10%;
	gap: 10px;
}

input.submit {
	font-size: 16px;
	background: #4fc878;
	color: #ffffff;
	font-weight: 600;
	width: 100%;
	height: 45px;
	border-radius: 4px;
	border: 0 none;
}

input.reset {
	font-size: 16px;
	background: #ff475b;
	color: #ffffff;
	font-weight: 600;
	width: 100%;
	height: 45px;
	border-radius: 4px;
	border: 0 none;
}


.wrp-tools {
	height: 100%;
}

.last-icon {
	display: flex;
	justify-content: flex-start;
	float: right;
	height: 100%;
}

.last-icon a {
	display: flex;
	align-items: center;
}

.last-icon a span {
	font-size: 14px;
	font-weight: 500;
	padding-left: 5px;
}

/* .wrp-list {
	border-top: 0.5px solid #e7e7e7;
} */

.head-title {
	width: 100%;
	margin-right: 0;
}

.player-btn {
	margin-left: 60px;
	margin-bottom: 20px;
}

.real-box {
	display: flex;
	width: 32.1%;
	background: var(--color-bg);
	border-radius: 6px;
	border: 0.5px solid var(--color-border);
}

.real-info {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	width: 100%;
}

.real a {
	color: var(--color-text);
}

.head-box {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.real-btn-box {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-content: flex-end;
}

.hr-more {
	border-top: 0.5px solid var(--color-border);
	margin: 5px 20px 10px 0px;
	width: 100%;
}

.head-real a,
.real_info_smail a {
	text-decoration: none;
}

.more {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}

.arh_tabs li.active {
	border-radius: 20px
}

.tab-pane.active:after {
	display: none;
}

.span-btn {
	margin-right: 5px;
	color: var(--color-text-secondary);
}

a.real-btn {
	text-decoration: none
}

.icon-arrow-double-right {
	width: 10px;
	height: 10px;
	color: var(--color-text-secondary);
}

#additionalDiv.active:after {
	display: none;
}

.d-flex {
	display: flex;
}

.minimal_age b {
	padding-bottom: 1px;
	padding-left: 1px;
}

.desc {
	background: var(--color-border);
	padding: 0px 5px 3px 5px;
	border-radius: 4px;
}

.desc-info {
	margin-left: 60px;
	background: #ff475b;
	padding: 10px;
	border-radius: 4px;
}

.player-box {
	display: flex;
	flex-wrap: wrap;
	margin-left: 60px;
	gap: 5px;
	flex-direction: column;
}

.last_season {
	display: flex;
	justify-content: flex-start;
}

.ads-top {
	margin-left: 60px;
	background: var(--color-bg-header);
	height: 210px;
	display: flex;
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	border: 0.5px solid var(--color-border);
}

.ads-right {
	background: var(--color-bg-header);
	height: 500px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	border: 0.5px solid var(--color-border);
}


@media only screen and (max-width: 700px) {

	.story_main,
	.full-stor {
		margin-left: 0px;
	}

	.story_img {
		display: flex;
	}

	.story_img img {
		width: 100px;
		height: 140px;
		border-radius: 3px;
	}

	.story_img img {
		width: 100px;
		height: 140px;
		border-radius: 3px;
	}

	.storyinfo_link2 {
		display: none;
	}

	.filter-select {
		width: 100%;
	}

	.check-box,
	.radio-box {
		width: 50%;
		margin: 20px 0px;
	}

	.button-box {
		width: 100%;
		flex-wrap: wrap;
	}

	input.submit {
		width: 48%;
	}

	input.reset {
		width: 48%;
	}

	select.select-box {
		width: 100%;
	}

	.full-stor {
		flex-wrap: wrap;
	}

	.full_img {
		flex-wrap: nowrap;
		width: 210px;
	}

	.rating {
		flex-wrap: wrap;
		gap: 10px;
		margin: 0px 10px 0px 20px;
		height: 100%;
		align-content: flex-start;
	}

	.full_img img {
		width: 210px;
		height: 300px;
	}

	.full_info {
		margin-left: 0;
	}

	.story .head {
		margin-top: 6px;
	}

	/* .story_genres {
		flex-wrap: wrap;
	} */

	.hr_full,
	.full_text {
		margin: 3px 0px;
	}

	.player-btn {
		margin-left: 0px;
	}


	.story_top img {
		width: 180px;
		height: 260px;
	}

	.grid_list {
		flex-direction: column;
	}

	.real-box {
		display: flex;
		width: 100%;
	}

	.ads-top {
		margin-left: 0;
		margin-top: 6px;
		margin-bottom: 20px;
	}

	.epi-box {
		flex-direction: column;
	}

	.epi-player {
		height: 280px;
	}

	.epi-info {
		width: 100%;
	}

	.wrp-epi {
		margin-top: 20px;
	}

	.full_last_s {
		padding: 3px 6px;
		margin-right: 6px;
	}

	.player-box {
		margin: 0;
	}

	.head_text {
		padding: 0;
		height: 60px;
		width: 100%;
		display: flex;
	}

	.head_text_in {
		height: 60px;
		width: 100%;
	}

}

.shadow {
	position: relative;
	border-bottom: 1px solid var(--color-border);

}

.shadow:after {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 100%;
	width: 100%;
	height: 7px;
	content: "";
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
}

.story>.wrp:after {
	clear: both;
	display: block;
	content: "";
}

.story>.wrp {
	position: relative;
	margin-bottom: 10px;
}

.story .head {
	margin-bottom: 3px;
	overflow: hidden;
}

.story .head .title {
	margin-top: 0em;
	margin-bottom: 0;
}

.story .head.grid_3_4 {
	float: none;
}

.story.lefticons .title {
	padding-left: 0px;
	color: var(--color-text);
}

.story .head .title>a {
	display: block;
	color: var(--color-text);
	text-decoration: none !important;
}

.story .head .title>a:hover {
	color: #969fa7;
	-webkit-transition: color ease .2s;
	transition: color ease .2s;
}

.story_icons {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 20px;
}

.fav_btn>a {
	display: block;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
	margin-bottom: 14px;

	background-color: var(--color-primary);
	background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);

	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
}

.fav_btn .icon {
	fill: #fff;
	width: 15px;
	height: 15px;
	display: block;
	margin: 6px auto 0 auto;
}



.fav_btn>a[href*="del"] {
	background-color: #fabd34;
	background-image: -webkit-linear-gradient(top, #fbc431 0%, #f8b337 100%);
	background-image: -moz-linear-gradient(top, #fbc431 0%, #f8b337 100%);
	background-image: -o-linear-gradient(top, #fbc431 0%, #f8b337 100%);
	background-image: -ms-linear-gradient(top, #fbc431 0%, #f8b337 100%);
	background-image: linear-gradient(top, #fbc431 0%, #f8b337 100%);
}

.story_left_icons .edit_btn>a {
	margin-bottom: .97em;
	border-color: #404549;
}

.edit_btn>a {
	position: relative;
	overflow: hidden;
	width: 1.875em;
	height: 1.875em;
	border-radius: 50%;
	border: 1px solid transparent;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.edit_btn>a:hover {
	border-color: var(--color-primary);
}

.edit_btn>a>i,
.edit_btn>a i:after,
.edit_btn>a i:before {
	width: .903em;
	height: 1px;
	background-color: #404549;
	display: block;
	position: relative;
}

.edit_btn>a i:after,
.edit_btn>a i:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}

.edit_btn>a i:after {
	margin-top: -.278em;
}

.edit_btn>a i:before {
	margin-top: .278em;
}

.edit_btn>a:hover>i,
.edit_btn>a:hover i:after,
.edit_btn>a:hover i:before {
	background-color: var(--color-primary);
}

.story_info {
	float: right;
	margin-right: 0;
	font-size: .92em;
}

@media only screen and (min-width: 701px) {
	.storyinfo_link {
		display: none;
	}

	.storyinfo {
		display: block !important;
		height: auto !important;
		width: auto !important;
	}
}

.storyinfo_link {
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e3e4e6;
}

.storyinfo_link>.icon {
	float: left;
	margin: 2px 0 0 -30px;
}

.storyinfo_link .arrow {
	position: absolute;
	right: 0;
	top: 0;
	margin: .75em 3px 0 0;
	width: 12px;
}

.storyinfo_link .arrow:after,
.storyinfo_link .arrow:before {
	content: "";
	position: absolute;
	width: 9px;
	height: 1px;
	background-color: var(--color-primary);
	border-radius: 2px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.storyinfo_link .arrow:after {
	margin-left: 6px;
}

.storyinfo_link.collapsed .arrow:after,
.storyinfo_link.collapsed .arrow:before {
	background-color: #c7c9cc;
}

.storyinfo_link.collapsed .arrow:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.storyinfo_link.collapsed .arrow:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rate_stars {
	margin-bottom: 1.5em;
}

.rate_like>a {
	display: block;
	text-decoration: none !important;
}

.rate_like_icon {
	display: block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border: 1px solid #404549;
	text-align: center;
}

.rate_like_icon .icon {
	fill: #404549;
	width: 13px;
	height: 13px;
	display: block;
	margin: 7px auto 0 auto;
}

.rate_like>a>.grey {
	display: block;
	font-size: .85em;
	text-align: center;
	margin-top: .3em;
}

.comment .rate_like>a {
	display: inline-block;
}

.comment .rate_like>a>* {
	display: inline-block;
	vertical-align: middle;
}

.comment .rate_like>a>.grey {
	margin: .1em 0 0 6px;
}

.rate_like>a:hover .rate_like_icon {
	border-color: var(--color-primary);
}

.rate_like>a:hover .rate_like_icon .icon {
	fill: var(--color-primary);
}

.rate_like-dislike>.grey {
	display: block;
	font-size: .85em;
	text-align: center;
	margin-top: .3em;
}

.rate_like-dislike_in {
	position: relative;
	width: 1.875em;
	height: 3.82em;
	border-radius: 1.04em;
	border: 1px solid #404549;
}

.rate_like-dislike_in>a {
	display: block;
	height: 1.875em;
	text-align: center;
}

.rate_like-dislike_in>a:first-child:hover .plus_icon>span:before,
.rate_like-dislike_in>a:first-child:hover .plus_icon>span:after {
	background-color: var(--color-primary);
}

.rate_like-dislike_in>a:last-child .plus_icon {
	padding: .208em;
	margin: .278em;
	border: 0 none;
	border-radius: 50%;
	background-color: #404549;
}

.rate_like-dislike_in>a:hover:last-child .plus_icon {
	background-color: var(--color-primary);
}

.rate_like-dislike_in>a:last-child .plus_icon>span {
	margin: .208em 0 0 .208em;
}

.rate_like-dislike_in>a:last-child .plus_icon>span:after,
.rate_like-dislike_in>a:last-child .plus_icon>span:before {
	background-color: #fff;
}

.comment .rate_like-dislike {
	display: inline-block;
}

.comment .rate_like-dislike>* {
	display: inline-block;
	vertical-align: middle;
}

.comment .rate_like-dislike>.grey {
	margin: .1em 0 0 .417em;
}

.comment .rate_like-dislike_in {
	height: 1.875em;
	width: 3.82em;
}

.comment .rate_like-dislike_in>* {
	float: left;
}

.plus_icon,
.plus_icon>span {
	width: .903em;
	height: .903em;
}

.plus_icon {
	border: .49em solid transparent;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.plus_icon>span,
.plus_icon>span:before,
.plus_icon>span:after {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	position: absolute;
}

.plus_icon>span:before,
.plus_icon>span:after {
	background-color: #1a1a1a;
	content: "";
}

.plus_icon>span {
	left: 0;
	top: 0;
}

.plus_icon>span:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	margin-top: .417em;
}

.plus_icon>span:before {
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	margin-left: .417em;
}

.plus_icon.minus>span:before {
	display: none;
}

.meta {
	list-style: none;
	padding: 0 0 0 30px;
	margin: 0;
}

.meta>li {
	margin: 0 0 .6em 0;
	color: var(--color-text-secondary);
}

.meta>li>.icon {
	float: left;
	margin: 2px 0 0 -30px;
}

.meta>li.meta_date a {
	color: inherit;
}

.story_tags {
	padding-left: 30px;
	margin-top: 1.5em;
}

.story_tags>.icon {
	fill: #cdd0d3;
	float: left;
	margin: 4px 0 0 -30px;
}

.story:nth-child(2n) .tag_list>span>a {
	background-color: #fff;
}

.tag_list>span {
	margin: 0 2px 2px 0;
}

.tag_list>span,
.tag_list>span>a {
	display: inline-block;
}

.tag_list>span>a {
	color: inherit;
	text-decoration: none !important;
	padding: 3px .417em;
	border-radius: 2px;
	background-color: #f4f6f7;
}

.tag_list>span>a:hover {
	background-color: var(--color-primary) !important;
	color: #fff;
	position: relative;
}

.story.lefticons .text {
	width: 100%;
	margin-left: 30px;
}

p.text {
	text-align: center;
}

.story .more {
	margin-top: 10px;
}

.story .text:after {
	content: "";
	display: block;
	clear: both;
}

.story .text>img[style*="left"],
.story .text>.highslide img[style*="left"] {
	margin: 4px 20px 20px 0;
}

.story .text>img[style*="right"],
.story .text>.highslide img[style*="right"] {
	margin: 4px 0 20px 20px;
}

.story .text img {
	max-width: 100%;
	aspect-ratio: auto;
	height: auto;
}

.editdate {
	margin-top: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.attachment>a,
.attachment_error {
	border: 1px solid #d9dcde;
	border-radius: 2px;
	padding: 10px 20px;
	margin-top: 10px;
	color: inherit;
	display: block;
	font-size: .9em;
	text-decoration: none !important;
}

.attachment>a:hover {
	color: var(--color-primary);
}

.attachment>a>.icon {
	float: right;
	margin: 3px 0 0 15px;
}

.fixed_label {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	text-indent: -9999px;
	vertical-align: middle;
	border: solid transparent;
	border-top-color: #ffb027;
	border-width: 25px 25px 0 0;
}

.fullstory_foot {
	background-color: var(--color-bg-header);
}

.banner {
	padding: 25px 0;
	display: block;
	width: 100%;
	text-align: center;
	border-top: 1px solid #eceded;
	box-shadow: inset 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
}

.banner img {
	max-width: 100%;
	vertical-align: top;
}

.navigation {
	padding: 1.74em 0;
}

.navigation {
	font-size: 1.1em;
}

.navigation>.wrp {
	position: relative;
}

.navigation>.wrp:after {
	clear: both;
	display: block;
	content: "";
}

.navigation>.wrp>.icon {
	position: absolute;
	left: 0;
	margin-left: 1.39em;
	fill: #cdd0d3;
	margin-top: .139em;
}

.pages {
	padding-left: 4.17em;
	float: left;
}

.pages>* {
	color: inherit;
	display: inline-block;
	position: relative;
	padding: .417em .278em;
	min-width: 1.53em;
	height: 1.53em;
	line-height: 1.53em;
	border-radius: .139em;
	text-align: center;
	text-decoration: none !important;
}

.pages span {
	color: #fff;
	background-color: var(--color-primary);
	background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
	background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
}

.pages span.nav_ext {
	background: none;
	color: inherit;
}

.pages a:hover {
	color: var(--color-primary);
}

.page_next-prev {
	float: left;
	margin-left: 30px;
}

.page_next-prev>span>* {
	padding: .417em 1.11em;
	height: 1.53em;
	line-height: 1.53em;
	display: inline-block;
}

.page_next-prev>span .icon {
	margin: -.2em 0 0 0;
}

.splitnewsnavigation {
	margin: 1.5em 0;
	padding: 1.04em 0;
	font-weight: bold;
	border: 0 dashed #eceded;
	border-width: 1px 0;
	text-transform: uppercase;
}

.splitnewsnavigation>div {
	display: inline;
	margin-left: 1em;
}

.splitnewsnavigation a {
	color: inherit;
}

.splitnewsnavigation a,
.splitnewsnavigation span {
	padding: 6px 10px;
}

.splitnewsnavigation span {
	color: var(--color-primary);
}

.block {
	padding: 3.47em 0;
}

.block_title {
	margin: 0 0 1.5em 0;
	color: #caced1;
}

.block_title>* {
	margin: -.2em 0 0 0;
}

.col_news .grid_list>div>a {
	display: block;
	text-decoration: none !important;
	-webkit-transition: padding-left 0.4s ease;
	transition: padding-left 0.4s ease;
	position: relative;
	color: inherit;
	width: 90%;
	padding-right: 20px;
}

.col_news .grid_list>div>a * {
	cursor: pointer;
}

.col_news .grid_list>div>a:hover {
	padding-left: 30px;
}

.col_news .grid_list>div>a .title {
	display: block;
	margin-bottom: 1em;
}

.col_news .grid_list>div>a:hover .title {
	color: var(--color-primary);
}

.col_news .grid_list>div>a .hover_arrow {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: .25em;
}

.col_news .grid_list>div>a .text {
	font-size: .9em;
}

.hover_arrow {
	position: relative;
	width: 1.39em;
	height: 0;
	border-left: 1px solid var(--color-primary);
	overflow: hidden;
	display: block;
	opacity: 0;
}

.hover_arrow,
.hover_arrow:after,
.hover_arrow>.icon {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.hover_arrow>.icon {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -.69em;
}

.hover_arrow:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	margin-top: .42em;
	width: 0;
	height: 1px;
	background-color: var(--color-primary);
}

a:hover .hover_arrow {
	height: 26%;
	opacity: 1;
}

a:hover .hover_arrow>.icon {
	margin-left: .69em;
}

a:hover .hover_arrow:after {
	width: 1.32em;
}

.static_pages {
	margin-top: 1.5em;
	font-weight: bold;
}

.alert {
	background: #fcf6d2;
	padding: 20px 0;
}

.addcomments_form {
	border-bottom: 1px solid var(--color-primary);
	position: relative;
}

.addcomments_form .grid_1_4 .ultrabold {
	margin-top: -.2em;
}

.addcomments_form:after,
.addcomments_form:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -200px;
	border: solid transparent;
	border-top-color: var(--color-primary);
	border-width: 34px 34px 0 0;
}

.addcomments_form:after {
	margin: -2px 0 0 -199px;
	border-top-color: var(--color-bg);
}

ul.ui-form {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.ui-form>li {
	margin-bottom: 1.39em;
}

ul.ui-form>li:last-child {
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 1.39em;
}

.form-group>label {
	display: block;
	margin-bottom: .4em;
}

.form-group.imp>label:after {
	content: "*";
	margin: 0 0 0 .69em;
	color: var(--color-primary);
}

@media only screen and (min-width: 601px) {
	.form-group.combo:after {
		clear: both;
		display: table;
		content: "";
	}

	.form-group.combo>.combo_field {
		width: 50%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.form-group.combo>.combo_field:last-child {
		padding-left: .69em;
	}

	.form-group.combo>.combo_field:first-child {
		padding-right: .69em;
	}
}

@media only screen and (max-width: 600px) {
	.combo_field {
		margin-bottom: 20px;
	}
}

.form_submit {
	margin-top: 1.39em;
}

.form-sep {
	border-top: 1px solid #efefef;
}

#comment-editor .bb-editor textarea {
	height: 9.72em;
}

.addpm #comment-editor .bb-editor textarea {
	height: 23.61em;
}

.regtext {
	margin-bottom: 1.5em;
}

.login_check {
	position: relative;
}

.login_check>input {
	padding-right: 8.33em;
}

.login_check>.btn {
	width: 8.68em;
	height: 2.6em;
	padding: .38em .87em;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	font-size: .8em;
	margin: .43em;
}

#registration {
	text-align: left;
}

.com_list div.comment {
	position: relative;
	padding-right: 26%;
	padding-left: 130px;
	margin-bottom: 50px;
}

.searchcoms .comment {
	margin-bottom: 0;
}

.comment .grid_1_4 {
	position: absolute;
	right: 0;
	margin: 0;
}

.avatar {
	display: inline-block;
}

.avatar .cover {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	white-space: nowrap;
	text-indent: -9999px;
	display: inline-block;
}

.comment .avatar {
	border: 1px solid #caced1;
	float: left;
	padding: 6px;
	border-radius: 50%;
	background-color: #fff;
	margin-left: -130px;
	position: relative;
}

.com_author .avatar {
	border-color: #44494d;
}

.comment .avatar .cover,
.comment .avatar {
	width: 60px;
	height: 60px;
}

.comment .avatar .com_decor {
	width: 1px;
	height: 28px;
	position: absolute;
	background-color: #d9dcde;
	left: 99px;
	top: 9px;
}

.comment .avatar .com_decor:after,
.comment .avatar .com_decor:before {
	content: "";
	position: absolute;
	height: 1px;
	width: 13px;
	background-color: #d9dcde;
}

.comment .avatar .com_decor:after {
	left: 0;
	top: 0;
}

.comment .avatar .com_decor:before {
	right: 0;
	bottom: 0;
}

.com_info {
	margin-bottom: .6em;
	font-size: .9em;
}

.com_info>.name {
	margin-right: 6px;
}

.com_info>.date {
	margin-left: 6px;
}

.com_info>.name a {
	color: inherit;
}

.com_info .status {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.2em;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #d9dcde;
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.status.online {
	background-color: #a7cb37;
}

.comment .text>.title {
	margin-top: 0;
}

.com_tools .edit_btn,
.com_tools .mass {
	opacity: 0;
	-webkit-transition: opacity ease .3s;
	transition: opacity ease .3s;
}

.comment:hover .com_tools .edit_btn,
.comment:hover .com_tools .mass {
	opacity: 1;
}

.com_tools {
	margin: .6em 0 0 0;
	font-size: .9em;
	text-transform: lowercase;
}

.com_tools .edit_btn,
.com_tools .mass {
	float: right;
	margin-top: -3px;
}

.com_tools .mass input {
	margin: 4px 0 0 10px;
}

.com_tools_links {
	display: inline;
}

.com_tools_links>a {
	margin: 0 15px 0 0;
	text-decoration: none !important;
}

.com_tools_links>a:hover {
	color: var(--color-primary);
}

.com_tools_links>a>.icon {
	margin: -.2em 8px 0 0;
}

.comments-tree-list {
	position: relative;
	padding: 0 26% 0 0;
	margin: 0;
	list-style: none;
}

.comments-tree-list .comments-tree-list {
	position: static;
	padding: 0 0 0 130px;
}

.comments-tree-list .comments-tree-list .comments-tree-list,
.comments-tree-list .comments-tree-list .comment {
	padding-left: 60px;
}

.comments-tree-list div.comment {
	padding-right: 0;
	position: static;
}

.comments-tree-list .comments-tree-list .comment .com_decor {
	display: none;
}

.comments-tree-list .comments-tree-list .comment .avatar {
	padding: 3px;
	margin-left: -60px;
}

.comments-tree-list .comments-tree-list .comment .avatar .cover,
.comments-tree-list .comments-tree-list .comment .avatar {
	width: 32px;
	height: 32px;
}

.mass_comments_action {
	text-align: center;
	border-top: 1px dashed #eceded;
	padding: 20px 0;
}

.mass_comments_action>select {
	padding: 5px;
	width: 200px;
	margin-left: 1em;
}

#map {
	width: 100%;
}

.map_resp {
	width: 100%;
	padding-top: 30%;
	height: 0;
	position: relative;
}

.map_resp>#map {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: auto;
	border-radius: 4px;
	overflow: hidden;
}

.contact_head>.title {
	margin-top: 0;
}

.contacts {
	font-size: 1.1em;
}

.contacts>.grid_1_2 {
	padding-left: 42px;
}

.contacts>.grid_1_2 .icon {
	float: left;
	margin: 5px 0 0 -42px;
}

.pm-box {
	margin-bottom: 1.5em;
	background-color: #f4f6f7;
	border-radius: 2px;
}

#pm-menu:after {
	content: "";
	clear: both;
	display: block;
}

#pm-menu {
	border-bottom: 1px solid #fff;
}

#pm-menu>a {
	color: inherit;
	padding: 10px 30px;
	float: left;
	text-decoration: none !important;
	border-right: 1px solid #fff;
}

#pm-menu>a:first-child {
	border-radius: 2px 0 0 0;
}

#pm-menu>a:hover {
	color: var(--color-primary);
}

.pm_status {
	padding: 30px;
}

.pm_progress_bar {
	background-color: #cdd0d3;
	margin-bottom: 10px;
	border-radius: 2px;
	overflow: hidden;
}

.pm_progress_bar span {
	background: var(--color-primary);
	font-size: 0;
	height: 5px;
	border-radius: 2px;
	display: block;
	overflow: hidden
}

.userinfo_top {
	position: relative;
}

.userinfo_top:after {
	clear: both;
	display: block;
	content: "";
}

.userinfo_top .avatar {
	float: left;
	margin: 0 30px 0 0;
	padding: 6px;
	border: 1px solid var(--color-input-border);
	border-radius: 50%;
}

.userinfo_status {
	/* margin: -1em 0 1.2em 0; */
	font-size: .9em;
}

.user_tab {
	list-style: none;
	padding: 0;
	/* margin: 0;
	display: inline-block; */
	border: 0.5px solid var(--color-input-border);
	border-radius: 20px;
}

.user_tab:after {
	clear: both;
	display: block;
	content: "";
}

.user_tab>li {
	float: left;
}

.user_tab>li:first-child>a {
	border-left-width: 0;
}

.user_tab>li>a {
	border-left: 0.5px solid var(--color-input-border);
	display: block;
	text-decoration: none !important;
	color: inherit;
	font-size: .9em;
	font-weight: bold;
	color: #999;
	line-height: 20px;
	padding: 6px 20px;
}

.user_tab>li.active>a {
	color: inherit;
}

.usinf {
	list-style: none;
	padding: 0;
	margin: 0;
}

.usinf>li {
	padding: 12px 0;
	border-top: 0.5px solid var(--color-input-border);
}

.usinf>li:first-child {
	border-top-width: 0;
}

.ui-c1,
.ui-c2 {
	display: inline-block;
	vertical-align: top;
}

.ui-c1 {
	width: 30%;
	margin-right: 5%;
}

.ui-c2 {
	width: 60%;
}

.dle-popup-userprofile .ui-dialog-content {
	padding: 0;
}

.popup_userinfo_top {
	background-color: #f4f6f7;
	padding: 5px;
	text-align: center;
}

.popup_userinfo_top .avatar {
	vertical-align: top;
	border-radius: 50%;
	border: 1px solid #1a1a1a;
}

.popup_userinfo_top .avatar .cover {
	display: block;
	width: 80px;
	height: 80px;
	border: 6px solid #fff;
}

.popup_userinfo.useronline .avatar {
	border-color: #95c00e;
}

.popup_userinfo>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.popup_userinfo .usinf {
	padding: 0px 20px;
	font-size: .9em;
}

.stats_head>ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

.stats_head>ul>li {
	margin-top: 15px;
	padding-left: 30px;
}

.stats_head>ul>li:before {
	content: "";
	float: left;
	margin: 2px 0 0 -30px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ee2a4f;
}

.stats_head>ul>li>b {
	display: block;
	font-size: .8em;
	opacity: .5;
	font-weight: normal;
}

.stats_head>ul>li.stats_d:before {
	background-color: #ffb027;
}

.stats_head>ul>li.stats_w:before {
	background-color: #ff5a3a;
}

.stat_group {
	margin-bottom: 25px;
}

.stat_group>h5 {
	margin-top: 0;
	margin-bottom: 1em;
}

.stat_group>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.stat_group>ul>li {
	padding: .6em 0;
	border-top: 1px dotted #d5d5d5;
}

.searchpage {
	border-bottom: 3px dotted #eceded;
	padding-bottom: 50px;
	margin-bottom: 0;
}

.search_head_line .head {
	margin-bottom: .8em;
}

.search_result_num {
	font-size: .9em;
	margin: 25px 0 0;
}

.search table {
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}

#searchtable td,
#searchtable td div,
#searchtable table {
	margin: 0 !important;
	padding: 0 !important;
}

#searchtable td.search br {
	display: none;
}

td.search .bbcodes {
	margin: 0 !important;
}

td.search {
	vertical-align: top;
}

@media only screen and (max-width: 980px) {

	/* .tools .grid_last, .tools #toptags { display: none; } */
	.tools .grid_3_4 {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.foot .grid_1_2 {
		width: 74%;
	}

	.counters {
		float: none;
		clear: both;
		padding-top: 10px;
	}

	.counters>li:first-child {
		margin-left: 0;
	}

	.counters>li:hover {
		opacity: 1;
	}
}

@media only screen and (max-width: 860px) {
	.headpic.fixed {
		background-attachment: scroll;
	}

	.headpic>.wrp {
		padding: 49px 0 0 0;
	}

	.logotype {
		float: none;
		padding: 0px 20px;
		margin: 0;
		height: 55px;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topbar {
		position: absolute;
		left: 0;
		top: 0;
		background: #22282c;
		width: 100%;
		height: 49px;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	}

	.topbar #search {
		position: absolute;
		left: 50%;
		margin-left: -25px;
	}

	.h_btn {
		width: 49px;
		height: 49px;
		padding: 0;
	}

	.h_btn:after {
		width: 100%;
		height: 49px;
		border-radius: 0;
		margin-top: -49px;
	}

	.login>.avatar {
		padding: 3px;
		border: 0 none;
	}

	ul.login_form,
	.soc_links,
	.login_form_links {
		vertical-align: top;
		display: inline-block;
		float: none;
	}

	#loginpane {
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#loginpane>.wrp {
		white-space: nowrap;
		min-width: 960px;
	}

	.mainmenu_open,
	.mainmenu_open body,
	.mainmenu_open .page {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	#mainmenu {
		float: left;
	}

	#topmenu {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		width: 80%;
		height: 100%;
		background-color: var(--color-primary);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
		z-index: 99;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		color: #fff;
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
		opacity: 0;
		visibility: hidden;
	}

	.mainmenu_open #topmenu {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#topmenu a {
		color: #fff;
		display: block;
	}

	#topmenu ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#topmenu>ul {
		padding: 15px 0;
	}

	#topmenu>ul>li>a {
		padding: 15px 30px;
		font-size: 1.1em;
		text-decoration: none !important;
	}

	#topmenu ul ul>li>a {
		padding: 6px 30px 6px 48px;
		opacity: .8;
		text-decoration: none !important;
		position: relative;
	}

	#topmenu>ul>li>a:hover,
	#topmenu ul ul>li>a:hover {
		opacity: 1;
		background-color: #ff596a;
	}

	#topmenu ul ul>li>a:before {
		content: "";
		float: left;
		margin: .7em 0 0 -18px;
		width: 6px;
		height: 1px;
		background-color: #fff;
		opacity: .8;
	}

	#topmenu .icon-arrow_down {
		display: none;
	}

	.block_archives {
		display: none;
	}

	#closemenu {
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		height: 100%;
		width: 100%;
		cursor: pointer;
		z-index: 98;
	}

	.mainmenu_open #closemenu {
		display: block;
	}

	#closemenu:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color: #353c4c;
		opacity: .54;
	}

	#closemenu * {
		cursor: pointer;
	}

	#closemenu>span {
		z-index: 1;
		position: absolute;
		right: 0;
		top: 0;
		width: 20%;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#closemenu .icon {
		fill: #fff;
	}

	.addcomments_form .grid_3_4,
	.addcomments_form .grid_1_4 {
		float: none;
		margin: 0;
		width: auto;
	}

	.addcomments_form .grid_1_4 {
		margin-bottom: 20px;
	}

	.com_list div.comment {
		margin-bottom: 30px;
	}

	.com_list div.comment,
	.comments-tree-list .comments-tree-list {
		padding-left: 100px;
	}

	.comment .avatar {
		margin-left: -100px;
	}

	.com_decor {
		display: none;
	}
}

@media only screen and (max-width: 800px) {

	h1,
	.h1 {
		font-size: 1.6em;
	}

	h2,
	.h2 {
		font-size: 1.4em;
	}

	h3,
	.h3 {
		font-size: 1.3em;
	}

	h4,
	.h4 {
		font-size: 1.2em;
	}

	h5,
	.h5 {
		font-size: 1.1em;
	}

	body,
	select,
	input,
	textarea,
	button {
		font-size: 14px;
	}

	.vtitle {
		margin-left: 145px;
	}

	.story,
	.block,
	#footer {
		padding: 30px 0;
	}

	.addcomments_form:after,
	.addcomments_form:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -9px;
		border: solid transparent;
		border-top-color: var(--color-primary);
		border-width: 18px 18px 0 0;
	}

	.addcomments_form:after {
		margin: -2px 0 0 -8px;
		border-top-color: var(--color-bg);
	}

	.com_list div.comment,
	.comments-tree-list .comments-tree-list {
		padding-left: 60px;
	}

	.comment .avatar {
		padding: 3px;
		margin-left: -60px;
	}

	.comment .avatar .cover,
	.comment .avatar {
		width: 32px;
		height: 32px;
	}

	.com_decor {
		display: none;
	}

	.navigation,
	.navigation>.wrp {
		padding: 0;
	}

	.navigation>.wrp>.icon {
		display: none;
	}

	.pages {
		padding: 20px 0;
		float: none;
		padding-left: 0;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.pages>*:first-child {
		margin-left: 20px;
	}

	.pages>*:last-child {
		margin-right: 20px;
	}

	.page_next-prev {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
	}

	.page_next-prev:after {
		clear: both;
		display: block;
		content: "";
	}

	.page_next-prev>* {
		float: left;
		width: 50%;
	}

	.page_next-prev>*:last-child {
		text-align: right;
	}

	.page_next-prev>span>* {
		display: block;
		padding: 10px 20px;
	}
}

@media only screen and (max-width: 700px) {

	h1,
	.h1 {
		font-size: 1.5em;
	}

	h2,
	.h2 {
		font-size: 14px;
	}

	h3,
	.h3 {
		font-size: 1.3em;
	}

	h4,
	.h4 {
		font-size: 1.2em;
	}

	h5,
	.h5 {
		font-size: 1.1em;
	}

	body,
	select,
	input,
	textarea,
	button {
		font-size: 13px;
	}


	#tools,
	.foot_menu,
	.foot,
	.droptopbar,
	.com_info,
	.com_tools,
	.vote_line_form .dropdown .dropdown-form .vote_list {
		font-size: 1em;
	}

	#loginpane>.wrp {
		min-width: 0;
	}

	ul.login_form,
	.soc_links,
	.login_form_links {
		display: block;
		margin-right: 0;
		margin-left: 0;
	}

	.login_form>li {
		float: none;
		width: auto;
	}

	.login_form>li>input,
	.login_form>li>.btn {
		border-left-width: 0;
		border-top: 1px solid #383e42;
	}

	.login_form>li:first-child>input {
		border-top-width: 0;
	}

	.login_form>li>.btn {
		width: 100%;
		color: var(--color-primary) !important;
	}

	.loginf_open #loginpane {
		margin-top: -220px;
	}

	ul.login_form {
		margin-top: 20px;
	}

	.loginf_open #loginpane,
	.loginf_open .page:before {
		height: 220px;
	}

	#loginpane .soc_links,
	.login_form_links {
		text-align: center;
	}

	.login_form_links>a:first-child {
		margin-left: 0;
	}

	#loginpane .name,
	#loginpane .login_menu,
	.loggedpane .login_form_links {
		display: inline;
		float: none;
	}

	.loggedpane>.wrp {
		padding-top: 20px;
	}

	.loggedpane .login_form_links {
		padding-right: 20px;
	}

	/* .head_text {
		width: auto;
    height: 80px;
    padding: 0px 0px 10px 0px;
	} */

	.head_text_in>.title {
		font-size: 2.1em;
	}

	.head_text_in>.text {
		font-size: 1.2em;
	}

	.tools {
		height: 60px;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		/* -webkit-overflow-scrolling: touch; */
	}

	.wrp form {
		flex-wrap: wrap;
		margin: 20px 0px;
	}

	#sort,
	#breadcrumbs {
		padding: 14px 0;
		display: inline-block;
	}

	#sort>.icon,
	#breadcrumbs>.icon {
		display: none;
	}

	.tools .grid_3_4,
	.tools .speedbar {
		display: inline;
		padding-right: 20px;
	}

	.feedback .grid_1_4 {
		margin-bottom: 20px;
	}

	.map_resp {
		padding-top: 60%;
	}

	.story,
	.block {
		padding: 20px 0;
	}

	.story_info {
		float: none;
		font-size: 1em;
	}

	.story_icons {
		position: relative;
		float: right;
	}

	.story.lefticons .title {
		padding-left: 0;
	}

	.story.lefticons .text {
		margin-left: 15px;
	}

	.poll_block {
		margin: 20px 0;
	}

	.meta_date {
		display: none;
	}

	.storyinfo_link {
		margin-bottom: 0;
	}

	.storyinfo_box {
		padding-top: 20px;
	}

	.story_cont {
		margin-top: 20px;
	}

	/* .story .head {
		margin-bottom: 10px;
		margin-top: 10px;
	} */

	.story .head .title {
		margin-top: 0;
	}

	.com_list div.comment {
		margin-bottom: 25px;
	}

	.comments-tree-list,
	.com_list div.comment {
		padding-right: 0;
	}

	.com_list div.comment,
	.comments-tree-list .comments-tree-list .comment {
		padding-left: 0;
	}

	.comments-tree-list .comments-tree-list,
	.comments-tree-list .comments-tree-list .comments-tree-list {
		padding-left: 23px;
	}

	.comment .grid_1_4 {
		position: static;
		float: left;
	}

	.comment .avatar .cover,
	.comment .avatar {
		width: 23px !important;
		height: 23px !important;
	}

	.comment .avatar {
		margin: 0 !important;
		padding: 2px !important;
	}

	.com_content {
		clear: both;
		padding-top: 10px;
	}

	.comment .rate {
		margin-left: 10px;
	}

	.comment .rate_stars {
		margin: 6px 0 0 0;
	}

	#footer {
		padding: 20px 0 0 0;
	}

	.ca {
		float: none;
		display: block;
		margin-top: 20px;
	}

	.counters {
		background-color: #f8f8f8;
		float: none;
		text-align: center;
		margin: 20px -20px 0 -20px;
		padding: 15px 0;
	}

	.counters>li:first-child {
		margin-left: 0;
	}

	.counters>li {
		float: none;
		display: inline-block;
		margin-left: 2px;
	}

	.foot .grid_1_2 {
		width: auto;
	}

	.foot_menu {
		margin: 0 0 20px 0;
		padding: 0 0;
	}

	.foot_menu>li {
		float: none;
		width: auto;
		padding: 0;
	}

	.foot_menu>li:first-child>b {
		border-top-width: 0;
	}

	.foot_menu>li>b {
		cursor: pointer;
		margin: 0;
		padding: 5px 0 5px 32px;
		color: var(--color-primary);
	}

	.foot_menu>li>b.collapsed {
		color: #caced1;
	}

	.foot_menu>li>b i {
		display: block;
		float: left;
		width: 13px;
		height: 1px;
		position: relative;
		margin: 9px 0 5px -32px;
		background-color: var(--color-primary);
		border-radius: 2px;
	}

	.foot_menu>li>b.collapsed i,
	.foot_menu>li>b.collapsed i:after {
		background-color: var(--color-primary);
	}

	.foot_menu>li>b.collapsed i:after {
		content: "";
		display: block;
		margin: -6px auto 0 auto;
		height: 13px;
		width: 1px;
		border-radius: 2px;
	}

	.foot_menu>li .collapse {
		display: none;
	}

	.foot_menu>li .collapse.in {
		display: block;
	}

	.foot_menu>li nav {
		padding: 10px 32px;
		padding-top: 0;
	}

	.block_title {
		margin-bottom: 1em;
	}

	.col_news .grid_list .grid_1_4 {
		margin-top: 20px;
	}

	.col_news .grid_list>div>a .title {
		margin-bottom: .5em;
	}

	.col_news .grid_list>div>a {
		padding: 0;
		width: 100%;
	}

	.vote_line {
		text-align: center;
	}

	.vote_line_title {
		display: inline-block;
		font-size: 1.2em;
		color: #fff;
		background-color: #444;
		padding: 10px 10px;
		margin-top: 0;
		position: relative;
		width: 80px;
		text-align: center;
	}

	.vote_line_title:after {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		border: solid transparent;
		border-top-color: #444;
		border-width: 5px 50px 0 50px;
	}

	.vtitle {
		margin-left: 0;
		font-weight: bold;
		color: #fff;
	}

	.vote_line_title .vote_icon,
	.vote_line_form .dropdown>.btn {
		display: none;
	}

	.vote_line_form .dropdown .dropdown-form {
		position: static;
		margin: 0 auto;
		display: block;
		text-align: left;
	}

	.more_votes {
		display: block;
	}

	.bb-pane {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	#comment-editor .bb-editor textarea {
		height: 240px;
	}

	.bb-btn {
		float: none;
		display: inline-block;
		margin-left: -.3em !important;
	}

	.mass_comments_action {
		margin-top: 20px;
	}

	.comments_box_in .mass_comments_action {
		margin-top: 20px;
		padding-top: 0;
	}

	.pm_status {
		padding: 20px;
	}

	#pm-menu {
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	#pm-menu>a {
		display: inline-block;
		float: none;
		padding: 10px 20px;
	}

	.pmlist {
		width: 100%;
		margin: 0 -20px;
		padding: 0 20px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.pmlist>form {
		min-width: 800px;
		padding-right: 20px;
	}

	.stats_head>ul {
		font-size: 1em;
		margin-bottom: 20px;
	}

	.block_table_top_users {
		padding: 0;
		margin-top: 40px;
	}

	.block_table_top_users>.title {
		padding: 0 20px;
	}

	.table_top_users {
		padding-bottom: 20px;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.table_top_users>table {
		width: 800px;
	}

	.form_submit .c-capcha {
		float: none;
		margin-bottom: 20px;
	}

	.form_submit .c-capcha {
		padding-left: 100px;
		position: relative;
	}

	.form_submit .c-capcha img {
		position: absolute;
		left: 0;
	}

	.form_submit .c-capcha input {
		width: 100%;
	}

	#dofullsearch {
		display: none;
	}

	#add_news_preview {
		display: none;
	}

	.ui-dialog {
		width: auto !important;
		left: 10px !important;
		right: 10px;
	}

	.ui-dialog-buttonset>.ui-button {
		margin: 2px;
	}

	.userinfo_top {
		text-align: center;
	}

	.userinfo_top .avatar {
		float: none;
		margin: 0 0 20px 0;
	}

	.ui-c1,
	.ui-c2 {
		display: block;
		width: auto;
		margin-right: 0;
	}

	.user_tab {
		font-size: .9em;
	}

	.user_tab>li>a {
		padding: 4px 10px;
	}

}

@media only screen and (max-width: 600px) {
	.mejs-container {
		max-width: 100%;
	}

	.story video {
		max-width: 100%;
	}

	.story iframe {
		max-width: 100%;
	}

	.mass_comments_action>select,
	.mass_comments_action>input {
		display: block;
		width: 100%;
		margin: 0;
	}

	.mass_comments_action>select {
		margin: 5px 0;
	}
}

@media only screen and (max-width: 520px) {
	.head_text_in>.title {
		font-size: 1.6em;
	}

	.head_text_in>.text {
		font-size: 1em;
	}

	.com_tools_links>a>span {
		display: none;
	}
}

@media only screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
}

.grecaptcha-badge {
	display: none;
}

p {
	margin-block-start: .7em;
	margin-block-end: .7em;
}

.dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane {
	padding: .694em;
}

.file-preview-card,
.mediaupload-box {
	background-color: #fff;
}

.dle-popup-mediaupload .mediaupload-insert-params {
	background-color: #ededed !important;
	border-top: 1px solid #ededed !important;
}

.upload-options .checkbox-inline {
	padding-left: 0 !important;
}

.dle-popup-mediaupload textarea,
.dle-popup-mediaupload input[type="text"] {
	height: auto;
	line-height: 1;
	padding: .35em;
}

.dle-popup-mediaupload select {
	line-height: 1;
}

.less {
	box-shadow: rgb(0 0 0 / 6%) 0px 0px 0px 1px, rgb(0 0 0 / 40%) 0px 10px 20px -5px;
}

figure.image {
	display: table;
	margin: 1.11em auto;
}

figure.image:first-child {
	margin-top: 0;
}

figure.image:last-child {
	margin-bottom: 0;
}

figure.align-left {
	float: left;
	margin-right: .555em;
}

figure.align-right {
	float: right;
	margin-left: .555em;
}

figure.image.align-center {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

figure.image figcaption {
	padding: 1.24em;
	background-color: #fafafa;
	font-size: .9em;
	caption-side: bottom;
	word-break: break-word;
	text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

#check-all-box {
	margin-bottom: .444em;
}

.searchtable .form-check-label {
	display: block;
	margin-bottom: .555em;
}

.checkbox,
.dle-popup-mediaupload .checkbox {
	margin: .666em 0 .222em 0 !important;
}

.form-check-label {
	cursor: pointer;
}

.form-check-input {
	color: var(--color-primary);
	flex-shrink: 0;
	width: 1.244em;
	height: 1.244em;
	margin: -0.209em 0.694em 0 0;
	appearance: none;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid var(--color-primary);
	vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff485b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff485b'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
	border-radius: .278em;
}

.form-check-input[type=radio] {
	border-radius: 50%;
}

p {
	margin-block-start: 0;
	margin-block-end: .7em;
}

p:last-child {
	margin-bottom: 0;
}

.text ul,
.text ol {
	margin-top: 0;
	margin-bottom: .7em;
}

.text ul:last-child,
.text ol:last-child {
	margin-bottom: 0;
}

.text div+p,
.text div+ul,
.text div+ol,
.text div+h1,
.text div+h2,
.text div+h3,
.text div+h4,
.text div+h5,
.text div+h6 {
	margin-top: 0.7em;
}

/* Фильтр */
/* ------------------ */
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

@property --hue {
	syntax: "<angle>";
	inherits: true;
	initial-value: 180deg;
}

@keyframes rotateHue {
	0% {
		--hue: 180deg;
	}

	25% {
		--hue: 360deg;
	}

	100% {
		--hue: 180deg;
	}
}

select {
	appearance: none;

	@supports (appearance: base-select) {

		&,
		&::picker(select) {
			appearance: base-select;
			animation: rotateHue 10s infinite;
		}
	}
}

select {
	display: flex;
	justify-content: space-between;
	min-width: 300px;
	align-items: center;
	color: var(--color-text-secondary);
	padding-block: 10px;
	padding-inline: 20px 30px;
	border-radius: 4px;
	border: 0.5px solid var(--color-input-border);
	cursor: pointer;
	background: var(--color-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A") right 15px center / 20px no-repeat;

	@supports (appearance: base-select) {
		padding-inline: 15px;
		background-image: none;

		/* Remove original arrow option */
		img {
			width: 30px;
			line-height: 1;
		}

		&::picker-icon {
			content: "";
			width: 20px;
			height: 20px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
			transition: rotate 0.2s ease-out;
		}

		&:open::picker-icon {
			rotate: 180deg;
		}

		&::picker(select) {
			padding: 0;
			margin-top: 6px;
			border: 1px solid #bebfc1;
			background: #f4f6f7;
			border-radius: 4px;
			font-weight: semi-bold;
			opacity: 0;
			height: 0;
			overflow: clip;
			transition: height 0.5s ease-out, opacity 0.5s ease-out, overlay 0.5s,
				display 0.5s;
			transition-behavior: allow-discrete;
		}

		&:open::picker(select) {
			opacity: 1;
			height: calc-size(auto, size);
			overflow: auto;

			@starting-style {
				opacity: 0;
				height: 0;
			}
		}

		option {
			display: flex;
			align-items: center;
			cursor: pointer;
			padding: 10px;
			gap: 10px;
			border-top: 1px solid #bebfc1;

			&:where(:hover, :focus, :active) {
				background: #4B534B;
				color: white;
				font-weight: bold;
			}

			&:checked {
				background: #50C878;
				color: white;
				font-weight: bold;
			}

			&::checkmark {
				display: none;
				/* Remove original active option */
			}
		}

		selectedcontent {
			display: flex;
			align-items: center;
			gap: 10px;
		}
	}
}

/* ===== СВЕТЛАЯ ТЕМА: стрелка #6c757d ===== */
select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236c757d' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E") !important;
}

/* ===== ТЁМНАЯ ТЕМА: стрелка #a0a4b8 ===== */
.dark-theme select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a0a4b8' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E") !important;
}

/* ===== ПОДДЕРЖКА @supports (appearance: base-select) ===== */
@supports (appearance: base-select) {

	/* Светлая тема */
	select {
		background-image: none !important;
	}

	select::picker-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236c757d' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E") !important;
	}

	/* Тёмная тема */
	.dark-theme select {
		background-image: none !important;
	}

	.dark-theme select::picker-icon {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23a0a4b8' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E") !important;
	}
}


/* body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-family: "Poppins", sans-serif;
  background-color: #636E63;
} */
/* ----------- */

/* body {
  font-family: Arial, sans-serif;
  font-size: 20px;
  padding: 0 20px;
} */

main {
	text-align: center;
	margin: 0 auto;
	max-width: 800px;
}

p {
	text-align: left;
	padding: 0 20px;
}

fieldset {
	margin-bottom: 40px;
	border-radius: 10px;
	padding: 30px;
}

label {
	position: relative;
}

input[type="radio"],
input[type="checkbox"] {
	appearance: none;
	background: #fff;
	border: 1px solid #415674;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	border-radius: 100%;
	vertical-align: text-bottom;
	position: relative;
}

input[type="checkbox"] {
	border-radius: 4px;
}

input[type="radio"]::before,
input[type="checkbox"]::before {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	top: 0;
}

input[type="radio"]:checked::before {
	border: 5px solid transparent;
	border-radius: 100%;
	background: #4b83fc;
	margin: 4px;
}

input[type="checkbox"]:checked::before {
	border-right: 3px solid #4b83fc;
	border-bottom: 3px solid #4b83fc;
	height: 90%;
	width: 30%;
	transform: rotate(50deg) translateY(-20%) translateX(-10%);
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: solid 1px;
	outline-offset: 2px;
}

/* ______________________ */
.card {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 2px;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.card-header {
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	margin-bottom: 0;
	padding: .75rem 1rem;
	background-color: rgba(0, 0, 0, .03);
}

.card-header:first-child {
	border-radius: calc(2px - 1px) calc(2px - 1px) 0 0;
}

.card-title {
	margin-bottom: 0;
}

.list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

.last-update-header {
	background-color: rgba(0, 0, 0, .15);
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.di-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.mr-1 {
	margin-right: .25rem !important;
}

.d-none {
	display: none !important;
}

@media (min-width: 1200px) {
	.d-xl-inline {
		display: inline !important;
	}
}

.bb-dashed-1 {
	border-bottom: 1px dashed;
	color: #ff5c57;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

.bb-dashed-1:before {
	content: attr(data-effect-close);
}

.collapse {
	display: none;
}

.collapse.show {
	display: block;
}

.scroll {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
}

.list-group-item-action {
	width: 100%;
	color: #212529;
	text-align: inherit;
}

.list-group-item:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.cursor-pointer {
	cursor: pointer;
}

.border-left-0 {
	border-left: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-right-0 {
	border-right: 0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.media {
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.w-100 {
	width: 100% !important;
}

.last-update-img {
	width: 48px;
	margin-right: .5rem !important;
}

.img-square {
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border-radius: 50%;
}

.media-body {
	min-width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.mr-auto {
	margin-right: auto !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.last-update-title {
	max-height: 46px;
	overflow: hidden;
	font-weight: 600;
}

.text-right {
	text-align: right !important;
}

.text-truncate {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
}

.text-gray-dark-6 {
	color: rgba(0, 0, 0, .6);
}

.media-body .season-info {
	display: none;
}

/* ===== ПЕРЕКЛЮЧАТЕЛЬ ===== */
.theme-switch-wrapper {
	display: inline-block;
	margin: 10px;
}

.theme-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
	cursor: pointer;
}

.theme-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* Ползунок */
.slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ccc;
	border-radius: 30px;
	transition: 0.4s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

/* Круглая ручка */
.slider::before {
	content: "";
	position: absolute;
	height: 24px;
	width: 24px;
	left: 2px;
	/* bottom: 3px; */
	background: var(--color-bg-header);
	border-radius: 50%;
	transition: 0.4s;
	/* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
	z-index: 1;
	border: 0.5px solid var(--color-input-border);
}

/* Активное состояние (тёмная тема) */
input:checked+.slider {
	background: var(--color-bg);
	border: 0.5px solid var(--color-input-border);
}

input:checked+.slider::before {
	transform: translateX(30px);
}

/* Иконки внутри переключателя */
.icon {
	font-size: 14px;
	z-index: 1;
	user-select: none;
	line-height: 1;
}

.icon.sun {
	color: #f39c12;
	width: 18px;
	height: 18px;
}

.icon.moon {
	color: var(--color-text-secondary);
	width: 18px;
	height: 18px;
}

.icon-mode-dark,
.icon-mode-light {
	font-size: 18px;
}

/* Адаптация под разные размеры */
@media (max-width: 600px) {
	.theme-switch {
		width: 50px;
		height: 26px;
	}

	.slider::before {
		height: 20px;
		width: 20px;
		left: 3px;
		bottom: 3px;
	}

	input:checked+.slider::before {
		transform: translateX(24px);
	}

	.icon {
		font-size: 12px;
	}
}

/* ===== БЛОКИРОВКА ПСЕВДОЭЛЕМЕНТОВ ===== */
#playerContainer:after,
#playerContainer:before,
#playerContainer *:after,
#playerContainer *:before,
.player-container:after,
.player-container:before,
.player-iframe-wrap:after,
.player-iframe-wrap:before,
.player-topbar:after,
.player-topbar:before,
.player-container.active:after,
.player-container.active:before,
#playerContainer.active:after,
#playerContainer.active:before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* ===== ОБЩИЕ СТИЛИ ===== */
.player-wrapper {
	max-width: 900px;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

/* ===== КНОПКА ЗАГРУЗКИ ===== */
.player-load-btn {
	display: inline-block;
	padding: 10px 20px;
	background: var(--color-primary);
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-bottom: 15px;
}

.player-load-btn:hover {
	transform: translateY(-2px);
	/* box-shadow: 0 6px 25px rgba(102, 126, 234, 0.6); */
}

.player-load-btn:active {
	transform: translateY(0);
}

.player-load-btn.loading {
	background: #2ccdff;
	pointer-events: none;
	opacity: 0.7;
}

/* ===== КОНТЕЙНЕР ПЛЕЕРА ===== */
.player-container {
	/* background: #0a0a0a; */
	border-radius: 4px;
	overflow: hidden;
	display: none;
	border: 0.5px solid var(--color-border);
}

.player-container.active {
	display: block;
	animation: slideDown 0.4s ease;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ===== ВЕРХНЯЯ ПАНЕЛЬ ===== */
.player-topbar {
	background: var(--color-bg-header);
	padding: 12px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 0.5px solid var(--color-input-border);
}

.player-status {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #a8b2d1;
	font-size: 14px;
}

.player-status .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	flex-shrink: 0;
}

.player-status .dot.idle {
	background: #6b7280;
	animation: none;
}

.player-status .dot.loading {
	background: #facc15;
	animation: pulse 1s infinite;
}

.player-status .dot.loaded {
	background: #4ade80;
	animation: none;
}

.player-status .dot.error {
	background: #ef4444;
	animation: none;
}

@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.5;
		transform: scale(0.8);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.player-title {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}

/* ===== КНОПКА ЗАКРЫТИЯ ===== */
.player-close-btn {
	background: var(--color-bg-btn);
	border: 0.5px solid var(--color-input-border);
	color: #fff;
	padding: 6px 16px;
	border-radius: 20px;
	cursor: pointer;
	font-size: 13px;
	transition: all 0.3s ease;
}

.player-close-btn:hover {
	background: var(--color-bg-btn);
	border-color: var(--color-bg-btn);
}

/* ===== IFrame ===== */
.player-iframe-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border-radius: 0px 0px 4px 4px;
	overflow: hidden;
	object-fit: cover;
    background: url(../images/no-video.svg) no-repeat center / 100% 100%;
}

.player-iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* ===== СОСТОЯНИЕ ЗАГРУЗКИ ===== */
.player-loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 10;
	color: #fff;
	font-size: 16px;
}

.player-loading-overlay.active {
	display: flex;
}

.player-loading-overlay .spinner {
	width: 50px;
	height: 50px;
	border: 4px solid rgba(255, 255, 255, 0.1);
	border-top: 4px solid #667eea;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 15px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* ===== АДАПТИВ ===== */
@media (max-width: 600px) {
	.player-topbar {
		flex-direction: column;
		gap: 10px;
		align-items: stretch;
		flex-direction: row;
	}

	.player-controls {
		display: flex;
		justify-content: flex-end;
	}

	.player-load-btn {
		width: 100%;
		text-align: center;
	}

	.player-title {
		text-align: center;
	}
}