/* =========== © 2021 Centroarts.com =========== */

/* --- HEADER --- */
.header {
	position: relative; background-color: var(--header); color: #fff; width: 100%; z-index: 100;
	box-shadow: 0 0 .5rem 0 rgba(0,0,0,0.18), 0 -2px 0 0 var(--header);
}
@media (min-width: 992px) {
	body::before { content: ""; display: block; width: 100%; height: 3.5rem; }
	.header { position: fixed; left: 0; top: 0; }
}
.header > .wrp { display: flex; align-items: center; }
.logotype {
	padding-top: 3.5rem; height: 0; width: 100%; max-width: var(--logo-maxsize); display: block;
	background-repeat: no-repeat; background-position: 50% 50%; background-size: var(--logo-bgsize); overflow: hidden;
}
.header .logotype { margin: 0 auto; }

@media (min-width: 680px) {
	.header { height: 3.5rem; }
	.header .logotype { position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
}

.h-tools { margin-left: auto; margin-right: -.75rem; }
.h-tools { display: flex; align-items: center; }
.h-tools > a, .hmenu > a { line-height: 1.25rem; padding: 1.125rem .75rem; font-size: .9375rem; font-weight: bold; color: inherit; }
.h-tools > a { display: flex; align-items: center; }
.hmenu > a { display: block; }

.item-badge { display: flex !important; align-items: center; }
.badge {
	background-color: #fff; height: 1rem; line-height: .75rem; padding: .125rem .40rem .125rem .25rem; font-size: .75rem; white-space: nowrap;
	border-radius: 1rem; color: var(--c-main); font-style: normal; font-weight: bold; margin-top: .125rem; margin-left: .25rem;
}
.badge:empty { display: none; }

.header > .wrp > .call_search {
	display: block !important; width: 2.5rem; height: 3.5rem; padding: 1.125rem .625rem;
	border: 0 none; color: inherit !important; background: none !important; cursor: pointer;
}
.btn-login { outline: none !important; }

@media (max-width: 991px) {
	.h-menu_btn {
		display: flex !important; align-items: center; text-transform: uppercase; font-weight: bold; color: inherit; border: 0 none; background: none;
		height: 3.5rem; padding: 1.125rem; margin-left: -1rem;
	}
	.butterbrod { width: 1.125rem; height: 1.125rem; display: flex; justify-content: space-between; flex-direction: column; }
	.butterbrod > i { width: 100%; height: 2px; border-top: 2px solid; border-radius: 1px; }

	.h-menu {
		opacity: 0; flex-direction: column; text-align: center; position: fixed; z-index: 122;
		left: 0; top: 0; bottom: 0; width: 100%;
		background-color: var(--c-mobile-menu);
		transition: opacity .3s ease-in-out;
	}
	.h-menu.open { display: flex !important; }
	.h-menu-addon { display: block !important; }
	html.mm, html.mm body { overflow: hidden; width: 100%; height: 100%; }
	html.mm #head_menu { opacity: 1; }

	.h-menu_head { position: relative; }
	.h-menu_close {
		color: inherit; height: 3.5rem; padding: 1.125rem; border: 0 none;
		background: none !important; display: block; width: 100%; text-align: right;
	}
	.h-menu_head::before {
		content: ""; position: absolute; left: 1rem; right: 1rem; z-index: 2; top: 100%; height: 0; border: 0 solid rgba(255,255,255,0.1); border-bottom-width: 1px;
	}
	.h-menu_head::after {
		content: ""; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1; height: 2rem; pointer-events: none !important;
		background-image: var(--fademmenu);
	}

	.hmenu { width: 100%; flex: 1 1 auto; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
	.hmenu a {
		display: flex; justify-content: center; color: inherit; text-align: center;
		font-size: 1.25rem; line-height: 1.5rem; padding: .75rem 1rem;
	}
	.soc_links.h-menu-addon::before, .soc_links.h-menu-addon::after, .hmenu::before { content: ""; display: block; height: 10vh; min-height: 2rem; }
	.hmenu::before { height: 5vh; }
	.sub-menu::before, .sub-menu2::before { content: ""; display: block; height: 3vh; min-height: 1rem; }

	.sub-menu a { font-weight: bold; }
	.sub-menu2 a { font-size: 1rem; padding: .5rem 1rem; opacity: .7; }

	.soc_links.h-menu-addon .soc_links { justify-content: center; }
	.soc_links.h-menu-addon a { opacity: .7; }
}
@media (min-width: 768px) and (max-width: 992px) {
	.h-menu_btn { border-right: 1px solid rgba(255,255,255,0.1); margin-right: .5rem; }
	.h-menu_btn .v-t0 { display: block !important; }
	.butterbrod { margin-right: .75rem; }
}
@media (min-width: 992px) {
	.hmenu { display: flex; align-items: center; font-weight: bold; }
	.h-menu { display: block !important; margin-left: -.75rem; }
	.h-tools > a, .hmenu > a { font-size: .9375rem; }
	.h-tools > a, .hmenu > a, .hmenu > button { transition: opacity .2s ease; }
	.h-tools > a:hover, .hmenu > a:hover, .hmenu > button:hover { opacity: .8; }
	.h-tools .link-auction, .h-tools .link-addnews { display: flex !important; }
	.h-tools > a [class^="i__"]::before { margin-right: .25rem; }
}
@media (min-width: 1140px) {
	.h-tools .v-t1 { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1139px) {
	.h-tools .v-t2 { display: block !important; }
}
@media (max-width: 679px) {
	.header > .wrp { padding: 0; position: relative; }
	.header > .wrp::before {
		content: ""; position: absolute; top: 0; left: 1rem; right: 1rem; height: 1px;
		background-color: rgba(255,255,255,0.1); pointer-events: none;
	}
	.h-menu_btn, .call_search { width: 100%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-left: 0 !important; }
	.butterbrod { margin: 0 auto; }
	.h-tools { margin-right: 0; width: 100%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	.h-tools > a, .user-btn { width: 100% !important; }
	.h-tools > a { justify-content: center; }
	.user-panel-icon .i__user { width: 1.25rem; margin: 0 auto; }
	.btn-login > i { display: block !important; }
	.btn-login > span { display: none !important; }

	.call_search { order: -1; }
	.h-menu_btn { order: 13; }

	.user-panel-icon .avatar { margin: 0 auto; }
	.user-panel-icon .i__user { display: none !important; }

	.user_panel { right: 50% !important; margin-right: 0 !important; transform: translateX(50%); }
}
@media (min-width: 680px) {
	.btn-login { padding-top: .75rem !important; padding-bottom: .75rem !important; }
	.btn-login > span {
		display: block; border-radius: .25rem; height: 2rem; background-color: rgba(255,255,255,0.15); padding: .375rem .75rem;
		transition: background-color .2s ease;
	}
	.btn-login:hover span { background-color: rgba(255,255,255,0.075); }
}

/* - QUICK SEARCH - */
.search_modal { background-color: rgba(0,0,0,0.8); }
.search_modal .modal-dialog { color: #fff; pointer-events: auto !important; margin: 0; }
.search_modal .modal-content { max-width: 46rem; background-color: transparent; box-shadow: none !important; }
.search_modal .close { color: #fff; }
.search_modal .close > i::before { line-height: 1.75rem; font-size: 1.75rem; width: 1.75rem; height: 1.75rem; }

@media (min-width: 576px) {
	.search_modal.fade .modal-dialog { transform: translateY(0); transition: transform .2s ease, opacity .2s ease; }
	.search_modal.in .modal-dialog { transform: translateY(0); }
}
@media (max-width: 575px) {
	.search_modal .modal-body { margin-top: 3rem; }
}

.q_search { display: flex; position: relative; padding: 1.25rem 0; }
.q_search > input {
	width: 100%; font-size: 1.25rem; height: 2.5rem; padding: 0 !important;
	margin-right: 1rem; background: none !important; border: 0 none !important; box-shadow: none !important;
}
.q_search_line {
	position: absolute; left: 0; top: 100%; width: 100%; height: 1px; background-color: rgba(255,255,255,.3);
	transition: background-color .4s ease, box-shadow .4s ease;
}
.q_search > input:focus ~ .q_search_line { background-color: var(--c-main); box-shadow: 0 0 1rem 0 var(--c-main); } 

@media (min-width: 768px) {
	.q_search > input { font-size: 2rem; height: 3rem; }
}

/* - LOGIN - */
.login-head {
	background-color: var(--c-dark2); padding: 1.5rem 2rem; padding-bottom: 2.5rem; margin-top: -1px;
}
@media (min-width: 576px) {
	.login-head { border-radius: var(--b-radius); border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
}
.login-head .logotype { margin: 0 auto; }
.login_modal .close { color: #fff; margin-top: -1px; }

.login_modal .modal-body { border-radius: var(--m-radius); border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1rem; background-color: #fff; position: relative; z-index: 1; }

.loginform-foot { display: flex; margin-top: 1rem; }
.loginform-foot > a:first-child { margin-right: auto; }
.loginform-foot a { font-weight: bold; }

/* - USERPANEL - */
.user-panel-icon { color: inherit; display: block; padding: .75rem; }
.dropdown.open > .user-panel-icon { opacity: 1 !important; }

.user-panel-icon .avatar {
	background-color: #fff; width: 2rem; height: 2rem; display: block; box-shadow: 0 0 0 .125rem #fff;
	transition: box-shadow .2s ease;
}
.dropdown.open > .user-panel-icon .avatar { box-shadow: 0 0 0 .25rem rgba(255,255,255,.3); }

.user_panel { margin-right: .75rem; margin-top: -.5rem; color: var(--c-dark); padding: 0; }

.login_pane__info { padding: 1rem; text-align: center; }
.login_pane__info a { text-decoration: none !important; }
.login_pane__info .h2 { margin: 15px 0 2px 0; font-size: 140%; }
.login_pane__admin { color: #A51C29; opacity: 1; text-transform: lowercase; }
.login_pane__admin:hover { opacity: .8; }

.login_pane__menu { padding: .5rem 0; }
.login_pane__menu a { color: inherit; }
.login_pane__menu li a { text-decoration: none !important; padding: .5rem 1rem; display: block; border-top: 1px solid #efefef; }
.login_pane__menu li:first-child a { border-top-width: 0; }
.login_pane__menu li a:hover { color: var(--c-main); }

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

/* --- FOOTER --- */
.footer { background-color: #EAEAEA; }
.copyright { font-weight: bold; font-size: 1rem; overflow: hidden; margin-bottom: .25rem; }
.f-menu { display: flex; flex-wrap: wrap; }
.f-menu a { color: inherit; padding: .5rem; }

.foot-second { display: flex; align-items: center; clear: both; padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid rgba(0,0,0,0.05); }
.foot-second .soc_links { margin-right: auto; }

/* Social Links */
.soc_links { display: flex; margin: -.25rem; }
.soc_links > a {
	width: 2.25rem; height: 2.25rem; padding: .25rem; color: inherit; opacity: .3;
}
.soc_links > a [class^="i__"]::before,
.soc_links > a [class*=" i__"]::before, .i__ca::before { line-height: 1.75rem; font-size: 1.75rem; width: 1.75rem; height: 1.75rem; }

/* Centroarts */
.ca { display: flex; align-items: center; opacity: .3; color: inherit !important; text-decoration: none !important; }
.ca > i { margin-left: .5rem; }

.count { margin-left: 1.5rem; opacity: .7; }

/* Scroll UP - foot */
.scroll-up-foot { position: relative; z-index: 12; pointer-events: none; margin-top: auto; }
.scroll-up-foot .scrollup { float: right; margin-left: 1.5rem; position: relative; }
.scrollup-panel, .scroll-up-foot .scrollup { opacity: 1; pointer-events: auto; transition: opacity .2s ease; }

/* Scroll-up - left */
.scrollup { color: #fff !important; }
.scrollup > i {
	display: flex; align-items: center; justify-content: center;
	width: 2.5rem; height: 2.5rem; padding: .5rem;
	background-color: var(--c-main); border-radius: 50%;
}

@media (max-width: 1239px) {
	.scroll-up-foot.scroll-up-fix { position: sticky; bottom: 1rem; }
	html.up .scroll-up-foot.scroll-up-fix .scrollup { opacity: 0; pointer-events: none; }
}
@media (max-width: 991px) {
	.scrollup > i { background-color: var(--c-main-a1); }
}
@media (max-width: 767px) {
	.ca > span { display: none !important; }
	.footer > .wrp { padding-top: 1.5rem; padding-bottom: 1.5rem; }
	.f-menu { margin-left: -.5rem; max-width: 16rem; opacity: .8; }
	.f-menu > a { width: 100%; max-width: 50%; flex: 0 0 50%; margin-top: -.25rem; margin-bottom: -.25rem; }

	.scroll-up-foot { margin-bottom: -4rem; padding-top: 1.5rem; }
}
@media (min-width: 768px) {
	.footer > .wrp { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	.f-menu a:first-child { margin-left: -.5rem; }
	.f-menu a { margin-top: -.5rem; margin-bottom: -.5rem; }

	.scroll-up-foot { margin-bottom: -5rem; padding-top: 2.5rem; }
}
@media (min-width: 1240px) {
	.scrollup-panel { display: flex !important; align-items: center; justify-content: center; }
	.scrollup-panel {
		position: fixed; top: 0; left: 0; z-index: 99;
		height: 100%; width: 4rem; background-image: var(--scrollbar);
	}
	html.up .scrollup-panel { opacity: 0; pointer-events: none; }
}

/* Partners */
.partners .wrp { display: flex; align-items: center; }
.partners .wrp li > a { opacity: .7; }

@media (max-width: 991px) {
	.partners { padding-bottom: 1rem; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.partners .wrp { padding: 0; }
	.partners .wrp::after, .partners .wrp::before { content: ""; max-width: .75rem; min-width: .75rem; height: 1rem; }
	.partners .wrp li { width: 100%; min-width: 15rem; max-width: 25%; flex: 0 0 25%; padding: 0 .25rem; }
	.partners .wrp li > a {
		display: flex; justify-content: center; align-items: center;
		background-color: #E3E3E3; padding: .5rem 1rem; height: 3.5rem;
		text-align: center; border-radius: var(--b-radius);
	}
	.partners .wrp img { max-width: 100%; max-height: 100%; }
}
@media (min-width: 992px) {
	.partners { padding: 1.5rem 0; background-color: #E3E3E3; }
	.partners .wrp { justify-content: space-between; }
	.partners .wrp li > a { display: block; height: 2.5rem; }
	.partners .wrp img { height: 100%; }

	.f-menu a:hover { color: var(--c-main); }

	.scrollup > i { transition: box-shadow .2s ease; }
	.scrollup:hover > i { box-shadow: 0 0 1.5rem .125rem var(--c-main-a2); }
	
	.partners .wrp > a, .ca, .soc_links > a, .count { transition: opacity .2s ease; }
	.partners .wrp > a:hover, .count:hover { opacity: 1; }

	.soc_links > a:hover, .ca:hover { opacity: .5; }
}

/* --- Content --- */
.content { margin: 1rem 0; }
@media (min-width: 768px) {
	.content { margin-bottom: 2.5rem; }
}
.str-main > #dle-content > .block:not(:first-child),
.str-main > #dle-content > .block-ad:not(:first-child),
.str-side > .block:not(:first-child),
.str-side > .block-ad:not(:first-child),
.wrp-min > #dle-content > .block:not(:first-child),
.b-sep { margin-top: 1rem; }
.userinfo-block { margin-bottom: 1rem; }
.str-main > #dle-content > .post-listing:not(:first-child) { margin-top: .5rem; }

.b-first { margin-top: 0 !important; }

.block { border-radius: var(--b-radius); background-color: #fff; }
.block_article { padding: 1.25rem; }
.block_article > .title { font-size: 1.5rem; margin-bottom: 1.25rem; }

@media (min-width: 680px) {
	.block_article > .title { margin-bottom: 1.5rem; margin-top: -.125rem; }
	.block_article { padding: 2.5rem; }
}

@media (min-width: 992px) {
	.str { display: flex; min-width: 0; }
	.str-main { width: 100%; flex: 0 1 auto; max-width: 46rem; }
	.str-side { max-width: 18.75rem; min-width: 18.75rem; margin-left: 1rem; display: block !important; }
}
@media (min-width: 1140px) {
	.str-side { max-width: 22.5rem; min-width: 22.5rem; }
}

.sticky { position: sticky; top: 4.5rem; display: flex; justify-content: center; }

/* --- Post --- */
.post-list > #dle-content, .post-listing { display: flex; flex-wrap: wrap; margin: -.5rem; }

.post { width: 100%; padding: .5rem; }
@media (min-width: 576px) {
	.post { max-width: 50%; flex: 0 0 50%; }
}
@media (min-width: 992px) {
	.pc-3 .post { max-width: 33.333333%; flex: 0 0 33.333333%; }
}
.page-search #fullsearch, .page-search .p-navigation { width: 100%; padding: .5rem; }

@media (max-width: 767px) {
	.page-search .p-navigation { margin-top: 0 !important; margin-bottom: 0; }
}
@media (min-width: 768px) {
	.page-search .p-navigation { padding-top: 0 !important; margin-top: 1.5rem !important; }
}

.post > .block { display: flex; flex-direction: column; height: 100%; }
.post .title { font-size: 1.125rem; }
.post .item-link:hover { color: var(--title-hover); }
.post .text { font-size: inherit; line-height: 1.45em; margin-top: .75rem; margin-bottom: auto; }
.post .date { font-size: .75rem; opacity: .3; margin-bottom: .25rem; }
.post-cont { padding: 1.25rem; flex: 1 1 auto; display: flex; flex-direction: column; }

.post-img { max-height: 0; padding-top: calc(9 / 16 * 100%); border-top-right-radius: var(--b-radius); border-top-left-radius: var(--b-radius); }
@media (max-width: 575px) { 
	.post-img { padding-top: 50%; }
}
.post-img::after {
	content: ""; position: absolute; left: 0; top: 0; bottom: 0;
	width: 100%; background-color: rgba(0,0,0,0.125); transition: background-color .2s ease;
}
.post-img .btn-auction { position: absolute; left: 0; bottom: 0; margin: 1.25rem; z-index: 3; }
.post > .block:hover .post-img::after { background-color: rgba(0,0,0,0.25); }
.post-img > .i__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 2; pointer-events: none; }
.post-img > .i__play::before { line-height: 5rem; font-size: 5rem; width: 5rem; height: 5rem; }

.post-fav a, .post-fav a > span { transition: opacity .2s ease; }
.post-fav a { position: absolute; left: 0; top: 0; margin: .625rem; z-index: 3; color: #fff; opacity: .8; }
.post-fav a:hover { opacity: 1; }
.post-fav a > span { display: block; padding: .625rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; }
.post-fav-add { opacity: 0; }
.post-fav-del { opacity: 1; }
.post > .block:hover a > .post-fav-add { opacity: 1; }

.post-foot { margin-top: .75rem; display: flex; align-items: center; font-size: .75rem; white-space: nowrap; }
.post-foot .meta { margin-left: auto; }

.meta { display: flex; align-items: center; min-width: 0; }
.meta a { color: inherit; }
.meta > li { margin-right: .5rem; }
.meta > li:last-child { margin-right: 0; }
.meta > li a > [class^="i__"]::before, .meta-views [class^="i__"]::before  { margin-right: .25rem; }

.meta-date { white-space: nowrap; }
.meta-compl > button, .meta-views > a, .post-source a { position: relative; z-index: 3; transition: opacity .2s ease; }
.meta-compl > button { color: inherit !important; opacity: .5; border: 0 none; background: none; padding: .5rem; margin: -.5rem; cursor: pointer; }
.meta-compl > button:hover { opacity: .3; }

.meta-views { font-weight: bold; }
.post .meta-views > a { opacity: .8; }
.post .meta-views > a:hover { opacity: .3; }

.source { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; }
.source a { position: relative; z-index: 3; color: inherit; transition: opacity .2s ease; }
.source a:hover { opacity: .7; }
.source-site { min-width: 0; text-decoration: underline; }
.source-logo { min-width: 1.5rem; max-width: 1.5rem; height: 1.5rem; margin-top: -.125rem; margin-bottom: -.125rem; margin-right: .5rem; }
.source-logo img { object-fit: contain; }

.post-edit { display: block !important; }
.play-video .post-edit { display: none !important; }
.post-edit a { background-color: rgba(0,0,0,.4); }
.icon_dots { height: .25rem; display: block; }
.icon_dots > i { display: inline-block; vertical-align: top; width: .25rem; height: .25rem; margin: 0 1px; background-color: #fff; border-radius: 50%; }

#dropmenudiv {
	padding: .625rem 0; min-width: 140px; width: auto !important; z-index: 9999 !important;
	opacity: 1 !important; display: none; font-size: .75rem; border-radius: .25rem;
	box-shadow: 0 .5rem 2.5rem 0 rgba(0,0,0,0.15); background-clip: padding-box;
	background-color: #fff;
}
#dropmenudiv a { color: inherit; text-decoration: none !important; display: block; padding: .25rem 1rem; border: 0 none; white-space: nowrap; }
#dropmenudiv a:hover { color: var(--c-main); }

@media (min-width: 992px) {
	.post-edit { position: relative; }
	.post-edit a {
		position: absolute; z-index: 154;
		color: inherit;	width: 1.625rem; height: 1.625rem; color: #fff !important; text-align: center;
		border-radius: 50%; box-shadow: 0 0 .75rem 0 rgba(0,0,0,0.5); opacity: 0 !important;
		transition: all .2s ease .2s, border-radius .3s ease .4s !important;
	}
	.icon_dots { margin-top: 11px; }
	.post:hover .post-edit a, .story-img:hover .post-edit a { opacity: 1 !important; border-bottom-left-radius: 2px; margin-top: -1.7rem; }
	.post-edit a:hover { background-color: rgba(0,0,0,.8); }
}
@media (max-width: 991px) {
	.post-edit { position: absolute; right: 0; top: 0; z-index: 4; }
	.post-edit a {
		display: flex; align-items: center; justify-content: center;
		position: relative; width: 2rem; height: 2rem; border-radius: var(--b-radius);
		border-bottom-right-radius: 0; border-top-left-radius: 0;
	}
}

/* Mod Auction */
.content > .wrp > div > .post.fix_story { padding: 0; margin-bottom: 1rem; max-width: 100%; flex: 0 0 100%; }
.fix_story > .block { background-color: var(--c-dark2); color: #fff; }
.fix_story .post-img { width: 100%; min-height: 250px; max-height: none; padding-top: 0; border-radius: var(--b-radius); border-bottom-right-radius: 0; }
.fix_story .title { font-size: 1.375rem; }
.fix_story .title a { color: inherit !important; opacity: .9; }
.fix_story .post-cont { z-index: 1; }
.fix_story .post-img::before {
	content: ""; position: absolute; right: 0; z-index: 1;
}
.fix_story .text { opacity: .9; pointer-events: none; }

@media (min-width: 992px) {
	.fix_story .title a { transition: opacity .2s ease; }
	.fix_story .title a:hover { opacity: 1; }
}
@media (max-width: 575px) {
	.fix_story .post-img::before { bottom: 0; width: 100%; height: 30%; background-image: var(--fadefixpostv); }
	.fix_story .post-cont { margin-top: -3rem; }
	.fix_story .post-img .btn-auction { bottom: 2rem; }
}
@media (min-width: 576px) {
	.fix_story > .block { flex-direction: row; }
	.fix_story .post-cont { padding-left: 0; padding-top: 2rem; max-width: 50%; flex: 0 0 50%; margin-left: -4rem; }
	.fix_story .post-img { max-width: calc(50% + 4rem); flex: 0 0 calc(50% + 4rem); }
	.fix_story .post-img::before { top: 0; width: 50%; height: 100%; margin-right: -1px; background-image: var(--fadefixposth); }
	/*.fix_story .text { max-height: 4.35em; }*/
	.fix_story .text, .fix_story .title { padding-right: 1rem; }
}

/* --- PAGES --- */
.p-navigation { display: flex; justify-content: center; text-align: center; margin-bottom: -.5rem; line-height: 1.25rem; font-weight: bold; }
.page_prev > *, .page_next > *, .pages > span, .pages > a {
	padding: calc(.625rem - 1px); height: 2.5rem; display: inline-block; color: inherit;
	border: 1px solid transparent; border-radius: var(--b-radius);
	transition: border-color .2s ease, box-shadow .2s ease;
}
.pages { display: flex; min-width: 0; font-size: 1rem; }

@media (min-width: 768px) {
	.p-navigation { margin-top: 2rem; }
	.pages { justify-content: center; flex-wrap: wrap; padding-left: 1rem; padding-right: 1rem; font-size: 1rem; }
	.pages a:hover { border-color: #ccc; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.03); }
	.pages span:not(.nav_ext), .pages a:hover, .page_prev > a:hover { color: var(--c-main); }

	.page_prev > *, .page_next > * { padding: calc(.25rem - 1px); }
	.page_prev > * > i, .page_next > * > i { display: none !important; }
	.page_prev svg, .page_next svg { display: block !important; width: 2rem; height: 2rem; }
}
@media (max-width: 767px) {
	.p-navigation { margin-top: .5rem; padding: .5rem 0; overflow: hidden; position: relative; }
	.p-navigation::after, .p-navigation::before { content: ""; position: absolute; top: 0; bottom: 0; width: 2rem; z-index: 1; pointer-events: none; }
	.p-navigation::after { right: 2.5rem; background-image: linear-gradient(90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%); }
	.p-navigation::before { left: 2.5rem; background-image: linear-gradient(-90deg, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 100%); }
	.pages { padding: 1.5rem 0; margin: -1.5rem auto; overflow: hidden; overflow-x: auto; }
	.pages::after, .pages::before { content: ""; display: block; height: 1rem; max-width: 1rem; min-width: 1rem; }
	.pages span:not(.nav_ext) { color: var(--c-main); border-color: #ccc; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.03); }
	.page_prev, .page_next { position: relative; z-index: 2; }
}

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

/* Профиль пользователя */
.page-userinfo #dle-content .p-navigation { width: 100%; }


/* Для статичных новостей */
.splitnewsnavigation {
	margin: 1.25rem 0; padding: 1rem 0; font-weight: bold; border: 0 dashed #efefef;
	border-width: 2px 0; text-transform: uppercase;
}
.splitnewsnavigation > div { display: inline; margin-left: 1em; }
.splitnewsnavigation a { color: inherit; }
.splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; }
.splitnewsnavigation span { color: var(--c-main); }

/* --- PAGE SEARCH --- */
.title label { margin: 0; }
.title + .search-box-field { margin-top: -1rem; }
.search-box-field { display: flex; position: relative; padding: 1rem 0; }
.search-box-field > input {
	background-color: transparent !important; border: 0 none !important; margin-right: 1rem;
	box-shadow: none !important; font-size: 1.125rem !important; padding: 0 !important;
	transition: all 0s;
}
.search-box-line {
	position: absolute; left: 0; top: 100%; width: 100%; height: 1px;
	background-color: rgba(0,0,0,0.1); transition: background-color .4s ease;
}
.search-box-field > input:focus ~ .search-box-line { background-color: var(--c-main); } 
.search-box-field > input:-webkit-autofill { -webkit-box-shadow: 0 0 0 60px white inset !important; }
.search_result_num { margin-top: 1rem; }

@media (max-width: 575px) {
	.search_result_num { font-size: .75rem; }
}

/* --- FULLSTORY --- */
.story-img { color: #fff; display: flex; position: relative; z-index: 0; }
.story-img::before { content: ""; width: 1px; height: 0; padding-top: calc(9 / 16 * 100%); margin-left: -1px; }
.story-img-in { width: 100%; display: flex; flex-direction: column; padding: 1.25rem; padding-bottom: 0 !important; }
.story-img .story-info { margin-top: auto; }
.story-img a { color: inherit; }
.story-img .story-fav + .title { margin-right: 3rem; }
.story-img .title { font-size: 1.375rem; text-shadow: 0 0 1rem rgba(0,0,0,0.5); margin-top: -.125rem; }
.story-img > .fit-cover {
	position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: -1;
	border-radius: var(--b-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0;
}
.story-img > .fit-cover::after, .story-img > .fit-cover::before {
	content: ""; position: absolute; left: 0; bottom: 0; width: 100%;
}
.story-img > .fit-cover::after { background-color: rgba(0,0,0,0.2); top: 0; }
.story-img > .fit-cover::before { background-color: rgba(0,0,0,0.4); height: 3.5rem; z-index: 1; }

.story-play > i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.story-play > i::before { line-height: 5rem; font-size: 5rem; width: 5rem; height: 5rem; }
.story-play::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }

.story-img > iframe {
	display: none; position: absolute; left: 0; top: 0; bottom: 0;
	width: 100%; height: 100%; z-index: 50; border-radius: var(--b-radius);
	border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.story-img.play-video > iframe { display: block; }

.story-info { display: flex; font-size: .75rem; padding: 1.25rem 0; line-height: 1rem; height: 3.5rem; }

.story-info .meta-views { display: flex; align-items: center; }
.story-fav { margin-left: auto; }
.story-fav a { display: block; opacity: .8; transition: opacity .2s ease; }
.story-fav a:not(:hover) { color: inherit; }
.story-fav a > span { display: block; width: 2rem; height: 2rem; border-radius: 50%; }

.fullstory { margin-bottom: 1rem }
.fullstory > .story-cont iframe, .fullstory > .story-cont video { width: 640px; height: 420px; max-width: 100%; }

.story-cont { padding: 1.25rem; }
.story-cont > .text { margin-bottom: 0; }
.story-cont > .btn { text-transform: none; width: 100%; margin-top: 1.25rem; }
.story-foot { display: flex; flex-wrap: wrap; border-top: 1px solid rgba(0,0,0,0.1); margin-top: 1.25rem; padding-top: 1.25rem; }

.story-additional { padding-top: 1.75rem;}
.story-additional p, .story-additional a { color: var(--c-dark3); font-style: italic; font-weight: bold; }
.story-additional a:hover {color: var(--c-main-h)}

/* YANDEX DZEN */
.yandex_dzen {
	color: inherit !important; text-decoration: none !important;
	display: flex; align-items: center;
}
.dzen-title {
	line-height: 1.5rem; padding: .25rem .5rem; border-radius: .25rem; margin-right: .75rem; position: relative;
	background-color: #222; color: #fff; white-space: nowrap;
}
.dzen-title > svg { height: 18px; width: 9px; position: absolute; left: 100%; top: 50%; margin-top: -9px; color: #222; }
.dzen-logo { width: 8rem; height: 1.5rem; }

.share-btn > i::before { line-height: 2rem; font-size: 2rem; width: 2rem; height: 2rem; }
.share-fb { color: #3b5998 !important; }
.share-ok { color: #eb722e !important; }
.share-vk { color: #4680c2 !important; }
.share-tw { color: #00aced !important; }

@media (min-width: 992px) {
	.story-fav a:hover { opacity: 1; }
	.share-btn:hover, .yandex_dzen:hover { opacity: .9; }

	.post-video .story-img > .fit-cover::after { transition: background-color .4s ease; }
	.post-video .story-img:hover > .fit-cover::after { background-color: rgba(0,0,0,0.3); }
}
@media (max-width: 679px) {
	.story-img::before { padding-top: 16rem; }
	.post-video .story-img::before { padding-top: 18rem; }
	.post-video .story-img .title { font-size: 1.125rem; }
}
@media (min-width: 680px) {
	.story-cont, .story-img-in { padding: 2rem; }
	.story-cont > .btn { margin-top: 1.5rem; }
	.story-foot { margin-top: 2rem; padding-top: 2rem; }

	.story-img .title { font-size: 1.5rem; }
}
@media (min-width: 500px) {
	.story-foot .yandex_dzen { margin-left: 1rem; }
	.story-fav { order: 13; }
}
@media (max-width: 499px) {
	.yandex_dzen { width: 100%; }
	.story-foot .yandex_dzen { margin-top: 1rem; }
}


/* PAGE MENU */
.block_menu { border: 1px solid #f0f0f0; border-width: 1px 0; display: flex; margin: 0 -1.25rem; justify-content: space-between; }
.block_menu > a {
	border-left: 1px solid rgba(0,0,0,0.05); width: 33.333333%; font-weight: bold;
	text-align: center; color: inherit; padding: .625rem .75rem; margin: auto;
	transition: background-color .2s ease;
}
.block_menu > a:first-child { border-left-width: 0; }

@media (min-width: 680px) {
	.block_menu { margin: 0 -2.5rem; }
}
@media (min-width: 992px) {
	.block_menu > a:hover, .block_menu > a.active { color: var(--c-main); }
	.block_menu > a:hover { background-color: rgba(0,0,0,0.02); }
}

/* --- PAGE STATS --- */
.stats_big { margin: 0 -1.25rem; margin-bottom: 1.25rem; background-color: var(--c-dark2); }
.stat_group { margin-bottom: 1.25rem; }

.stat_group > h5 { margin-top: 0; margin-bottom: 1em; font-size: 120%; font-weight: bold; }
.stat_group > ul { list-style: none; padding: 0; margin: 0; }
.stat_group > ul > li { padding: .6em 0; border-top: 1px solid rgba(0,0,0,0.05); }

.stat-cols { display: flex; padding: 1.25rem; color: #fff; }
.stat-cols > li { width: 100%; flex: 0 0 50%; max-width: 50%; padding: .5rem; text-align: center; }
.stat-cols > li .fw-b { display: block; margin: 0; font-size: 420%; line-height: 1; color: var(--c-main-h); }

.table_top_users, .pmlist { margin: 0 -1.25rem; }
.table_top_users .table_wide table { width: 100%; min-width: 640px; }
.table_top_users .table_wide table tr > td:nth-child(3),
.table_top_users .table_wide table tr > td:nth-child(6),
.table_top_users .table_wide table tr > td:nth-child(7) { display: none; }

@media (min-width: 680px) {
	.table_top_users, .pmlist, .stats_big { margin: 0 -2.5rem; }
	.stats_big { margin-bottom: 2.5rem; }
	.stat_group { margin-bottom: 2rem; }
	.stat-cols { padding: 2rem; }
}

/* --- REGISTER --- */
.regtext { margin-bottom: 1.5rem; }
#result-registration li { font-size: .75rem; margin-top: .5em; }

/* --- ADDNEWS --- */
.form-control_img { border: 1px solid rgba(0,0,0,.05); padding: .75rem; border-radius: var(--b-radius); }
.has-success .form-control_img { border-color: var(--c-marker); }

.fc_img_left { position: relative; overflow: hidden; background-color: #f4f4f4; }

.fc_img_left .cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.fc_img_left > svg { position: absolute; left: 50%; top: 50%; margin: -1rem 0 0 -1rem; color: #c1c1c1; }
.fc_img_left > .img_del {
	position: absolute; z-index: 1; cursor: pointer;
	right: 0; top: 0; background-color: rgba(0,0,0,0.2);
	width: 2rem; height: 100%; padding: .375rem; border: 0 none; color: #fff;
}

.fc_img_left > .img_del i { opacity: .8; }

@media (min-width: 992px) {
	.fc_img_left > .img_del { transform: translateX(100%); opacity: 0; transition: transform ease .2s, opacity ease .2s; }
	.fc_img_left:hover > .img_del { transform: translateX(0); opacity: 1; }
	.fc_img_left:hover > .img_del:hover i { opacity: 1; }
}

.dot_tablist { display: flex; margin-top: -.375rem; margin-left: -.75rem; margin-bottom: .375rem; }
.dot_tablist .tab-item { display: flex; align-items: center; color: inherit; padding: .5rem .75rem; }
.dot_tablist .tab-item::before {
	content: ""; display: block; border-radius: 50%; width: 1rem; height: 1rem; margin-right: .5em;
	background-color: #f4f4f4; transition: box-shadow .2s ease, background-color .2s ease;
}
.dot_tablist .tab-item.active::before { background-color: #fff; box-shadow: inset 0 0 0 .25rem var(--c-main); }

.upload-btn {
	position: relative; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1); border-radius: var(--b-radius);
	line-height: 1.5rem; height: 3rem; padding: calc(.75rem - 1px); font-size: 1rem; text-align: center;
	transition: color .2s ease, box-shadow .2s ease; overflow: hidden;
}
.upload-btn .qq-upload-button { position: static !important; overflow: visible !important; }
.upload-btn .qq-upload-button:not(.disabled):hover { color: var(--c-main); }
.upload-btn input {
	opacity: 0; z-index: 2 !important; cursor: pointer;
	position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 3rem !important;
}
.upload-btn .qq-upload-button.disabled input { cursor: default !important; }
.upload-btn .qq-upload-button.disabled { opacity: .3; }
.progress { position: absolute; left: .25rem; bottom: .25rem; right: .25rem; height: .125rem; }
.progress-bar-text, .progress-bar > span { display: none !important; } 
.progress-bar {
	transition: width .5s ease;
	height: 100%; display: block; background-color: var(--c-main);
	border-radius: var(--b-radius);
}

.upload-link > input, .upload-link > .btn { height: 3rem; padding: calc(.75rem - 1px) 1rem; }
.rel_links { font-size: .75rem; color: var(--c-main); }
.rel_links > li { margin-top: .5rem; }

@media (min-width: 576px) {
	.form-control_img:after { clear: both; display: block; content: ""; }
	.fc_img_left { margin-right: -100%; width: 120px; height: 85px; float: left; }
	.fc_img_right { margin-left: 135px; }
}
@media (max-width: 575px) {
	.fc_img_left { display: flex; margin-bottom: .75rem; }
	.fc_img_left::before { content: ""; width: 1px; margin-left: -1px; padding-top: calc(9 / 16 * 100%); }
}

/* --- PM --- */
.pm-box { margin-bottom: 1.5em; background-color: #f2f2f2; }
.pm_status { margin-top: 2.5rem; }

.pm_progress_bar {
	background-color: #dcdcdc; margin-bottom: 1rem; overflow: hidden; border-radius: .25rem;
}
.pm_progress_bar span { background-color: var(--c-main); font-size: 0; height: .5rem; display: block; overflow: hidden }

/* PM MSG */
.pm_msg_tools, .pm_msg_info { font-size: 75%; }
.pm_msg_tools a, .pm_msg_info a { color: inherit; }
.pm_msg_info { margin-top: 1.5rem; text-transform: uppercase; }
.pm_msg_tools { border-top: 1px solid #f0f0f0; padding-top: .4rem; margin-top: .4rem; }
.pm_msg_tools a, .pm_msg_info > * { margin-right: .6rem; }

/* --- USERINFO --- */
.userinfo-block { box-shadow: 0 .5rem 2rem 0 rgba(0,0,0,0.04); }
.userinfo-main {
	position: relative; padding: 1.25rem;
}
@media (min-width: 576px) {
	.userinfo-main { 
		background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
	}
}

.userinfo-avatar { margin: 0 auto; width: 9rem; height: 9rem; padding: .5rem; position: relative; }
.userinfo-avatar .avatar { width: 100%; height: 100%; margin: 0; position: relative; z-index: 1; object-fit: contain; }
.userinfo-avatar .aim, .userinfo-avatar::before, .userinfo-avatar::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.userinfo-avatar .aim {
	color: inherit; transform: rotate(0deg); opacity: .2;
	transition: transform .2s ease, opacity .2s ease;
}
html.load .userinfo-avatar .aim { transform: rotate(90deg); opacity: 0; }
.userinfo-avatar::before, .userinfo-avatar::after { content: ""; border-radius: 50%; }
.userinfo-avatar::before { border: 2px solid; opacity: .1; }
.userinfo-avatar::after { transform: translateY(2rem); background-image: radial-gradient(closest-side, rgba(0,0,0,.125) 0, rgba(0,0,0,.1) 30%, rgba(0,0,0,0) 100%); }

.userinfo-name { font-size: 1.5rem; text-align: center; margin-top: 1rem; margin-bottom: 0; }
.userinfo-fullname { font-size: 1rem; text-align: center; }
.userinfo-logged .userinfo-btn a.btn { display: none !important; }
.userinfo-btn { text-align: center; margin-top: 1.25rem; }

.userinfo-status, .userinfo-group { font-size: .75rem; }
.userinfo-status { position: absolute; left: 0; top: 0; display: flex; align-items: center; margin: 1.25rem; text-transform: uppercase; }
.userinfo-status::before { content: ""; width: .5rem; height: .5rem; margin-right: .25rem; border-radius: 50%; background-color: var(--c-dark); }
.userinfo-status:not(.online)::before { opacity: .5; }
.userinfo-status.online::before { background-color: var(--c-marker); }
.userinfo-group { text-align: center; font-weight: bold; margin-bottom: 1rem; }

.userinfo-gear {
	position: absolute; right: 0; top: 0; border: 0 none; margin: .5rem;
	background: none; color: var(--c-main); width: 2.5rem; height: 2.5rem; padding: .5rem;
}
.userinfo-gear:hover { color: var(--c-main-h); }

.userinfo-col {
	background-color: var(--c-dark2); color: #fff;
	border-radius: var(--b-radius); border-top-left-radius: 0; border-top-right-radius: 0;
}
.userinfo-col > li { position: relative; padding: 1rem; }
.userinfo-col > li > a { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; }
.userinfo-col > li svg { color: var(--c-icon-dark); }
.userinfo-icon, .userinfo-col > li .fw-b { display: block; }

/* ALERT */
.alert {
	padding: 1rem 1.25rem; margin-bottom: 1rem; background-color: var(--c-alert); border: 0 none;
	border-left: 6px solid var(--c-main); border-radius: var(--b-radius);
}
.page-userinfo #dle-content .alert { margin-top: 1rem; }
@media (max-width: 679px) {
	.userinfo-status { font-size: .625rem; }
	.userinfo-col > li { margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 0; padding-right: 0; }
	.userinfo-col > li:not(:first-child) { border-top: 1px solid rgba(255,255,255,0.1); }
	.userinfo-col > li svg { float: left; margin-right: 1rem; }
}
@media (min-width: 680px) {
	.alert { padding: 1.5rem 2rem; }

	.userinfo-gear { margin: 1.5rem; }
	.userinfo-main { padding: 2rem; }
	.userinfo-btn { margin-top: 2rem; }
	.userinfo-status { margin: 2rem; }

	.userinfo-col { display: flex; align-items: center; min-height: 10rem; text-align: center; }
	.userinfo-col > li { width: 100%; max-width: 33.333333%; flex: 0 0 33.333333%; }
	.userinfo-col > li .fw-b { font-size: 1rem; }
	.userinfo-icon { margin-bottom: .25rem; }
}

/* CONTENT-VISIBILITY */
.content__visibility { content-visibility: auto; }

#adfox_desktop_3 { max-width: 340px; max-height: 80vh; overflow: hidden; }

/* Похожие новости */
.pfull-related { display: block!important;}
.pfull-related a { color: inherit; text-decoration: none !important; display: block; padding: .2rem 0; padding-left: 1.25rem; }
.pfull-related a:hover { color: var(--c-main-h) }
.pfull-related a::before {
  content: ""; float: left; margin: .5rem 0 0 -1.25rem; background-color: var(--header);
  width: .25rem; height: .25rem; border-radius: 50%; transition: transform ease .2s;
}
.pfull-related a:hover::before { transform: translateX(.25rem); }

@media (max-width: 500px) {
  .pfull-foot, .pfull-donate { margin-left: -1.125rem; margin-right: -1.125rem; }
}