/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; padding: 50px 0;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__container--main {background-color: var(--bg); border-radius: 10px; box-shadow: var(--bsh); overflow: hidden;}
.header {padding: 20px var(--indent); background-color: var(--bg-lighter); gap: 10px var(--indent); 
	border-bottom: 1px solid var(--bdc); position: relative; z-index: 100;}
.carousel {padding: 20px var(--indent);}
.content__cols {display: grid; grid-template-columns: 340px minmax(0,1fr); 
	gap: 10px; grid-template-areas: "sidebar content"; min-height: 100vh;}
.content__col-main {grid-area: content; padding: 20px var(--indent); padding-top: 0;}
.content__col-side {grid-area: sidebar; background-color: var(--bg-lighter); border-top-right-radius: 10px;
	padding: 20px; border: 1px solid var(--bdc); border-left: 0; border-bottom: 0; padding: 20px;}
.footer {background-color: var(--bg-lighter); border-top: 1px solid var(--bdc); padding: 20px var(--indent); gap: 20px;}
.footer__menu {gap: 10px 20px;}
.header + .content {padding-top: 20px;}
.wrapper::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 700px; 
	background: url(../images/bg.jpg) center top / 100% auto no-repeat; transform: scale(-1,1);
	mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);}

.scrolltop {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 10px; padding: 0;
	border: 2px solid var(--accent); color: var(--accent); background-color: transparent;
	z-index: 990; border-radius: 50%; font-size: 24px; opacity: 0; transition: right 0.2s, opacity 0.2s;}
.scrolltop.is-active {right: 10px; opacity: 1;}
@view-transition {
            navigation: auto;
        }
        @media (prefers-reduced-motion:reduce) {
        	@view-transition {
                navigation: none;
            }
        }

/* HEADER
----------------------------------------------- */
.header__logo {display: block; text-transform: uppercase; font-weight: 800; font-size: 22px; 
	color: #fff !important; letter-spacing: 1px; padding-left: 40px; line-height: 30px;
	background: url(../images/logo.svg) 0 center / 30px no-repeat;} 
.header__logo span, .footer__text span, .sect__title span {color: var(--accent);}
.search-block {position: relative; z-index: 10;}
.search-block__input, .search-block__input:focus {padding: 0 50px 0 20px; 
	border: 0; box-shadow: none; background-color: var(--bg-darker); color: #fff;}
.search-block__input:not(:focus)::placeholder {color: var(--tt-fade); opacity: 1; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0; width: 50px; 
	border-radius: 0px; font-size: 16px; color: var(--accent);}
	

/* CAROUSEL
----------------------------------------------- */
.carou {background-color: var(--bg-lighter); border-radius: 10px; padding: 10px; border: 1px solid var(--bdc);}
.carou__img {padding-top: 140%; border-radius: 8px; overflow: hidden;}
.carou__desc {position: absolute; left: 0; bottom: 0; z-index: 5; color: var(--tt); padding: 13px 15px; word-wrap: break-word;}
.carousel__content:not(.owl-carousel) > .carou {width: calc((100% - 120px)/7); margin-right: 20px; flex-shrink: 0;}
.carousel__content:not(.owl-carousel) {display: flex; overflow: hidden;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.sect__header {margin-bottom: 20px; gap: 10px;}
.sect__title {font-size: 22px; font-weight: 700;}
.sect__title::before {color: var(--accent); margin-right: 10px;}

.speedbar {color: var(--tt-fade); font-size: 13px; margin-bottom: 20px;}
.speedbar a {color: var(--tt-dark);}
.speedbar::before {color: var(--accent); margin-right: 10px;}
.descr {display: grid; gap: 15px; line-height: 1.5;}
.descr :is(h1,h2,h3) {font-size: 18px; font-weight: 400; 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;}


/* CARD SHORT STORY
----------------------------------------------- */
.sposter {background-color: var(--bg-lighter); border: 1px solid var(--bdc); border-radius: 10px; padding: 10px;}
.sposter__img {padding-top: 140%; border-radius: 10px; margin-bottom: 10px;}
.sposter__title {font-size: 16px; font-weight: 700; color: var(--tt);}
.sposter__subtitle {font-size: 13px; color: var(--tt-fade); margin-top: 5px;}


/* COLLECTION
----------------------------------------------- */
.d-grid-items:has(.item-collection) {gap: 20px; grid-template-columns: repeat(auto-fill,minmax(min(40vw,240px),1fr));}
.item-collection__title {font-weight: 600; color: var(--tt-colored);}
.item-collection__count {display: grid; place-items: center; padding: 0 10px;
	min-width: 40px; height: 30px; font-weight: 600; background-color: var(--bg);
	position: absolute; left: 5px; bottom: 5px; z-index: 3; box-shadow: var(--bsh);}
.r-gap-5 {row-gap: 5px;} .r-gap-10 {row-gap: 10px;} .r-gap-15 {row-gap: 15px;} .r-gap-20 {row-gap: 20px;}
.r-gap-25 {row-gap: 25px;} .r-gap-30 {row-gap: 30px;} .r-gap-35 {row-gap: 35px;} .r-gap-40 {row-gap: 40px;}
.c-gap-5 {column-gap: 5px;} .c-gap-10 {column-gap: 10px;} .c-gap-15 {column-gap: 15px;} .c-gap-20 {column-gap: 20px;}
.c-gap-25 {column-gap: 25px;} .c-gap-30 {column-gap: 30px;} .c-gap-35 {column-gap: 35px;} .c-gap-40 {column-gap: 40px;}
.p-relative {position: relative;} .o-hidden {overflow: hidden;} .d-block {display: block;} 
.w-100 {width: 100%; min-width: 100% !important; grid-column: 1 / -1;} .bdrs-50 {border-radius: 50%;}
.ml-auto {margin-left: auto;} .mr-auto {margin-right: auto;} .mt-auto {margin-top: auto;} .mb-auto {margin-bottom: auto;}
.p-relative, .img-block {position: relative;}
.img-block img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.ratio-3-2 {aspect-ratio: 3 / 2;} .ratio-2-3 {aspect-ratio: 2 / 3;} .ratio-1-1 {aspect-ratio: 1 / 1;}


/* SIDEBAR
----------------------------------------------- */
.sb__title {text-transform: uppercase; font-weight: 700; margin-bottom: 20px; height: 40px; border-radius: 10px;
	display: flex; align-items: center; justify-content: center; letter-spacing: 1px;
	font-size: 16px; background-color: var(--bg); border: 1px solid var(--bdc);}
a.sb__title:hover{background-color: var(--bg-btn-hover);}
.sb:not(:last-child) {margin-bottom: 20px;}
.sb__nav {background-color: var(--bg); border: 1px solid var(--bdc); border-radius: 10px; padding: 16px 0; 
	display: grid; gap: 0; grid-template-columns: repeat(2,minmax(0,1fr));}
.sb__nav a {display: block; padding: 5px 20px; font-size: 14px; 
	overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.sb__top {counter-reset: num;}
.popular-item, .lcomm {background-color: var(--bg); border: 1px solid var(--bdc); border-radius: 10px; 
	padding: 13px; gap: 15px; flex: 1 0 280px; min-width: 280px; position: relative; isolation: isolate;}
.popular-item::before {counter-increment: num; content: counter(num); z-index: -1; opacity: 0.2;
	position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 28px;}
.popular-item__img {width: 50px; height: 75px; border-radius: 6px;}
.popular-item__title {font-weight: 700;}
.popular-item__meta {color: var(--tt-fade); font-size: 14px; margin-top: 6px;}
.popular-item__rating {position: absolute; left: 3px; top: 3px; height: 20px; font-size: 11px;
	border-radius: 6px; width: 24px; background-color: var(--green); color: #fff; font-weight: 700;}
.lcomm__text {font-size: 14px;  margin: 13px 0;}
.lcomm__img {width: 24px; height: 24px; border-radius: 50%;}
.lcomm__date {color: var(--tt-fade); font-weight: 400;}
.lcomm__link {font-size: 12px; color: var(--accent); margin-top: auto;}
.lcomm__text .line-clamp {-webkit-line-clamp: 5;}
.sb--comms {--bg: var(--bg-lighter);}
.lcomm {gap: 0px; font-size: 14px;}
.lcomm .comm__letter {font-size: 14px;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 20px;}
.pagination__pages a, .pagination__pages span {display: grid; place-items: center; 
	height: 36px; min-width: 36px; padding: 0 10px; border-radius: 18px; 
	background-color: var(--bg-lighter); box-shadow: 0 0 0 1px var(--bdc);}
.pagination__pages {gap: 10px; font-size: 15px; font-weight: 700;}
.pagination__pages span:not(.nav_ext) {background-color: var(--accent); color: #fff; box-shadow: var(--bsh);}
.pagination__btns {height: 36px; border-radius: 18px; overflow: hidden;
	background-color: var(--accent); color: #fff; box-shadow: var(--bsh);}
.pagination__btns > * {width: 48px; display: grid; place-items: center; color: #fff; font-size: 18px;}
.pagination__btns > span {opacity: 0.8;}


/* INNER PAGE
----------------------------------------------- */
.pagetop {padding: 20px; border: 1px solid var(--bdc); background-color: var(--bg-lighter); 
	display: grid; gap: 20px; border-radius: 10px;
	grid-template-columns: 200px minmax(0,1fr); grid-template-rows: min-content 1fr min-content;
	grid-template-areas: "sleft sheader" "sleft sdescr" "sfooter sfooter"; position: relative;}
.pagetop__left {grid-area: sleft; align-self: start;}
.pagetop__img {height: 300px; border-radius: 8px; display: block;}
.pagetop__header {grid-area: sheader;}
.pagetop__descr {grid-area: sdescr;}
.pagetop__footer {grid-area: sfooter; padding-bottom: 20px; gap: 10px 20px; font-size: 13px; font-weight: 700;}
.pagetop__header-meta {gap: 10px 20px; font-size: 13px; font-weight: 700;}
.pagetop__header h1 a {font-size: 16px; margin-left: 10px;}
.pagetop__title {font-size: 22px; font-weight: 700;}
.pagetop__fav {position: absolute; left: 10px; top: 0; z-index: 5;}
.pagetop__fav a {width: 40px; height: 40px; border-radius: 0 0 8px 8px; 
	background-color: var(--accent); color: #fff; box-shadow: var(--bsh); display: grid; place-items: center;}
.pagetop__fav a.dle-fav.is-active {background-color: var(--red);}

.pagetop__list {line-height: 1.5; font-size: 14px; word-wrap: break-word;}
.pagetop__list li {position: relative; color: var(--tt-fade);}
.pagetop__list li + li {margin-top: 6px;}
.pagetop__list li > span:first-child {font-weight: 700; color: var(--tt);}
.pagetop__list li a {color: var(--accent);}
.pagetop__btn {width: 200px;}
.pagetop__footer-item {gap: 5px; display: flex; align-items: center; color: var(--tt-fade); white-space: nowrap; min-width: min-content;}
.pagetop__score {background-color: var(--green); color: #fff; height: 40px; padding: 0 20px; border-radius: 10px; margin-left: auto;}
.pagetop__rating-likes a {display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 15px; 
	background-color: var(--green); color: #fff; border-radius: 15px;}
.pagetop__rating-likes a + a:not(:hover) {background-color: var(--red); color: #fff;}

.page__subtitle {text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
.page .sect {margin-bottom: 20px;}

.page .sb__title {font-weight: 700;}
.page .pagetop {margin-bottom: 20px;}
.page .pagetop__footer {padding: 0;}
.page__text {margin-top: -8px;}

.page__related {background-color: var(--bg-dark); padding: 20px; margin-left: -20px; margin-right: -20px;}
.page__related .sect__content:not(.owl-carousel) > .carou {width: calc((100% - 80px)/5); margin-right: 20px; flex-shrink: 0;}
.page__related .sect__content:not(.owl-carousel) {display: flex; overflow: hidden;}

.page__player {position: relative; padding: 10px; border: 1px solid var(--bdc); 
	background-color: var(--bg-lighter); border-radius: 10px;}
.tabs-block__select {gap: 10px; margin-bottom: 10px;}
.tabs-block__select button {background-color: var(--bg); color: #fff;}
.tabs-block__select button.is-active, .tabs-block__select button:hover {background: var(--accent); color: #fff;}
.page__complaint a {position: absolute; right: 20px; top: 20px; display: flex; align-items: center; height: 36px; 
	border-radius: var(--bdrs); padding: 0 10px; gap: 10px; background-color: var(--bg-tab); color: #fff;}
.page__player-controls + .tabs-block__content:not([style]) {display: block;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.6; 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 {margin-bottom: 25px;}
.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 #fcc506; position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: #fcc506; color: #000; 
	position: absolute; top: -3px; 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: #fcc506; 
	position: absolute; left: 41px; top: -3px; 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 > *:last-child {margin-bottom: 0;}
.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; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top: 0px;}
.page__comments-title {font-size: 24px; margin-bottom: 20px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: -5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--ui-red); position: absolute; left: 0; top: 2px;}
.ac-form {margin-bottom: 30px; position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}
.ac-toggle.ac-form {cursor: pointer;}
.ac-form__editor .bb-editor textarea {height: 140px; line-height: 1.4;}

.mass_comments_action {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}
.comm__title {font-size: 18px; margin-bottom: 20px;}

.comm {padding: 10px; border: 1px solid var(--bdc); background-color: var(--bg-lighter); 
	border-radius: 20px; margin-bottom: 20px; position: relative;}
.comm__img {width: 40px; height: 40px; border-radius: 10px; position: absolute; left: -20px; top: 0px;}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: var(--ui-fw-bolder);}
.comm__author, .comm__author a {color: var(--tt); font-weight: 700; font-size: 14px;}
.comm__date {color: var(--tt-fade); font-size: 14px;}
.comm__main {padding-left: 25px; margin: 10px 0;}
.comm__action {gap: 20px; font-size: 12px;} 
.comm__footer {padding-left: 25px;}
.comm__action li, .comm__action li a {color: var(--tt-fade); cursor: pointer; gap: 8px; display: flex; align-items: center;}
.comm__ctrl, .comm__ctrl a {font-size: 15px; gap: 10px 15px; color: var(--tt-fade);}
.comm__ctrl li.has-checkbox {transform: scale(0.8,0.8); margin: 0 -10px 0 -5px;}
.comm__ctrl li.has-checkbox input {border-color: var(--tt-fade);}
.comm__rating {gap: 5px; font-size: 12px; margin-bottom: -10px; position: relative; top: -5px; right: -5px;}
.comm__rating > * {display: flex; gap: 5px; height: 30px; align-items: center; 
	background-color: var(--bg); padding: 0 10px; border-radius: 8px;}
.comm__rating > * .far {color: var(--ui-green);}
.comm__rating > * + * .far  {color: var(--ui-red);}
.comm__meta {display: flex; align-items: center; gap: 20px;}
.comm__header {padding-left: 25px;}


/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%);
	background-color: var(--ui-bg); width: 440px; border: 10px solid var(--ui-bg-darker); 
	box-shadow: 0 15px 45px rgba(0,0,0,1); overflow-y: auto; border-radius: var(--bdrs);
	 max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);}
.login__header {padding: 20px 50px 25px 50px; border-bottom: 1px solid var(--ui-bdc); position: relative;}
.login__title {font-size: 24px; font-weight: var(--ui-fw-bolder);}
.login__caption {font-size: 13px; color: var(--ui-tt-fade); margin-top: 3px;}
.login__close {font-size: 23px; position: absolute; right: 10px; top: 10px; padding: 0; width: 40px; height: 40px;}
.login__content {display: grid; gap: 20px; padding: 25px 50px; padding-bottom: 50px; position: relative;}
.login__row, .login__row.fal, .login__row.fas {position: relative; display: grid; gap: 10px; justify-content: stretch;}
.login__row-caption a, .login__caption a {margin-left: 10px;}
.login__row::before {position: absolute; left: 2px; bottom: 0; width: 40px; height: 40px; 
	display: grid; place-items: center; opacity: 0.4; font-size: 18px;}
.login__input input {padding-left: 40px; border-radius: var(--ui-bdrs); height: 40px; line-height: 38px;}
.login__row button {width: 100%; height: 40px; border-radius: var(--ui-bdrs);}
.login__social {padding-top: 10px; text-align: center; gap: 10px; margin-bottom: -20px;}
.login__social-caption {font-size: 13px; color: var(--ui-tt-fade); width: 100%;}
.login__social a {padding: 0 10px; border-radius: 20px; position: relative; width: 40px; height: 40px; 
	overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center;}
.login__social a::before {content: ''; width: 40px; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; height: 100%;}
.login__social a img {position: absolute; left: 10px; top: 50%; height: 20px; width: 20px; z-index: 1; 
	display: block; filter: invert(1); transform: translateY(-50%);}
.login__social-vk {background-color: #587ba1;}
.login__social-ok {background-color: #ff9800;}
.login__social-fb {background-color: #3b5998;}
.login__social-ml {background-color: #2196f3;}
.login__social-gg {background-color: #f44336;}
.login__social-ya {background-color: #fc3f1d;}

.header__login-img {width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.header__favlink {font-size: 24px; display: block; position: relative; margin-left: 20px; color: #fff;}
.header__favlink span {border-radius: 3px; background-color: var(--accent); color: #fff; 
	font-size: 10px; position: absolute; right: -10px; top: -1px; min-width: 20px; text-align: center;}
.header__login-panel {position: absolute; right: var(--indent-negative); top: 100%; width: 240px; padding-bottom: 10px;
	background-color: var(--bg); box-shadow: var(--ui-bsh); border-radius: var(--bdrs); margin-top: 15px;}
.header__login-header {padding: 20px; color: var(--tt); font-weight: 700; gap: 20px; border-bottom: 1px solid var(--bdc);
	background-color: var(--ui-bg-darker); margin-bottom: 10px; border-radius: 6px 6px 0 0;}
.header__login-avatar {width: 40px; height: 40px; border-radius: 50%;}
.header__login-group span {font-size: 12px; font-weight: 400; margin-top: 2px; 
	display: block; color: var(--ui-tt-fade) !important;}
.header__login-menu a {display: flex; align-items: center; min-height: 30px; padding: 0 20px 0 0;}
.header__login-menu a::before {width: 40px; text-align: center; color: var(--accent);}
.header__login-menu-border {border-top: 1px solid var(--bdc); margin-top: 10px; padding-top: 10px;}
.header__login-menu a span {font-size: 12px; margin-left: auto;}


/* 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; 
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg-lighter);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-lighter);}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content .sb__title {margin-left: 20px; margin-right: 20px;}
.mobile-menu__header .header__logo {padding-left: 0; background-image: none; font-size: 18px;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper::before {background-image: none; display: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden;}
	.wrapper__container {max-width:1000px;}
	.wrapper__container--main {border-radius: 0;}
	.content__col-side .js-this-in-mobile-menu {display: none;}
	.header__btn-login {background-color: var(--bg-darker); color: var(--tt-fade);}
	.header__btn-menu {display: flex; padding: 0; width: 40px; font-size: 18px;}
	.carousel__content:not(.owl-carousel) > .carou {width: calc((100% - 100px)/6);}
	.content__cols {display: block;}
	.footer {text-align: center;}
	.footer__menu {min-width: 100%; justify-content: center;}
	
	.page__related .sect__content:not(.owl-carousel) > .carou {width: calc((100% - 100px)/6);}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.carousel__content:not(.owl-carousel) > .carou, 
	.page__related .sect__content:not(.owl-carousel) > .carou {width: calc((100% - 80px)/5);}

	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages, .pagination__btns {min-width: 100%;}
	.pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.login__header, .login__content {padding: 20px;}
	.login__social {margin-bottom: 0;}
	.login__row::before {height: 40px;}
	.login__input input {height: 40px; line-height: 40px; box-shadow: none; border: 0; background-color: var(--bg-darker);}
	.login__social a {border-radius: var(--bdrs); height: 30px; flex: 1 0 30%;}
	.login__social a img {left: 50%; margin-left: -10px;}

	.carousel__content:not(.owl-carousel) > .carou, 
	.page__related .sect__content:not(.owl-carousel) > .carou {width: calc((100% - 40px)/3);}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.header__search {min-width: 100%; order: 10;}
	.header {gap: 10px; padding-top: 10px; padding-bottom: 10px;}

	.pagetop {display: block;}
	.pagetop > * + * {margin-top: 20px;}
	.pagetop__header, .speedbar {text-align: center; justify-content: center;}
	.pagetop__header h1 {min-width: 100%;}
	.pagetop__left {width: 200px; margin-left: auto; margin-right: auto;}
	.pagetop__btn {width: auto;}
	.pagetop__score {margin: 0;}

	.tabs-block__select button {flex-grow: 1;}

	.page__title {font-size: 24px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.page__intro, .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 {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span, .comm__rating::before {display: none;}
	.ac-form #b_color {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm__meta {display: block;}
	.comm__img {position: relative; left: 0; top: 0; margin-right: 10px; width: 40px; height: 40px;}
	.comm__main, .comm__footer {padding-left: 5px;}
	.comm__header {padding-left: 0;}
	.comm__rating > * {padding: 0 6px;}
	.comm__bd {margin-left: 0;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.header__logo {font-size: 16px; padding-left: 0; background-image: none;}
	.pagetop__footer:has(.pagetop__rating-likes) .pagetop__btn, .pagetop__rating-likes {width: 100%;}
	.pagetop__rating-likes a {flex-grow: 1; justify-content: center;}
	.pagetop__footer:has(.pagetop__rating-likes) .pagetop__score {height: 30px;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:360px;}
	.carousel__content:not(.owl-carousel) > .carou, 
	.page__related .sect__content:not(.owl-carousel) > .carou {width: calc((100% - 20px)/3); margin-right: 10px;}
	.carou {padding: 5px;}
	.carou__desc {padding: 10px; font-size: 12px;}
	.d-grid-items {grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 10px;}
	
	.pagetop__btn {width: 100%;}
	.pagetop__rating-stars {width: 100%; justify-content: center; display: flex;}
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {width: 100%; position: relative; z-index: 1;}
.owl-stage {position: relative; display:flex; justify-content:flex-start;}
.owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-item {position: relative; min-height: 10px;}
.owl-nav.disabled,.owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-nav {position: absolute; left: 0; right: 0; top: 50%;}
.owl-prev, .owl-next {cursor: pointer; width: 40px; height: 40px; display: grid; place-items: center; 
	position: absolute; top: 0; margin-top: -20px; font-size: 18px; background-color: var(--accent); color: #fff;}
.owl-prev {left: var(--indent-negative); border-radius: 0 10px 10px 0;}
.owl-next {right: var(--indent-negative); border-radius: 10px 0 0 10px;}
.owl-prev:hover, .owl-next:hover {background-color: var(--bg-btn-hover); color: #fff;}