/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; 
	background: url(../images/bg.jpg) center -120px no-repeat;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.header {background-color: var(--bg-black); margin-bottom: 30px; gap: 20px;
	position: relative; z-index: 100; color: #fff;}
.header:after {content: ''; background: var(--gradient); height: 3px; 
	position: absolute; left: 0; right: 0; bottom: -3px;}
.carousel {background-color: var(--bg-darker); padding: 20px; margin: 0 20px; 
	box-shadow: var(--bsh-content); isolation: isolate; position: relative;}
.wrapper__cols {display: grid; grid-template-columns: 300px minmax(0,1fr); position: relative; z-index: 1;
	grid-template-areas: "sidebar content"; background-color: var(--bg); box-shadow: var(--bsh-content);}
.content {min-height: 80vh; grid-area: content; padding: 40px var(--indent); position: relative;}
.sidebar {background-color: var(--bg-darker); grid-area: sidebar; padding: 40px var(--indent);}
.footer {background-color: var(--bg-darker); color: var(--tt-fade); padding: 40px var(--indent); 
	gap: 20px; position: relative; margin: 0 20px; isolation: isolate;}

.scrolltop {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 10px;
	z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s;}
.scrolltop.is-active {right: 10px; opacity: 1;}
.ppp {margin: 0 auto; aspect-ratio: 1200 / 90; width: 100%;}
.ppp--main {max-width: 1160px;}
.ppp img, .ppp a {display: block;}


/* HEADER
----------------------------------------------- */
.logo-block {display: flex; align-items: center; padding-left: 44px; position: relative;
	font-weight: 700; text-transform: uppercase; font-size: 28px; margin-right: 20px;}
.logo-block svg path {fill: var(--accent-primary);}
.logo-block svg {width: 30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header__logo {height: 80px; --tt: #fff;}
.header__logo span {font-size: 18px; color: var(--accent-secondary); margin-left: 3px; margin-top: 6px;}
.header__soc-link {border-radius: 15px; height: 30px; padding: 0 15px; background-color: #18a3e6; font-size: 12px;}
.header__settings-btn {height: 60px; font-size: 24px; color: var(--accent-primary);}
.header__settings-list {background-color: var(--bg); box-shadow: var(--bsh); padding: 20px; 
	position: absolute; right: 0; top: 100%; width: 340px; z-index: 10; color: var(--tt); --tt: #000;}
.header__btn-login, .header__btn-link a {color: var(--accent-secondary); font-weight: 700;}
.header__btn-link {font-size: 14px; text-transform: uppercase; margin-left: -15px;}
.header__settings-btn.is-active {background-color: var(--bg); color: var(--tt);}

.search-block {position: relative; margin: 0 160px 0 20px; --bdc: var(--bdc-light); --tt: #fff;}
.search-block__input, .search-block__input:focus {border-radius: 20px; padding: 0 60px 0 20px;
	border: 0; box-shadow: none; border: 1px solid var(--bdc); background-color: rgba(255,255,255,0.066); color: var(--tt);}
.search-block__input:not(:focus)::placeholder {color: var(--tt-fadest); opacity: 1; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0; width: 60px; 
	font-size: 16px; color: var(--accent-secondary); padding: 0;}

.sb__design button {width: 30px; height: 30px; border-radius: 15px; padding: 0; 
	background-color: var(--bg); border: 2px solid var(--bdc); color: var(--tt); font-weight: 400; font-size: 14px;}
.sb__design--cols button, .sb__design--posters button {width: 100%; text-transform: none;}
.sb__design--posters li {min-width: 40%;}
.sb--btns .sb__caption {margin-bottom: 10px;}
.sb__design li button.is-active {box-shadow: 0 0 0 1px var(--accent-primary); 
	border-color: var(--bg); color: var(--tt);}
.sb__design--btns li:nth-child(1) button {background-color: #e76d39;}
.sb__design--btns li:nth-child(2) button {background-color: var(--red);}
.sb__design--btns li:nth-child(3) button {background-color: var(--blue);}
.sb__design--btns li:nth-child(4) button {background-color: var(--violet);}
.sb__design--btns li:nth-child(5) button {background-color: var(--yellow);}
.sb__design--btns li:nth-child(6) button {background-color: var(--green);}
.sb__design--btns li:nth-child(7) button {background-color: var(--grey);}
.header__settings-list .sb + .sb {margin-top: 20px;}


/* CAROUSEL, UPDATE, COLLECTION
----------------------------------------------- */
.carousel::before, .carousel::after {content: ''; border: 10px solid transparent; 
	position: absolute; bottom: 0; z-index: -1; border-bottom-color: var(--bg-darkest);}
.carousel::before {border-right-color: var(--bg-darkest); left: -20px;}
.carousel::after {border-left-color: var(--bg-darkest); right: -20px;}
.carousel__content:not(.owl-carousel), .upd-items:not(.owl-carousel), .coll-items:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;}
.carousel__content:not(.owl-carousel) > * {flex-shrink: 0; width: calc((100% - 120px)/7);}
.upd-items:not(.owl-carousel) > * {flex-shrink: 0; width: calc((100% - 60px)/4);}
.coll-items:not(.owl-carousel) > .coll {flex-shrink: 0; width: calc((100% - 40px)/3);}
.carou {display: block;}
.carou__img {padding-top: 150%;}
.carou__desc {margin-top: 15px; line-height: 1;}
.carou__title {font-size: inherit; font-weight: 500;}
.carou__category {color: var(--tt-fadest); font-size: 14px; margin-top: 10px;}

.upd {background-color: var(--bg-darker); padding: 20px; font-size: 14px;}
.upd__img {width: 100%; height: 100%; margin-right: 1px; box-shadow: var(--bsh-poster);}
.upd__body {margin-top: 15px;}
.upd__title {font-size: 16px; font-weight: 500;}
.upd__voice {color: var(--tt-fadest); font-size: 14px; margin-top: 8px; line-height: 1;}

.coll {display: block; padding-top: 0; height: 160px; text-align: center; box-shadow: var(--bsh-poster);}
.coll__count {position: absolute; left: 0; top: 0; background-color: var(--accent-primary); color: #fff; 
	position: absolute; left: 0; top: 0; z-index: 6; padding: 4px 10px;}
.coll__title {position: absolute; inset: 125px 0 0 0; color: #fff; background-color: rgba(0,0,0,0.5); 
	padding: 1px; font-weight: 700; font-size: 22px; z-index: 5;}
.poster2 .coll {grid-column: span 2;}
.coll-items .coll {box-shadow: none;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.sect__header {margin-bottom: 20px; gap: 5px 10px;}
.sect__title {font-size: 24px; text-transform: uppercase; font-weight: 700;}
.sect__link {font-size: 14px; text-transform: uppercase; font-weight: 700; color: var(--accent-primary); 
	display: flex; align-items: center; gap: 10px;}
.sect__header--mb {margin-bottom: 40px;}
.sect__btn-filter {color: var(--accent-primary);}

.speedbar {color: var(--tt-fadest); max-width: calc(100% - var(--indent)*2); 
	position: absolute; right: var(--indent); top: 34px; z-index: 10;}
.speedbar a {color: #fff;}
.speedbar2 {color: var(--tt-fade); margin-bottom: 15px; margin-top: -20px;}
.descr {display: grid; grid-gap: 20px; line-height: 1.7; padding: 40px 0; color: var(--tt);}
.descr h1, .descr h2, .descr h3 {font-size: 18px; text-transform: uppercase; font-weight: 700; color: var(--tt); line-height: 1.3;}
.descr a {text-decoration: underline; color: var(--accent-third);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 6 Free'; 
	color: var(--accent-primary); position: absolute; left: 0; top: 0;}


/* SHORT STORY
----------------------------------------------- */
.card {padding: 20px; border: 1px solid var(--bdc); background-color: var(--bg);  display: grid; gap: 0px 20px; 
	grid-template-columns: 80px minmax(0,1fr); grid-template-rows: auto auto 1fr auto; 
	grid-template-areas: "cimg cdesc" "cimg cmeta2" "cbody cbody" "cfooter cfooter";}
.card__img {height: 120px; box-shadow: var(--bsh-poster); grid-area: cimg;}
.card__meta2 {gap: 10px; margin-top: 10px; align-self: end; grid-area: cmeta2;}
.card__meta2::before {margin-left: auto; font-size: 24px; color: var(--tt-fadest);}
.card__series, .card__quality {height: 26px; display: flex; align-items: center; padding: 0 8px; 
	border: 1px solid var(--bdc); border-radius: 15px; font-size: 12px; text-transform: uppercase;}
.card__quality {background-color: var(--bg-darker); color: var(--accent-primary);}
.card__title {font-size: 22px; line-height: 1.1;}
.card__body {grid-area: cbody;}
.card__footer {grid-area: cfooter;}
.card__meta {font-size: 14px; color: var(--tt-fade); margin-top: 8px;}
.card__list {display: grid; gap: 5px; font-size: 14px; margin-top: 16px; 
	padding-bottom: 16px; border-bottom: 1px solid var(--bdc); margin-bottom: 15px;}
.card__list li > span:first-child {color: var(--tt-fade);}
.card__text {-webkit-line-clamp: 4;}
.card__footer {margin: -20px; margin-top: 20px; border-top: 1px solid var(--bdc); position: relative; z-index: 10;}
.card__btn-trailer {background-color: var(--bg-darker); color: var(--tt-fade);}
.poster1 .card__btn-trailer:after, .poster3 .card__btn-trailer:after, 
.poster4 .card__btn-trailer:after {content: attr(data-text);}

.poster2 .d-grid-items--main {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 40px 20px;}
.poster2 .pagination {padding-top: 10px;}
.poster2 .card__body, .poster2 .card__meta2::before, .poster2 .card__btn-link, 
.poster1 .card__btn-trailer::before, .poster3 .card__meta2::before {display: none;}
.poster2 .card {padding: 0; border: 0; background-color: transparent; display: block;}
.poster2 .card__img {width: 100%; height: auto; padding-top: 150%; margin: 0; margin-bottom: 15px;}
.poster2 .card__img img {position: absolute; inset: 0;}
.poster2 .card__btn-trailer {left: 0; top: 40px; position: absolute; padding: 0; width: 40px; min-width: 40px; 
	background-color: rgba(0,0,0,0.4); z-index: 10; color: #fff; backdrop-filter: blur(10px);}
.poster2 .card__title {font-size: 18px; line-height: 1.4;}
.poster2 .card__footer {border: 0; margin: 0; position: static;}
.poster2 .card__quality {background-color: var(--accent-primary); border-radius: 0;
	border-color: var(--accent-primary); color: #fff;}
.poster2 .card__series {background-color: var(--bg); border-color: var(--bg); border-radius: 0;}
.poster2 .card__meta {white-space: normal;}
.poster2 .card__meta2 {position: absolute; left: 0; top: 0; right: 0; aspect-ratio: 100 / 150; 
	flex-direction: column; align-items: flex-start; justify-content: space-between; margin: 0;}

@media screen and (min-width: 760px) {
	.poster3 .card {grid-column: 1 / -1; grid-template-columns: 200px minmax(0,1fr) max-content; gap: 20px; 
		grid-template-rows: auto 1fr auto; grid-template-areas: "cimg cdesc cdesc" "cimg cbody cbody" "cimg cmeta2 cfooter";}
	.poster3 .card__img {height: 300px;}
	.poster3 .card__footer {margin: 0; border: 0;}
	.poster3 .card__meta2, .poster4 .card__meta2 {align-self: center; margin: 0;}
	.poster3 .card__list {margin-top: 0;}
	.poster4 .card {grid-column: 1 / -1; grid-template-columns: 105px minmax(0,1fr) max-content;  
		grid-template-rows: auto 1fr auto; align-items: start; gap: 10px 20px;
		grid-template-areas: "cimg cdesc cfooter" "cimg cbody cbody" "cimg cmeta2 cmeta2";}
	.poster4 .card__img {height: 160px;}
	.poster4 .card__footer {margin: 0; border: 0; align-self: center;}
	.poster4 .card__footer > * {height: 32px; padding: 0 12px; font-size: 13px;}
	.poster4 .card__list, .poster4 .card__btn-trailer::before, .poster4 .card__btn-link:before {display: none;}
	.poster4 .card__title {font-size: 18px;}
	.poster4 .card__title, .poster4 .card__meta {display: block; white-space: nowrap; text-overflow: ellipsis;}
	.poster4 .card__text {font-size: 15px; -webkit-line-clamp: 3;}
}

.trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);}
.trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;}
.trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;}
.trl__btn {height: 60px; padding: 0 40px; margin-top: 15px; width: 100%;}
.trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;}
.trl .page__text, .sinfo .page__list li, .sinfo .page__text {display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;}
.trl-is-opened {overflow: hidden;}


/* SIDEBAR
----------------------------------------------- */
.sb + .sb {margin-top: 40px;}
.sb__title {text-transform: uppercase; font-weight: 700; 
	margin-bottom: 20px; line-height: 1; font-size: 14px;}

.menu-block {display: grid; gap: 6px;}
.menu-block li {display: flex; align-items: center; justify-content: space-between;}
.menu-block li span {color: var(--tt-fade); font-size: 14px;}
.menu-block--main {gap: 10px; font-weight: 500;}
.menu-block--main a {display: flex; align-items: center; gap: 20px; width: 100%;}
.menu-block--main a::before {color: var(--tt-fadest); width: 19px; text-align: center;}

.sb__grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 10px; counter-reset: num;}
.ftop-item {background-color: rgba(0,0,0,0.02); position: relative; padding-right: 10px;}
.ftop-item__img {width: 50px; height: 75px; margin-right: 20px; z-index: 5; box-shadow: var(--bsh-poster);}
.ftop-item::before {content: counter(num); counter-increment: num; color: var(--tt-fade); opacity: 0.4; 
	position: absolute; right: 1px; top: 50%; transform: translateY(-50%); font-size: 30px; font-weight: 700;}
.ftop-item__meta {margin-top: 4px; font-size: 14px; color: var(--tt-fade);}

.lcomm:not(:last-child) {margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid var(--bdc);}
.lcomm {font-size: 15px;}
.lcomm__link {display: block; font-size: 13px; font-weight: 500; color: var(--accent-primary);
	text-transform: uppercase; letter-spacing: 1px; padding-left: 1px;}
.lcomm__date {font-size: 13px; color: var(--tt-fade); margin-left: 10px;}
.lcomm__text {margin: 8px 0 10px 0; -webkit-line-clamp: 3;}
.lcomm__av {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}


/* FOOTER
----------------------------------------------- */
.footer__text {color: var(--tt-fade); font-size: 14px;}
.footer__logo {min-width: 240px;}
.footer__logo svg path {fill: var(--tt-fadest);}
.footer__link {font-size: 14px; text-transform: uppercase; font-weight: 700; color: var(--accent-primary);}
.footer::before, .footer::after {content: ''; border: 10px solid transparent; 
	position: absolute; top: 0; z-index: -20; border-top-color: var(--bg-darkest);}
.footer::before {border-right-color: var(--bg-darkest); left: -20px;}
.footer::after {border-left-color: var(--bg-darkest); right: -20px;}


/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 20px; padding-top: 30px;}
.pagination a, .pagination span {display: grid; place-items: center; font-size: 16px; background-color: var(--bg);
	height: 40px; min-width: 40px; padding: 0 10px; border: 1px solid var(--bdc); border-radius: 20px;}
.pagination__pages {gap: 10px 10px; font-size: 18px;}
.pagination__pages span:not(.nav_ext) {background-color: var(--bg-darker); color: var(--accent-primary); 
	border-color: var(--bg-darkest);}


/* INNER PAGE
----------------------------------------------- */
.page__header {background-color: var(--bg-black); margin: -40px var(--indent-negative) 40px var(--indent-negative); 
	padding: 40px var(--indent); display: flex; flex-direction: column; justify-content: flex-end; gap: 20px; 
	padding-left: calc(220px + var(--indent)); height: 300px;}
.page h1 { font-size: 25px; font-weight: 700; line-height: 1.1;}
.page h1 a {margin-left: 10px; font-size: 16px;}
.page__header-one, .page__header-two {gap: 10px; z-index: 5; --tt: #fff; color: #fff;}
.page__poster {width: 180px; height: 260px; box-shadow: var(--bsh-poster);
	position: absolute; left: var(--indent); bottom: 0; z-index: 5;}
.page__poster .card__meta2 {position: absolute; inset: 0; margin: 0; padding: 0px; aspect-ratio: unset}
.page__poster .card__series {background-color: var(--bg); border-color: var(--bg); color: var(--tt); border-radius: 0;}
.page__poster .card__quality {background-color: var(--accent-primary); border-radius: 0;
	border-color: var(--accent-primary); color: #fff;}
.page__meta {color: var(--tt-fadest);}
.page__share, .page__fav a {display: flex; align-items: center; height: 50px; border-radius: 25px; padding: 0 25px; 
	background-color: transparent; border: 2px solid rgba(255,255,255,0.3); justify-content: center;}
.page__fav a {padding: 0; width: 50px; font-size: 18px; color: var(--red);}
.page__rating-score, .page__comm-num {font-size: 16px;}
.page__rating {margin: 0 10px;}
.page__rating-likes a {display: flex; align-items: center; gap: 10px; height: 30px; padding: 0 15px; 
	background-color: var(--green); color: #fff; border-radius: 15px;}
.page__rating-likes a + a {background-color: var(--red); color: #fff;}
.page__poster-bg {position: absolute; inset: 0;}
.page__poster-bg::before {content: ''; position: absolute; inset: 0; z-index: 1; 
	background-color: rgba(100, 57, 31, 0.6); backdrop-filter: blur(6px) grayscale(0.6);}
.page__actors a, .page__poster a {display: block;}

.page__cols-right {width: 300px; margin-left: 40px;}
.page__btns {margin-bottom: 34px; gap: 20px;}
.page__btns button {height: 50px; border-radius: 0px; padding: 0 40px; position: relative; isolation: isolate;}
.page__btn-watch::after {content: ''; position: absolute; inset: -5px; background-color: inherit; 
	opacity: 0.2; border-radius: 0px; z-index: -1;}
.page__btn-trailer {background-color: var(--bg-darker); color: var(--tt);}
.js-hide-text {max-height: 150px; overflow: auto;}
.show-text {position: absolute; z-index: 2; left: 0; bottom: 0px; cursor: pointer; font-weight: 500; 
	font-size: 14px; text-transform: uppercase; color: var(--accent-primary);}
.js-hide-text[style]::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; 
	background: linear-gradient(to top, var(--bg) 0%, transparent 100%); z-index: 1;}
.page__info-grid {display: grid; gap: 34px 20px; grid-template-columns: repeat(2,1fr);}
.page__info--wide {grid-column: 1 / -1;}
.page__info-caption {margin-bottom: 10px;}
.page__actors {padding-top: 6px; gap: 20px;}
.page__actors img {width: 50px; height: 50px; border-radius: 50%; object-fit: cover;}
.page__list li + li {margin-top: 10px;}
.page__list a {color: var(--accent-primary); text-decoration: underline;}
.page__list li {position: relative; padding-left: 120px; min-height: 14px;}
.page__list li > span:first-child {position: absolute; left: 0; top: 0; color: var(--tt-fade);}
.page__list li.page__list-1 {padding-left: 0;}
.page__list li.page__list-1 > span:first-child {position: static; display: block;}

.page__subtitle {margin-bottom: 20px; font-size: 24px; font-weight: 700;}
.page__player {position: relative;}
.tabs-block__select {gap: 10px; margin-bottom: 10px;}
.tabs-block__select button {height: 40px; padding: 0 20px; background-color: var(--bg-darker); color: var(--tt-fade);}
.tabs-block__select button.is-active, .tabs-block__select button:hover {background: var(--accent-primary); color: #fff;}
.page__complaint {position: absolute; right: 0; top: 9px; color: var(--red); --tt: var(--red);}
.not-loaded .page__player-controls + .d-none {display: block;}

@media screen and (min-width: 1220px) {
	.page__related .carousel__content:not(.owl-carousel) > * {width: calc((100% - 100px)/6);}
}

.page2__header {display: grid; gap: 20px 40px; grid-template-columns: 200px minmax(0,1fr); align-items: start;
	grid-template-rows: auto 1fr auto; grid-template-areas: "p2header p2header" "p2img p2list" "p2img p2ctrl";}
.page2__header-header {grid-area: p2header;}
.page2__header-img {grid-area: p2img;}
.page2__header-list {grid-area: p2list;}
.page2__header-ctrl {grid-area: p2ctrl;}
.page2__header h1 {margin-bottom: 5px;}
.page2 .page__poster {width: 200px; height: 300px; position: relative; left: 0; bottom: 0; margin-bottom: 20px;}
.page2 .page__comm-num {margin-right: auto;}
.page2 .page__rating {margin: 0;}
.page2__header-ctrl {gap: 10px 20px;}
.page2 .page__btn-watch {width: 100%; margin-top: 20px;}
.page2 .page__btn-trailer {width: 200px; background-color: var(--bg-black) !important; color: #fff;}
.page2 .page__fav a, .page2 .page__share {border-color: rgba(0,0,0,0.05); height: 40px; border-radius: 20px;}
.page2 .page__fav a {width: 40px;}
.page2 .page__share {color: var(--tt); padding: 0; flex-grow: 1; font-weight: 500;}

.card__meta, .ftop-item__meta, .page__meta {word-wrap: break-word;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.6; font-size: 16px; word-wrap: break-word;}
.full-text a {color: #e76d39;}
.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; background-color: #000;}
.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; line-height: 1;}
.page__comments-info {color: var(--tt-fade); display: block; margin: -5px 0 20px; 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-form__header input, .ac-form__editor textarea {border-radius: 0; box-shadow: none;}
.ac-form__editor textarea {height: 120px;}
.ac-form .bb-pane {border-radius: 0;}

.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: 0 0 20px 50px;}

.comm {margin-bottom: 30px; position: relative;}
.comm__img {width: 40px; height: 40px; border-radius: 50%;}
.comm__img::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--ui-red); 
	position: absolute; right: -1px; top: -1px; z-index: 5; border: 2px solid var(--bg);}
.comm--online .comm__img::before {background-color: var(--ui-green);}
.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 {text-transform: uppercase; font-weight: 500; font-size: 14px;}
.comm__date {color: var(--tt-fade); margin-top: 2px; font-size: 14px;}
.comm__main {margin: 6px 0 0 0; padding: 10px 10px 10px 40px; background-color: var(--bg-darker); border-bottom: 0;}
.comm__action {gap: 20px; font-size: 14px;} 
.comm__footer {padding: 10px 10px 10px 40px; border: 1px solid var(--bdc); border-top: 0;}
.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: 1px; margin-bottom: -10px;}
.comm__rating > * {display: flex; gap: 5px; height: 20px; align-items: center; 
	background-color: var(--bg-darker); padding: 0 10px;}
.comm__rating > * .fas {color: var(--green);}
.comm__rating > * + * .fas  {color: var(--red);}
.comm__meta {display: flex; align-items: center; gap: 20px;}
.comm__header {padding-left: 40px;}
.comm__img {position: absolute; left: -20px; top: 0px; width: 50px; height: 50px;}


/* 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;
	 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: 15px; 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: 50px; 
	display: grid; place-items: center; opacity: 0.4; font-size: 18px;}
.login__input input {padding-left: 40px; border-radius: var(--ui-bdrs); height: 50px; line-height: 48px;}
.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; --tt: var(--accent-secondary);}
.header__favlink span {position: absolute; padding: 0 4px; display: inline-block;
	padding: 0 6px; background-color: var(--accent-primary); color: #fff; 
	font-size: 11px; right: -13px; top: -8px; border-radius: 4px;}
.header__favlink span.count-0 {display: none;}
.header__login-panel {position: absolute; right: 0; top: 100%; width: 240px; padding-bottom: 10px;
	background-color: var(--bg); box-shadow: var(--bsh); margin-top: 20px; z-index: 10;}
.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;}
.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-primary);}
.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);}
.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-black); --tt: #fff;}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content {padding: 26px 20px;}
.mobile-menu__header .logo-block {height: 40px;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	body {background-image: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden;}
	.wrapper__container {max-width:1000px; border-radius: 0;}
	.header .header__menu, .sidebar .js-this-in-mobile-menu, .sb--hide, .header__btn-link, 
	.carousel::before, .carousel::after, .footer::before, .footer::after {display: none;}
	.header {gap: 10px; padding: 10px var(--indent); margin-bottom: 0px;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 60px; margin-right: 0; height: 40px;}
	.header__btn-menu {display: flex; padding: 0; width: 40px; font-size: 18px;}
	.header__btn-login {margin-right: 10px;}
	.search-block {min-width: 100%; order: 10; display: block; margin: 0;}
	.search-block__input, .search-block__input:focus {width: 100%;}
	.header__settings-btn {height: 60px; margin: -10px 0;}
	.wrapper__cols {display: block;}
	.carousel__content:not(.owl-carousel) > * {width: calc((100% - 100px)/6);}
	.carousel {padding: 20px 40px; --indent-negative: -20px; margin: 0;}
	.carousel .owl-nav button {background-color: transparent; border: 0;}
	.content {padding-top: 20px;}
	.sect__header--mb {margin-bottom: 20px;}
	.descr {padding-bottom: 0;}
	.sidebar {padding-top: 1px; padding-bottom: 20px;}
	.sb__grid {grid-template-columns: repeat(auto-fill,minmax(280px,1fr));}
	.footer__text {min-width: 100%; order: 10;}
	.poster2 .d-grid-items--main {grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px;}
	.header__login-panel {margin-top: 0;}
	.header__favlink, .header__login-img {margin-left: 10px;}
	.footer {margin: 0; padding-top: 20px; padding-bottom: 20px;}
	.footer__logo {min-width: 0; margin-right: 20px; flex-grow: 1;}
	.speedbar2 {margin-top: 0;}
	
	.page__header {padding-left: calc(200px + var(--indent));}
	.page2__header {gap: 20px;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages {min-width: 100%;}
	.pagination__pages a, .pagination__pages span {flex-grow: 1;}
	.carousel__content:not(.owl-carousel) > * {width: calc((100% - 60px)/4);}
	.d-grid-items--main {grid-template-columns: repeat(1,minmax(0,1fr));}
	.upd-items:not(.owl-carousel) > * {width: calc((100% - 40px)/3);}
	.coll-items:not(.owl-carousel) > .coll {width: calc((100% - 20px)/2);}
	.upd-items:not(#upd-carousel), .page__related .carousel__content:not(#related-carousel), .coll-items:not(#coll-carousel) 
	{overflow-x: auto; scroll-snap-type: x mandatory; margin-right: var(--indent-negative);}
	.upd-items:not(#upd-carousel) > .upd, .coll-items:not(#coll-carousel) > .coll {scroll-snap-align: start; width: 320px;}
	.page__related .carousel__content:not(#related-carousel) > .carou {scroll-snap-align: start; width: 120px;}

	.page__cols-right {width: 100%; margin: 0; margin-top: 20px;}
	.page__btns, .page__header {margin-bottom: 20px;}
	.page__info-grid {gap: 20px;}
	.page__actors {gap: 10px;}
	.page h1 {font-size: 24px;}
}

@media screen and (max-width: 950px) and (min-width: 760px) {
	.poster3 .card__footer .btn::before, .poster3 .card__footer button::before {display: none;}
}

@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 {height: 30px; flex: 1 0 30%;}
	.login__social a img {left: 50%; margin-left: -10px;}
	.header__soc-link span, [data-poster="poster3"], [data-poster="poster4"], .speedbar {display: none;}
	.header__soc-link {padding: 0; width: 30px;}
	.carousel__content:not(.owl-carousel) > * {width: calc((100% - 40px)/3);}
	.upd-items:not(.owl-carousel) > * {width: calc((100% - 20px)/2);}
	.coll-items:not(.owl-carousel) > .coll {width: 100%;}
	.poster2 .d-grid-items--main {grid-template-columns: repeat(3,minmax(0,1fr));}
	.poster2 .coll {grid-column: 1 / -1;}
	
	.page__header {display: grid; gap: 20px; grid-template-columns: 120px minmax(0,1fr); margin-top: -20px;
		grid-template-areas: "pposter pone" "ptwo ptwo"; padding: 20px var(--indent); align-items: center; height: auto;}
	.page__header-one {grid-area: pone;}
	.page__header-two {grid-area: ptwo; gap: 10px 20px;}
	.page__header h1, .page__meta {min-width: 100%; line-height: 1.3;}
	.page__poster {grid-area: pposter; position: relative; left: 0; bottom: 0; width: 120px; height: 180px;}
	.page__poster .card__series {flex-direction: column; height: auto;}
	.page__info {grid-column: 1 / -1;}
	.page__subtitle {font-size: 16px; margin-right: 120px;}
	.page__complaint {top: 0; margin-top: -36px;}
	.tabs-block__select button {flex-grow: 1;}
	.page2__header {grid-template-columns: 120px minmax(0,1fr); grid-template-rows: auto auto auto; 
		grid-template-areas: "p2img p2header" "p2ctrl p2ctrl" "p2list p2list";}
	.page2__header-img .page__poster {width: 120px; height: 180px; margin: 0;}
	.page2 .page__btn-watch, .page2__header-ctrl2 {position: absolute; bottom: 0; left: 140px; width: calc(100vw - 180px); margin: 0;}
	.page2__header-ctrl2 {bottom: 60px;}
	.page2 .page__btn-trailer {width: 100%;}
	.page2__header-header h1 {font-size: 18px; margin-bottom: 5px; line-height: 1.3;}
	.page2 .page__meta {font-size: 14px;}

	.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: 10px;}
	.comm__header {padding-left: 0;}
	.comm__rating > * {padding: 0 6px; font-size: 14px;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.carousel__content:not(.owl-carousel) {gap: 10px;}
	.carousel__content:not(.owl-carousel) > * {width: calc((100% - 20px)/3);}
	.footer__logo {margin: 0; width: 100%;}
	.header__soc-link, .header__settings {order: 11;}
	.search-block {min-width: calc(100% - 100px); margin-right: 10px;}
	.header__settings-btn {width: 40px;}
	.header__logo {font-size: 18px; overflow: hidden; white-space: nowrap;}
	.header__logo span {margin-top: 0px;}
	.sect__title {font-size: 18px; min-width: 100%;}
	.sect__btn-filter {height: auto; line-height: 1.4;}
	.header__settings-list {width: calc(100vw - 0px); right: var(--indent-negative);}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:360px;}
	.card {margin: 0 var(--indent-negative); border-radius: 0;}
	.d-grid-items--main {gap: 0;}
	.d-grid-items--main .pagination {padding-top: 40px;}
	.card__meta2::before, .footer__text br {display: none !important;}
	.carousel__content:not(.owl-carousel) > * {width: calc((100% - 10px)/2);}
	.upd-items:not(.owl-carousel) > * {width: calc((100% - 0px)/1);}
	.poster2 .d-grid-items--main {grid-template-columns: repeat(2,minmax(0,1fr));}
	.poster2 .card {margin: 0;}
	.poster2 .card__title {font-size: 16px;}
	.poster2 .card__meta {font-size: 14px;}
	.poster2 .card__img {margin-bottom: 14px;}
	.poster2 .pagination {padding-top: 10px;}
	.header__favlink + .header__favlink {display: none;}
	.header__login-img {margin-right: 10px;}
	.header__favlink {margin: 0;}
	.descr {padding-top: 0;}
	.poster1 .d-grid-items--main .coll, .poster3 .d-grid-items--main .coll {margin-bottom: 20px;}

	.upd-items:not(#upd-carousel) > .upd, .coll-items:not(#coll-carousel) > .coll {width: calc(100vw - 100px);}
	.page__related .carousel__content:not(#related-carousel) {gap: 20px;}
	.page__related .carousel__content:not(#related-carousel) > .carou {width: calc((100vw - 100px)/2);}

	.speedbar {display: block; right: auto; left: var(--indent); top: 15px;}
	.page__header {padding-top: 56px;}
	.page__header-one {gap: 20px 10px;}
	.page__fav a {height: 40px; width: 40px;}
	.page__share {flex-grow: 1; height: 40px; border-radius: 20px; font-weight: 500; padding: 0;}
	.page__btns button {width: 100%;}
	.page__actors img {width: 40px; height: 40px;}
	
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}


.filter-block {margin-bottom: 40px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); grid-gap: 10px 10px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%;
	background-color: var(--bg-darker); color: var(--tt); border: 1px solid var(--bdc); border-radius: 4px; 
	box-shadow: none; font-size: 15px;  padding: 0 7px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-block__cell-content select {padding: 0 16px 0 4px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0; font-size: 15px;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color: var(--bg-darker); cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"] {background: var(--bg-darker); color: var(--tt);}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%; background: var(--bg);}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label + label {border-left: 1px solid var(--bg-darker);}
.filter-block__cell-content--check-group label span {height: 36px; font-size: 15px; display: block;}
.filter-block__cell-content--check-group label input:checked + span {background-color: var(--bg-darker); color: var(--tt);}
	
@media screen and (max-width: 590px) {
	.filter-block {margin-bottom: 20px;}
	.filter-block__form {grid-template-columns: repeat(auto-fit,minmax(260px,1fr));}
}


/**
 * 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: -44px; font-size: 18px; border-radius: 50%;
	background-color: var(--accent-secondary); color: var(--accent-primary); border: 1px solid var(--accent-primary);}
.owl-prev {left: calc(var(--indent-negative)*2);}
.owl-next {right: calc(var(--indent-negative)*2);}
.owl-prev:hover, .owl-next:hover {background-color: var(--accent-primary); color: #fff;}
.sect--upd .owl-nav, .page__related .owl-nav, .sect--coll .owl-nav {left: auto; top: -8px; gap: 0px; display: flex;}
.sect--upd .owl-nav button, .page__related .owl-nav button, .sect--coll .owl-nav button 
{position: static; color: var(--accent-primary); width: 30px; height: 30px; border: 0; background-color: transparent;}
.sect--upd .owl-nav button:hover, .page__related .owl-nav button:hover, .sect--coll .owl-nav button:hover 
{background-color: var(--accent-primary); color: #fff;}

.logo-block img {width: 30px; height: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block;}

.imdb { color: #fff; border: solid 2px #edbf06; width: 80px; margin: 10px; padding: 2px; text-align: center;}

.kp { color: #fff;  border: solid 2px #ff6600; width: 125px; margin: 10px; padding: 2px; text-align: center;}


/*shortstory-news*/
.shortstory-news {overflow:hidden; padding: 25px 0 25px 265px; margin: 0 15px 2px 0; border-bottom: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5;}
#m-cont .shortstory-news:first-child {border-top:none; padding-top:0}
#m-cont .shortstory-news:last-child {border-bottom:none;}
.shortstory-news > a {display:block;float:left; position:relative;width: 307px; padding: 4px; background: linear-gradient(90deg, rgb(232 110 57), rgb(250 173 57)); margin:0 10px 0 -265px; border-radius: 3px;}
.shortstory-news > a img {display:block; width:300px; height:200px}
.shortstory-news > a:hover img {opacity:0.7}
.shortstory-news > h2 {margin-bottom:5px;}
.shortstory-news > h2 strong {display:block; font-size:18px;}
.shortstory-news > span {display:block; color:#777; font-size:12px;margin-bottom:5px; line-height:1.4}
.shortstory-news > div {padding-top:8px;}
.shortstory-news > div > p {text-align:justify; margin-bottom:10px; font-size: 13px; line-height:1.4}
.shortstory-news > div > span {display:block;overflow:hidden;}
.shortstory-news > div > span > small {float:left; margin:0 15px 0 0;color: #bebebe; font-size: 12px}
.shortstory-news > div > span > small i {margin-right:3px;}
@media (max-width:767px) {
  .shortstory-news {padding-left:0}
  .shortstory-news > a {float:none; max-width:100%; margin:0 auto 15px auto}
}

.img-shadow {display: block;position: absolute; bottom: -17px; left: 0; padding: 0 10%; width: 100%; height: 17px; overflow: hidden;}
.img-shadow i {position: absolute; bottom: 20px; height: 200px; width: 80%; display: block; box-shadow: 0 1px 17px rgba(0, 0, 0, 1);border-bottom-right-radius: 50% 2%;border-bottom-left-radius: 50% 2%;}

/*fullstory-news*/

.txt_locked{
	color: #fff;
    background: #5e5e53eb;
    text-align: center;
    height: 100%;
    padding-top: 100px;
}

.images-news{
    text-align: center;
    margin: 20px 0 20px 0;
}

.module-border-wrap {
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, red, orange);
  padding: 2px;
}

.module {
  background: #222;
  color: white;
  padding: 0.6rem;
}

hr {
    background-image: linear-gradient(90deg, rgba(241, 126, 33, 0) 0%, #ed3e3b 50%, rgba(241, 126, 33, 0) 100%);
    border: 0;
    height: 2px;
}