/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--maximum-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {padding: 0 var(--indent); min-height: 100vh;}
.header {background-color: var(--bg); position: relative; z-index: 100; padding-top: 20px;}
.content {padding: 40px 0;}
.footer {padding: 40px 0;}
	
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px;
	z-index: 990; display: none; background-color: var(--bg-2); color: var(--tt-2); 
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}


/* HEADER, NAV
----------------------------------------------- */
.logo {display: inline-flex; align-items: center; font-weight: 700; 
	font-size: 20px; margin-right: 60px; height: 40px; text-transform: uppercase; 
	background: url(../images/logo.svg) 0 center / 28px no-repeat; padding-left: 30px;}
.logo span {color: var(--accent); margin: 0 3px; text-transform: uppercase; display: inline-block;}
.header__menu > li {margin-right: 30px;}
.header__menu > li > a {height: 40px; text-transform: uppercase; font-size: 14px; padding: 0 20px;
	display: flex; align-items: center; font-weight: 600; position: relative; z-index: 5;}
.header__menu-hidden {background-color: var(--bg-2); box-shadow: 0 20px 20px rgba(0,0,0,0.1); 
	position: absolute; left: 0; top: 48px; padding: 40px; padding-bottom: 15px; z-index: 50; width: 100%; 
	visibility: hidden; opacity: 0; transform: translateY(30px);}
.header__menu > li:hover .header__menu-hidden {visibility: visible; opacity: 1; transform: translateY(0px);}
.submenu > a:after {content:"\f107"; font-weight: 300; font-family:'Font Awesome 5 Pro'; margin-left:10px; 
	display: inline-block; font-size: 24px;}
li.submenu:hover > a:after {transform: rotate(-180deg) !important;}
.menu {column-width: 220px; column-gap: 40px;}
.menu li {margin-bottom: 15px; break-inside: avoid; position: relative;}
.menu li a {display: block; padding-right: 30px;}	
.menu li span {position: absolute; right: 0; top: 0; color: var(--tt-2); font-size: 13px; pointer-events: none;}
.menu li a:hover {text-decoration: underline;}

.header__search {position:relative; z-index: 5; margin-right: 10px;}
.header__search input, .header__search input:focus {padding: 0 60px 0 20px; border-radius: 0px; 
	background: none; box-shadow: none; color: #fff;}
.header__search input:not(:focus)::placeholder {color: #999; opacity: 1; font-size: 14px;} 
.header__search button {position:absolute; z-index: 5; right: 0; top: 0; width: 60px; padding: 0; 
	background: none; color: #fff; font-size: 18px;}
.header__search::before, .header__search button::before, .header .header__menu > li > a.is-active::before, 
.header .header__menu > li:hover > a::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background-color: var(--bg-3); z-index: -1; transform: skew(-0deg); box-shadow: var(--bsh); border-radius: 15px;}
.header__search button::before, .header .header__menu > li > a.is-active::before {background: var(--gradient);}
.header__login, .header__fav {font-size: 20px; cursor: pointer; margin-left: 20px;}
.header__login:hover, .header__fav:hover {color: var(--accent);}
.header .header__menu > li > a.is-active, .header .header__menu > li:hover > a {color: #fff;}


/* SECTION
----------------------------------------------- */
.sect {margin-bottom: 50px;}
.sect__header {margin-bottom: 20px;}
.sect__title {font-size: 24px; font-weight: 700;}
.sect__sort * {display: inline-block; vertical-align: middle;}
.sect__sort a {text-transform: uppercase; font-weight: 600; margin-left: 20px; color: var(--tt-2); font-size: 12px;}
.sect__sort a::after {content: "\f107"; font-weight: 300; font-family: 'Font Awesome 5 Pro'; 
	margin-left: 10px; display: inline-block; position: relative; top: 4px; font-size: 24px;}
.sect__sort .desc a::after {content:"\f106";}
.sect__sort li[class] a {color: var(--tt);}
.sect__subtitle {font-size: 24px; margin-bottom: 40px;}
.desc {display: grid; grid-gap: 20px 0; margin-bottom: 50px; color: var(--tt-2); 
	font-size: 13px; font-weight: 500; line-height: 1.8;}
.desc h1, .desc h2, .desc h3 {font-size: 26px; font-weight: 700; color: var(--tt); line-height: 1.3;}
.desc:last-child, .sect:last-child {margin-bottom: 0;}
.tags-list a {position: relative; font-size: 13px; text-transform: capitalize; color: var(--tt-2); 
	padding: 8px 12px; margin: 2px; display: inline-block;}
.tags-list a::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-weight: 500;
	background-color: var(--bg-2); z-index: -1; transform: skew(-15deg); box-shadow: var(--bsh);}
.tags-list span {margin: 0;}
.tags-list a:hover {color: #fff;}
.tags-list a:hover::before {background: var(--gradient); box-shadow: var(--bsh);}
.speedbar {font-size: 12px; color: var(--tt-2); margin-bottom: 20px;}
.speedbar a:after {color: var(--tt); display: inline; content: '/'; margin: 0 5px;}
.speedbar a:hover {text-decoration: underline;}


/* SHORT ITEM
----------------------------------------------- */
.thumb {background-color: #e336a300; position: relative;}
.thumb__desc {padding: 10px; padding-bottom: 40px;}
.thumb__title {font-weight: 500; font-size: 13px; line-height: 1.4;}
.thumb__meta {position: absolute; left: 10px; right: 10px; bottom: 10px; font-size: 12px; color: var(--tt-2);}
.thumb__label {position: absolute; z-index: 5; padding: 5px 12px;}
.thumb__label--hd {right: -3px; top: 5px; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.thumb__meta-2 {position: absolute; z-index: 5; left: -3px; bottom: 8px; font-size: 12px; font-weight: 500;}
.thumb__time, .thumb__rating {padding: 5px 12px 2px 12px; position: relative; color: #000;}
.thumb__rating {color: #fff; width: 75px; white-space: nowrap; text-align: center;}
.thumb__time::before, .thumb__rating::before, .thumb__label::before {content: ''; 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background-color: var(--bg-2); z-index: -1; transform: skew(15deg);}
.thumb__rating::before {background-color: rgba(33,34,40,0.8);}
.thumb__label--hd::before {background: rgba(33,34,40,0.8); transform: skew(-15deg);}
.thumb__rating .fal {margin-right: 4px; color: #ffff00; font-size: 14px; position: relative; top: -1px;}
.js-count-percent {opacity: 0;}
.thumb__rating-bar, .thumb__time::after {position: absolute; left: 3px; right: -4px; bottom: -3px; height: 3px; 
	z-index: 5; background-color: #bd9a49; overflow: hidden; transform: skew(15deg); content: '';}
.thumb__rating-bar-progress {background-color: #badc58; width: 0%; 
	position: absolute; left: 0; top: 0; height: 100%;}
.thumb:hover {background-color: #e336a300;}
.thumb:hover .thumb__title, .thumb:hover .thumb__meta {color: #fff;}
.page__related .thumb__desc {padding: 10px;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__menu a {font-size: 12px; text-transform: uppercase; margin-right: 30px; margin-bottom: 20px; display: inline-block;}
.footer__text {color: var(--tt-2); font-size: 12px; line-height: 1.4;}

.pagination {text-align: center; font-weight: 600;}
.pagination__pages a, .pagination__pages span {display: inline-block; margin: 10px 5px 0 5px; line-height: 40px; 
	padding: 0 10px; min-width: 40px; position: relative; font-size: 14px; color: var(--tt-2);}
.pagination__pages--full a, .pagination__pages--full span {line-height: 30px; min-width: 30px; font-size: 14px;}
.pagination__pages a::before, .pagination__pages span:not(.nav_ext)::before {content: ''; 
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background-color: var(--bg); z-index: -1; transform: skew(-0deg); border-radius: 15px;}
.pagination__pages a:hover::before, .pagination__pages span:not(.nav_ext)::before 
{background: var(--gradient); box-shadow: var(--bsh); color: #fff;}
.pagination__pages a:hover, .pagination__pages span:not(.nav_ext) {color: #fff;}


/* INNER PAGE
----------------------------------------------- */
.page__player {background-color: #000;}
.page__cols {display: grid; grid-template-columns: 1fr 370px; grid-gap: 20px 20px; margin-bottom: 50px;}
.page__col-left > h1 {font-size: 26px; font-weight: 700; margin-bottom: 10px;}
.page__col-left > h1 a {margin-left: 10px; font-size: 14px;}
.page__text.full-text {font-size: 13px; color: var(--tt-2); line-height: 1.6; font-weight: 500; margin-bottom: 20px;}
.page__meta {background-color: var(--bg-2); padding: 20px; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.page__meta-item {margin-right: 23px; font-size: 14px; color: var(--tt-2); font-weight: 500; 
	height: 30px; display: flex; align-items: center;}
.page__meta-item .fal {font-size: 28px; margin-right: 8px; opacity: 0.6;}
.page__meta-item--date .fal {position: relative; top: -3px;}
.page__meta-item--fav {cursor: pointer; margin: 0;}
.page__meta-item--fav a {color: var(--tt-2); display: flex; align-items: center; height: 30px;}

.page__rating {position: relative; margin-right: 48px; padding-right: 143px;}
.page__rating a {color: var(--tt-2); font-size: 28px; display: block; margin-right: 10px;}
.page__rating a + a {transform: scale(-1,1); margin-right: 0;}
.page__rating-bar {position: absolute; right: 0; bottom: -10px; width: 100%; 
	height: 5px; background-color: #ff7979; overflow: hidden;}
.page__rating-bar-progress {position: absolute; left: 0; top: 0; height: 100%; width: 0; background: #badc58;}
.page__rating-likes {position: absolute; right: 0; top: 2px; min-width: 130px; white-space: nowrap;}
.page__rating-likes i {font-style: normal;}
.page__rating-likes span {color: var(--tt-2); margin-left: 2px; opacity: 0.8;}
.page__rating a:hover, .page__meta-item--fav:hover, .page__meta-item--fav a:hover {color: var(--accent);}

.page__tags {border: 2px solid var(--bdc); border-left: 0; border-right: 0; padding: 15px 0 10px 0; font-size: 0;}
.page__tags-caption {font-size: 16px; font-weight: 600; padding: 8px 12px 8px 0; margin: 2px; margin-left: 0;}
.page__tags-item + .page__tags-item {margin-top: 5px;}
.page__tags-item a {font-weight: 600;}

.popular {background-color: var(--bg-2); box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.popular__img {width: 165px; height: 100px;}
.popular__desc {padding: 10px; position: relative;}
.popular__title {-webkit-line-clamp: 3; font-size: 13px; font-weight: 500; line-height: 1.3;}
.popular:hover {background-color: var(--bg-3);}
.popular:hover .popular__title, .popular:hover .popular__meta {color: #fff;}


/* 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: 20px;}
.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 #fac40c; position: absolute; top: 4px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: #fac40c; color: #000; 
	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: #fac40c; 
	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;}
.video-responsive {padding-top: 56%; 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: 22px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top: 15px;}
.add-comments-form.form {padding: 0; background: none; margin-top: 20px; display: none;}
.add-comments-form .form__input, .add-comments-form__input, .add-comments-form .form__textarea-inside textarea, 
.mass_comments_action select {box-shadow: inset 0 0 0 1px #e3e3e3; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: none; 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;}
.page__comments-btn {cursor: pointer; position: relative; height: 40px; line-height: 40px; font-weight: 600;
	padding: 0 20px; text-transform: uppercase; color: var(--tt-2); font-size: 12px; display: inline-block;}
.page__comments-btn::before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
	background-color: var(--bg-2); z-index: -1; transform: skew(-15deg); box-shadow: var(--bsh);}
.page__comments-btn:hover::before, .page__comments-btn.is-active::before {background: var(--gradient);}
.page__comments-btn:hover, .page__comments-btn.is-active {color: #fff;}
.show-comms a {color: var(--accent); text-decoration: underline; margin-top: 10px; display: inline-block;}

.comment-item__title {font-weight: 700; font-size: 18px; margin-top: 20px;}
.comment-item {margin-top: 20px;}
.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__author {font-weight: 600; font-size: 14px;}
.comment-item__date {color: var(--tt-2); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 0 0;}
.comment-item__rating {white-space: nowrap; font-size: 12px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; text-decoration: underline; font-weight: 400; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}


/* 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: 17px; 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-2); margin-left: 10px; font-weight: 400; color: var(--tt-2);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-2);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.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:30px; height: 30px; border-radius: 50%;}
.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; background-color: var(--bg);
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s;}
.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 .header__menu {margin: 0; padding: 0; display: block;}
.mobile-menu .header__menu > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .header__menu > li > a {height: 40px; padding: 0;}
.mobile-menu .header__menu-hidden {width: 100%; height: auto; display: block; position: relative; left: 0; top: 0;
	width: calc(100% + 40px); margin: 5px -20px; padding: 20px; padding-bottom: 5px; opacity: 1; visibility: visible; transform: none;}

@media screen and (max-width: 1220px) {
	body {background-image: none;}
	.wrapper {padding: 0; overflow: hidden;}
	.wrapper-container {max-width:1000px;}
	.header__menu, .sect__sort, .header__fav {display: none;}
	.header__btn-menu {cursor: pointer; display: block; font-size: 30px; margin-left: 20px;}
	.header__login {font-size: 16px; margin-left: 20px;}

	.page__cols {grid-template-columns: 1fr;}
	.popular__img {width: 130px;}
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.footer {display: block; text-align: center; background-image: none;}
	.footer__logo {margin: 0; margin-bottom: 20px;}
	.footer__menu {justify-content: center;}
	.footer__menu a {display: inline-block; margin: 0 10px 20px 10px;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}

	.page__meta-item .fal, .page__meta-item {font-size: 12px;}
	.page__rating {margin-right: 20px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.header__search {order: 10; min-width: 100%; margin: 0; margin-top: 10px;}
	.header__logo {flex: 1 1 0; min-width: 100px; max-width: 100%; margin-right: 0;}
	.header {padding-bottom: 10px;}

	.page__header {margin-left: -20px; margin-right: -20px; margin-top: -40px;}
	.page__meta-item .fal, .page__meta-item {font-size: 12px;}
	.page__meta-item--views, .page__meta-item--date {display: none;}
	.page__text .quote {margin-left: -20px; margin-right: -20px; padding-right: 20px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.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;}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.page__col-left > h1 {font-size: 18px;}
	.page__meta {padding: 10px;}
	.page__meta-item {margin: 0;}
	.page__meta-item--fav {font-size: 0;}
	.page__meta-item--fav .fal {font-size: 18px; margin: 0;}
}

/* NEW EDIT 25.10.2023
----------------------------------------------- */	
.thumb {
    position: relative;
    overflow: hidden;
  }

  .thumb__img {
    position: relative;
    z-index: 1;
  }

  .thumb__desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
    z-index: 2;
  }

  .thumb__title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }





.thumb__desc {
	padding: 15px;
	padding-bottom: 15px;
	border-radius: 8px;
}

.thumb__title {
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}
.thumb {
    border-radius: 15px;
}
.img-fit-cover img {
    border-radius: 15px 15px 15px 15px;
}

.thumb__label--hd::before {
	background: rgb(33 34 40 / 0%);
	transform: skew(0deg);
}
.thumb__time::before, .thumb__rating::before, .thumb__label::before {
    background-color: var(--bg-2);
    transform: skew(0deg);
    border-radius: 15px;
}
.thumb__label--hd {
    margin: 0px 8px 0px 8px;
}
.thumb__meta-2 {
    right: 8px;
}
.rayting {
	left: -3px;
	right: auto;
}
.thumb__rating-bar, .thumb__time::after {
    height: 0px;
}
.content {
    padding-top: 40px;
}
.page__meta {
    border-radius: 0px 0px 15px 15px;
}
.seotext {
	background: #1e1e1e;
	padding: 10px 20px 20px 20px;
	margin-bottom: 20px;
	border-radius: 15px;
	max-height: 340px;
	overflow: auto;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 10px;
    background-color: #ff0610;
}
.popular {
    background-color: var(--bg-2);
    padding: 15px;
    border-radius: 6px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border-radius: 15px;



}
.popular__img {
    width: 80px;
    padding-right: 15px}
.popular__img
    img {
    border-radius: 15px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.popular__desc {
    flex-direction: column;
    position: relative;
    justify-content: center;
    width: 100%;
}

.popular__title {
    -webkit-line-clamp: 3;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px;
}
.desc:last-child, .sect:last-child {
    position: sticky;
    top: 10px;
}
.logo {
    padding-left: 30px;
}

.message-info {
    color: #ffffff;
    line-height: 1.5;
    margin-bottom: 20px;
    background-color: #ff2d8c29;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border: 1px solid #ff2d8c;
    position: relative;
    padding: 15px 20px;
    border-left-width: 44px;
    border-radius: 5px;
}








/* Стили для основного меню */
.header__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.header__menu > li {
    display: inline-block;
    margin-right: 15px;
}

.header__menu .menu-hidden {
    display: none; /* Скрываем дополнительные категории */
}

/* Стили для бургер-меню */
.burger-menu {
    display: none;
    position: relative;
    cursor: pointer;
}

.burger-menu__icon {
    display: inline-block;
    font-size: 29px;
    background-color: #333;
    color: #fff;
    padding: 1px 12px;
    border-radius: 6px;
    transition: background 0.3s ease;
    user-select: none;
    margin-right: 100px;
}

.burger-menu__icon:hover {
    background-color: #555;
}

/* Контейнер для выпадающего меню */
.burger-menu__content {
    display: none;
    position: absolute;
    top: 50px; /* Позиционируем ниже иконки */
    right: 0;
    background-color: #1e1e1e;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 1000;
    width: 347px;
    animation: slideDown 0.3s ease-in-out;
}

/* Анимация появления меню */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Стили для элементов выпадающего меню */
.burger-menu__content ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.burger-menu__content li {
    flex: 1 1 calc(50% - 10px); /* Категории в 2 ряда */
}

.burger-menu__content a {
    display: block;
    padding: 8px 10px;
    text-align: center;
    color: #fff;
    background: #101010;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
	text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.burger-menu__content a:hover {
    background: #e0e0e0;
    transform: translateY(-3px);
    color: #000;
}

/* Медиа-запросы для маленьких экранов */
@media (max-width: 950px) {
    .header__menu > li,
    .burger-menu {
        display: inline-block;
    }
    .header__menu .menu-hidden {
        display: inline-block;
    }
    .burger-menu {
        display: none; /* Скрываем бургер на малых экранах */
    }
}
@media (max-width: 950px) {
    .menu-wrapper {
        display: none; /* Скрываем бургер на малых экранах */
    }
}

@media (min-width: 950px) {
    .menu-wrapper {
        display: flex; /* Скрываем бургер на малых экранах */
    }
}


































































/* Premium dark catalog redesign for DLE 19.1 */
:root {
  --bg: #07090d;
  --bg-2: #0b0f14;
  --bg-3: #111720;
  --bg-4: #151b24;
  --tt: #f5f7fb;
  --tt-2: rgba(245,247,251,.68);
  --bdc: rgba(255,255,255,.08);
  --accent: #d91f45;
  --accent-darker: #b91638;
  --gradient: linear-gradient(135deg, #d91f45 0%, #ff3f69 100%);
  --bsh: 0 22px 60px rgba(0,0,0,.36);
  --indent: 24px;
  --maximum-width: 1280px;
}

html {background:#07090d; scroll-behavior:smooth;}
body {
  color: var(--tt);
  background:
    radial-gradient(circle at 15% 0%, rgba(217,31,69,.10), transparent 26%),
    radial-gradient(circle at 100% 10%, rgba(255,255,255,.035), transparent 24%),
    linear-gradient(180deg,#07090d 0%,#0b0f14 100%);
  font-family: Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wrapper {overflow:hidden;}
.wrapper-container {max-width:var(--maximum-width);}
.wrapper-main {min-height:100vh; padding:0 var(--indent);}
.content {padding:34px 0 42px;}

.header {
  position:sticky;
  top:0;
  z-index:100;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(7,9,13,.82);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.header__inner {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(220px,320px) auto;
  gap:22px;
  align-items:center;
  width:100%;
}
.logo {
  height:40px;
  margin:0;
  padding-left:34px;
  color:#fff;
  background:url(../images/logo.svg) 0 center / 28px no-repeat;
  font-size:18px;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:uppercase;
  white-space:nowrap;
}
.logo span {color:#ff315d;}
.header__nav {min-width:0;}
.header__menu {
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.header__menu > li {margin:0;}
.header__menu > li > a {
  display:inline-flex;
  align-items:center;
  height:38px;
  padding:0 13px;
  border-radius:12px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  font-weight:600;
  text-transform:none;
  transition:color .2s ease, background .2s ease, border-color .2s ease;
}
.header__menu > li > a:hover,
.header__menu > li > a.is-active {
  color:#fff;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.header__menu > li > a::before,
.header__search::before,
.header__search button::before {display:none !important;}
.header__hot {color:#ffd36a;}
.header__search {width:100%; margin:0;}
.header__search-box {position:relative;}
.header__search input,
.header__search input:focus {
  height:44px;
  padding:0 48px 0 16px;
  border-radius:14px;
  color:#fff;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.header__search input::placeholder {color:rgba(255,255,255,.48);}
.header__search button {
  position:absolute;
  top:0;
  right:0;
  width:46px;
  height:44px;
  padding:0;
  color:#fff;
  background:transparent;
}
.header__btn-menu {
  width:42px;
  height:42px;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.catalog-hero {max-width:720px; margin:16px 0 28px;}
.catalog-hero__eyebrow {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  margin-bottom:12px;
  border-radius:8px;
  color:#fff;
  background:rgba(255,255,255,.08);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.catalog-hero__title {
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(34px, 5vw, 64px);
  line-height:.98;
  font-weight:800;
}
.catalog-hero__text {
  max-width:520px;
  margin:0;
  color:rgba(255,255,255,.64);
  font-size:16px;
  line-height:1.65;
}
.catalog-sort,
.sect__sort,
.sort {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.03);
}
.sort li,
.sect__sort a {
  margin:0;
  min-height:40px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  border-radius:12px;
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.sort li.asc,
.sort li:hover,
.sect__sort a:hover {
  color:#fff;
  background:rgba(217,31,69,.18);
  box-shadow:inset 0 0 0 1px rgba(217,31,69,.38);
}

#dle-content,
.d-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  width:100%;
}
@media (min-width:700px) {
  #dle-content,
  .d-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1120px) {
  #dle-content,
  .d-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
}
#dle-content > *:not(.grid-item) {grid-column:1 / -1;}

.poster-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  background:#0b0f14;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.26);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.poster-card:hover {
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
.poster-card__link {position:relative; display:block; min-height:100%; color:#fff;}
.poster-card__media {
  position:relative;
  aspect-ratio:3 / 4.35;
  min-height:360px;
  overflow:hidden;
  background:#10151d;
}
.poster-card__media img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease, filter .35s ease;
}
.poster-card:hover .poster-card__media img {transform:scale(1.045); filter:saturate(1.05);}
.poster-card__shade {
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,9,13,.12) 0%, rgba(7,9,13,.08) 42%, rgba(7,9,13,.88) 100%),
    linear-gradient(0deg, rgba(0,0,0,.20), transparent 48%);
  z-index:2;
}
.poster-card__counts {
  position:absolute;
  top:14px;
  left:14px;
  z-index:4;
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:flex-start;
}
.poster-card__count,
.poster-card__tag {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:10px;
  color:#fff;
  background:rgba(7,9,13,.74);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:12px;
  font-weight:700;
}
.poster-card__tag {position:absolute; top:14px; right:14px; z-index:4;}
.poster-card__body {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  padding:22px 18px 18px;
}
.poster-card__category {
  display:inline-flex;
  max-width:100%;
  margin-bottom:8px;
  color:#ff6f91;
  font-size:12px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.poster-card__category a {color:#ff6f91;}
.poster-card__excerpt {display:none;}
.poster-card__title {
  margin:0 0 12px;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  font-weight:800;
  text-shadow:0 2px 20px rgba(0,0,0,.35);
}
.poster-card__meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:600;
}
.poster-card__meta span {display:inline-flex; align-items:center; gap:6px;}
.poster-card__meta i {color:#ff3f69;}

.pagination {margin:28px 0 0; text-align:center;}
.pagination__pages {display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;}
.pagination__pages a,
.pagination__pages span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  margin:0;
  padding:0 12px;
  border-radius:14px;
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.pagination__pages a::before,
.pagination__pages span:not(.nav_ext)::before {display:none;}
.pagination__pages a:hover,
.pagination__pages span:not(.nav_ext) {color:#fff; background:var(--gradient); border-color:rgba(255,255,255,.14);}

.full-card {max-width:1080px; margin:0 auto;}
.full-card__hero {
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:24px;
  background:#0b0f14;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.34);
}
.full-card__cover {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.full-card__shade {position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,9,13,.12), rgba(7,9,13,.32) 38%, rgba(7,9,13,.94) 100%);}
.full-card__hero-content {position:absolute; left:0; right:0; bottom:0; z-index:2; padding:34px;}
.full-card__badges,
.full-card__meta {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.full-card__badges span,
.full-card__meta span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 12px;
  border-radius:12px;
  color:rgba(255,255,255,.84);
  background:rgba(7,9,13,.62);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.full-card__badges {margin-bottom:14px;}
.full-card__badges span {color:#fff; font-size:12px; font-weight:700;}
.full-card__title {max-width:820px; margin:0 0 18px; color:#fff; font-size:clamp(32px, 5vw, 62px); line-height:1; font-weight:800;}
.full-card__meta {color:rgba(255,255,255,.74); font-size:13px; font-weight:600;}
.full-card__meta i {color:#ff466e;}
.full-card__updated,
.full-card__section {
  margin-top:20px;
  padding:22px;
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
.full-card__updated {display:flex; flex-wrap:wrap; gap:10px; color:rgba(255,255,255,.72);}
.full-card__section-title {margin:0 0 16px; color:#fff; font-size:24px; font-weight:800;}
.seotext {max-height:none; overflow:visible; color:rgba(255,255,255,.78); line-height:1.75;}
.full-text a {color:#ff6f91;}
.full-card__label {margin-right:10px; color:rgba(255,255,255,.68);}
.page__gallery-grid,
.page__videos-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.page__gallery-link {display:block; aspect-ratio:3 / 4; overflow:hidden; border-radius:16px; background:#0b0f14; border:1px solid rgba(255,255,255,.08);}
.page__gallery-link img {width:100%; height:100%; object-fit:cover; display:block;}
.page__video-item video {display:block; width:100%; max-height:70vh; border-radius:16px; background:#000;}

.service-page,
.login,
.comment,
.addcomment,
.usp,
.pm,
.message-info {
  border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.service-page {padding:24px;}
.service-page__head h1 {margin:0 0 18px; font-size:32px; color:#fff;}
.search-result__title {margin:0 0 12px; font-size:22px; line-height:1.25;}
.search-result__text {color:rgba(255,255,255,.72); line-height:1.65;}
.search-result__meta {display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; color:rgba(255,255,255,.52); font-size:12px;}
.service-page__panel fieldset {border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px; margin:0;}
.search-extended {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
.search-page__row,
.search-page__actions,
.form_submit {display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea,
.add-comments-form .form__textarea-inside textarea {
  color:#fff;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  box-shadow:none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {border-color:rgba(255,63,105,.58); box-shadow:0 0 0 3px rgba(217,31,69,.14);}
button,
.btn,
input[type="button"],
input[type="reset"],
input[type="submit"],
.form__btn,
.bbcodes {
  height:42px;
  border-radius:12px;
  color:#fff;
  background:var(--gradient);
  box-shadow:0 12px 28px rgba(217,31,69,.22);
}
.comment {padding:16px; margin-bottom:14px;}
.com_info {display:flex; align-items:center; gap:12px; margin-bottom:12px;}
.avatar {width:46px; height:46px; border-radius:50%; overflow:hidden; flex:0 0 auto;}
.avatar .cover {width:100%; height:100%; display:flex; align-items:center; justify-content:center; background-size:cover; background-position:center; color:#fff; font-size:0;}
.com_user .name {color:#fff; font-size:15px;}
.grey {color:rgba(255,255,255,.52);}
.com_content {padding-top:12px; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.76); line-height:1.65;}
.addcomment {padding:20px; margin-top:20px;}
.addcomment h3 {margin:0 0 16px; color:#fff;}
.combo {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.c-captcha {display:flex; gap:12px; align-items:center; margin-bottom:12px;}

.popular {
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:12px;
  padding:10px;
  border-radius:16px;
  color:#fff;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
.popular__img {width:86px; height:112px; border-radius:12px; overflow:hidden;}
.popular__img img {width:100%; height:100%; object-fit:cover;}
.popular__desc {padding:4px 0; min-width:0;}
.popular__title {font-size:14px; line-height:1.3; margin-bottom:8px;}
.popular__category {color:#ff6f91; font-size:12px; margin-bottom:10px;}
.popular__meta {display:flex; gap:10px; color:rgba(255,255,255,.62); font-size:12px;}

.footer {padding:28px 0 34px; border-top:1px solid rgba(255,255,255,.08);}
.footer__inner {display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}
.footer__menu {display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
.footer__menu a {margin:0; color:rgba(255,255,255,.62); font-size:12px; text-transform:none;}
.footer__text {width:100%; color:rgba(255,255,255,.42);}

@media (max-width:1220px) {
  .header__inner {grid-template-columns:auto minmax(0,1fr) auto;}
  .header__nav {order:4; grid-column:1 / -1;}
  .header__menu {overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px;}
  .header__menu > li {flex:0 0 auto;}
}
@media (max-width:760px) {
  :root {--indent:16px;}
  .content {padding-top:24px;}
  .header__inner {grid-template-columns:1fr auto;}
  .header__search {grid-column:1 / -1; order:3;}
  .header__nav {grid-column:1 / -1; order:4;}
  .catalog-hero {margin-top:8px;}
  .poster-card__media {min-height:430px;}
  .full-card__hero {min-height:430px; border-radius:18px;}
  .full-card__hero-content {padding:22px;}
  .full-card__section {padding:16px;}
  .page__gallery-grid,
  .page__videos-grid,
  .search-extended,
  .combo {grid-template-columns:1fr;}
  .search-page__row > *,
  .search-page__actions > *,
  .form_submit button {width:100%;}
  .c-captcha {align-items:stretch; flex-direction:column;}
  .footer__inner {align-items:flex-start; flex-direction:column;}
}
@media (max-width:420px) {
  .poster-card__media {min-height:390px;}
  .poster-card__title {font-size:18px;}
  .poster-card__body {padding:18px 14px 14px;}
  .poster-card__meta {gap:9px;}
}