: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: 2dppx) {
	:root {
		--font-size-xs: clamp(.75rem, calc(1.05vw - 0.21rem), 1.05rem);
		--font-size-sm: clamp(.86rem, calc(1.05vw - 0.10rem), 1.16rem);
		--font-size-base: clamp(.9rem, calc(1.05vw - 0.06rem), 1.2rem);
		--font-size-lg: clamp(1rem, calc(1.05vw + 0.04rem), 1.3rem)
	}
}

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; vertical-align: baseline } article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }

html { height: 100%; min-height: 100%; }
body { min-height: 100%; }
html, html a { -webkit-font-smoothing: antialiased; }

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto
	}
}
.wrp {
	max-width: 105em;
}
body, select, input, textarea, button {
	font-family: system-ui;
	font-size: var(--font-size-base);
	line-height: 1.5;
	color: #353535;
	outline: none;
}
	a { 
		outline: none;
		color: #3394e6;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	.meta a, .speedbar a, .tag_list a, .vote_more a, .story_tools .category a { color: #0c5f7e; }

	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 0 0 .7rem 0;
	line-height: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,.h1:last-child,.h2:last-child,.h3:last-child,.h4:last-child,.h5:last-child {
	margin-bottom: 0;
}

h1, .h1 { font-size: calc(var(--font-size-lg) * 1.375); }
h2, .h2 { font-size: calc(var(--font-size-lg) * 1.25); }
h3, .h3 { font-size: calc(var(--font-size-lg) * 1.125); }
h4, .h4 { font-size: var(--font-size-lg); }
h5, .h5 { font-size: calc(var(--font-size-lg) * .875); }
h6, .h6 { font-size: calc(var(--font-size-lg) * .75); }

.addcomment h3 { margin: .3em 0 .6em 0; }

.dlevideoplayer ul[data-theme] {
	display: none;
}

.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; }
.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: 20px; margin-bottom: 25px; }
	fieldset legend { font-weight: bold; }

.grey { color: #64748b; }
.grey a { color: inherit; }
.grey a:hover { color: #353535; }
.blue { color: #3394e6; }
.orange { color: #e85319; }

sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; 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;}

	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 #eeeeef; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

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

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

@media only screen and (min-width: 601px) {
.grid_1_2, .grid_1_4 {
	float: left; margin-right: 4%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
	.grid_1_2 { width: 48%; }
	.grid_1_4 { width: 22%; }
	.grid_last { margin-right: 0; }
}

.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); 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: 40px; }

	.dropdown-menu.dot:before, .dropdown-form.dot:before {
		content: "";
		position: absolute;
		top: 0; left: 50%;
		margin: -11px 0 0 -11px;
		width: 22px; height: 22px;
		border-radius: 50%;
		background-color: #fff;
	}


	.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; }

.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: inline-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; }

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

.icon {
	display: inline-block;
	width: 2.22em;
	height: 2.22em;
	fill: #0c5f7eed;
	vertical-align: middle;
}
	.icon-logo { width: 2.92em; height: 2.92em; }

	.icon-vk { width: .7em; height: 1em; }
	.icon-tw { width: .98em; height: 1em; }
	.icon-fb { width: .56em; height: 1em; }
	.icon-gp { width: 1.26em; height: 1em; }
	.icon-ya { width: .49em; height: 1em; }
	.icon-od { width: .7em; height: 1em; }
	.icon-mail { width: 1.12em; height: 1em; }

	.grey .icon { fill: #64748b; }

body { background: #f1f5f9; }

.conteiner:after, #header:after { clear: both; content: ""; display: table; }
.midside {
	float: left;
	padding: 0 24.31em 0 13%;
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.rightside {
	float: right;
	width: 20.83em;
	padding: 0 1.74em;
	margin-left: -24.31em;
	position: relative;
}

#header { margin-bottom: 1.74em; }
#header, #header_menu { height: 5.56em; }
.header {
	width: 100%; height: 0; z-index: 22;
	position: fixed;
	left: 0; top: 0;
}
	.header .midside { height: 0; }
	#header_menu {
		position: relative; z-index: 15;
		padding: 0 1.74em;
		background-color: rgb(12 95 126 / 93%);
		border-radius: 0 0 2px 2px;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

#mobile_menu_btn {
	position: absolute;
	left: 0; top: 0;
	width: 40px; height: 80px;
	text-transform: lowercase;
	white-space: nowrap;
	border: 0 none;
	background-color: transparent;
	color: #fff;
	padding: 5px;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,0.1)
}
	#mobile_menu_btn > *, #mobile_menu_btn { cursor: pointer; }
	.menu_toggle { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin: -2px 6px; position: relative; }
	.menu_toggle > i {
		height: 2px; width: 100%;
		background-color: #fff;
		position: absolute;
		left: 0; top: 0;
		-webkit-transition: all ease .2s; transition: all ease .2s;
	}
	.mt_1 { margin-top: 2px; }
	.mt_2 { margin-top: 8px; }
	.mt_3 { margin-top: 14px; }
	.menu_toggle__title { display: none; }
	.mobile-menu_open #mobile_menu_btn .mt_1 {
		-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	}
	.mobile-menu_open #mobile_menu_btn .mt_2 { opacity: 0; }
	.mobile-menu_open #mobile_menu_btn .mt_3 {
		-webkit-transform: rotate(45deg); transform: rotate(45deg);
	}

.logotype {
	white-space: nowrap;
	color: #fff;
	text-decoration: none !important;
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 5.55em;
}
	.logotype .logo_title {
		margin: 0 0 0 .9em;
		font-size: calc(var(--font-size-lg) * 1.25);
		line-height: 1.7em;
		font-weight: normal;
	}
	.logotype .icon-logo { fill: #fff; }

	#top_menu { margin: 0 1.74em; flex: 1 auto; white-space: nowrap; text-align: center; cursor: default; }
	#top_menu > a {
		text-decoration: none !important;
		display: inline-block;
		color: #fff;
		position: relative;
		z-index: 2;
		padding: .694em 1.389em;
		opacity: .8;
	}
	#top_menu > a:after {
		content: "";
		position: absolute;
		left: 50%; top: 50%;
		margin: -5px 0 0 -5px;
		width: .694em; height: .694em;
		border-radius: 100%;
		background-color: #fff;
		overflow: hidden;
		opacity: 0;
	}
	@-webkit-keyframes sun {
		0% { margin: -5px 0 0 -5px; width: .694em; height: .694em; opacity: 0; }
		50% { margin: -3.472em 0 0 -3.472em; width: 6.94em; height: 6.94em; opacity: .15; } 
		100% { margin: -5.55em 0 0 -5.55em; width: 10em; height: 10em; opacity: 0; }
	}
	@keyframes sun {
		0% { margin: -5px 0 0 -5px; width: .694em; height: .694em; opacity: 0; }
		50% { margin: -3.472em 0 0 -3.472em; width: 6.94em; height: 6.94em; opacity: .15; } 
		100% { margin: -5.55em 0 0 -5.55em; width: 10em; height: 10em; opacity: 0; }
	}

	#top_menu > a:hover { z-index: 1; opacity: 1; }
	#top_menu > a:hover:after {
		-webkit-animation: sun .3s ease;
		animation: sun .3s ease;
	}

	#top_menu > a.active { cursor: default; opacity: 1; }
	#top_menu > a.active:before {
		content: "";
		position: absolute;
		left: 50%; top: 100%;
		width: .278em; height: .278em;
		margin: -.139em 0 0 -.139em;
		border-radius: 50%;
		background-color: #fff;
	}
	#top_menu > a.active:after { display: none; }

#login_pane {
	list-style: none;
	padding: 0; margin: 0;
}
	#login_pane > li > .btn-border {
		border-color: rgba(255,255,255,0.2);
		color: #fff;
		white-space: nowrap;
		text-shadow: none;
	}
	#login_pane > li > .btn-border:hover {
		border-color: #fff;
		box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2);
	}
	#login_pane > li > .btn-border .over { max-width: 120px; margin-top: -2px; }
	#login_pane > li > .btn-border > .pm_num { margin-top: -3px; vertical-align: middle; display: inline-block; }
	.pm_num {
		font-size: calc(var(--font-size-lg) * .69);
		background-color: #fff;
		border-radius: 50%;
		min-width: 1.09em; height: 1.09em;
		line-height: 1.09em;
		margin: -.181em -1.27em 0 1.09em;
		padding: .278em;
		color: #0c5f7e;
		text-align: center;
		vertical-align: middle;
	}

	#login_pane .dropdown-form {
		text-align: center;
		left: 50%;
		padding: 2.71em; margin-left: -10.42em;
		width: 15.28em;
	}
	.dropdown-form .soc_links { margin: 0; }
	.dropdown-form .soc_links > a { margin-bottom: 1.389em; }
	.login_form {
		list-style: none;
		padding: 0; margin: 0;
		border-bottom: 1px solid #efefef;
	}
	.login_form > li {
		border-top: 1px solid #efefef;
		display: block;
		position: relative;
	}
	.login_form > li > label { display: none; }
	.login_form > li > input {
		border: 0 none;
		padding: 19px; padding-left: 23px;
		border-radius: 0;
		background-color: transparent;
		width: 100%; height: 60px;
	}
	.login_form > li > .icon {
		position: absolute;
		left: 0; top: 50%;
		margin: -7px 0 0 0;
		height: 14px; width: 1em;
	}
	.login_form > li.login_input-btn > input { padding-right: 65px; }
	.login_form > li.login_input-btn > .btn {
		position: absolute;
		right: 0; top: 50%;
		margin-top: -18px; padding: 0;
		width: 54px;
	}
	.login_form__foot { text-align: left; margin-top: 20px; }

	.dropdown-form.logged:after {
		content: "";
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 6.875em;
		z-index: -1;
	}
		.dropdown-form.logged:before, .dropdown-form.logged:after { background-color: #f1f5f9; }
		.login_pane__info .avatar { margin: .833em 0; }
		.login_pane__menu {
			list-style: none;
			padding: 0; margin: 1.74em 0;
			text-align: left;
			border-bottom: 1px solid #efefef;
		}
		.login_pane__menu li a {
			color: inherit;
			text-decoration: none !important;
			padding: .972em 0; display: block;
			border-top: 1px solid #efefef;
		}
		.login_pane__menu li a:hover { color: #0c5f7e; }
		
		.login_pane__foot { text-align: left; }
		.login_pane__foot .plus_icon { margin: -.208em .35em 0 0; }


@media only screen and (min-width: 601px) {
	#cat_menu {
		float: left;
		width: 13%;
		position: relative;
		z-index: 10;
		margin-top: 7.292em;
	}
	.cat_menu a, .cat_menu a:after { -webkit-transition: all ease .22s; transition: all ease .22s; }
	.cat_menu a {
		display: block;
		padding: 6% .694em;
		color: #5a5a5a;
		text-decoration: none !important;
		position: relative;
	}
	.cat_menu a:hover { color: #0c5f7eed; }
	.cat_menu a:before, .cat_menu a:after {
		content: "";
		position: absolute;
		left: 0; top: 0; bottom: 0;
		background-color: #5a5a5a;
		width: 0; height: auto;
	}
	.cat_menu a:hover:after { width: .35em; background-color: #0c5f7eed; }

	.cat_menu a.active { cursor: default; color: inherit; }
	.cat_menu a.active:after { display: none; }
	.cat_menu a.active:before { width: .35em; }
}

.cat_menu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cat_menu ul ul {
  padding-left: 10px;
}

#cat_menu .soc_links { padding: 0 1.74em; margin-top: 2.431em; }
.soc_links { display: flex; justify-content: space-between; }
	.soc_links > a {
		display: inline-block;
		width: 1.81em; height: 1.81em; line-height: 1.81em;
		border-radius: 50%;
		background-color: #bababa;
		text-align: center;
		-webkit-transition: all ease .1s; transition: all ease .1s;
	}
	.soc_links > a:hover {
		-webkit-transform: scale(1.3,1.3);
    	transform: scale(1.3,1.3);
    }
	.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -.208em 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; }


.q_search { position: relative; margin-top: 1.53em; }
	.q_search > input {
		width: 100%;
		padding: .49em 5em .49em 1.25em;
		border-radius: 0.55em;
		background-color: #e2e8f0;
		display: block;
		border: 0 none;
		box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.q_search > input:focus {
		background-color: #fff;
		box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
	}
	.q_search > .btn { width: 2.22em; padding: 0; position: absolute; right: 0; top: 1.25em; }
	.q_search .icon-search { position: absolute; left: 50%; top: 50%; margin: -0.55em 0 0 -0.55em; width: 1.11em; height: 1.11em; fill: #737373;}
	.q_search .q_search_adv {
		position: absolute;
		right: 0; top: 0;
		margin-right: 2.22em;
		width: 2.22em; height: 2.22em;
	}
	.q_search .icon-set {
		width: 1.11em; height: 1.11em;
		position: absolute;
		left: 50%; top: 50%;
		margin: -0.55em 0 0 -0.55em;
		fill: #737373;
	}
	.q_search .q_search_adv:hover .icon-set { fill: #0c5f7eed; }


.carousel {
	position: relative;
	padding-top: 49%;
	margin-bottom: 25px;
	overflow: hidden;
	width: 100%;
	border-radius: 2px;
	box-shadow: 0 7px 14px 0 rgba(65,69,88,0.1), 0 3px 6px 0 rgba(0,0,0,0.07);
}
	.carousel-inner {
		position: absolute;
		overflow: hidden;
		width: 100%;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item {
		display: none;
		position: relative;
		width: 100%; height: 100%;
		overflow: hidden;
		-webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
	}
	.carousel-inner > .item > .cover {
		width: 100%;
		position: absolute;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img { line-height: 1; vertical-align: top; }

	.carousel-inner > .active,
	.carousel-inner > .next,
	.carousel-inner > .prev { display: block; }
	.carousel-inner > .active { left: 0; }
	.carousel-inner > .next,
	.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
	.carousel-inner > .next { left: 100%; }
	.carousel-inner > .prev { left: -100%; }
	.carousel-inner > .next.left,
	.carousel-inner > .prev.right { left: 0; }
	.carousel-inner > .active.left { left: -100%; }
	.carousel-inner > .active.right { left: 100%; }
	.carousel-control {
		position: absolute;
		top: 0; bottom: 0; right: 0;
		margin: 1.74em;
		width: 3.06em;
		display: flex;
		align-items: center;
		z-index: 1;
	}
	.carousel-control_in {
		box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2);
		background-color: #fff;
		border-radius: 1.53em;
		text-align: center;
	}
	.carousel-control .up, .carousel-control .down {
		display: block;
		padding: 1.04em .833em;
	}
	.carousel-control .icon {
		fill: #d7d7d7;
		width: 1.39em; height: 2.22em;
	}
	.carousel-control a:hover > .icon { fill: #0c5f7eed; }
	.carousel-indicators {
		list-style: none;
		padding: 0; margin: 0;
		text-align: center;
	}
	.carousel-indicators li {
		display: block;
		width: 1.39em; height: 1.39em;
		margin: 0 auto;
		cursor: pointer;
		position: relative;
	}
	.carousel-indicators li:after, .carousel-indicators li:before {
		content: "";
		position: absolute;
		left: 50%; top: 50%;
		border-radius: 50%;
	}
	.carousel-indicators li:after {
		width: .28em; height: .28em;
		margin: -.139em 0 0 -.139em;
		background-color: #7f7f7f;
	}
	.carousel-indicators li:hover:after, .carousel-indicators li.active:after { background-color: #3394e6; }
	.carousel-indicators li:before {
		display: none;
		border: .139em solid #3394e6;
		width: .56em; height: .56em;
		margin: -.417em 0 0 -.417em;
		box-sizing: initial;
	}
	.carousel-indicators li.active:before { display: block; }
	.carousel-caption {
		position: absolute;
		left: 0; bottom: 0; right: 6.53em;
		margin: 0 0 8% 8%;
		z-index: 10;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	}
	.carousel-caption .title {
		font-weight: bold;
		letter-spacing: -.03em;
		font-size: 2.9em;
		line-height: 1.3em;
	}
	.carousel-caption .text { 
		font-size: 1.3em;
		line-height: 1.45em;
	}
	.carousel.vertical .carousel-inner { height: 100%; }
	.carousel.vertical .item { left: 0; -webkit-transition: .4s ease-in-out top; transition: .4s ease-in-out top; }
	.carousel.vertical .active { top: 0; }
	.carousel.vertical .next { top: 100%; }
	.carousel.vertical .prev { top: -100%; }
	.carousel.vertical .next.left,
	.carousel.vertical .prev.right { top: 0; }
	.carousel.vertical .active.left { top: -100%; }
	.carousel.vertical .active.right { top: 100%; }

#content, .content_top { position: relative; }

.pagetools {
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	margin-bottom: 1.929em;
	position: relative;
	padding-left: 8%;
	width: 100%; height: 3.858em;
	overflow: hidden;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
	#combo-tools .pagetools_in { 
		height: 100px;
		-webkit-transition: all .3s ease .2s; transition: all .3s ease .2s;
	}
	.pagetools_in { color: #64748b; }
	.sortbar_in, .speedbar { display: block; height: 1.697em; padding: 1.08em 1.929em; line-height: 1.697em; }
	.pagetools_back {
		position: absolute;
		left: 0; top: 0;
		width: 8%; height: 3.858em;
		border-right: 1px solid #d6d6d6;
		text-align: center;
	}
	.pagetools_back .icon {
		display: block;
		margin: 1.08em auto 0 auto;
		width: 2.314em; height: 1.543em;
	}
	#combo-tools.active > .pagetools_in { margin-top: -3.858em; }
	.breadcrumb .over { vertical-align: baseline; }

	.sortbar_in { white-space: nowrap; }
	.sortbar_in > form { display: inline; }

.box, .com_list div.comment {
	background-color: #fff;
	margin-bottom: 1.74em;
	border-radius: 2px;
	position: relative;
	box-shadow:0 5px 12px rgba(126,142,177,.2);
}
	.box > .heading { padding: 4% 4%; margin: 0; text-transform: uppercase; }
	.box > .heading .hnum { font-size: .6em; display: inline-block; vertical-align: top; margin: 0 0 0 .4em; }
	.box_in { padding: 2em 2.78em }

	.story .title { margin: -.1em 0 1em 0; font-size: calc(var(--font-size-lg) * 1.25); }
	.story .title > a {
		color: inherit;
		text-decoration: none !important;
		-webkit-transition: all ease .2s; transition: all ease .2s;
	}
	.story .title > a:hover { color: #3394e6; }

	.story_icons {
		position: absolute;
		top: 0; left: 0;
		width: 2.78em;
		list-style: none;
		padding: 2.08em 0 0 0; margin: -.2em 0 0 0;
	}
	.fixed_story .story_icons { z-index: 1; }
	.story_icons > li { text-align: center; margin: 0 0 .694em 0; }

	.story .box_in > .text { font-size: var(--font-size-base); }
	.story .box_in > .text:after { content: ""; display: block; clear: both; }
	.story .box_in > .text > img[style*="left"], .story .box_in > .text > .highslide img[style*="left"] { margin: 2px 4% 4% 0; }
	.story .box_in > .text > img[style*="right"], .story .box_in > .text > .highslide img[style*="right"] { margin: 2px 0 4% 4%; }
	.story .box_in > .text img { max-width: 100%; aspect-ratio: auto; height: auto;}

	.editdate {
		margin: 4% 0 0 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	.fav_btn > a, .edit_btn > a {
		display: inline-block;
		padding: 4px;
		width: 1.11em; height: 1.11em;
	}
		.fav_btn .icon {
			width: 1.11em; height: 1.11em;
			vertical-align: top;
		}
		.fav_btn .icon-fav { fill: #64748b; }
		.fav_btn:hover .icon-fav { fill: #0c5f7eed; }
		@media only screen and (min-width: 601px) {
			.fixed_story .fav_btn .icon-fav { fill: #fff; }
			.fixed_story .fav_btn:hover .icon-fav { fill: #fff; }
		}
		
		.fav_btn .icon-star { fill: #fed762; }

	.edit_btn > a {
		position: relative;
		-webkit-transition: transform ease .2s; transition: transform ease .2s;
	}
		.edit_btn > a > i, .edit_btn > a:after, .edit_btn > a:before { 
			padding-top: .139em;
			width: 1.11em; height: 0;
			background-color: #64748b;
			overflow: hidden;
			display: block;
			margin: .208em 0;
		}
		.edit_btn > a:after, .edit_btn > a:before { content: ""; }
		.edit_btn > a:hover > i, .edit_btn > a:hover:after, .edit_btn > a:hover:before {
			background-color: #0c5f7e;
		}
		.edit_btn > a:hover { 
			-webkit-transform: rotate(90deg); transform: rotate(90deg);
		}

	.fixed_label {
		position: absolute;
		left: 0; top: 0;
		width: 8%; height: 2.08em;
		padding-top: 4%;
	}
		.fixed_label:before {
			content: "";
			position: absolute;
			left: 50%; top: 0; bottom: 0;
			margin: 0 0 0 -1.04em;
			background-color: #e85319;
			width: 2.08em;
		}
		.fixed_label:after {
			content: "";
			position: absolute;
			bottom: 0; left: 50%;
			margin: 0 0 0 -1.04em;
			border: solid transparent;
			border-bottom-color: #fff;
			border-width: 0 1.04em .347em 1.04em;
			z-index: 1;
		}
	
	.story_tools { margin-top: 4%; }
		.story_tools > .category { float: right; margin-top: .7em; font-size: .9em; }
		.story_tools > .category .icon { width: .833em; height: 1.04em; margin: -.2em .4em 0 0; }
		.story_tools > .btn { float: left; margin-right: 2em; }
		.story_tools > .rate { float: left; }
		.story_tools .rate_stars { margin-top: .417em; }

		.rate_like > a, .rate_like-dislike {
			float: left;
			padding: .417em .833em;
			border: 1px solid #eaeaea;
			border-radius: 0.555em;
			text-decoration: none !important;
			font-weight: bold;
			color: #64748b;
			-webkit-transition: all ease .2s; transition: all ease .2s;
		}
		.rate_like > a:hover { border-color: #3394e6; color: #3394e6; }
		.rate_like .icon { width: 1.11em; height: 1.04em; margin: -.2em .3em 0 0; }

		.rate_like-dislike > a {
			display: inline-block;
			width: 1.528em; height: 1.528em;
			text-align: center;
		}
		.rate_like-dislike > a .icon {
			width: .972em; height: 1.04em;
			fill: #787878;
			vertical-align: middle;
			margin: -.3em 0 0 0;
		}
		.rate_like-dislike > a:hover .icon { fill: #0c5f7eed; }
		.rate_like-dislike .ratingplus { color: #88c54d; }
		.rate_like-dislike .ratingminus { color: #e45757; }
		.rate_like-dislike > span { cursor: default; margin: 0 .3em; }

	.story > .meta { font-size: .9em; background-color: #f1f5f9; padding: 2% 4%; border-radius: 0 0 2px 2px; }
		.meta:after, .story_tools:after { clear: both; display: table; content: ""; }
		.meta > ul { list-style: none; padding: 0; margin: 0; }
		.meta > ul > li { display: inline; }
		.meta > ul.left > li { margin-right: 2em; }
		.meta > ul.right > li { margin-left: 2em; }
		.meta .icon { width: 1.11em; height: 1.11em; margin: -.2em .4em 0 0; }
		.meta .icon-views { height: 1.25em; }

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

.navigation { margin: 25px 0; }
	.navigation:after { clear: both; display: block; content: ""; }

	.pages { text-align: left; }
	.pages span, .pages a:hover, .page_next-prev { 
		background-color: #fff;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		border-radius: .555em;
	}
	.pages span, .pages a {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: .486em .486em;
		min-width: 1.528em; height: 1.528em; line-height: 1.528em;
		text-align: center;
		text-decoration: none !important;
		font-weight: bold;
	}
	.pages span { color: #399; }
	.pages a:hover { color: #fff; background-color: #3394e6; }
	.pages span { color: #3394e6; }

	.page_next-prev { float: right; height: 2.5em; }
		.page_next-prev * { float: left; }
		.page_next-prev .icon { width: 2.22em; height: 1.389em; fill: #d7d7d7; }
		.page_next-prev > span >  a:hover .icon { fill: #0c5f7eed; }
		.page_next-prev > span > * { float: left; padding: .555em .833em; }

	.page_next > span, .page_prev > span { opacity: 0.5; }

	.splitnewsnavigation { margin-top: 4%; padding-top: 4%; font-weight: bold; border-top: 1px solid #efefef; }
	.splitnewsnavigation > a, .splitnewsnavigation > span { padding: 6px 10px; }

.hblock > .title {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #f1f5f9;
	border-radius: 2px 2px 0 0;
	font-size: 1em;
	padding: 2.5% 8%;
	margin: 0;
}
	.banner img { vertical-align: top; max-width: 100%; }
	.banner_300 img { width: 100%; }
	.midside .banner {
		padding: 2.5% 8%;
		text-align: center;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.midside .next-prev {
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.midside .next-prev a {
		margin:  10px;
	}
	.hblock .banner { border-top: 1px solid #efefef; }

	.informer_list {
		list-style: none;
		margin: 0 -25px 0 0;
		padding: 0;
	}
		.informer_list:after { clear: both; display: block; content: ""; }
		.informer_list li {
			float: left;
			width: 33.33333%;
			padding-right: 25px;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.informer_list li .title { font-weight: bold; margin-bottom: 1em; }
		.informer_list li .title a { display: block; color: inherit; text-decoration: none !important; }
		.informer_list li .title a:hover { color: #0c5f7eed; }
		
		.more_icon {
			display: inline-block;
			background-color: #0c5f7e;
			border-radius: 9px;
			height: 4px;
			padding: 7px 8px;
			margin-top: 1em;
			}
		.more_icon:after { clear: both; display: block; content: ""; }
		.more_icon > i {
			margin-left: 2px;
			float: left;
			width: 4px; height: 4px;
			border-radius: 50%;
			background-color: #fff;
			-webkit-transition: all ease .2s; transition: all ease .2s;
		}
		.more_icon:hover > i { margin-left: 10px; }
		.more_icon > i:first-child { margin-left: 0 !important; }

.block, .rightside .banner { margin-bottom: 25px; }
	.rightside .banner { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); }

	.block > .title {
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		margin: 0 0 1.25em 0;
	}
	.block > .title > b, .block > .title:after, .block > .title > h4 { font-size: 1em; margin: 0; display: inline-block; vertical-align: middle; }
	.block > .title:after {
		content: "";
		background: #dedede;
		height: 0.25em; width: 100%;
		margin: 0 0 0 .9375em;
		border-top: 1px solid #d1d1d1;
	}

	@media only screen and (max-width: 1279px) { .banner_300 { display: none; } }
	@media only screen and (min-width: 1280px) { .banner_240 { display: none; } }

	ol.topnews {
		margin: -1.389em 0 0 0; padding: 0;
		list-style: none;
		counter-reset: ol-counter;
	}
		ol.topnews > li > a:after { content: ""; display: block; clear: both; }
		ol.topnews > li > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
			border-bottom: 1px solid #d5d5d5;
			padding: 1.74em 0 1.74em 4.86em;
		}
		ol.topnews > li:last-child > a { border-bottom-width: 0; }
		ol.topnews > li > a:before, ol.topnews > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
		ol.topnews > li > a:before {
			content: counter(ol-counter);
			counter-increment: ol-counter;
			font-weight: bold;
			font-size: 1.5em;
			border-radius: 50%;
			border: 2px solid #0c5f7eed;
			width: 2.23em; height: 2.23em;
			text-align: center;
			float: left;
			line-height: 1.4em;
			padding: .325em 0;
			margin-left: -3.27em;
			color: #0c5f7eed;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		ol.topnews > li > a:hover:before {
			color: #fff;
			background-color: #0c5f7eed;
			box-shadow: 0 9px 13px 0 rgba(0,0,0,0.22); -webkit-box-shadow: 0 9px 13px 0 rgba(0,0,0,0.22);
		}
		ol.topnews > li > a > * { cursor: pointer; display: block; }
		ol.topnews > li > a > b { display: block; }
		ol.topnews > li > a > span {
			font-size: .9em;
			opacity: .7;
			text-transform: lowercase;
			margin-top: .4em;
		}
		ol.topnews > li > a:hover > b { color: #0c5f7eed; }

	.block_grey {
		padding: 25px;
		margin-bottom: 25px;
		border-radius: 2px;
		background-color: #e2e8f0;
	}
		.block_grey > .title {
			margin: 0 0 1em 0;
			font-size: 1em;
			letter-spacing: 0;
		}
		.vote_more { font-size: .9em; margin: -.7em 0 1em 0; }

		.vote_list { margin: 8% 0; }
		.vote_list .vote, .vote_list .pollanswer { margin: .6em 0 .2em 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: 8px; height: 8px;
			border: 4px solid #3b3b3b;
			background-color: #fff;
			margin: -3px 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 { border-color: #3394e6; }
		.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
			background-color: #3394e6;
			border-color: #3394e6;
		}
		.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: border-color ease .2s; transition: border-color ease .2s; }

		.btn-border .icon-votes { width: 1.11em; height: .972em; margin: -.208em 0 0 0; vertical-align: middle; }
		.vote_votes, .pollallvotes { font-size: .9em; }

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

	.title_tabs { margin: -.694em 0 .694em 0 !important; }
	.title_tabs ul { cursor: default; list-style: none; padding: 0; margin: 0 0 0 15px; }
		.title_tabs * { display: inline-block; vertical-align: middle; }
		.title_tabs ul li > a {
			display: block;
			width: 2.5em; height: 1.11em;
			padding: .694em 0;
			border-radius: 50%;
			margin-bottom: .139em;
			text-align: center;
			position: relative;
		}
		.title_tabs ul li.active > a {
			background-color: #fff;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		}
		.title_tabs ul li > a > .icon { width: 1.11em; height: 1.11em; fill: #6a6a6a; vertical-align: top; }
		.title_tabs ul li.active > a > .icon { fill: #0c5f7eed; }

	.block_bg {
		margin-bottom: 1.74em;
		background-color: #1b64a8;
		border-radius: .139em;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		padding: 1.74em;
	}
		.block_bg > .title {
			font-size: 1em;
			color: #fff;
			margin: -.2em 0 .6em 0;
			text-transform: uppercase;
		}
		.change_skin {
			background: url(../images/change_skin.png) no-repeat 0 50%;
			-webkit-background-size: cover; background-size: cover;
		}

		.change_skin .styled_select {
			background: #fff;
			border-radius: 2px;
			width: 100%;
			box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
			border-width: 0;
			overflow: hidden;
			position: relative;
		}
		.change_skin .styled_select > .icon {
			position: absolute;
			left: 100%; top: 50%;
			width: 1.11em; height: .694em;
			margin: -.347em 0 0 -1.806em;
 			fill: #d7d7d7;
		}
		.change_skin .styled_select:hover > .icon { fill: #0c5f7eed; }
		.change_skin .styled_select select {
			width: 112%;
			background-color: transparent;
			border-width: 0;
			padding: .49em;
			position: relative;
			z-index: 1;
			appearance: none; -webkit-appearance: none; -moz-appearance: none;
		}
	
	.tag_list > span { margin: 0 2px 2px 0; }
		.tag_list > span, .tag_list > span > a { display: inline-block; }
		.tag_list > span > a {
			border: 1px solid #d6d6d6;
			color: inherit;
			text-decoration: none !important;
			padding: 4px 8px;
			border-radius: 2px;
		}
		.tag_list > span > a:hover {
			background-color: #fff;
			color: #3394e6;
			border-color: #fff;
			box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2);
		}
		.tags_more { margin-top: 1em; }

	.relnews {
		margin: -20px 0 0 0; padding: 0;
		list-style: none;
	}
		.relnews > li > a:after { content: ""; display: block; clear: both; }
		.relnews > li > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
			border-bottom: 1px solid #d5d5d5;
			padding: 25px 0 25px 33px;
		}
		.relnews > li:last-child > a { border-bottom-width: 0; }
		.relnews > li > a .icon, .relnews > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
		.relnews > li > a .icon {
			width: 16px; height: 14px;
			float: left;
			margin: 4px 0 0 -33px;
		}
		.relnews > li > a > * { cursor: pointer; display: block; }
		.relnews > li > a > b { display: block; }
		.relnews > li > a > span {
			font-size: .9em;
			opacity: .5;
			text-transform: lowercase;
			margin-top: .4em;
		}
		.relnews > li > a:hover > b { color: #3394e6; }

	.lastcomm {
		margin: -20px 0 0 0; padding: 0;
		list-style: none;
	}
		.lastcomm > li > a:after { content: ""; display: block; clear: both; }
		.lastcomm > li > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
			border-bottom: 1px solid #d5d5d5;
			padding: 25px 0 25px 33px;
		}
		.lastcomm > li:last-child > a { border-bottom-width: 0; }
		.lastcomm > li > a .icon, .lastcomm > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
		.lastcomm > li > a .icon {
			width: 16px; height: 14px;
			float: left;
			margin: 4px 0 0 -33px;
		}
		.lastcomm > li > a > * { cursor: pointer; display: block; }
		.lastcomm > li > a > b { display: block; margin-top: .4em;}
		.lastcomm > li > a > span {
			font-size: .9em;
			opacity: .5;
		}
		.lastcomm > li > a:hover > b { color: #3394e6; }

.footer_menu { position: relative; padding: 0 0 25px 0; }
.foot_menu {
	list-style: none;
	padding: 0;
	margin: 0 -25px 0 0;
}
	.foot_menu > li {
		float: left;
		width: 33.33333%;
		padding-right: 25px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.foot_menu > li > b { display: block; margin-bottom: 1em; }
	.foot_menu > li > b > i { display: none; }
	.foot_menu > li nav > a {
		color: #838383;
		display: block;
		font-size: .9em;
		padding: .2em 0;
	}
	@media only screen and (min-width: 601px) {
		.foot_menu > li > div {
			display: block !important;
			height: auto !important; width: auto !important;
		}
	}

	.upper {
		position: absolute;
		left: 0;
		width: 13%;
		text-align: center;
	}
		#upper {
			display: block;
			margin: 0 auto;
			border-radius: 50%;
			width: 64px; height: 64px;
			background-color: #d7d7d7;
			position: relative;
		}
		#upper .icon {
			width: 20px; height: 32px;
			fill: #ededed;
			position: absolute;
			left: 50%; top: 50%;
			margin: -16px 0 0 -10px;
		}
		#upper:hover { background-color: #0c5f7eed; }
		#upper:hover .icon { fill: #fff; }

.footer { font-size: .9em; padding: 25px 0; border-top: 1px solid #d9d9d9; }
	.footer a, .footer { color: #838383; }
	.footer .midside { display: flex; }
	.footer .copyright { width: 100%; }
	.copyright a { font-weight: bold; }

	.ca { float: right; white-space: nowrap; margin-left: 20px; }
	.ca > .icon {
		margin: -.2em .8em 0 0;
		width: 30px; height: 17px;
		fill: #cbcbcb;
	}
	.ca:hover > .icon { fill: #838383; }

	.counter { float: right; margin-left: 10px; margin-top: 2px; opacity: .5; }
	.counter:hover { opacity: 1; }
	.counter > img { vertical-align: top; }

.showfull .pagetools { position: absolute; }
	.showfull .story { float: left; width: 100%; margin-top: 77px; }
	.showfull .comments, .showfull #content .box { float: left; width: 100%; }
	.showfull #content .rightside { margin: 0 -24.31em 0 0; }

	.showfull #content .rightside .banner { padding: 0; }

.page_static { margin-bottom: 60px; }
	.page_static:after { clear: both; display: block; content: ""; }
	.page_static > .text { font-size: 1.15em; }

.berrors {
	background: #ffe6dd;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 25px;
	height: 1%;
	border-radius: 2px;
	box-sizing: border-box;
}

.addcomment { background-color: #fff; }
	.plus_icon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; position: relative; }
	.addcomment .plus_icon { width: 2.5rem; padding: 2px 0; float: left; margin-top: 4%; }
	.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: #b3b3b3;
		content: "";
	}
	.plus_icon > span {
		width: 16px; height: 16px;
		left: 50%; top: 50%;
		margin: -8px 0 0 -8px;
	}
	.plus_icon > span:after {
		left: 0; top: 50%;
		width: 100%; height: 2px;
		margin-top: -1px;
	}
	.plus_icon > span:before {
		left: 50%; top: 0; 
		width: 2px; height: 100%;
		margin-left: -1px;
	}

	.plus_icon.circle {
		width: 12px; height: 12px;
		padding: 4px;
		border-radius: 50%;
		border: 2px solid #3394e6;
	}
	.plus_icon.circle > span { width: 12px; height: 12px; margin: -6px 0 0 -6px; }
	.plus_icon.circle > span:before, .plus_icon.circle > span:after { background-color: #3394e6; }

	ul.ui-form { list-style: none; padding: 0; margin: 0; }
		ul.ui-form > li { margin-bottom: 10px; }
		ul.ui-form > li:last-child { margin-bottom: 0; }
		.form-group { margin-bottom: 10px; }
		.form-group > label { display: block; margin-bottom: .4em; }
		.imp:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

		@media only screen and (min-width: 601px) {
			.form-group.combo:after { clear: both; display: table; content: ""; }
			.form-group.combo > .combo_field { width: 50%; float: left;
				-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
			}
			.form-group.combo > .combo_field:last-child { padding-left: 10px; }
			.form-group.combo > .combo_field:first-child { padding-right: 10px; }
		}
		.form_submit { margin-top: 20px; }
		.form-sep { border-top: 1px solid #efefef; }

	#comment-editor .bb-editor textarea { padding: 7px; padding-bottom: 45px; height: 200px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

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

	.com_list div.comment {
		padding: 4% 4%;
		position: relative;
		-webkit-transition: box-shadow ease .4s; transition: box-shadow ease .4s;
	}
	.com_list div.comment {
		border-top: 1px solid #efefef;
		background-color: transparent;
		margin: 0;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
	}

	.avatar { display: inline-block; }
	.avatar .cover {
		width: 6.94em; height: 6.94em;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}
	.comment .avatar { float: left; margin-right: 1.04em; position: relative; }
  .comment .avatar .cover { width: 2.5em; height: 2.5em; }
	.com_online {
		position: absolute;
		left: 100%; top: 50%;
		margin: -.278em 0 0 -.278em;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #70bb39;
		border: .139em solid #fff;
		width: .278em; height: .278em;
		border-radius: 50%;
	}

	.com_info { margin-bottom: 2%; margin-top: -.347em; }
	.com_info:after { clear: both; display: block; content: ""; }

	.com_user { float: left; margin: .625em 1.04em 0 0; }
	.comment .meta { display: inline; }
	.comment .meta .left { margin: .625em 0 0 0; }
	.comment .meta .left .mass input { margin: -.139em 0 0 0; vertical-align: middle; }
		.comment .meta > ul.left > li { margin-right: .694em; }

		.comment .reply { text-transform: lowercase; }
		.comment .meta .left a {
			display: inline-block;
			width: 1.389em; height: 1.389em;
			vertical-align: middle;
			padding: .139em;
			margin-top: -.139em;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.comment .meta .left .reply a { padding: .139em; width: auto; vertical-align: baseline; }
		.comment .meta .left .del a { padding: .278em; }
		.comment .meta .left .icon { margin: 0; fill: #64748b; vertical-align: top; }
		.comment .meta .left a:hover .icon { fill: #0c5f7eed; }
		.comment .meta .left a .icon-reply {
			width: 1.04em; height: 1.11em;
			fill: #0c5f7eed !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left a .icon-coms {
			width: 1.04em; height: 1.11em;
			fill: #0c5f7eed !important;
			margin-right: .4em;
			vertical-align: middle;
		}
		.comment .meta .left .edit_btn > a { padding: .139em; margin-top: -.278em; } 
		.comment .icon-bad { width: 1.11em; height: 1.11em; }
		.comment .icon-cross { width: .833em; height: .833em; }

	.comment .meta .rate { float: right; }

	#dle-comments-list { width: 100%; overflow: hidden; }
	#dle-comments-list .comments-tree-list > li > .comments-tree-list { padding: 0 4%; }
	#dle-comments-list .comments-tree-list > li > .comments-tree-list>li>.comments-tree-list { padding: 0; }
	#dle-comments-list .comments-tree-list > li .comments-tree-list > li { padding-left: 1.6em; }
	.comments-tree-list { list-style: none; padding: 0; margin: 0; }

	.comments-tree-list > li > ol > li .comment {
		padding: 2.08em 0;
		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list li ol li .comment {

		position: relative;
		box-shadow: none; -webkit-box-shadow: none;
		border-width: 0;
	}
	.comments-tree-list > li > ol > li .comment:after {
		content: "";
		position: absolute;
		width: 3000px; height: 1px;
		margin-left: -500px;
		left: 0; top: 0;
		background-color: #efefef;
	}

	.comments-tree-list > li > ol > li .comment:before {
		content: "";
		position: absolute;
		left: 0; top: .833em;
		margin: 2.08em 0 0 -1.389em;
		background-color: #e6e6e6;
		width: .694em; height: .139em;
	}	

	.mass_comments_action { text-align: right; border-top: 1px solid #efefef; padding: 2% 4%; }
	.mass_comments_action > select { margin-left: 1em; }

	.com_content > .title { margin-top: 4%; }
	.com_content > .text { font-size: 1em; }

#map { width: 100%; height: 400px; }
	.map_resp {
		width: 100%; padding-top: 60%; height: 0;
		position: relative;
	}
	.map_resp > #map {
		position: absolute;
		left: 0; top: 0; bottom: 0;
		height: auto;
	}
	.dark_top {
		border-radius: 2px 2px 0 0;
		color: #fff;
		background: #2c2c2c;
	}
	.contacts { font-size: 1.3em; }
	.contacts > .grid_1_2 { padding-left: 42px; }
	.contacts > .grid_1_2 .icon {
		float: left;
		margin: 5px 0 0 -42px;
		width: 24px;
	}

.page_form_style body { background-color: #f1f5f9; }
	.page_form { max-width: 1100px; padding-left: 7%; }
	.page_form__back {
		background-color: #0c5f7eed;
		position: fixed;
		left: 0; top: 0;
		height: 100%; width: 3%;
		padding: 0 2%;
	}
	.page_form__back:after {
		content: "";
		position: absolute;
		top: 0; right: 0;
		width: 5px; height: 100%;
		background-repeat: repeat-y;
		background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	}
	.page_form__back > .icon {
		position: absolute;
		left: 50%; top: 8%;
		margin: 0 0 0 -15px;
		width: 30px; height: 20px;
		fill: #fff;
		opacity: .6;
	}
	.page_form__back:hover > .icon { opacity: 1; }
	.page_form__body { padding: 0 10%; }
	.page_form__logo { padding: 8% 0 0 0; margin-bottom: 8%; }
	.page_form__logo .icon { margin-top: -10px; width: 60px; height: 60px; }

	.page_form__inner > .title { font-weight: normal; font-size: 30px; margin: 4% 0; }
	.page_form__form .form_submit { border-top: 1px solid #e0e0e0; padding: 20px 0 0 0; margin-top: 20px; }
	
	@media only screen and (min-width: 701px) {
		.page_form__form { font-size: 1.25em; }
		.page_form__form .form-group label { color: #999; }
		.page_form__form .form-group input[type="text"], .page_form__form .form-group input[type="password"], .page_form__form .form-group input[type="email"], .page_form__form .form-group textarea,
		.page_form__form .form-group select, .page_form__form .c-captcha input {
			font-size: 1em;
			height: 60px;
			line-height: 26px;
		}

		.page_form__form .form-check-input {
			width: 25px; height: 25px;
		}

		.page_form__form .form-group textarea { height: auto; }
		.page_form__form .c-captcha img { width: 160px; height: 60px; }
		.page_form__form .c-captcha input { width: 160px; }

		.page_form__form .form_submit { padding-top: 3%; margin-top: 3%; }
		.page_form__form ul.ui-form > li { margin-bottom: 3%; }
		.page_form__form .form_submit > .btn {
			font-size: 1em;
			font-weight: normal !important;
			height: 60px;
			border-radius: 30px;
			line-height: 26px;
			padding: 17px 28px;
		}
	}

	.page_form__form .login_check { position: relative; }
	.page_form__form .login_check > input { padding-right: 150px; }
	.page_form__form .login_check > .btn {
		width: 120px;
		position: absolute;
		right: 0; top: 0;
		font-weight: bold;
		margin: 12px;
	}
	#result-registration { margin-top: 10px; font-size: .8em; }
	.regtext { margin-bottom: 5%; }

	.page_form__foot { margin-top: 8%; padding-bottom: 8%; }
	.page_form__foot > * { display: block; float: none; }
	.page_form__foot .ca { display: block; margin-top: 2%; margin-left: 0; }

@media only screen and (min-width: 601px) {
#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { margin-bottom: 25px; }
	#pm-menu a { color: inherit; padding: 10px 16px; border-radius: 2px; border: 2px solid transparent; float: left; text-decoration: none !important; }
	#pm-menu a:hover { border-color: #0c5f7e; color: #0c5f7e; }
}

	.pm-box { margin-bottom: 25px; }
		.pm_status { padding: 25px; background-color: #f1f5f9; border-radius: 2px; }
		.pm_progress_bar { background-color: #e5dbcc; margin-bottom: 10px; border-radius: 2px; }
		.pm_progress_bar span { background: #e85319; font-size: 0; height: 20px; border-radius: 2px; display: block; overflow: hidden }

.userinfo_top { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
.userinfo_top .avatar { position: absolute; }
.user_tab { list-style: none; padding: 0; margin: 0; }
	.user_tab > li { display: inline; margin-right: 1.2em; }
	.user_tab > li > a {
		text-decoration: none !important;
		font-size: .7em;
		-webkit-transition: all ease .3s; transition: all ease .3s;
	}
	.user_tab > li > a { color: #fff; opacity: .5; }
	.user_tab > li > a:hover { color: inherit; }
	.user_tab > li.active > a { cursor: default; font-size: 1em; opacity: 1; }

	.usinf { list-style: none; padding: 0; margin: 0 0 1.74em 0; } 
	.usinf li { padding: 12px 0; border-top: 1px solid #e6e6e6; }
	.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%; }

	.userinfo { padding-left: 6.25em; }
	.userinfo .avatar { position: absolute; float: left; margin: 0 0 0 -6.25em; }
	.userinfo .avatar .cover { width: 4.17em; height: 4.17em; }
	.userinfo > ul { list-style: none; padding: 0; margin: 0; }

.stats_head > ul {
	list-style: none;
	padding: 0; margin: 0;
	font-size: 1.25em;
}
	.stats_head > ul > li { margin-top: 15px; padding-left: 2.08em; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: .139em 0 0 -2.08em;
		width: 1.11em; height: 1.11em;
		border-radius: 50%;
		background-color:  #3394e6;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #f6a71a; }
	.stats_head > ul > li.stats_w:before { background-color: #ce3f28; }
	
	.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; }

.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: 1279px) {
	.midside { padding-right: 20.13em; }
	.rightside { width: 16.65em; margin-left: -20.13em; }
	.showfull #content .rightside { width: 16.65em; margin-right: -20.13em; }
	#searchsuggestions { width: 16.65em; }

	.logotype .logo_title { font-size: 18px; }

	ol.topnews > li > a { padding-left: 45px; }
	ol.topnews > li > a:before {
		font-size: 1.2em;
		width: 28px; height: 28px;
		line-height: 20px;
		padding: 2px 0; margin-left: -45px;
	}

	#votes .btn-border { padding-left: 10px; padding-right: 10px; } 
}
@media only screen and (max-width: 1235px) {
	.midside { padding-left: 25px; }
	#top_menu { display: none; }
	#header_menu { padding-left: 65px; }
	body, .page { width: 100%; height: 100%; }
	#cat_menu, .page, .header { -webkit-transition: all ease .3s; transition: all ease .3s; }
	#cat_menu {
		position: fixed;
		z-index: 1111;
		top: 0; left: 0; top: 0; bottom: 0;
		margin: 0;
		overflow-y: auto;
		overflow-x: hidden;
		width: 200px;
		background-color: #ededed;
		border-right: 1px solid #d9d9d9;
		margin-left: -200px;
		visibility: hidden;
		opacity: 0;
		-webkit-overflow-scrolling: touch;
	}
	#cat_menu .soc_links { padding-bottom: 20px; }
	.mobile-menu_open #cat_menu { margin-left: 0; visibility: visible; opacity: 1; }
	.mobile-menu_open .page { margin-left: 200px; overflow: hidden; }
	.mobile-menu_open body { overflow: hidden; }
	.mobile-menu_open .header { left: 200px; }
}
@media (min-width: 1236px) {
	.cat_menu__tm, #mobile_menu_btn { display: none; }
}

@media (min-width: 981px) { #search_btn { display: none; } }
@media (max-width: 980px) {

.showfull #content .next-prev { text-align: center; }
.showfull .comments, .showfull #content .next-prev a { float: none; }

	.midside { padding-right: 25px; }

	#header_menu {
		display: block;
		padding-right: 86px;
	}
	.logotype { float: left; }

	#login_pane { float: right; margin-top: 22px; }
	#search_btn {
		position: absolute;
		right: 0; top: 0; bottom: 0;
		width: 86px; height: 80px;
		padding: 0 25px;
		border: 0 none;
		cursor: pointer;
		background-color: transparent;
	}
	#search_btn > span {
		display: block;
		width: 32px; height: 32px;
		border: 2px solid #fff;
		border-radius: 50%;
		overflow: hidden;
		position: relative;
	}
	#search_btn > span > .icon {
		position: absolute;
		left: 50%; top: 50%;
		margin: -8px 0 0 -8px;
		width: 16px; height: 16px;
		fill: #fff;
		-webkit-transition: all ease .3s; transition: all ease .3s;
	}
	.search_open #search_btn > span > .icon-search,
	#search_btn > span > .icon-cross {
		opacity: 0; visibility: hidden;
		-webkit-transform: scale(0.3,0.3);
    	transform: scale(0.3,0.3);
	}
	.search_open #search_btn > span > .icon-cross,
	#search_btn > span > .icon-search {
		opacity: 1; visibility: visible;
		-webkit-transform: scale(1,1);
    	transform: scale(1,1);
	}
	#q_search {
		display: block;
		position: fixed;
		z-index: 23;
		left: 25px; right: 86px; top: 0;
		margin:0;
		width: auto; height: 80px;
		margin-top: -80px;
	}
	.q_search > input { background-color: #fff; }
	.logotype, #mobile_menu_btn, #login_pane, #q_search { -webkit-transition: all ease .3s; transition: all ease .3s; }
	.search_open .logotype, .search_open #mobile_menu_btn, .search_open #login_pane, #q_search { opacity: 0; visibility: hidden; }
	.search_open #q_search { margin-top: 0; opacity: 1; visibility: visible; }
	.q_search_adv { display: none; }

	.showfull .story { margin-top: 0; }
	.showfull .pagetools { position: relative; }
	.rightside, .tags_block,
	.showfull #content .rightside .banner_240,
	.midside .banner { display: none; }
	.showfull #content .rightside {
		float: none;
		width: auto;
		margin: 0; padding: 0;
		display: block;
	}
	.showfull .comments, .showfull #content .box { float: none; }

	.block { 
		background-color: #fff;
		margin-bottom: 25px;
		border-radius: 2px;
		position: relative;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	}
	.block > .title { padding: 4% 8%; margin-bottom: 0; }
	.block > .title:after { display: none; } 

	.relnews { margin: 0; border-top: 1px solid #efefef; }
	.relnews > li > a {
		border-bottom: 1px solid #efefef;
		padding: 4% 8%
	}
	.relnews > li > a .icon { margin: 3px 0 0 0; }
	.relnews > li > a > b, .relnews > li > a > span { margin-left: 27px; }

	.block_grey { padding: 4% 8%; margin-bottom: 25px; }
	.block_grey > .title { font-size: 1.2em; } 
	.vote_list { margin: 4% 0; }
}
@media only screen and (max-width: 700px) {
	.page_form__form .login_check > .btn {
		margin: 5px; font-weight: normal;
	}
}
@media only screen and (max-width: 750px) {
	.informer_list { margin-right: 0; }
	.informer_list li { float: none; width: auto; padding: 0; margin-bottom: 25px; }
	.informer_list li:last-child { margin-bottom: 0; }

	.table_top_users, .pmlist { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
	table.userstop, table.pm { width: 900px; }
}
@media only screen and (max-device-width: 480px) {
	body { -webkit-text-size-adjust: 100%; }               
}

@media only screen and (max-width: 600px) {
	body, select, input, textarea, button { font-size: 13px/1.5; }
	.hblock, .mass_comments_action, #dofullsearch, .vote_more, .bb-pane { display: none; }
	.midside { padding: 0; }
	#content { padding: 15px 15px 0 15px; }
	.navigation { margin: 15px 0; }
	.box, .comment, .berrors { margin-bottom: 15px; }
	.box > .heading { padding: 20px; }
	.quote, blockquote { font-size: 1.1em; }

	.mejs-container { max-width: 100%; }
	.story video { max-width: 100%; }
	.story iframe { max-width: 100%; aspect-ratio: 16 / 9; }

	.ui-dialog { width: 100% !important; left: 0 !important; } 
	.ui-dialog-buttonset > .ui-button { margin: 2px; }

	#header, .header { margin: 0; height: 50px; }
	.header {
		background-color: #3394e6;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
	}
	#header_menu {
		position: relative;
		height: auto;
		border-radius: 0;
		box-shadow: none; -webkit-box-shadow: none;
		padding: 0 50px;
		z-index: 1;
		height: 50px;
	}
	#header_menu:after {
		content: "";
		position: absolute;
		top: 100%; left: 0;
		height: 1px; width: 100%;
		background: rgba(255,255,255,0.1);
	}
	.logotype {
		float: none;
		width: 100%; height: 50px;
		text-align: center;
		justify-content: center;
	} 
	.logo_title { display: none; }
	.logotype .icon-logo { width: 32px; height: 32px; }

	#mobile_menu_btn, #search_btn {
		width: 50px; height: 50px;
		padding: 0;
		border-right-width: 0;
	}
	.mobile-menu_open .mt_1 { margin-top: 8px; }
	.mobile-menu_open .mt_2 { margin-top: 8px; }
	.mobile-menu_open .mt_3 { margin-top: 8px; }
	#cat_menu {
		position: fixed;
		z-index: 0;
		margin: -60% 0 0 0;
		width: 100%;
		background: #0c5f7eed;
		left: auto; right: auto;
	}
	#cat_menu:after {
		content: "";
		position: fixed;
		width: 100%; height: 70px; margin-top: 50px;
		left: 0; right: 0; top: 0;
		z-index: 1;
		background-repeat: repeat-y;
		background-image: linear-gradient(top, #0c5f7eed 30%, rgba(51,148,230,0) 100%);
	}
	.cat_menu { padding: 10%; margin-top: 50px; }
	.cat_menu a:first-child { border-top-width: 0; }
	.cat_menu a {
		text-decoration: none !important;
		font-size: 1.1em;
		padding: 3% 0;
		display: block;
		color: #fff;
		border-top-color: #3d99e7;
		border-top: 1px solid rgba(255,255,255,0.06);
	}
	#cat_menu .soc_links { display: none; }

		.mobile-menu_open .header { left: auto; }
		.mobile-menu_open .page { margin-left: 0; }
		.mobile-menu_open #cat_menu { margin-top: 50px; }
		.mobile-menu_open #login_pane { opacity: 1; visibility: visible; }

		#login_pane {
			float: none;
			margin-top: 16px;
			text-align: center;
			visibility: hidden;
			opacity: 0;
			-webkit-transition: all ease .3s; transition: all ease .3s;
		}
		#login_pane .dropdown-form {
			position: fixed;
			top: 105px; left: 10px; right: 10px; bottom: 10px;
			overflow-x: hidden;
			overflow-y: auto;
			margin: 0; padding-bottom: 0;
			width: auto; min-width: 0;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.login_pane__foot, .login_form__foot { padding-bottom: 39px; }

	#search_btn { padding: 7px; }
	#search_btn > span {
		border-width: 0;
		width: 36px; height: 36px;
	}
	#q_search {
		left: 15px; right: 50px;
		height: 50px;
		padding: 0;
	}
	.q_search { margin-top: 7px; }

	.carousel { margin-bottom: 0; border-radius: 0; }
	.carousel-caption {
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;
		margin: 0;
		display: table;
	}
	.carousel-caption_in {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 1.04em;
	}
	.carousel-caption .title { font-size: 1.2em; font-weight: bold; }
	.carousel-caption .text { font-size: 1em; }

	.carousel-control { position: static; }
	.carousel-control_in { background: none; box-shadow: none; -webkit-box-shadow: none; }
	.carousel-indicators { display: none; }
	.carousel-control .up, .carousel-control .down { position: absolute; z-index: 12; left: 50%; margin-left: -21px; }
	.carousel-control .up { top: 0; }
	.carousel-control .down { bottom: 0; }
	.carousel-control .up .icon, .carousel-control .down .icon { fill: #fff !important; }

	.block, .block_grey { margin-bottom: 1.04em; }
	.block > .title, .block_grey, .relnews > li > a { padding: 1.389em; }

	.box_in { padding: 1.389em; }
	.story_icons {
		float: right;
		position: relative;
		padding: 0; margin: -.278em 0 .694em .694em;
	}
	.story > .meta { padding: .694em 1.389em; }
	.meta > ul.left > li { margin-right: .833em; }
	.meta > ul.right > li { margin-left: .833em; }
	.story .title { font-size: 1.15em; }
	.story .box_in > .text { font-size: 1em; }

	.story_date > * { display: none; }
	.story_date > time { display: inline; }
	.category { display: none; }

	.story_tools, .editdate { margin-top: 1.389em; }
	.shortstory .story_tools > .rate { float: right; }
	.story_tools > .btn { padding: 0; height: 2.5em; width: 2.5em; text-align: center; }
	.story_tools > .btn:after, .story_tools > .btn:before { content: ""; }
	.story_tools > .btn > b, .story_tools > .btn:after, .story_tools > .btn:before {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
		background-color: #fff;
		width: .278em; height: .278em;
		border-radius: 50%;
		margin: .764em 0 0 0;
		vertical-align: middle;
	}
	.story_tools > .btn > b { margin-left: 2px; margin-right: 2px; }

	.fixed_label {
		width: 10px; height: 18px;
		padding: 0;
		margin-top: 20px;
		background-color: #e85319;
	}
		.fixed_label:before { display: none; }
		.fixed_label:after {
			bottom: auto; left: 100%; top: 0;
			margin: 0 0 0 -3px;
			border: solid transparent;
			border-right-color: #fff;
			border-width: 9px 3px 9px 0;
		}

	.pagetools {
		margin-bottom: 0;
		border-radius: 0;
		border-width: 0 0 1px 0;
		height: 51px;
		padding-left: 50px;
	}
		.pagetools_back { width: 50px; height: 50px; }
		.sortbar, .breadcrumb_in {
			width: 100%;
			overflow-x: auto; overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
		}
		.breadcrumb_in .over { display: block; overflow: visible; }
		.sortbar_in:after, .breadcrumb_in .over:after { content: ""; width: 25px; display: inline-block; }
	
	.page_next-prev { height: auto; float: none; background: none; box-shadow: none; -webkit-box-shadow: none; }
		.page_prev { float: left; }
		.page_next { float: right; }
		.page_prev, .page_next {
			position: relative;
			z-index: 1;
			border-radius: 8px;
			background-color: #fff;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		}
		.pages { text-align: center; }
		.navigation .pages > * {
			border-radius: 8px;
			background: #9c9c9c;
			color: #fff;
			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
		}
		.navigation .pages > span { background: #3394e6; }
		.navigation .pages > span,
		.navigation .pages > *:first-child,
		.navigation .pages > *:last-child { display: inline-block; }
		.navigation .pages > span.nav_ext { text-indent: -9999px; background: none; box-shadow: none; width: 10px; min-width: 5px; padding: 0;}

	.addcomment .plus_icon { display: none; }
	.addcomment h3 { display: none; } 

	.com_list div.comment { padding: 20px; padding-bottom: 60px; }
		.com_content > .title { font-size: 1.15em; }
		.comment .meta {
			position: absolute;
			bottom: 14px; left: 20px; right: 20px;
		}
		.com_info { margin: 0 0 20px 0; padding-left: 46px; }
		.com_user { display: block; }
		.comment .avatar { margin-left: -46px; margin-right: 0; }
		.comment .rate_like > a, .comment  .rate_like-dislike { border-color: transparent; }
		.comment .meta .mass, .reply a span { display: none; }

	#dle-comments-list > .comments-tree-list > li > .comments-tree-list { padding: 0 20px; }
	
	.comments-tree-list li ol li .comment {
		padding: 20px 0;
		padding-bottom: 60px;
	}

	.comments-tree-list .comments-tree-list .comment .meta { left: 0; right: 0; }
	.comments-tree-list > li > ol > li .comment:before { margin: 25px 0 0 -20px; }

	.contacts { font-size: 1em; }
		.contacts > .grid_1_2 { margin-top: 15px; padding-left: 30px; }
		.contacts > .grid_1_2 .icon { width: 16px; height: 18px; margin-left: -30px; }

	.form_submit > .btn-big { width: 100%; margin-top: 5px; }
		.form_submit .c-captcha { float: none; margin-bottom: 20px; }
		.c-captcha img, .c-captcha > input { width: 122px; }
		.combo_field { margin-bottom: 20px; }

	.page_form { padding-left: 0; padding-top: 50px; }
		.page_form__body { padding: 0 8%; }
		.page_form__logo .icon { margin-top: 0; }
		.page_form__back {
			left: 0;
			z-index: 999;
			width: 100%; height: 50px;
			padding: 0;
		}
		.page_form__back > .icon { top: 50%; left: 0; margin: -10px 0 0 8%; }
		.page_form__back:after { display: none; }

		.page_form__inner > .title { font-size: 24px; }

	.stats_head > ul { font-size: 1em; }

	#pm-menu { margin-bottom: 20px; }
		#pm-menu a {
			padding: 10px 0;
			color: inherit;
			display: block;
			border-top: 1px solid #efefef;
			text-decoration: none !important;
		}
		#pm-menu a:hover { color: #0c5f7e; }

	.userinfo_top { padding-bottom: 50px; }
	.user_tab > li { display: block; margin-right: 0; }
		.user_tab > li > a { font-size: 11px; letter-spacing: 0; }

	.ui-c1, .ui-c2 { width: 100%; margin: 0; display: block; }
	.ui-c1 { font-size: .9em; }

	.footer_menu { padding: 15px; }
		.foot_menu { margin: 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: 10px 0;
			font-weight: normal;
			border-top: 1px solid #d5d5d5;
		}

		.foot_menu > li > b i {
			display: block;
			float: right;
			width: 12px; height: 2px;
			position: relative;
			margin: 10px 0;
			background-color: #353535;
		}
		.foot_menu > li > b.collapsed i, .foot_menu > li > b.collapsed i:after { background-color: #3394e6; }
		.foot_menu > li > b.collapsed i:after {
			content: "";
			display: block;
			margin: -5px auto 0 auto;
			height: 12px; width: 2px;
		}
		.foot_menu > li .collapse { display: none; }
		.foot_menu > li .collapse.in { display: block; }
		.foot_menu > li nav { padding: 10px; padding-top: 0; }

	.footer { background: #212121; padding: 15px; }
		.footer .midside { display: block; padding: 0; }
		.footer .copyright, .footer .copyright a { color: #d5d5d5; }
		.footer .copyright { padding: 0 0 15px 0; border-bottom: 1px solid #2c2c2c; }
		.footer .ca { display: block; float: none; margin: 0; padding: 15px 0; color: #4e4e4e !important; }
		.footer .ca .icon { fill: #323232; }
}

.dle-alert ul {
	padding-left: 0;
	list-style: none;
}
.dle-alert ul li {
	  padding-top: .35em;
}
.dle-alert ul li:first-child {
	  padding-top: 0px;
}

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;
}

.grecaptcha-badge {
    display: none;
}

fieldset .soc_links {
    display: block;
}

fieldset .soc_links > a {
	margin-right: .694em;
}
#mediaupload-delete {
    background-color: #ef5350;
}
.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.11em;
  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: #0c5f7eed;
  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 #0c5f7eed;
	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='%230c5f7eed' 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='%230c5f7eed'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .278em;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}


/* ========================================
   TajMusic Premium — custom theme layer
   ======================================== */

:root {
    --taj-bg: #0b0f14;
    --taj-surface: #121922;
    --taj-surface-hover: #1a2531;
    --taj-border: rgba(255, 255, 255, 0.08);
    --taj-text: #f2f6fa;
    --taj-muted: #91a0b2;
    --taj-accent: #20e3c2;
    --taj-accent-dark: #0eb99d;
}

html {
    background: var(--taj-bg);
}

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

body,
select,
input,
textarea,
button {
    color: var(--taj-text);
}

a {
    color: var(--taj-accent);
}

a:hover {
    color: #76ffe8;
}

#header_menu {
    background: rgba(13, 20, 28, 0.96);
    border-bottom: 1px solid var(--taj-border);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.logotype {
    color: var(--taj-text);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.logotype .logo_title {
    font-weight: 800;
}

.taj-accent {
    color: var(--taj-accent);
}

#top_menu > a {
    color: var(--taj-text);
}

#top_menu > a.active:before {
    background: var(--taj-accent);
}

#cat_menu {
    color: var(--taj-text);
}

.cat_menu a {
    color: var(--taj-muted);
}

.cat_menu a:hover,
.cat_menu a.active {
    color: var(--taj-accent);
}

.cat_menu a:before {
    background: var(--taj-accent);
}

.q_search > input {
    background: var(--taj-surface);
    border: 1px solid var(--taj-border);
    box-shadow: none;
    color: var(--taj-text);
}

.q_search > input::placeholder {
    color: var(--taj-muted);
}

.q_search > input:focus {
    background: var(--taj-surface-hover);
    border-color: var(--taj-accent);
}

.q_search .icon-search,
.q_search .icon-set {
    fill: var(--taj-accent);
}

.box,
.com_list div.comment {
    background: var(--taj-surface);
    border: 1px solid var(--taj-border);
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
    color: var(--taj-text);
}

.box > .heading,
.hblock > .title {
    background: var(--taj-surface-hover);
    color: var(--taj-text);
}

.story .title > a {
    color: var(--taj-text);
}

.story .title > a:hover,
.informer_list li .title a:hover {
    color: var(--taj-accent);
}

.story > .meta {
    background: rgba(255, 255, 255, 0.035);
    color: var(--taj-muted);
}

.block > .title:after {
    background: var(--taj-border);
    border-color: var(--taj-border);
}

.btn,
button.btn {
    background: var(--taj-accent-dark);
    border-color: var(--taj-accent-dark);
    color: #06110f;
}

.btn:hover,
button.btn:hover {
    background: var(--taj-accent);
    color: #06110f;
}

.pages span,
.pages a:hover {
    background: var(--taj-accent-dark);
    color: #06110f;
}

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

hr {
    border-top-color: var(--taj-border);
}

@media (max-width: 600px) {
    #header_menu {
        background: #0d141c;
    }

    .box,
    .com_list div.comment {
        border-radius: 10px;
    }
}


/* TajMusic Premium — hero banner */

.taj-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 360px;
    margin-bottom: 24px;
    padding: clamp(24px, 4vw, 48px);
    overflow: hidden;
    isolation: isolate;
    box-sizing: border-box;
    border: 1px solid rgba(32, 227, 194, .18);
    border-radius: 16px;
    background:
        radial-gradient(ellipse at 80% 45%, rgba(14, 185, 157, .16), transparent 40%),
        linear-gradient(120deg, #111923 0%, #0c121a 65%, #101f28 100%);
}

.taj-hero__content {
    position: relative;
    z-index: 2;
    max-width: 540px;
}

.taj-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    color: #9eb5c4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
}

.taj-hero__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #20e3c2;
    box-shadow: 0 0 14px rgba(32, 227, 194, .8);
}

.taj-hero__title {
    margin: 0 0 16px;
    color: #f5f8fb;
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: -.045em;
}

.taj-hero__title span {
    color: #20e3c2;
}

.taj-hero__text {
    max-width: 420px;
    margin: 0 0 24px;
    color: #a6b4c3;
    font-size: 15px;
    line-height: 1.8;
}

.taj-hero__button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 19px;
    border: 1px solid #20e3c2;
    border-radius: 9px;
    background: #20e3c2;
    color: #071511 !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.taj-hero__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(32, 227, 194, .2);
}

.taj-hero__note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
    color: #718393;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .15em;
}

.taj-hero__equalizer {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 20px;
}

.taj-hero__equalizer i {
    display: block;
    width: 3px;
    height: 8px;
    border-radius: 3px;
    background: #20e3c2;
}

.taj-hero__equalizer i:nth-child(2),
.taj-hero__equalizer i:nth-child(4) {
    height: 15px;
}

.taj-hero__equalizer i:nth-child(3) {
    height: 20px;
}

.taj-hero__art {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 43%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.taj-hero__orb {
    position: absolute;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(32, 227, 194, .15);
    border-radius: 50%;
}

.taj-hero__orb--one {
    top: 50%;
    right: -55px;
    transform: translateY(-50%);
    box-shadow: 0 0 70px rgba(32, 227, 194, .08);
}

.taj-hero__orb--two {
    top: 50%;
    right: -5px;
    width: 220px;
    height: 220px;
    transform: translateY(-50%);
}

.taj-hero__disc {
    position: absolute;
    top: 50%;
    right: 20%;
    display: grid;
    width: 190px;
    height: 190px;
    place-items: center;
    border: 1px solid rgba(32, 227, 194, .35);
    border-radius: 50%;
    background: repeating-radial-gradient(
        circle,
        #18232c 0,
        #18232c 3px,
        #111922 4px,
        #111922 7px
    );
    box-shadow: 0 0 55px rgba(0, 0, 0, .35);
    transform: translateY(-50%) rotate(-15deg);
}

.taj-hero__disc-center {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 5px solid #111922;
    border-radius: 50%;
    background: #20e3c2;
    color: #071511;
    font-size: 28px;
}

.taj-hero__tag {
    position: absolute;
    color: rgba(195, 255, 244, .75);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .2em;
}

.taj-hero__tag--top {
    top: 25%;
    right: 14%;
}

.taj-hero__tag--bottom {
    right: 8%;
    bottom: 24%;
}

@media (max-width: 700px) {
    .taj-hero {
        min-height: 340px;
        padding: 28px 22px;
    }

    .taj-hero__content {
        max-width: 100%;
    }

    .taj-hero__art {
        right: -90px;
        width: 65%;
        opacity: .38;
    }

    .taj-hero__title {
        font-size: 35px;
    }

    .taj-hero__text {
        max-width: 300px;
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .taj-hero__button {
        transition: none;
    }
}


/* TajMusic Premium — sidebar */

.taj-sidebar {
    color: #f2f6fa;
}

.taj-sidebar__block {
    margin-bottom: 22px;
}

.taj-sidebar .topnews {
    padding-left: 0;
}

.taj-sidebar .topnews li {
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.taj-sidebar .topnews a {
    color: #f2f6fa;
}

.taj-sidebar .topnews a:hover {
    color: #20e3c2;
}

.taj-sidebar__welcome {
    padding: 22px;
    border: 1px solid rgba(32, 227, 194, .18);
    border-radius: 14px;
    background:
        radial-gradient(ellipse at top right, rgba(32, 227, 194, .12), transparent 65%),
        #121922;
}

.taj-sidebar__label {
    color: #20e3c2;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
}

.taj-sidebar__welcome h4 {
    margin: 12px 0 8px;
    color: #f2f6fa;
    font-size: 18px;
    line-height: 1.4;
}

.taj-sidebar__welcome p {
    color: #91a0b2;
    font-size: 13px;
    line-height: 1.7;
}

.taj-sidebar__welcome a {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    margin-top: 8px;
    color: #20e3c2;
    font-weight: 700;
}

.taj-sidebar .tag_list a {
    display: inline-block;
    margin: 3px;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 20px;
    color: #aab9c7;
    background: #121922;
}

.taj-sidebar .tag_list a:hover {
    border-color: #20e3c2;
    color: #20e3c2;
}


/* TajMusic Premium — music cards */

.taj-track {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 18px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: #121922;
    color: #f2f6fa;
    box-sizing: border-box;
}

.taj-track__cover {
    position: relative;
    min-height: 150px;
    overflow: hidden;
    border-radius: 10px;
    background:
        radial-gradient(circle at 70% 25%, rgba(32, 227, 194, .25), transparent 40%),
        linear-gradient(145deg, #1c3440, #10151e);
}

.taj-track__cover > a:first-child {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 150px;
}

.taj-track__cover-placeholder {
    display: flex;
    min-height: 150px;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #20e3c2;
}

.taj-track__cover-placeholder span {
    font-size: 64px;
    line-height: 1;
}

.taj-track__cover-placeholder small {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .2em;
}

.taj-track__play {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    background: #20e3c2;
    color: #071511 !important;
    text-decoration: none !important;
}

.taj-track__body {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.taj-track__category {
    margin-bottom: 7px;
    color: #20e3c2;
    font-size: 11px;
}

.taj-track__title {
    margin: 0 0 9px;
    font-size: 19px;
    line-height: 1.4;
}

.taj-track__title a {
    color: #f2f6fa;
    text-decoration: none;
}

.taj-track__title a:hover {
    color: #20e3c2;
}

.taj-track__description {
    overflow-wrap: anywhere;
    color: #91a0b2;
    font-size: 13px;
    line-height: 1.65;
}

.taj-track__description img {
    max-width: 100%;
    height: auto;
}

.taj-track__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
    font-size: 12px;
}

.taj-track__more {
    color: #20e3c2;
    font-weight: 700;
    text-decoration: none;
}

.taj-track__more span {
    margin-left: 5px;
}

.taj-track__views {
    color: #718393;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .taj-track {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 13px;
        padding: 11px;
    }

    .taj-track__cover,
    .taj-track__cover > a:first-child,
    .taj-track__cover-placeholder {
        min-height: 120px;
    }

    .taj-track__cover-placeholder span {
        font-size: 46px;
    }

    .taj-track__title {
        font-size: 15px;
    }

    .taj-track__description {
        font-size: 12px;
    }
}

.taj-track__cover {
    position: relative;
    min-height: 150px;
    overflow: hidden;
    border-radius: 10px;
}

.taj-track__cover > a:first-child {
    display: block;
    width: 100%;
    height: 100%;
}

.taj-track__image {
    display: block;
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.taj-track__image[src=""] {
    display: none;
}

.taj-player {
    margin: 24px 0;
    padding: 20px;
    background: #111923;
    border: 1px solid #183b43;
    border-radius: 14px;
}

.taj-player__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.taj-player__info strong {
    color: #20dfc0;
    font-size: 16px;
}

.taj-player__info span {
    color: #9aafc5;
    font-size: 13px;
}

.taj-player audio {
    display: block;
    width: 100%;
}

button.taj-track__play {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.taj-track__play:hover {
    filter: brightness(1.15);
    transform: scale(1.05);
}

.taj-track__play:focus-visible {
    outline: 2px solid #20dfc0;
    outline-offset: 3px;
}


/* TajMusic Premium — компактная карточка песни */
.taj-track {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 14px;
    margin: 0 0 16px;
    background: #111923;
    border: 1px solid #252e39;
    border-radius: 16px;
    min-width: 0;
    box-sizing: border-box;
    transition: border-color .2s, transform .2s;
}

.taj-track:hover {
    border-color: #17675f;
}

.taj-track__cover {
    position: relative;
    flex: 0 0 142px;
    width: 142px;
    height: 142px;
    min-height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #172630;
}

.taj-track__cover-link {
    display: block;
    width: 100%;
    height: 100%;
}

.taj-track__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.taj-track__play {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #20dfc0;
    color: #07131a;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 4px 14px #0005;
    transition: transform .2s, background .2s;
}

.taj-track__play:hover {
    transform: scale(1.07);
    background: #55f3d9;
}

.taj-track__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
    min-width: 0;
    gap: 8px;
}

.taj-track__artist {
    color: #20dfc0;
    font-size: 12px;
    line-height: 1.5;
}

.taj-track__title {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

.taj-track__title a {
    color: #f4f7fb;
    text-decoration: none;
}

.taj-track__title a:hover {
    color: #20dfc0;
}

.taj-track__description {
    color: #9aafc5;
    font-size: 13px;
    line-height: 1.6;
}

.taj-track__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 2px;
}

.taj-track__meta span {
    padding: 4px 8px;
    border-radius: 6px;
    background: #1b2733;
    color: #a9bdcf;
    font-size: 11px;
}

.taj-track__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 6px;
    font-size: 12px;
}

.taj-track__footer a {
    color: #20dfc0;
    text-decoration: none;
    font-weight: 600;
}

.taj-track__views {
    color: #8297aa;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .taj-track {
        gap: 12px;
        padding: 10px;
    }

    .taj-track__cover {
        flex-basis: 108px;
        width: 108px;
        height: 108px;
    }

    .taj-track__play {
        width: 34px;
        height: 34px;
        font-size: 14px;
        right: 5px;
        bottom: 5px;
    }

    .taj-track__title {
        font-size: 17px;
    }

    .taj-track__artist {
        font-size: 11px;
    }

    .taj-track__description {
        font-size: 12px;
    }
}

/* TajMusic — страница песни: кнопка плеера */
.taj-player--full { display: flex; align-items: center; gap: 16px; }
.taj-player--full .taj-player__info { margin-bottom: 0; min-width: 0; }
.taj-fs-play {
    flex: 0 0 56px;
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #20e3c2;
    color: #071511;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s, transform .15s;
}
.taj-fs-play:hover { background: #3df0d2; transform: scale(1.05); }
.taj-fs-play:focus-visible { outline: 2px solid #20e3c2; outline-offset: 3px; }

/* TajMusic — счётчик в меню категорий */
.taj-cat__count { float: right; color: #91a0b2; font-size: 12px; }
.taj-cat__count[hidden] { display: none; }

/* TajMusic — компактный hero (песни видны сразу) */
.taj-hero { min-height: 240px; margin-bottom: 20px; padding: clamp(20px, 3vw, 32px); }
.taj-hero__title { font-size: clamp(28px, 3.4vw, 42px); margin-bottom: 12px; }
.taj-hero__text { margin-bottom: 18px; }
.taj-hero__note { display: none; }
@media (max-width: 700px) {
    .taj-hero { min-height: 0; padding: 22px 18px; }
    .taj-hero__title { font-size: 30px; }
}

/* TajMusic — ряды «Новинки» / «Топ недели» */
.taj-row { margin: 0 0 24px; }
.taj-row__title { margin: 0 0 14px; color: #f2f6fa; font-size: 18px; font-weight: 800; }
.taj-row__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 14px 12px;
}
.taj-mini {
    --taj-mini-radius: 10px;   /* углы обложки: 0 = прямые, 10px = скруглённые */
    min-width: 0;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 14px;
    scroll-snap-align: start;
    transition: border-color .2s, background-color .2s;
}
.taj-mini__cover {
    position: relative;
    aspect-ratio: 1 / 1;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: var(--taj-mini-radius);
    background: linear-gradient(145deg, #1c3440, #10151e);
}
.taj-mini__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-mini__play {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #20e3c2;
    color: #071511;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .4);
}
.taj-mini__play:hover { background: #3df0d2; }
.taj-mini__play:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.taj-mini__title, .taj-mini__artist { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.taj-mini__title { color: #f2f6fa; font-size: 14px; font-weight: 700; }
.taj-mini__artist { margin-top: 2px; color: #91a0b2; font-size: 12px; }
.taj-mini.is-current { border-color: rgba(32, 227, 194, .55); background: #121922; }

/* TajMusic — меню жанров (левая колонка) */
.cat_menu__head {
    padding: 0 12px 10px;
    color: #f2f6fa;
    font-size: 15px;
    font-weight: 800;
}
.cat_menu .taj-cat { margin: 0 0 2px; --dot: #20e3c2; }
.cat_menu .taj-cat:nth-child(8n+2) { --dot: #5ab0ff; }
.cat_menu .taj-cat:nth-child(8n+3) { --dot: #b58cff; }
.cat_menu .taj-cat:nth-child(8n+4) { --dot: #ff8ab3; }
.cat_menu .taj-cat:nth-child(8n+5) { --dot: #ffb86b; }
.cat_menu .taj-cat:nth-child(8n+6) { --dot: #8be36a; }
.cat_menu .taj-cat:nth-child(8n+7) { --dot: #ffd75e; }
.cat_menu .taj-cat:nth-child(8n+8) { --dot: #ff7a6b; }

.cat_menu .taj-cat > a {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px !important;
    border: 0;
    border-radius: 10px;
    color: #aebccb;
    font-size: 14px;
    font-weight: 600;
    transition: background-color .18s, color .18s;
}
.cat_menu .taj-cat > a:before {
    content: "";
    position: static;
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dot);
    box-shadow: 0 0 0 0 transparent;
    transition: box-shadow .18s;
}
.cat_menu .taj-cat > a:after { display: none !important; }
.cat_menu .taj-cat > a:hover { background: #121922; color: #f2f6fa; }
.cat_menu .taj-cat > a:hover:before { box-shadow: 0 0 10px var(--dot); }

.cat_menu .taj-cat.is-active > a {
    background: rgba(32, 227, 194, .1);
    color: #20e3c2;
    cursor: default;
}
.cat_menu .taj-cat.is-active > a:before { box-shadow: 0 0 10px var(--dot); }

.cat_menu .taj-cat__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cat_menu .taj-cat__count {
    float: none;
    margin-left: auto;
    padding: 2px 8px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .06);
    color: #8ba2b0;
    font-size: 11px;
    font-weight: 700;
}
.cat_menu .taj-cat__count[hidden] { display: none; }

/* меню жанров в выезжающей панели (планшет / телефон) */
@media (max-width: 1235px) {
    #cat_menu { background-color: #0d151d; border-right-color: rgba(255, 255, 255, .08); }
}
@media (max-width: 600px) {
    #cat_menu { background: #0d151d; }
    #cat_menu:after { display: none; }
}

/* TajMusic — компактный список песен */
.taj-track {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 0;
    margin: 0 0 8px;
    padding: 8px 18px 8px 8px;
    border-radius: 12px;
}
.taj-track .taj-track__cover {
    position: relative;
    width: 64px;
    height: 64px;
    min-height: 0;
    margin: 0;
    padding: 0;
    aspect-ratio: auto;
    border-radius: 8px;
    overflow: hidden;
}
.taj-track .taj-track__cover-link,
.taj-track .taj-track__cover > a:first-child { display: block; width: 100%; height: 100%; min-height: 0; }
.taj-track .taj-track__image { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; border-radius: 0; }
.taj-track .taj-track__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: opacity .15s;
    pointer-events: none;
}
.taj-track:hover .taj-track__cover::after,
.taj-track.is-current .taj-track__cover::after { opacity: 1; }

.taj-track .taj-track__play {
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: 2;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.9);
    transition: opacity .15s, transform .15s, background-color .15s;
}
.taj-track:hover .taj-track__play,
.taj-track.is-current .taj-track__play,
.taj-track .taj-track__play:focus-visible { opacity: 1; transform: translate(-50%, -50%); }
.taj-track .taj-track__play:hover { transform: translate(-50%, -50%) scale(1.08); }
@media (hover: none) {
    .taj-track .taj-track__play { opacity: 1; transform: translate(-50%, -50%); }
}

.taj-track .taj-track__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "title meta views" "artist meta views";
    align-items: center;
    column-gap: 18px;
    row-gap: 3px;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
}
.taj-track .taj-track__title {
    grid-area: title;
    margin: 0;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.taj-track .taj-track__title a { display: block; overflow: hidden; text-overflow: ellipsis; }
.taj-track .taj-track__artist {
    grid-area: artist;
    margin: 0;
    overflow: hidden;
    color: #91a0b2;
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.taj-track.is-current .taj-track__artist { color: #20e3c2; }
.taj-track .taj-track__description { display: none; }
.taj-track .taj-track__meta { grid-area: meta; display: flex; gap: 6px; margin: 0; padding: 0; }
.taj-track .taj-track__footer { display: contents; }
.taj-track .taj-track__footer > a { display: none; }
.taj-track .taj-track__views { grid-area: views; margin: 0; color: #7f93a4; font-size: 12px; white-space: nowrap; }

@media (max-width: 700px) {
    .taj-track { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding-right: 12px; }
    .taj-track .taj-track__cover { width: 56px; height: 56px; }
    .taj-track .taj-track__body { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "artist"; }
    .taj-track .taj-track__meta,
    .taj-track .taj-track__views { display: none; }
}

/* TajMusic — свой лёгкий футер и кнопка «наверх» */
.taj-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    padding: 24px 20px 28px;
    border-top: 1px solid rgba(255, 255, 255, .06);
    color: #6f8294;
    font-size: 13px;
}
.taj-footer a { color: #91a0b2; text-decoration: none; }
.taj-footer a:hover { color: #20e3c2; }

.taj-up {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 9000;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(32, 227, 194, .35);
    border-radius: 50%;
    background: #121922;
    color: #20e3c2;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .2s, transform .2s, background-color .2s;
}
.taj-up.is-visible { opacity: 1; pointer-events: auto; transform: none; }
.taj-up:hover { background: #1a2632; }
.taj-up:focus-visible { outline: 2px solid #20e3c2; outline-offset: 3px; }
body.tm-has-player .taj-up { bottom: 96px; }

/* TajMusic — «Популярное» в правой колонке */
.taj-sidebar .taj-pop {
    margin: -6px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: taj-rank;
    container-type: inline-size;
}
.taj-pop__item {
    position: relative;
    margin: 0 0 2px;
    border-radius: 12px;
    counter-increment: taj-rank;
    transition: background-color .18s;
}
.taj-pop__item:hover,
.taj-pop__item.is-current { background: #121922; }
.taj-pop__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 8px 8px;
    color: #f2f6fa;
    text-decoration: none !important;
}
.taj-pop__link::before {
    content: counter(taj-rank);
    flex: 0 0 22px;
    color: #5d7385;
    font-size: 15px;
    font-weight: 800;
    text-align: center;
}
.taj-pop__item:nth-child(-n+3) .taj-pop__link::before { color: #20e3c2; }
.taj-pop__cover {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(145deg, #1c3440, #10151e);
}
.taj-pop__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-pop__text { flex: 1; min-width: 0; }
.taj-pop__text b,
.taj-pop__text small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.taj-pop__text b { color: #f2f6fa; font-size: 13.5px; font-weight: 700; line-height: 1.3; transition: color .18s; }
.taj-pop__text small { margin-top: 2px; color: #91a0b2; font-size: 12px; }
.taj-pop__views { flex: none; color: #6f8294; font-size: 11.5px; white-space: nowrap; }
.taj-pop__link:hover .taj-pop__text b,
.taj-pop__item.is-current .taj-pop__text b { color: #20e3c2; }

.taj-pop__play {
    position: absolute;
    top: 50%;
    left: 40px;
    display: grid;
    width: 44px;
    height: 44px;
    margin: -22px 0 0;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 8px;
    background: rgba(7, 21, 17, .6);
    color: #20e3c2;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    transition: opacity .15s;
}
.taj-pop__item:hover .taj-pop__play,
.taj-pop__item.is-current .taj-pop__play,
.taj-pop__play:focus-visible { opacity: 1; }
@media (hover: none) {
    .taj-pop__play { opacity: 1; background: rgba(7, 21, 17, .3); color: #fff; }
}
@container (max-width: 260px) {
    .taj-pop__views { display: none; }
}

/* TajMusic — постраничная навигация */
.navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 16px;
    margin: 24px 0 8px;
}
.navigation:after { display: none; }
.navigation .pages { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; text-align: left; }
.navigation .pages > a,
.navigation .pages > span {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    background: #121922;
    box-shadow: none;
    color: #aebccb;
    font-size: 14px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    text-indent: 0;
    text-decoration: none !important;
    transition: background-color .15s, color .15s, border-color .15s;
}
.navigation .pages > a:hover { background: #1a2632; border-color: rgba(32, 227, 194, .45); color: #f2f6fa; }
.navigation .pages > span { border-color: transparent; background: #20e3c2; color: #071511; }
.navigation .pages > span.nav_ext {
    min-width: 0;
    padding: 0 4px;
    border: 0;
    background: none;
    color: #6f8294;
}

.navigation .page_next-prev {
    display: flex;
    gap: 6px;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.navigation .page_prev,
.navigation .page_next {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    background: #121922;
    color: #46596a;
    font-size: 0;
    line-height: 0;
    transition: background-color .15s, color .15s, border-color .15s;
}
.navigation .page_prev:before,
.navigation .page_next:before {
    content: "";
    width: 9px;
    height: 9px;
    border: solid currentColor;
    border-width: 0 0 2px 2px;
    transform: rotate(45deg);
    margin-left: 4px;
}
.navigation .page_next:before { transform: rotate(-135deg); margin-left: -4px; }
/* DLE подставляет текст «Назад»/«Вперёд» (в ссылке или в <span>) — прячем, стрелку рисует :before */
.navigation .page_prev,
.navigation .page_next { overflow: hidden; font-size: 0; line-height: 0; }
.navigation .page_prev > span,
.navigation .page_next > span { display: none; }
.navigation .page_prev a,
.navigation .page_next a { position: absolute; inset: 0; font-size: 0; }
.navigation .page_prev:has(a),
.navigation .page_next:has(a) { color: #f2f6fa; }
.navigation .page_prev:has(a):hover,
.navigation .page_next:has(a):hover { border-color: rgba(32, 227, 194, .45); background: #1a2632; color: #20e3c2; }
@media (max-width: 600px) {
    .navigation { justify-content: center; }
    .navigation .pages { justify-content: center; }
}

/* TajMusic — Telegram в левом меню */
.taj-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 0;
    padding: 10px 12px;
    border: 1px solid rgba(32, 227, 194, .25);
    border-radius: 10px;
    background: rgba(32, 227, 194, .08);
    color: #20e3c2;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color .18s, border-color .18s;
}
.taj-social:hover { background: rgba(32, 227, 194, .16); border-color: rgba(32, 227, 194, .5); }
.taj-social svg { flex: none; }

/* TajMusic — заголовок ряда с ссылкой «Показать все» */
.taj-row__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.taj-row__head .taj-row__title { margin: 0; }
.taj-row__all { color: #91a0b2; font-size: 13px; text-decoration: none !important; transition: color .15s; }
.taj-row__all:hover { color: #20e3c2; }
#all-songs { scroll-margin-top: 90px; }

/* TajMusic — список песен в две колонки */
#dle-content:has(> .taj-track) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
}
#dle-content:has(> .taj-track) > :not(.taj-track) { grid-column: 1 / -1; }
#dle-content:has(> .taj-track) > .taj-track { margin: 0; }
/* в колонке оставляем только длительность (год и битрейт — на странице песни) */
.taj-track .taj-track__meta span:not(:nth-child(2)) { display: none; }
@media (max-width: 860px) {
    #dle-content:has(> .taj-track) { grid-template-columns: minmax(0, 1fr); }
}

/* TajMusic — широкая правая колонка на больших экранах (две колонки «Популярного») */
@media (min-width: 1700px) {
    .wrp { max-width: 140em; }
    .header .midside,
    .conteiner > .midside { padding-right: 41.5em; }
    .conteiner > .rightside,
    #q_search.rightside { width: 38em; margin-left: -41.5em; }
    .taj-sidebar .taj-pop {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(6, auto);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 12px;
    }
    .taj-artist__photo { width: 108px; height: 108px; }
}

/* TajMusic — «Исполнители» */
.taj-sidebar__block[hidden] { display: none; }
.taj-artists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; }
.taj-artist {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 6px 4px;
    border-radius: 12px;
    color: #f2f6fa;
    text-align: center;
    text-decoration: none !important;
    transition: background-color .18s;
}
.taj-artist:hover { background: #121922; }
.taj-artist__photo {
    width: 94px;
    height: 94px;
    margin-bottom: 4px;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(145deg, #1c3440, #10151e);
    box-shadow: 0 0 0 2px transparent;
    transition: box-shadow .18s;
}
.taj-artist:hover .taj-artist__photo { box-shadow: 0 0 0 2px #20e3c2; }
.taj-artist__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-artist b {
    max-width: 100%;
    overflow: hidden;
    font-size: 13.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.taj-artist small { color: #91a0b2; font-size: 12px; }

/* TajMusic — страница «Исполнители»: сетка карточек (квадратное фото, имя, число песен) */
.taj-artists-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 24px 18px;
}
.taj-artists-grid > :not(.taj-artist-card) { grid-column: 1 / -1; }
.taj-artist-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    color: #f2f6fa;
    text-align: center;
    text-decoration: none !important;
}
.taj-artist-card__photo {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 6px;
    background: linear-gradient(145deg, #1c3440, #10151e);
    transition: box-shadow .18s, transform .18s;
}
.taj-artist-card:hover .taj-artist-card__photo { box-shadow: 0 0 0 2px #20e3c2; transform: translateY(-2px); }
.taj-artist-card__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-artist-card b { max-width: 100%; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; transition: color .18s; }
.taj-artist-card:hover b { color: #20e3c2; }
.taj-artist-card small { min-height: 1.3em; color: #91a0b2; font-size: 13px; }
@media (max-width: 600px) {
    .taj-artists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
}

/* TajMusic — страница исполнителя */
.taj-artist-page__head {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 28px;
    padding: 28px;
    border: 1px solid rgba(32, 227, 194, .2);
    border-radius: 18px;
    background: linear-gradient(135deg, #0f2a33, #0d141c 70%);
}
.taj-artist-page__photo {
    flex: 0 0 160px;
    width: 160px;
    height: 160px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(32, 227, 194, .35), 0 16px 40px rgba(0, 0, 0, .45);
}
.taj-artist-page__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-artist-page__info { min-width: 0; }
.taj-artist-page__tag { color: #20e3c2; font-size: 13px; font-weight: 700; }
.taj-artist-page h1 { margin: 6px 0 14px; color: #f2f6fa; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.15; }
.taj-artist-page__meta { display: flex; flex-wrap: wrap; gap: 8px; }
.taj-artist-page__meta span {
    padding: 5px 12px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .07);
    color: #aebccb;
    font-size: 13px;
}
.taj-artist-tracks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.taj-artist-tracks .taj-track { margin: 0; }
.taj-empty { grid-column: 1 / -1; color: #91a0b2; }
@media (max-width: 860px) {
    .taj-artist-tracks { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
    .taj-artist-page__head { flex-direction: column; text-align: center; padding: 22px 16px; }
    .taj-artist-page__photo { flex-basis: 120px; width: 120px; height: 120px; }
    .taj-artist-page__meta { justify-content: center; }
}


/* TajMusic — страница «Исполнители»: на всю ширину, без правой колонки, 6 карточек в ряд */
.page.taj-wide .conteiner > .midside { padding-right: 1.74em; }
.taj-artists-title { margin: 0 0 20px; color: #f2f6fa; font-size: 30px; font-weight: 500; line-height: 1.2; }
.taj-artists-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 26px 20px; }
@media (max-width: 1100px) { .taj-artists-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px)  { .taj-artists-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; } }
@media (max-width: 600px)  { .taj-artists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* TajMusic — «Исполнители»: 7 в ряд (3 ряда = 21 на странице), фото поменьше */
.taj-artists-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 22px 14px; }
.taj-artists-grid .taj-artist-card__photo { width: min(100%, 165px); }
.taj-artists-grid .taj-artist-card b { font-size: 13.5px; }
.taj-artists-grid .taj-artist-card small { font-size: 12px; }
@media (max-width: 1300px) { .taj-artists-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .taj-artists-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px)  { .taj-artists-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .taj-artists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* TajMusic — страница песни */
.taj-song .box_in { padding: 26px; }
.taj-song__top { display: flex; align-items: center; gap: 28px; }
.taj-song__cover { flex: 0 0 210px; width: 210px; height: 210px; overflow: hidden; border-radius: 14px; background: linear-gradient(145deg, #1c3440, #10151e); box-shadow: 0 14px 36px rgba(0, 0, 0, .45); }
.taj-song__cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.taj-song__info { min-width: 0; flex: 1; }
.taj-song__tag { color: #20e3c2; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.taj-song__title { margin: 6px 0 8px; color: #f2f6fa; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.2; overflow-wrap: anywhere; }
.taj-song__artist { margin-bottom: 14px; color: #9fb0c0; font-size: 17px; }
.taj-song__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.taj-song__chips span { padding: 5px 11px; border-radius: 999px; background: #151f2a; color: #b5c3d1; font-size: 13px; }
.taj-song__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.taj-song .taj-song__btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    width: auto; height: 46px; min-width: 150px; padding: 0 26px; margin: 0;
    border: 2px solid #20e3c2; border-radius: 999px;
    font-family: inherit; font-weight: 700; font-size: 16px; line-height: 1; text-decoration: none !important; cursor: pointer;
    transition: background-color .18s, color .18s, transform .18s;
}
.taj-song .taj-song__btn--play { background: #20e3c2; color: #06231f; }
.taj-song .taj-song__btn--play:hover { background: #3df0d2; border-color: #3df0d2; transform: translateY(-1px); }
.taj-song .taj-song__btn--dl { background: transparent; color: #20e3c2; }
.taj-song .taj-song__btn--dl:hover { background: rgba(32, 227, 194, .14); transform: translateY(-1px); }
.taj-song__text { margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .07); color: #b5c3d1; font-size: 15px; line-height: 1.65; }
.taj-song__text h2 { margin: 0 0 10px; color: #e6edf4; font-size: 17px; font-weight: 600; }
.taj-song__text p { margin: 0 0 10px; }
.taj-song__text b { color: #f2f6fa; }
@media (max-width: 700px) {
    .taj-song__top { flex-direction: column; align-items: flex-start; }
    .taj-song__cover { flex-basis: auto; width: 100%; max-width: 280px; height: auto; aspect-ratio: 1 / 1; }
    .taj-song .taj-song__btn { flex: 1 1 140px; }
}

/* TajMusic — страница песни, правки: иконки сверху справа, обложка меньше, кнопки-иконки, «Добавить комментарий» */
.taj-song .story_icons { left: auto; right: 16px; top: 16px; width: auto; margin: 0; padding: 0; display: flex; gap: 8px; z-index: 2; }
.taj-song .story_icons > li { margin: 0; }
.taj-song .fav_btn > a, .taj-song .edit_btn > a,
.taj-song .fav_btn > span, .taj-song .edit_btn > i {
    display: flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; padding: 0; box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%;
    background: #131d28; cursor: pointer; transition: background-color .18s, border-color .18s;
}
.taj-song .fav_btn > a:hover, .taj-song .edit_btn > a:hover { background: #18283a; border-color: rgba(32, 227, 194, .5); transform: none; }
.taj-song .fav_btn .icon { width: 18px; height: 18px; fill: #9fb0c0; }
.taj-song .fav_btn:hover .icon-fav { fill: #20e3c2; }
.taj-song .fav_btn .icon-star { fill: #fed762; }
.taj-song .edit_btn > a { flex-direction: column; gap: 3px; }
.taj-song .edit_btn > a > i, .taj-song .edit_btn > a:before, .taj-song .edit_btn > a:after {
    display: block; width: 16px; height: 2px; padding: 0; margin: 0; border: 0; border-radius: 2px;
    background: #9fb0c0; overflow: hidden; font-size: 0; line-height: 0;
}
.taj-song .edit_btn > a:hover > i, .taj-song .edit_btn > a:hover:before, .taj-song .edit_btn > a:hover:after { background: #20e3c2; }

.taj-song__cover { flex: 0 0 180px; width: 180px; height: 180px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, .08); box-shadow: 0 10px 26px rgba(0, 0, 0, .4); }

.taj-song .taj-song__btn { width: 56px; height: 56px; min-width: 0; padding: 0; border-radius: 50%; font-size: 0; }
.taj-song .taj-song__btn svg { display: block; }
.taj-song .taj-song__btn--play { box-shadow: 0 8px 22px rgba(32, 227, 194, .28); }
.taj-song .taj-song__btn--dl { background: #131d28; border-color: rgba(32, 227, 194, .45); }
@media (max-width: 700px) {
    .taj-song__cover { flex-basis: auto; width: 100%; max-width: 220px; height: auto; }
    .taj-song .taj-song__btn { flex: 0 0 56px; }
}

.taj-addcom { margin-top: 14px; }
.taj-addcom__btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; padding: 16px 20px;
    border: 1px dashed rgba(32, 227, 194, .45); border-radius: 14px;
    background: #0f1822; color: #20e3c2; font-family: inherit; font-weight: 700; font-size: 16px; line-height: 1.2; cursor: pointer;
    transition: background-color .18s, border-color .18s;
}
.taj-addcom__btn:hover, .taj-addcom__btn.is-open { background: #12212d; border-color: #20e3c2; }
.taj-addcom__plus { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #20e3c2; color: #06231f; font-size: 18px; line-height: 1; transition: transform .18s; }
.taj-addcom__btn.is-open .taj-addcom__plus { transform: rotate(45deg); }
.taj-addcom__box[hidden] { display: none; }
.taj-addcom__box { margin-top: 12px; }
.taj-addcom__box .addcomment { background: transparent; }
.taj-addcom__box .addcomment .plus_icon { display: none; }
.taj-addcom__box .addcomment h3 { color: #e6edf4; }
.taj-addcom__box .addcomment label, .taj-addcom__box .addcomment .box_in { color: #b5c3d1; }
.taj-addcom__box .addcomment .box_in { padding: 18px; }

/* TajMusic — список песен: при наведении обложка темнеет, по центру контурный значок play (пауза у играющей) */
.taj-track .taj-track__cover::after { background: rgba(0, 0, 0, .55); }
.taj-track .taj-track__play,
.taj-track .taj-track__play:hover,
.taj-track .taj-track__play:focus-visible {
    width: 38px; height: 38px;
    border: 0; border-radius: 0; box-shadow: none; outline: 0;
    background: transparent url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%204.5v15l12.5-7.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    color: transparent; font-size: 0;
}
.taj-track .taj-track__play:hover { transform: translate(-50%, -50%) scale(1.15); }
.taj-track.is-playing .taj-track__play,
.taj-track.is-playing .taj-track__play:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%205h3.5v14H7zM13.5%205H17v14h-3.5z'/%3E%3C/svg%3E"); }

/* TajMusic — страница песни: без метки «Песня», кнопки меньше, название зелёное как play */
.taj-song__title { margin: 0 0 8px; color: #20e3c2; }
.taj-song .taj-song__btn { width: 48px; height: 48px; }
.taj-song .taj-song__btn svg { width: 20px; height: 20px; }
@media (max-width: 700px) { .taj-song .taj-song__btn { flex: 0 0 48px; } }

/* TajMusic — Новинки: как в «Все песни» — обложка темнеет, по центру контурный play / пауза */
.taj-mini__cover::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .15s; pointer-events: none; }
.taj-mini:hover .taj-mini__cover::after, .taj-mini.is-current .taj-mini__cover::after { opacity: 1; }
.taj-mini .taj-mini__play,
.taj-mini .taj-mini__play:hover,
.taj-mini .taj-mini__play:focus-visible {
    top: 50%; left: 50%; right: auto; bottom: auto; z-index: 2;
    width: 46px; height: 46px; border: 0; border-radius: 0; box-shadow: none; outline: 0;
    background: transparent url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%204.5v15l12.5-7.5z'/%3E%3C/svg%3E") center / contain no-repeat;
    color: transparent; font-size: 0;
    opacity: 0; transform: translate(-50%, -50%) scale(.9);
    transition: opacity .15s, transform .15s;
}
.taj-mini:hover .taj-mini__play, .taj-mini.is-current .taj-mini__play, .taj-mini .taj-mini__play:focus-visible { opacity: 1; transform: translate(-50%, -50%); }
.taj-mini .taj-mini__play:hover { transform: translate(-50%, -50%) scale(1.15); }
.taj-mini.is-playing .taj-mini__play, .taj-mini.is-playing .taj-mini__play:hover { background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='1.5'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%205h3.5v14H7zM13.5%205H17v14h-3.5z'/%3E%3C/svg%3E"); }
@media (hover: none) { .taj-mini .taj-mini__play { opacity: 1; transform: translate(-50%, -50%); } }

/* TajMusic — страница песни: красивые кнопки play и скачать */
.taj-song__actions { gap: 14px; }
.taj-song .taj-song__btn { width: 54px; height: 54px; border-width: 0; position: relative; overflow: visible; transition: transform .2s, box-shadow .2s, background .2s; }
.taj-song .taj-song__btn svg { width: 22px; height: 22px; }
.taj-song .taj-song__btn--play {
    background: linear-gradient(145deg, #4af5d8 0%, #20e3c2 45%, #10b79b 100%);
    color: #04221d;
    box-shadow: 0 10px 26px rgba(32, 227, 194, .38), inset 0 1px 0 rgba(255, 255, 255, .45);
}
.taj-song .taj-song__btn--play:hover { background: linear-gradient(145deg, #6af8df 0%, #2eecca 45%, #14c6a8 100%); transform: translateY(-2px) scale(1.06); box-shadow: 0 14px 32px rgba(32, 227, 194, .5), inset 0 1px 0 rgba(255, 255, 255, .5); }
.taj-song .taj-song__btn--play:active { transform: scale(.97); }
.taj-song.is-playing .taj-song__btn--play::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid rgba(32, 227, 194, .55); animation: taj-song-pulse 1.6s ease-out infinite; pointer-events: none; }
@keyframes taj-song-pulse { 0% { transform: scale(.92); opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }
.taj-song .taj-song__btn--dl {
    background: rgba(32, 227, 194, .07);
    color: #20e3c2;
    box-shadow: inset 0 0 0 1.5px rgba(32, 227, 194, .5);
    backdrop-filter: blur(4px);
}
.taj-song .taj-song__btn--dl:hover { background: rgba(32, 227, 194, .16); box-shadow: inset 0 0 0 1.5px #20e3c2, 0 10px 24px rgba(32, 227, 194, .22); transform: translateY(-2px); }
.taj-song .taj-song__btn--dl:hover svg { animation: taj-song-dl .7s ease-in-out infinite; }
@keyframes taj-song-dl { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(2px); } }
@media (max-width: 700px) { .taj-song .taj-song__btn { flex: 0 0 54px; } }

/* TajMusic — страница песни: правая колонка такой же ширины, как на главной (в ней «Популярное» в две колонки) */
@media (min-width: 1700px) {
    .showfull #content .rightside.taj-sidebar { width: 38em; margin: 0 -41.5em 0 0; }
}

/* TajMusic — компактная шапка: ниже, скруглённая «плавающая» панель */
@media (min-width: 1280px) {
    #header { height: 5em; margin-bottom: 1.2em; }
    #header_menu {
        height: 4.3em; margin-top: .6em; padding: 0 1.2em;
        border: 1px solid rgba(255, 255, 255, .07); border-radius: 16px;
        background: linear-gradient(180deg, rgba(21, 31, 42, .97), rgba(13, 20, 28, .97));
        box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    }
    .logotype { height: 4.3em; }
    .logotype .logo_title { margin-left: .6em; font-size: 1.45rem; }
    #top_menu > a { padding: .5em 1.1em; font-size: .95em; }
    #login_pane > li > .btn-border { height: 2.5em; min-height: 0; padding: 0 1.1em; line-height: 2.2em; border-radius: 12px; }
}

/* TajMusic — левое меню и кнопка Telegram не прилипают к контенту */
@media (min-width: 1236px) {
    #cat_menu .cat_menu, #cat_menu .taj-social { margin-right: 18px; }
}

/* TajMusic — панель сортировки: ниже, аккуратная; пункты цвета названия песни, выбранный — зелёный как «Music» */
@media (min-width: 751px) {
    .pagetools { height: 3em; padding-left: 52px; border: 1px solid var(--taj-border); border-radius: 12px; background: #0f1822; }
    #combo-tools .pagetools_in { height: 6em; }
    #combo-tools.active > .pagetools_in { margin-top: -3em; }
    .sortbar_in, .speedbar { height: 1.5em; padding: .75em 1.4em; line-height: 1.5em; }
    .pagetools_back { width: 52px; height: 3em; border-right: 1px solid var(--taj-border); }
    .pagetools_back .icon { margin: .75em auto 0; width: 1.8em; height: 1.5em; fill: var(--taj-accent); opacity: .85; }
    .pagetools_back:hover .icon { opacity: 1; }
}
.sortbar_in .sort_label { color: var(--taj-muted); }
.sort > li { margin-left: 1.6em; }
.sort > li a { color: var(--taj-text); font-weight: 600; transition: color .18s; }
.sort > li a:hover { color: var(--taj-accent); }
.sort > li.asc a, .sort > li.desc a { color: var(--taj-accent); }
.sort > li.asc a:after, .sort > li.desc a:after {
    background: none; width: auto; height: auto; margin: 0 0 0 .35em;
    content: "\2193"; font-weight: 700;
}
.sort > li.asc a:after { content: "\2191"; background-position: 0 0; }

/* TajMusic — панель сортировки: компактнее, пункты цвета названия песни, выбранный — как «Music» */
@media (min-width: 751px) {
    .pagetools, #combo-tools.pagetools { height: 2.5em !important; padding-left: 46px !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 12px !important; background: #0f1822 !important; }
    #combo-tools .pagetools_in { height: 5em !important; }
    #combo-tools.active > .pagetools_in { margin-top: -2.5em !important; }
    .sortbar_in, .speedbar { height: 1.3em !important; padding: .6em 1.2em !important; line-height: 1.3em !important; font-size: .92em; }
    .pagetools_back { width: 46px !important; height: 2.5em !important; border-right: 1px solid rgba(255, 255, 255, .08) !important; }
    .pagetools_back .icon { margin: .55em auto 0 !important; width: 1.6em !important; height: 1.4em !important; }
}
.pagetools .sortbar .sort > li > a { color: #f2f6fa !important; }
.pagetools .sortbar .sort > li > a:hover { color: #20e3c2 !important; }
.pagetools .sortbar .sort > li.asc > a, .pagetools .sortbar .sort > li.desc > a { color: #20e3c2 !important; }

/* TajMusic — заголовок «Жанры»: значок-эквалайзер, градиентный текст и линия */
.cat_menu .cat_menu__head {
    position: relative;
    display: flex; align-items: center; gap: 12px;
    margin: 0 0 12px; padding: 0 12px 12px 26px;
    font-size: 13px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase;
    background: linear-gradient(90deg, #ffffff 0%, #20e3c2 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
.cat_menu .cat_menu__head::before {
    content: ""; position: absolute; left: 12px; top: 3px;
    width: 3px; height: 11px; border-radius: 2px;
    background: #20e3c2;
    box-shadow: 6px 4px 0 #20e3c2, 12px -2px 0 #20e3c2;
    -webkit-text-fill-color: initial;
}
.cat_menu .cat_menu__head::after {
    content: ""; flex: 1; height: 1px; margin-right: 2px;
    background: linear-gradient(90deg, rgba(32, 227, 194, .45), rgba(32, 227, 194, 0));
}
.tm-player.is-playing ~ * .cat_menu__head::before,
body:has(.tm-player.is-playing) .cat_menu .cat_menu__head::before { animation: taj-eq 1s ease-in-out infinite alternate; }
@keyframes taj-eq { 0% { transform: scaleY(1); } 100% { transform: scaleY(.55); } }
@media (prefers-reduced-motion: reduce) { .cat_menu .cat_menu__head::before { animation: none !important; } }

/* TajMusic — заголовки секций («Новинки», «Все песни», «Популярное», «Хиты месяца», «Исполнители», «Жанры») в одном стиле:
   значок-эквалайзер, градиентный текст (белый → цвет Music) и затухающая линия */
.taj-sidebar .block > .title,
.taj-row__title {
    display: flex; align-items: center;
    margin: 0 0 16px; padding: 0;
    font-size: 15px; font-weight: 800; letter-spacing: .14em; line-height: 1.25; text-transform: uppercase;
    white-space: nowrap; color: #f2f6fa;
}
.taj-sidebar .block > .title > b,
.taj-row__title > span {
    display: inline-block; margin: 0; font-size: inherit;
    background: linear-gradient(90deg, #ffffff 0%, #20e3c2 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
}
.taj-sidebar .block > .title::before,
.taj-row__title::before,
.cat_menu .cat_menu__head::before {
    content: ""; position: static; flex: none;
    width: 3px; height: 11px; margin: 0 18px 0 0; border-radius: 2px;
    background: #20e3c2; box-shadow: 6px 4px 0 #20e3c2, 12px -2px 0 #20e3c2;
}
.taj-sidebar .block > .title::after,
#all-songs::after {
    content: ""; display: block; flex: 1; width: auto; height: 1px; margin: 0 0 0 14px;
    border: 0; background: linear-gradient(90deg, rgba(32, 227, 194, .45), rgba(32, 227, 194, 0));
}
.taj-row__head .taj-row__title { margin: 0; }
body:has(.tm-player.is-playing) .taj-sidebar .block > .title::before,
body:has(.tm-player.is-playing) .taj-row__title::before { animation: taj-eq 1s ease-in-out infinite alternate; }

/* «Жанры»: значок больше не налезает на текст */
.cat_menu .cat_menu__head { padding: 0 12px 12px 12px; }

/* тёмные выпадающие меню: профиль (admin) и «Быстрое редактирование» */
.dropdown-menu, .dropdown-form {
    background-color: #0f1822 !important; color: #e6edf4;
    border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .55) !important;
}
.dropdown-menu.dot:before, .dropdown-form.dot:before { background-color: #0f1822 !important; border: 1px solid rgba(255, 255, 255, .1); }
.dropdown-form.logged:before, .dropdown-form.logged:after { background-color: #142130 !important; }
.dropdown-form.logged { overflow: hidden; }
.dropdown-form.logged a,
.login_pane__menu li, .login_pane__menu li a, .login_pane__menu li span, .login_pane__menu li b { color: #e6edf4 !important; }
.dropdown-form.logged a:hover, .login_pane__menu li a:hover { color: #20e3c2 !important; }
.login_pane__menu { border-bottom-color: rgba(255, 255, 255, .08) !important; }
.login_pane__menu li a { border-top-color: rgba(255, 255, 255, .08) !important; }
.dropdown-form label, .dropdown-form .grey { color: #aebccb; }
.dropdown-form input[type="text"], .dropdown-form input[type="password"] { background: #0b1118; color: #e6edf4; border-color: rgba(255, 255, 255, .12); }
#dropmenudiv {
    background-color: #0f1822 !important; padding: 8px 0 !important;
    border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 12px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .55) !important; overflow: hidden;
}
#dropmenudiv a { color: #e6edf4 !important; padding: 7px 20px !important; transition: background-color .15s, color .15s; }
#dropmenudiv a:hover { background-color: rgba(32, 227, 194, .1) !important; color: #20e3c2 !important; }

/* TajMusic — формы и всплывающие окна: тёмные поля, светлый текст (раньше белые поля с невидимым текстом) */
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="search"],
#content input[type="number"],
#content input[type="tel"],
#content input[type="date"],
#content input[type="time"],
#content input[type="datetime-local"],
#content select,
#content textarea,
#content .bb-editor textarea,
.page_form input[type="text"],
.page_form input[type="password"],
.page_form input[type="email"],
.page_form input[type="url"],
.page_form input[type="search"],
.page_form input[type="number"],
.page_form input[type="tel"],
.page_form input[type="date"],
.page_form input[type="time"],
.page_form input[type="datetime-local"],
.page_form select,
.page_form textarea,
.page_form .bb-editor textarea,
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="email"],
.ui-dialog input[type="url"],
.ui-dialog input[type="search"],
.ui-dialog input[type="number"],
.ui-dialog input[type="tel"],
.ui-dialog input[type="date"],
.ui-dialog input[type="time"],
.ui-dialog input[type="datetime-local"],
.ui-dialog select,
.ui-dialog textarea,
.ui-dialog .bb-editor textarea,
.dle-popup-mediaupload input[type="text"],
.dle-popup-mediaupload input[type="password"],
.dle-popup-mediaupload input[type="email"],
.dle-popup-mediaupload input[type="url"],
.dle-popup-mediaupload input[type="search"],
.dle-popup-mediaupload input[type="number"],
.dle-popup-mediaupload input[type="tel"],
.dle-popup-mediaupload input[type="date"],
.dle-popup-mediaupload input[type="time"],
.dle-popup-mediaupload input[type="datetime-local"],
.dle-popup-mediaupload select,
.dle-popup-mediaupload textarea,
.dle-popup-mediaupload .bb-editor textarea,
#dlefastreplycomments input[type="text"],
#dlefastreplycomments input[type="password"],
#dlefastreplycomments input[type="email"],
#dlefastreplycomments input[type="url"],
#dlefastreplycomments input[type="search"],
#dlefastreplycomments input[type="number"],
#dlefastreplycomments input[type="tel"],
#dlefastreplycomments input[type="date"],
#dlefastreplycomments input[type="time"],
#dlefastreplycomments input[type="datetime-local"],
#dlefastreplycomments select,
#dlefastreplycomments textarea,
#dlefastreplycomments .bb-editor textarea,
.xfields input[type="text"],
.xfields input[type="password"],
.xfields input[type="email"],
.xfields input[type="url"],
.xfields input[type="search"],
.xfields input[type="number"],
.xfields input[type="tel"],
.xfields input[type="date"],
.xfields input[type="time"],
.xfields input[type="datetime-local"],
.xfields select,
.xfields textarea,
.xfields .bb-editor textarea {
    background-color: #0b1118 !important; color: #e6edf4 !important;
    border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 10px;
    color-scheme: dark; box-shadow: none;
    transition: border-color .15s, box-shadow .15s;
}
#content input[type="text"],
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="search"],
#content input[type="number"],
#content input[type="tel"],
#content input[type="date"],
#content input[type="time"],
#content input[type="datetime-local"],
#content select,
#content textarea,
#content .bb-editor textarea,
.page_form input[type="text"],
.page_form input[type="password"],
.page_form input[type="email"],
.page_form input[type="url"],
.page_form input[type="search"],
.page_form input[type="number"],
.page_form input[type="tel"],
.page_form input[type="date"],
.page_form input[type="time"],
.page_form input[type="datetime-local"],
.page_form select,
.page_form textarea,
.page_form .bb-editor textarea,
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog input[type="email"],
.ui-dialog input[type="url"],
.ui-dialog input[type="search"],
.ui-dialog input[type="number"],
.ui-dialog input[type="tel"],
.ui-dialog input[type="date"],
.ui-dialog input[type="time"],
.ui-dialog input[type="datetime-local"],
.ui-dialog select,
.ui-dialog textarea,
.ui-dialog .bb-editor textarea,
.dle-popup-mediaupload input[type="text"],
.dle-popup-mediaupload input[type="password"],
.dle-popup-mediaupload input[type="email"],
.dle-popup-mediaupload input[type="url"],
.dle-popup-mediaupload input[type="search"],
.dle-popup-mediaupload input[type="number"],
.dle-popup-mediaupload input[type="tel"],
.dle-popup-mediaupload input[type="date"],
.dle-popup-mediaupload input[type="time"],
.dle-popup-mediaupload input[type="datetime-local"],
.dle-popup-mediaupload select,
.dle-popup-mediaupload textarea,
.dle-popup-mediaupload .bb-editor textarea,
#dlefastreplycomments input[type="text"],
#dlefastreplycomments input[type="password"],
#dlefastreplycomments input[type="email"],
#dlefastreplycomments input[type="url"],
#dlefastreplycomments input[type="search"],
#dlefastreplycomments input[type="number"],
#dlefastreplycomments input[type="tel"],
#dlefastreplycomments input[type="date"],
#dlefastreplycomments input[type="time"],
#dlefastreplycomments input[type="datetime-local"],
#dlefastreplycomments select,
#dlefastreplycomments textarea,
#dlefastreplycomments .bb-editor textarea,
.xfields input[type="text"],
.xfields input[type="password"],
.xfields input[type="email"],
.xfields input[type="url"],
.xfields input[type="search"],
.xfields input[type="number"],
.xfields input[type="tel"],
.xfields input[type="date"],
.xfields input[type="time"],
.xfields input[type="datetime-local"],
.xfields select,
.xfields textarea,
.xfields .bb-editor textarea::placeholder { color: #7f90a3 !important; opacity: 1; }
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content input[type="url"]:focus,
#content input[type="search"]:focus,
#content input[type="number"]:focus,
#content input[type="tel"]:focus,
#content input[type="date"]:focus,
#content input[type="time"]:focus,
#content input[type="datetime-local"]:focus,
#content select:focus,
#content textarea:focus,
#content .bb-editor textarea:focus,
.page_form input[type="text"]:focus,
.page_form input[type="password"]:focus,
.page_form input[type="email"]:focus,
.page_form input[type="url"]:focus,
.page_form input[type="search"]:focus,
.page_form input[type="number"]:focus,
.page_form input[type="tel"]:focus,
.page_form input[type="date"]:focus,
.page_form input[type="time"]:focus,
.page_form input[type="datetime-local"]:focus,
.page_form select:focus,
.page_form textarea:focus,
.page_form .bb-editor textarea:focus,
.ui-dialog input[type="text"]:focus,
.ui-dialog input[type="password"]:focus,
.ui-dialog input[type="email"]:focus,
.ui-dialog input[type="url"]:focus,
.ui-dialog input[type="search"]:focus,
.ui-dialog input[type="number"]:focus,
.ui-dialog input[type="tel"]:focus,
.ui-dialog input[type="date"]:focus,
.ui-dialog input[type="time"]:focus,
.ui-dialog input[type="datetime-local"]:focus,
.ui-dialog select:focus,
.ui-dialog textarea:focus,
.ui-dialog .bb-editor textarea:focus,
.dle-popup-mediaupload input[type="text"]:focus,
.dle-popup-mediaupload input[type="password"]:focus,
.dle-popup-mediaupload input[type="email"]:focus,
.dle-popup-mediaupload input[type="url"]:focus,
.dle-popup-mediaupload input[type="search"]:focus,
.dle-popup-mediaupload input[type="number"]:focus,
.dle-popup-mediaupload input[type="tel"]:focus,
.dle-popup-mediaupload input[type="date"]:focus,
.dle-popup-mediaupload input[type="time"]:focus,
.dle-popup-mediaupload input[type="datetime-local"]:focus,
.dle-popup-mediaupload select:focus,
.dle-popup-mediaupload textarea:focus,
.dle-popup-mediaupload .bb-editor textarea:focus,
#dlefastreplycomments input[type="text"]:focus,
#dlefastreplycomments input[type="password"]:focus,
#dlefastreplycomments input[type="email"]:focus,
#dlefastreplycomments input[type="url"]:focus,
#dlefastreplycomments input[type="search"]:focus,
#dlefastreplycomments input[type="number"]:focus,
#dlefastreplycomments input[type="tel"]:focus,
#dlefastreplycomments input[type="date"]:focus,
#dlefastreplycomments input[type="time"]:focus,
#dlefastreplycomments input[type="datetime-local"]:focus,
#dlefastreplycomments select:focus,
#dlefastreplycomments textarea:focus,
#dlefastreplycomments .bb-editor textarea:focus,
.xfields input[type="text"]:focus,
.xfields input[type="password"]:focus,
.xfields input[type="email"]:focus,
.xfields input[type="url"]:focus,
.xfields input[type="search"]:focus,
.xfields input[type="number"]:focus,
.xfields input[type="tel"]:focus,
.xfields input[type="date"]:focus,
.xfields input[type="time"]:focus,
.xfields input[type="datetime-local"]:focus,
.xfields select:focus,
.xfields textarea:focus,
.xfields .bb-editor textarea:focus {
    border-color: #20e3c2 !important; box-shadow: 0 0 0 3px rgba(32, 227, 194, .15) !important; outline: 0;
}
#content select,
.page_form select,
.ui-dialog select,
.dle-popup-mediaupload select,
#dlefastreplycomments select,
.xfields select {
    -webkit-appearance: none; appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fb0c0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px !important;
    padding-right: 36px !important;
}
select option, select optgroup { background: #0f1822; color: #e6edf4; }
input[type="checkbox"], input[type="radio"] { accent-color: #20e3c2; }
input:-webkit-autofill { -webkit-text-fill-color: #e6edf4; -webkit-box-shadow: 0 0 0 100px #0b1118 inset; }
.form-group > label, .addform label, .xfields label { color: #c9d4df; }

/* панель редактора BB-кодов (комментарии, «Добавить новость») */
.bb-pane, .bb-editor .bb-pane { background: #142130 !important; border-color: rgba(255, 255, 255, .1) !important; border-radius: 10px 10px 0 0; }
.bb-pane .bb-btn, .bb-pane .bb-sel, .bb-pane b, .bb-pane .bb-btn * { filter: invert(1) brightness(.95); }
.bb-editor textarea { border-radius: 0 0 10px 10px !important; }

/* цитаты, спойлеры, скрытый текст в описаниях и комментариях */
.title_spoiler, .text_spoiler, .quote { background: #0f1822; color: #e6edf4; border-color: rgba(255, 255, 255, .1); border-radius: 8px; }
.hide { background-color: #162330; color: #20e3c2; border-radius: 6px; }

/* подсказки живого поиска */
#searchsuggestions { background: #0f1822; color: #e6edf4; border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; box-shadow: 0 18px 50px rgba(0, 0, 0, .55); overflow: hidden; }
#searchsuggestions a, #searchsuggestions span.notfound { border-bottom-color: rgba(255, 255, 255, .07); color: #e6edf4; }
#searchsuggestions a:hover { background-color: rgba(32, 227, 194, .1); color: #20e3c2; }
#searchsuggestions span.seperator a { color: #20e3c2; }

/* всплывающие окна jQuery UI (жалоба, загрузка файлов, быстрое редактирование) */
.ui-dialog, .ui-widget-content { background: #0f1822 !important; color: #e6edf4 !important; border: 1px solid rgba(255, 255, 255, .12) !important; border-radius: 14px; box-shadow: 0 24px 70px rgba(0, 0, 0, .6); }
.ui-dialog .ui-dialog-titlebar, .ui-widget-header { background: #142130 !important; color: #f2f6fa !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important; }
.ui-dialog .ui-dialog-buttonpane { background: transparent !important; border-top: 1px solid rgba(255, 255, 255, .08) !important; }
.ui-dialog .ui-dialog-buttonpane button { background: #20e3c2 !important; color: #06231f !important; border: 0 !important; border-radius: 10px; font-weight: 700; }
.ui-widget-overlay { background: #000 !important; opacity: .6 !important; }
.ui-state-error { background: rgba(255, 90, 90, .12) !important; color: #ffb4b4 !important; border-color: rgba(255, 90, 90, .45) !important; }

/* сообщения об ошибках и информация */
.berrors, .box.berrors { background: rgba(255, 90, 90, .1) !important; color: #ffd2d2 !important; border: 1px solid rgba(255, 90, 90, .35) !important; border-radius: 12px; }
.berrors a { color: #ffb4b4; }

/* TajMusic — строки «Все песни»: кнопки «Скачать» и «В избранное» */
.taj-track .taj-track__body { grid-template-columns: minmax(0, 1fr) auto auto auto; grid-template-areas: "title meta views actions" "artist meta views actions"; }
.taj-track .taj-track__actions { grid-area: actions; display: flex; align-items: center; gap: 8px; margin: 0; }
.taj-track .taj-track__dl,
.taj-track .taj-track__fav > a,
.taj-track .taj-track__fav > span {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; padding: 0; box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .08); border-radius: 50%;
    background: #131d28; color: #9fb0c0; cursor: pointer; text-decoration: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
.taj-track .taj-track__dl:hover,
.taj-track .taj-track__fav > a:hover { background: rgba(32, 227, 194, .12); border-color: rgba(32, 227, 194, .55); color: #20e3c2; }
.taj-track .taj-track__fav { display: inline-flex; }
.taj-track .taj-track__fav .icon { width: 16px; height: 16px; fill: currentColor; }
.taj-track .taj-track__fav .icon-star { fill: #fed762; }
.taj-track .taj-track__fav > a { color: #9fb0c0; }
@media (max-width: 700px) {
    .taj-track .taj-track__body { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title actions" "artist actions"; }
    .taj-track .taj-track__dl, .taj-track .taj-track__fav > a, .taj-track .taj-track__fav > span { width: 32px; height: 32px; }
}

/* TajMusic — новый логотип в шапке */
.logotype { gap: 0; }
.logotype .logo_mark { display: block; width: 40px; height: 40px; flex: none; }
.logotype .logo_title.logo_word { display: block; width: auto; height: 26px; margin: 0 0 0 12px; font-size: 0; line-height: 0; }
@media (min-width: 1280px) { .logotype { justify-content: flex-start; } }
@media (max-width: 600px) { .logotype .logo_mark { width: 34px; height: 34px; } }

/* TajMusic — рекламные блоки (Google AdSense) */
.taj-ad { display: block; margin: 18px 0; text-align: center; overflow: hidden; }
.taj-ad::before { content: "Реклама"; display: block; margin: 0 0 6px; color: #5f7185; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; }
.taj-ad ins.adsbygoogle { margin: 0 auto; max-width: 100%; }
.taj-ad--wide { display: none; }
@media (min-width: 1280px) { .taj-ad--wide { display: block; } }
.taj-ad:has(> ins[data-ad-status="unfilled"]) { display: none !important; }
.taj-sidebar > .taj-ad { margin: 0 0 22px; }
.taj-dev .taj-ad ins.adsbygoogle {
    display: grid !important; place-items: center;
    min-height: 90px; border: 1px dashed rgba(32, 227, 194, .4); border-radius: 12px;
    background: rgba(32, 227, 194, .04); color: #7f90a3; font-size: 12px;
}
.taj-dev .taj-ad ins.adsbygoogle::after { content: attr(data-taj-label); }

.taj-dev .taj-ad--relaxed ins.adsbygoogle { min-height: 160px; }