:root {
	--bg: #efefef;
	--bg-lighter: #fff;
	--bg-darker: #e6e6e6;

	--tt: #161616;
	--tt-lighter: #565656;
	--tt-lightest: #999;

	--bdc: #f2f2f2;
	--bdc-darker: #e3e3e3;
	--bsh: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--bsh-2: 0 10px 20px #00000005;
	--gradient: linear-gradient(320deg, #000, #222, #686de0);
	--accent: #686de0;
	--accent-darker: #64dd17;

	--ui-bg: #fff;
	--ui-bg-darker: #f6f6f6;
	--ui-bg-darkest: #f0f0f0;
	--ui-bg-accent: #11222c;

	--ui-tt-on-accent: #fff;
	--ui-bdc: #e6e6e6;

	--indent-negative: -10px;
	--indent: 10px; /* основной отступ справа и слева */
    --grid-column-gap: var(indent);
    --grid-row-gap: var(--indent);

    --color-light: #efefef;
    --color-primary: #0288d1;
    --color-secondary: #9c27b0;
    --color-tertiary: #e51c23;
    --color-heading: #1565C0;
    --color-heading-accent: #FF3D00;

    --color-control: #108641
}
@media screen and (max-width: 1220px) {
	:root {
		--indent-negative: -20px;
		--indent: 20px;
	}
}

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {
	background: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	border: 0;
	box-sizing: border-box;
}
ol,
ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,
table,
iframe,
video,
frame,
embed,
object {
	max-width: 100%;
	border-radius: 12px;
}
body {
	font: 17px / 1.4 "Manrope", sans-serif;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #1a2446;
	background-color: #f9f9f9;
	width: 100%;
	overflow-x: hidden;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover,
a:focus {
	color: var(--tt);
	text-decoration: none;
}
h1 {
	filter: drop-shadow(1px 1px 5px yellow);
	font-weight: 600;
	color: var(--color-heading-accent);
	font-size: 20px;
	text-align: center;
}
h1.sect__title{
    font-size: 24px;
    font-weight: 700;
	color: var(--color-heading);
}
h2 {
	font-weight: 700;
	font-size: 24px;
	text-align: center;
}
h3 {
	font-weight: 700;
	font-size: 18px;
	text-align: justify;
}
h4 {
	font-weight: 700;
	font-size: 17px;
	text-align: justify;
}
h5 {
	font-weight: 700;
	font-size: 16px;
	text-align: justify;
}
b,
strong,
.bolder {
	font-weight: 700;
}

button,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	font-size: 16px;
	font-family: inherit;
}
button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.form__btn,
.qq-upload-button,
.pm__links a,
.usp__btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 0 20px;
	height: 40px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
    color: var(--ui-bg);
	background-color: var(--color-control);
	border-radius: 20px;
	box-shadow: none;
}
button:hover,
.btn:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.form__btn:hover,
.qq-upload-button:hover,
.pm__links a:hover,
.usp__btn a:hover {
	background-color: var(--accent-darker);
	color: #fff;
	border-color: var(--accent-darker);
}
button:active,
input[type="button"]:active,
input[type="submit"]:active {
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.color-btn,
[class*="fr"],
[class*="plyr"],
[class*="owl-"],
[id*="mceu"],
[class*="tox-"],
.ui-dialog-titlebar-close {
	padding: 0;
	margin: 0;
	line-height: normal;
	border: 0;
	box-shadow: none;
	background: none;
	border-radius: 0;
}

input[type="text"],
input[type="password"] {
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	padding: 0 15px;
}
select {
	height: 40px;
	padding: 0 15px;
	display: block;
	font-size: 15px;
}
select:not([multiple]) {
	background-image: url(/templates/expert/dleimages/chevron.svg);
	padding-right: 30px;
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	background-size: 12px auto;
}
select option {
	padding: 6px 10px;
}
select[multiple] option {
	padding: 3px 10px;
}
select[multiple] {
	padding: 9px 5px;
	border-radius: 3px;
}
textarea {
	padding: 15px;
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}
input[type="text"],
input[type="password"],
select,
textarea {
	width: 100%;
	background-color: #fff;
	color: #000;
	box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0, 0, 0, 0.1);
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	box-shadow: inset 0 0 0 1px var(--accent), inset 1px 2px 5px
		rgba(0, 0, 0, 0.1);
}
input::placeholder,
textarea::placeholder {
	color: #000;
	opacity: 0.4;
	font-size: 14px;
}
input:focus::placeholder,
textarea:focus::placeholder {
	color: transparent;
}


/* Container
----------------------------------------------- */
.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--indent);
  padding-left: var(--indent);
}

@media (min-width: 576px) {
  .container {
    max-width: 510px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 950px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1450px;
  }
}

.content.container{
    margin-bottom: 40px;
}

/* grid
----------------------------------------------- */
.grid {
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
  }
}
.grid > * {
  min-width: 0;
}

/**
 * Overflow auto
 */
.overflow-auto {
  overflow: auto;
}

/* SNIPPETS
----------------------------------------------- */
.img-wide,
.img-responsive,
.img-fit-cover {
	position: relative;
	overflow: hidden;
}
.img-responsive {
	padding-top: 60%;
}

.img-fit-cover{
    font-size: 0;
}

.img-responsive > img,
.img-fit-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.img-responsive > img {
	position: absolute;
	left: 0;
	top: 0;
}
.img-wide img,
.img-wide > a,
.expand-link {
	width: 100%;
	display: block;
}
.clr {
	clear: both;
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.ws-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.line-clamp {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vw100 {
	margin: 0 calc((100% - 100vw) / 2);
	padding: 0 calc((100vw - 100%) / 2);
}
.img-mask::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	background: linear-gradient(to top, #000 0%, transparent 100%);
	opacity: 0.8;
}
.expand-link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.d-flex,
.fx-row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: left;
}
.gap-16{
    gap: 16px;
}
.p-0{
    padding: 0;
}

.fd-column,
.fx-col {
	flex-direction: column;
	flex-wrap: nowrap;
}
.jc-space-between,
.fx-row {
	justify-content: space-between;
}
.jc-flex-start,
.fx-start {
	justify-content: flex-start;
}
.jc-center,
.fx-center {
	justify-content: center;
}
.jc-flex-end {
	justify-content: flex-end;
}
.ai-flex-start {
	align-items: flex-start;
}
.ai-center,
.fx-middle {
	align-items: center;
}
.ai-flex-end {
	align-items: flex-end;
}
.order-first {
	order: -1;
}
.order-last {
	order: 10;
}
.flex-grow-1,
.fx-1,
.stretch-free-width {
	flex: 1 1 0;
	max-width: 100%;
	min-width: 50px;
	color: #1e88e5;
}
.pi-center {
	display: inline-grid;
	place-items: center;
}
.icon-at-left [class*="fa-"] {
	margin-right: 0.8em;
}
.icon-at-right [class*="fa-"] {
	margin-left: 0.8em;
}
.hidden,
#dofullsearch,
.comment-item__main .quote + br,
.d-none,
#category option:empty,
.ui-helper-hidden-accessible:empty,
#related_news:empty,
#result-registration:empty {
	display: none;
}

.anim,
a,
.popular img,
.attent img,
.top-item img,
.nav__list-hidden {
	color: #1d63a1;
	font-size: 20px;
	font-weight: 600;
	transition: all 220ms;
}

button,
.btn{
	transition: all 220ms;
	font-size: 20px;
	font-weight: 600;
	transition: all 120ms;
}

.d-grid,
#dle-content {
	display: grid;
	grid-gap: 15px 15px;
	grid-auto-flow: row dense;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.d-grid > *:not(.grid-item),
#dle-content > *:not(.grid-item),
#dle-content {
	grid-column: 1 / -1;
}

@font-face {
	font-family: "Manrope";
	src: url("/templates/expert/webfonts/manrope-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Manrope";
	src: url("/templates/expert/webfonts/manrope-600.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Manrope";
	src: url("/templates/expert/webfonts/manrope-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@media screen and (min-width: 1220px) {
	a.short__img:hover {
		opacity: 0.8;
	}
	.popular:hover img,
	.attent:hover img,
	.top-item:hover img {
		transform: scale(1.1, 1.1);
	}
	.popular:hover .popular__title,
	.int:hover .int__title,
	.attent:hover .attent__title,
	.short__title a:hover,
	.footer__text a:hover,
	.sect__sort a:hover,
	.speedbar a:hover {
		text-decoration: underline;
	}
	.pagination__pages a:hover,
	.pagination__btn-loader a:hover,
	.page__tags a:hover {
		background: var(--accent);
		color: #fff;
		border-color: var(--accent);
	}
	.nav__list > li:hover > a,
	.nav__list-hidden a:hover,
	.side-nav > li:hover > a {
		color: var(--accent);
	}
	.nav__list li:hover .nav__list-hidden,
	.side-nav li:hover .nav__list-hidden {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}

::selection {
	background: var(--color-tertiary);
	color: #fff;
}

/* Helpers */
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.p-relative{ position: relative; }
.text-sm{
    font-size: 12px !important;
}
.text-md{
    font-size: 24px !important;
}
/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {
	min-width: 320px;
	position: relative;
}
.wrapper-container {
	margin: 0 auto;
	position: relative;
	z-index: 20;
}
.wrapper-main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.header,
.nav {
	background-color: var(--bg-lighter);
	box-shadow: var(--bsh);
	padding-top: 15px;
	padding-bottom: 15px;
}
.header {
	gap: 20px 20px;
}
.nav {
	border-top: 2px solid var(--color-primary);
	position: relative;
	z-index: 60;
}
.cols {
	display: grid;
	gap: 30px 30px;
	grid-template-columns: 260px minmax(0, 1fr) 260px;
}
.col-side {
	display: block;
	gap: 30px;
	align-content: start;
	position: relative;
	z-index: 60;
}
.footer {
	background-color: #fff;
	font-weight: 700;
	border-top: 2px solid var(--color-primary);
	color: var(--tt-lighter);
	padding-bottom: 0;
	font-size: 20px;
	line-height: 1.6;
}
.footer img{
    vertical-align: bottom;
}
.content-block--bg {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px;
}

#scrolltop {
	position: fixed;
	width: 60px;
	height: 60px;
	line-height: 60px;
	right: 10px;
	bottom: 10px;
	z-index: 990;
	display: none;
	background-color: var(--color-secondary);
	color: var(--bg);
	cursor: pointer;
	font-size: 24px;
	border-radius: 50%;
	text-align: center;
	box-shadow: var(--bsh);
}

#scrolltop .fal{
	line-height: inherit;
    vertical-align: middle;
}

/* HEADER
----------------------------------------------- */
.logo {
	display: inline-flex;
	align-items: center;
	height: 40px;
	position: relative;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 1px;
	padding-left: 40px;
	margin-right: 40px;
	background: url(/templates/expert/images/logo.svg) 0 6px / 30px no-repeat;
	color: var(--tt) !important;
}
.logo span {
	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	color: var(--tt-lightest);
	position: absolute;
	right: -10px;
	top: 0;
}
@media screen and (max-width: 760px) {
    .main-logo{
        width: 180px;
    }
}
.search-block form {
	max-width: 400px;
	position: relative;
}
.search-block__input[type="text"],
.search-block__input[type="text"]:focus {
	border-radius: 20px;
	box-shadow: none;
	border: 2px solid var(--color-tertiary);
	background-color: #ebffca;
	height: 40px;
	line-height: 38px;
	padding: 0 50px 0 20px;
}
.search-block__input[type="text"]:not(:focus):placeholder {
	color: var(--tt-lightest);
	opacity: 1;
	font-size: 14px;
}
.search-block__btn {
	position: absolute;
	right: 4px;
	top: 4px;
    bottom: 4px;
	width: 46px;
    height: auto;
	background: none;
	color: var(--tt);
	border-radius: 20px;
	padding: 0;
	font-size: 16px;
}

/* NAV
----------------------------------------------- */
.nav__list {
	display: flex;
}
.nav__list > li,
.side-nav > li {
	flex-grow: 1;
	font-size: 14px;
	position: relative;
    text-align: center;
}
.nav__list > li + li {
	border-left: 3px solid var(--color-tertiary);
}
.nav__list > li > a,
.side-nav > li > a {
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 10px;
	display: block;
}
.nav__list-hidden {
	width: 240px;
	padding: 40px;
	border-radius: 0 0 10px 10px;
	position: absolute;
	left: 0;
	top: 100%;
	background-color: var(--bg-lighter);
	box-shadow: var(--bsh-2);
	display: grid;
	gap: 10px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(40px);
}
.submenu > a::after {
	content: "\f107";
	font-weight: 300;
	font-family: "Font Awesome 5 Pro";
	margin-left: 7px;
	display: inline-block;
}
.side-nav {
	border-radius: 12px;
    margin-bottom: 20px;
}
.side-nav .nav__list-hidden {
	left: 100%;
	top: -40px;
	border-radius: 0 10px 10px 0;
}

.side-nav > li > a {
	justify-content: center;
	display: grid;
	margin: 5px;
	border: 1px solid var(--color-secondary);
	border-radius: 12px;
	padding: 5px 10px 3px 2px;
	font-size: 15px;
    color: var(--color-secondary);
}


.short__header .short a[id^=fav]:hover,
.short__header .short a[id^=fav]:focus{
    text-decoration: underline;
}
.short__header .short a[id^=fav]{
    display: inline-block;
	font-size: 15px;
    padding: 6px;
    color: var(--color-secondary);
}

.side-nav > li > a:hover,
.side-nav > li > a:focus{
    color: var(--color-light);
    background: var(--color-secondary);
}

/* TOP
----------------------------------------------- */
.top {
	gap: 15px 15px;
	margin-bottom: 30px;
}
.top-item {
	flex: 1 1 30%;
	box-shadow: var(--bsh);
	border-radius: 6px;
	padding: 0;
}
.top-item:nth-child(2),
.top-item:nth-child(3) {
	flex-basis: 60%;
}
.top-item__desc {
	position: relative;
	z-index: 5;
	min-height: 140px;
	padding: 20px;
	color: #fff;
	gap: 10px;
	max-width: 100%;
}
.top-item__title {
	font-weight: 600;
	color: #fff !important;
	font-size: 15px;
}
.top-item__date {
	font-size: 12px;
}
.top-item::before {
	height: 100%;
	background: var(--gradient);
	opacity: 0.6;
}
@media screen and (min-width: 1220px) {
	.top {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
	}
	.top-item {
		grid-column: span 1;
	}
	.top-item:nth-child(3),
	.top-item:nth-child(4) {
		grid-column: span 2;
	}
	.top-item:nth-child(1) {
		grid-column: span 3;
		grid-row: span 2;
	}
	.top-item__desc {
		height: 100%;
	}
	.top-item:nth-child(1) .top-item__title {
		font-size: 24px;
		margin-bottom: 30px;
	}
}

/* SECTION
----------------------------------------------- */
.hero-title {
	margin: 20px 0;
}

.sect__header {
	margin-bottom: 30px;
}
.sect__sort {
	height: 36px;
}
.sect__sort ul {
	height: 36px;
	background-color: var(--bg-lighter);
	border-radius: 6px;
	position: relative;
	z-index: 50;
	cursor: pointer;
	text-align: center;
}
.sect__sort ul li {
	height: 36px;
	line-height: 36px;
	visibility: hidden;
	padding: 0 10px;
	font-size: 13px;
}
.sect__sort ul li[class],
.sect__sort ul:hover li {
	visibility: visible;
}
.sect__sort ul:hover {
	height: auto;
	box-shadow: var(--bsh);
}
.sect__sort ul li[class]::before {
	content: "Сортировать по:";
	margin-right: 6px;
}
.sect__sort li.asc a::after,
.sect__sort li.desc a::after {
	content: "\f063";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-left: 6px;
	font-weight: 300;
	font-size: 10px;
}
.sect__sort li.desc a::after {
	content: "\f062";
}
.speedbar {
	margin-bottom: 15px;
	margin-top: -15px;
	font-size: 13px;
	color: var(--tt-lightest);
}
.descr {
	display: grid;
	grid-gap: 20px;
	line-height: 1.7;
	color: var(--tt-lighter);
	grid-column: 1 / -1;
	padding: 20px 0;
}
.descr h1,
.descr h2,
.descr h3 {
	font-weight: 400;
	font-size: 18px;
	color: var(--tt);
	line-height: 1.3;
}
.descr a {
	text-decoration: underline;
	color: var(--accent);
}
.descr ul li {
	position: relative;
	padding-left: 25px;
	margin-left: 25px;
}
.descr ul li::before {
	content: "\f00c";
	font-weight: 300;
	font-family: "Font Awesome 5 Pro";
	color: var(--accent);
	position: absolute;
	left: 0;
	top: 0;
}

/* SHORT STORY
----------------------------------------------- */
.short {
	background-color: var(--bg-lighter);
	border-radius: 10px;
	overflow: hidden;
    border: 1px solid var(--bg-darker);
}
.short__header,
.short__desc {
	padding: 30px;
	margin: 15px;
	text-align: justify;
	color: #000;
}
.short__title {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #258dc8;
}
.short__meta {
	margin-top: 15px;
	gap: 10px;
	font-size: 12px;
	color: #1482de;
    align-items: center;
}
.short__meta-item a {
	color: var(--tt);
	text-decoration: underline;
    font-weight: 700;
    font-size: 16px;
}
.short__meta .fal {
	margin-right: 6px;
	opacity: 0.6;
}
.short__img {
	height: 260px;
	display: block;
}
.short__text {
	color: var(--tt-lighter);
	line-height: 1.6;
	margin-bottom: 38px;
}
.short.grid-item {
	position: relative;
	padding-bottom: 60px;
	border: 1px solid #8b1c8d;
}
.short.grid-item .short__header,
.short.grid-item .short__desc {
	padding: 0;
}
.short.grid-item .short__header {
	padding-bottom: 0;
}
.short.grid-item .short__title {
	font-size: 16px;
}
.short.grid-item .short__img {
	height: 0;
}

.short.grid-item .short__img img{
    border-radius: 8px 8px 0 0;
}
.short.grid-item .short__meta {
	gap: 10px 10px;
}
.short.grid-item .short__text {
	-webkit-line-clamp: 4;
	font-size: 17px;
	margin: 0;
}
.short__btn .fal {
	opacity: 1;
	font-size: 18px;
	margin: 0;
}
.short__btn {
	padding: 0;
	width: 40px;
}
.short__desc .short__meta {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px;
}

/* SIDEBAR
----------------------------------------------- */
.side-block__title {
	text-align: center;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	color: var(--color-primary);
}
.side-block__title span {
	font-size: 16px;
	color: currentColor;

	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;

	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	grid-gap: 20px;
	align-items: center;
    margin-bottom: 25px;
}

.side-block__title--secondary{
    color: var(--color-secondary);
}

.side-block__title span:after,
.side-block__title span:before {
	content: " ";
	display: block;
	border-bottom: 1px solid currentColor;
	border-top: 1px solid currentColor;
	height: 5px;
}

.side-block__content {
	display: grid;
	border-radius: 12px;
	gap: 2px;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.side-block__content .fw-bold{
    font-weight: 600;
}

.side-block__content .c-border .fw-bold:empty{
    display: none;
}

.side-block__content .c-border,
.side-block__content .c-border-bottom{
    padding: 5px 10px;
    font-size: 16px;
}

.side-block__content .c-border-bottom.first{
    margin-top: 10px;
}

.side-block__content .short__img{
    border: 1px solid var(--bg-darker);
    border-radius: 10px;
}

.side-block--sticky {
	position: sticky;
	left: 0;
	top: 20px;
}
.popular {
	background-color: var(--bg-darker);
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}
.popular__desc {
	padding: 16px 20px;
	padding-top: 14px;
}
.popular__title {
	font-weight: 700;
}
.popular__text {
	font-size: 13px;
	color: var(--tt-lighter);
	margin-top: 6px;
	-webkit-line-clamp: 4;
}
.attent {
	border: 2px solid #1652ad;
	text-align: center;
	position: relative;
	padding: 5px;
	border-radius: 12px;
	background-color: var(--bg-lighter);
    margin-bottom: 20px;
	box-shadow: 0 20px 20px -25px #ff2626;
}
.attent__title {
	font-weight: 700;
	padding: 15px 0 20px;
    display: block;
}
.attent__btn{
    margin-bottom: 15px;
    font-size: 16px;
}
.attent .short__meta {
	margin: 0;
	margin-bottom: 20px;
}
.int {
	position: relative;
	gap: 8px;
	border-radius: 12px;
	border: 2px solid #1652ad;
    overflow: hidden;
}
.int + .int{
    margin-top: 5px;
}
.int__img {
    padding: 5px;
}
.int__img img{
    border-radius: 12px;
	box-shadow: var(--bsh);
}
.int__title div {
    line-clamp: 3;
	-webkit-line-clamp: 3;
	font-size: 14px;
    padding: 4px;
    font-weight: 700;
}

/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__text {
	color: var(--tt);
}
.footer__text a {
	margin: 0 20px 0 0;
	color: var(--accent);
}

.pagination {
	text-align: center;
	display: grid;
	gap: 20px;
	padding-top: 15px;
}
.pagination__btn-loader a,
.pagination__btn-loader span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	padding: 0 50px;
	border-radius: 30px;
	background: var(--bg-darker);
	color: var(--tt-lighter);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	width: 400px;
	max-width: 100%;
}
.pagination__pages {
	gap: 10px 10px;
}
.pagination__pages a,
.pagination__pages span {
	display: inline-block;
	line-height: 38px;
	padding: 0 10px;
	min-width: 40px;
	font-size: 16px;
	border: 1px solid var(--bdc-darker);
	border-radius: 20px;
}
.pagination__pages span:not(.nav_ext) {
	background: var(--accent);
	color: #fff;
	border-color: var(--accent);
}

/* INNER PAGE
----------------------------------------------- */

.page__tags {
	font-size: 0;
	gap: 10px 4px;
	margin-top: 40px;
}
.page__tags .fal {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-right: 6px;
}
.page__tags a {
	display: flex;
	align-items: center;
	white-space: nowrap;
	height: 30px;
	border-radius: 2px;
	padding: 0 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: var(--tt-lighter);
	border: 1px solid var(--bdc-darker);
}

.page__tags + .page__footer {
	margin-top: -10px;
}
.page__footer {
	font-size: 14px;
	border-top: 1px solid var(--bdc);
	padding-top: 20px;
}
.page__fav a {
	padding-left: 50px;
	position: relative;
	display: block;
	color: var(--tt-lightest);
	line-height: 1.3;
	font-size: 13px;
}
.page__fav .fal {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--bdc);
	border-radius: 50%;
	color: var(--accent);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
}
.page__btn-comments {
	height: 30px;
	padding: 0 10px;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: 20px;
}

.page__prev-next {
	background-color: var(--bg-2);
	width: 300px;
	padding: 20px;
	float: left;
	margin: 0 20px 10px 0;
	padding-bottom: 3px;
}
.page__prev-next-link {
	line-height: 1.5;
	display: block;
	margin-bottom: 20px;
	font-weight: 300;
}
.page__prev-next-link div {
	font-size: 12px;
	color: var(--tt-lightest);
	margin-bottom: 5px;
}
.popular-item__img {
	width: 100px;
	height: 60px;
	margin-right: 20px;
}
.popular-item__title {
	line-height: 1.4;
	-webkit-line-clamp: 3;
}
.popular-item:hover,
.page__prev-next-link:hover {
	text-decoration: underline;
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {
	line-height: 1.7;
	font-size: 15px;
	word-wrap: break-word;
}
.full-text a {
	text-decoration: underline;
	color: #5278b1;
}
.full-text img:not(.emoji),
.full-text p,
.full-text h1,
.full-text h2,
.full-text h3,
.full-text h4,
.full-text h5,
.full-text > ul,
.full-text > ol,
.full-text table,
.page__title {
	margin-bottom: 30px;
}
.full-text > img[style*="left"],
.full-text > .highslide img[style*="left"] {
	margin: 0 10px 10px 0;
}
.full-text > img[style*="right"],
.full-text > .highslide img[style*="right"] {
	margin: 0 0 10px 10px;
}
.full-text > ul li,
.full-text > ol li {
	padding-left: 60px;
	position: relative;
}
.full-text > ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 3px solid var(--accent);
	position: absolute;
	top: 5px;
	left: 34px;
}
.full-text > ol {
	counter-reset: num;
}
.full-text > ol li:before {
	content: counter(num);
	counter-increment: num;
	background-color: var(--accent);
	color: #fff;
	position: absolute;
	top: -2px;
	left: 17px;
	width: 24px;
	height: 30px;
	font-size: 14px;
	font-weight: 600;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 6px;
	box-sizing: border-box;
}
.full-text > ol li:after {
	content: "";
	border: 10px solid transparent;
	border-left-color: var(--accent);
	position: absolute;
	left: 41px;
	top: -2px;
	transform: scale(0.66, 1.5);
	transform-origin: 0 0;
}
.full-text > ul li + li,
.full-text > ol li + li {
	margin-top: 10px;
}
.full-text table,
.video-inside > * {
	width: 100%;
}
.full-text table tr td {
	padding: 10px;
	border: 2px solid #fff;
}
.full-text table tr:nth-child(2n + 1) {
	background-color: #f2f6f9;
}
.full-text table tr:nth-child(1) {
	background-color: #cee0ed;
}
.full-text table img:not(.emoji) {
	margin: 0;
	max-width: 350px;
}
.full-text > *:last-child {
	margin-bottom: 0;
	text-align: justify;
}
.video-responsive {
	padding-top: 60%;
	position: relative;
}
.video-responsive > iframe,
.video-responsive > video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.full-text h1,
.full-text h2,
.full-text h3,
.full-text h4,
.full-text h5 {
	font-size: 21px;
}
.full-text iframe {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
}
.fdl-btn {
	display: block;
	position: relative;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
	text-decoration: none !important;
	padding: 15px 15px 15px 130px;
	background: linear-gradient(to top, #27ae60, #2ecc71);
	color: #fff !important;
	overflow: hidden;
}
.fdl-btn-title {
	font-weight: 500;
	text-transform: uppercase;
	word-wrap: break-word;
}
.fdl-btn-size {
	font-size: 14px;
	margin-top: -2px;
	margin-bottom: 6px;
	opacity: 0.9;
}
.fdl-btn-caption {
	opacity: 0.7;
	font-size: 14px;
}
.fdl-btn-dl {
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 15px;
}
.fdl-btn > * {
	position: relative;
	z-index: 3;
}
.fdl-btn-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-top: -25px;
	font-size: 24px;
	position: absolute;
	left: 40px;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.13), 0 0 0 30px rgba(0, 0, 0, 0.08), 0
		0 0 45px rgba(0, 0, 0, 0.04);
}

/* COMMENTS
----------------------------------------------- */
.page__comments {
	margin: 0;
	margin-top: 30px;
	padding: 20px;
	border-radius: 10px;
	background: var(--bg-lighter);
	border: 1px solid var(--bdc-darker);
}
.page__comments-title {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 20px;
}
.page__comments-info {
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: -15px;
	color: var(--tt-lighter);
	line-height: 1.5;
}
.page__comments-info .fal {
	color: #eb4d4b;
	margin-right: 6px;
}
.page__comments-header {
	position: relative;
	padding-right: 130px;
}
.page__comments-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.ac-form {
	display: grid;
	gap: 20px;
	margin-bottom: 40px;
}
.ac-form__bottom {
	gap: 10px 20px;
}
.ac-form .message-info {
	margin: 0;
}
.ac-form .tox-tinymce {
	height: 160px !important;
}
.comments_subscribe + br {
	display: none;
}
.mass_comments_action {
	display: flex;
	align-items: center;
	max-width: 800px;
	white-space: nowrap;
	margin-bottom: 20px;
}
.mass_comments_action select {
	flex: 1 1 0;
	margin: 0 -8px 0 20px;
}
.mass_comments_action .bbcodes {
	border-radius: 0;
	padding: 0 10px;
}
.has-comms {
	margin-bottom: -20px;
}

.comment-item__title {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 20px;
}
.comment-item {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--bdc-darker);
}
.comment-item__img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}
.comment-item__letter {
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	color: #fff;
	font-size: 18px;
}
.comment-item__letter.d-flex {
    justify-content: center;
}
.comment-item__author {
	font-weight: 600;
	font-size: 14px;
}
.comment-item__date {
	color: var(--tt-lightest);
	margin-top: 4px;
	font-size: 12px;
}
.comment-item__main {
	margin: 8px 0 6px 0;
	font-size: 15px;
}
.comment-item__rating {
	white-space: nowrap;
	font-size: 14px;
}
.comment-item__rating a {
	margin-left: 6px;
}
.comment-item__rating a > span:first-child {
	color: #6ab04c;
	margin-right: 2px;
}
.comment-item__rating a:last-child > span:first-child {
	color: #eb4d4b;
}
.comment-item__reply a {
	font-size: 12px;
	margin-right: 20px;
	color: var(--tt-lightest);
}
.comment-item__reply a .fal {
	margin-left: 5px;
}
.comment-item__reply + .comment-item__reply a .fal {
	margin-left: 0;
	margin-right: 5px;
}
.comment-item__controls {
	text-align: right;
	font-size: 12px;
	margin-right: -15px;
}
.comment-item__controls li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
	height: 16px;
	line-height: 16px;
}
.comment-item__controls a:not(:hover) {
	color: var(--tt-lightest);
}
.comment-item__footer a:hover {
	text-decoration: underline;
}
.comment-item__rating a:hover > span:first-child {
	text-decoration: none;
}
.comment-item__controls .checkbox {
	transform: scale(0.8, 0.8);
	margin-left: 5px;
}

/* LOGIN
----------------------------------------------- */
.login {
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	background-color: var(--ui-bg);
	border-radius: 4px;
	width: 400px;
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 15px 45px rgba(0, 0, 0, 1);
}
.login__header {
	padding: 20px 40px;
	background-color: var(--ui-bg-darker);
}
.login__title {
	font-size: 18px;
	font-weight: 600;
	padding: 1px 0;
	text-transform: capitalize;
}
.login__close {
	cursor: pointer;
	font-size: 24px;
	opacity: 0.6;
	margin-left: 20px;
}
.login__title a {
	border-bottom: 1px dotted var(--tt-lighter);
	margin-left: 10px;
	font-weight: 400;
	color: var(--tt-lightest);
}
.login__content {
	padding: 20px 40px;
}
.login__row {
	margin-bottom: 20px;
	position: relative;
	display: block;
	font-size: 14px;
	color: var(--tt-lightest);
}
.login__caption {
	font-size: 14px;
	color: var(--tt);
	margin-bottom: 10px;
}
.login__caption a {
	text-decoration: underline;
	margin-left: 6px;
	color: var(--accent);
    font-size: initial;
}
.login__input input {
	padding-left: 40px;
}
.login__row .fal {
	opacity: 0.5;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 40px;
	width: 40px;
	text-align: center;
}
.login__row button {
	width: 100%;
}
.login__social {
	background-color: var(--ui-bg-darker);
	padding: 20px 40px;
	text-align: center;
}
.login__social-caption {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.login__social-btns a {
	display: inline-block;
	margin: 0 3px;
	vertical-align: top;
}
.login__social-btns img {
	display: block;
	width: 34px;
	height: 34px;
}
.login__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
}
.login__menu {
	padding-left: 35px;
	padding-right: 35px;
	margin-bottom: -10px;
}
.login__menu li {
	flex: 1 1 0;
	min-width: auto;
	max-width: 100%;
	margin: 0 5px 10px 5px;
}
.login__menu a {
	display: block;
	border-radius: 6px;
	padding: 10px;
	text-align: center;
	white-space: nowrap;
	background-color: var(--ui-bg-darker);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
	font-size: 13px;
}
.login__menu .fal {
	display: block;
	height: 30px;
	font-size: 24px;
	opacity: 0.3;
}

/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {
	position: fixed;
	z-index: 998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background-color: #000;
	cursor: pointer;
	display: none;
}
.mobile-menu {
	width: 280px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px 20px;
	z-index: 999;
	position: fixed;
	left: -320px;
	top: 0;
	transition: left .4s;
	background-color: var(--bg-lighter);
	color: var(--tt);
}
.mobile-menu.is-active {
	left: 0;
}
.mobile-menu-close {
	cursor: pointer;
	display: block;
	left: 280px;
	top: -40px;
	position: fixed;
	z-index: 999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	opacity: 0;
	background-color: #e84e36;
	color: #fff;
	transition: top .4s, opacity .4s;
}
.mobile-menu-close.is-active {
	top: 0px;
	opacity: 1;
}
body.mobile-menu-is-opened {
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.mobile-menu ul {
	margin: 0;
	padding: 0;
	display: block;
    margin-bottom: 10px;
}
.mobile-menu ul > li {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.mobile-menu ul > li > a {
	line-height: 40px;
	padding: 0;
	display: block;
}
.mobile-menu .nav__list-hidden {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: calc(100% + 40px);
	margin: 15px -20px;
	padding: 10px 20px;
	border-radius: 0 !important;
	opacity: 1;
	visibility: visible;
	transform: none;
	background: var(--bg);
}
.header__btn-login a{
    color: var(--ui-bg);
}
@media screen and (max-width: 1220px) {
	body {
		background-image: none;
	}
	.wrapper {
		padding: 0;
		background-image: none;
		overflow: hidden;
	}
	#scrolltop {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.nav,
	.col-side .js-this-in-mobile-menu,
	.header__link,
	.hm {
		display: none;
	}
	.header__btn-menu {
		display: inline-flex;
		width: 40px;
		padding: 0;
		font-size: 18px;
	}
	.cols {
		grid-template-columns: minmax(0, 1fr);
	}
	.col-side {
		order: 10;
	}
	.footer {
		display: block;
		text-align: center;
	}
	.footer__text {
		margin: 20px 0;
	}
	.footer__logo {
		margin: 0;
	}
	.side-block--sticky {
		position: static;
	}
	.top-item {
		flex: 1 0 30% !important;
	}
}

@media screen and (max-width: 950px) {
	.top-item {
		flex: 1 0 200px !important;
	}
	.short__header,
	.short__desc,
	.content-block--bg {
		padding: 20px;
	}
	.short__text {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 760px) {
	.header {
		gap: 20px 10px;
	}
	.header__search {
		min-width: 100%;
		order: 10;
		margin: 0;
	}
	.header__search form {
		max-width: 100%;
	}
	.header__logo {
		flex: 1 1 0;
		max-width: 100%;
		min-width: 100px;
		margin: 0;
	}
	.header__logo span {
		position: static;
		font-size: 1em;
		text-transform: none;
		margin-left: 3px;
	}
	.top {
		gap: 10px 10px;
	}
	.short__title,
	.sect__title,
	h1,
	h2,
	h3,
	h4,
	h5 {
		font-size: 18px;
	}
	.header__btn-login {
		width: 40px;
		overflow: hidden;
		font-size: 0;
		padding: 0;
		display: block;
	}
	.header__btn-login::before {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
		content: "\f007";
		font-weight: 300;
		font-family: "Font Awesome 5 Pro";
	}

	.page .short,
	.content-block--bg,
	.page__comments {
		margin-left: -20px;
		margin-right: -20px;
		border-radius: 0;
	}
	.page__text .quote {
		margin-left: var(--indent-negative);
		margin-right: var(--indent-negative);
		padding-right: var(--indent);
	}
	.full-text h1,
	.full-text h2,
	.full-text h3,
	.full-text h4,
	.full-text h5 {
		font-size: 18px;
	}

	.ac-form__bottom > * {
		min-width: 100%;
	}
	.ac-form__bottom button {
		width: 100%;
		order: 10;
	}
	.mass_comments_action,
	.comment-item__controls,
	.comment-item__rating-caption {
		display: none;
	}
}

@media screen and (max-width: 590px) {
	.login {
		max-width: 90%;
		max-height: 90%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.login__header,
	.login__content,
	.login__social,
	.pages-bg {
		padding-left: 20px;
		padding-right: 20px;
	}

	.page__share {
		display: flex;
		min-width: 100%;
		margin: 0 0 20px 0px;
	}
	.page__yadzen {
		width: 100%;
		margin-bottom: 20px;
	}
	.page__meta,
	.page__date {
		font-size: 12px;
	}
	.page__header h1 {
		line-height: 1.4;
		font-size: 19px;
	}
	.page__poster {
		height: 240px;
	}
	.page__date {
		position: absolute;
		left: 0px;
		top: 30px;
	}
	.page__rating {
		top: 20px;
		bottom: auto;
		font-size: 13px;
	}
	.page__rating > * {
		width: 40px;
		padding: 5px;
		text-align: center;
		height: 70px;
	}
	.page__rating .fal {
		margin: 0;
		margin-bottom: 6px;
	}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {
		max-width: 360px;
	}
	.header__logo {
		font-size: 22px;
	}
	.hm2,
	.page__comments-info {
		display: none;
	}
	.short__img {
		height: 160px;
	}
	.short__text {
		font-size: 13px;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.pagination__btn-loader > * {
		width: 100% !important;
		padding: 0 !important;
	}
	.hm {
		display: block;
	}

	.full-text iframe {
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		height: 260px;
		margin-left: -20px;
		margin-right: -20px;
	}
}

.full-desc {
	overflow: hidden;
	position: relative;
	transition: height .2s;
}
.text-less {
	margin-bottom: 0 !important;
}
.text-less:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 120px;
	pointer-events: none;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.show-more {
	margin: 0 0 20px;
	font-size: 12px;
	font-weight: 700;
}
.show-more span {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	color: #f0542e;
}

.popup {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
}

.popup_bg {
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.popup_img {
	position: relative;
	margin: 0 auto;
	z-index: 2;
	max-height: 94%;
	max-width: 94%;
	margin: 1% 0 0 0;
}

.c-border {
	font-size: 15px;
	border-radius: 12px;
	border: 1px dotted #0d6efd;
}
.c-border-bottom {
	border-top: 1px solid #f00;
}

.si-btn {
	margin-left: -20%;
	position: absolute;
	background: transparent;
}