/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; background-size: 100% auto;
background-color: #4D4D4D;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230A0A0A'/%3E%3Cstop offset='1' stop-color='%234D4D4D'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%232c2c2c'/%3E%3Cstop offset='1' stop-color='%234D4D4D'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {min-height: 100vh; background-color: var(--bg); border-radius: 12px;-webkit-box-shadow: 0px 0px 8px 0px rgb(34 60 80 / 20%);
-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 80px 0px rgb(0 0 0 / 42%);}
.header {background: #1b1b1b;position: absolute; z-index: 10; left: 0; justify-content: space-between; flex-wrap: nowrap; top: 0; right: 0; height: 70px; padding-left: 30px; padding-right: 30px;border-bottom: 1px solid black;}
.footer {background-color: #1b1b1b; color: #fff; padding: 30px var(--indent);}
.col-main {padding: 30px var(--indent); padding-bottom: 60px; padding-top: 100px;}
.col-side {background: #1b1b1b; color: #fff; padding: 110px 30px; width: 320px; position: relative; border-radius: 0 10px 0 0;}
#scrolltop {
position: fixed;
width: 60px;
height: 60px;
line-height: 60px;
right: 30px;
bottom: 30px;
z-index: 990;
display: none;
background-color: #ff1535;
color: #ffffff;
cursor: pointer;
font-size: 24px;
border-radius: 5px;
text-align: center;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
/* HEADER, NAV
----------------------------------------------- */
.logo {display: inline-flex; flex-direction: column; justify-content: center; height: 60px; text-align: left; min-width: 255px; }
.logo__title {text-transform: uppercase; color: #fff; font-size: 22px; font-weight: 700; line-height: 1; font-family: Arial, sans-serif;}
.logo__title .fal, .logo__title .fa, .logo__footer .fa {
font-size: 34px;
vertical-align: sub;
color: rgb(255 21 53);
}
a.logo i.fa-circle, .logo__footer i.fa-circle{
color: rgb(255 21 53 / 60%);
left: -15px;
position: relative;
}
.logo__title span {
color: rgb(255 21 53);
}
.logo__caption {font-size: 10px; font-weight: 500; color: #fff;
opacity: 0.9; text-transform: uppercase; letter-spacing: 3px; margin-top: 5px;}
.header__menu > li {margin-right: 20px; position: relative;}
.header__menu > li:last-child {
margin-right: 0;
}
.header__menu > li > a {height: 80px; display: flex; align-items: center; color: #fff}
.header__menu > li:hover > a {color: var(--accent);}
.header__btn {padding: 12px; margin-left: 20px; font-size: 14px; box-shadow: var(--bsh-2);height: 40px;}
.header__search {position:relative; background: #292929; width: 100%; border-radius: 5px; border: 1px solid black; margin: 0 20px;}
.header__search input, .header__search input:focus {padding: 0; border-radius: 0px;
background: none; box-shadow: none; color: #fff; padding-left: 45px;}
.header__search input:not(:focus)::placeholder {color: #fff; opacity: 0.3; font-size: 14px;}
.header__search button {position:absolute; left: 15px; top: 0; padding: 0;
background: none; color: #fff; opacity: 0.6; font-size: 14px;}
/* TOP ITEM
----------------------------------------------- */
.carou {padding: 30px var(--indent); margin: 0 var(--indent-negative);
background-color: #292929; position: relative; padding-bottom: 60px; margin-top: -30px;}
.carou__content:not(.owl-carousel) {display: flex; overflow: hidden;}
.carou__content > .top {width: calc((100% - 75px)/6); flex-shrink: 0; margin-right: 15px;}
.top {background-color: var(--bg-3);}
.top__desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 15px; color: #fff;}
.pmovie__year a {
background: red
}
/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 60px;}
.sect__header {margin-bottom: 30px;}
.sect__title {font-size: 20px; font-weight: 700;}
.sect__title.cts {text-transform: none;}
.sect__subtitle {font-size: 21px;}
.desc {display: grid; grid-gap: 20px; line-height: 1.7; color: var(--tt-3); background: var(--bg-2);
margin: 0 var(--indent-negative); margin-bottom: -60px; margin-top: 60px; padding: 60px var(--indent);}
.desc h1, .desc h2, .desc h3 {font-weight: 700; font-size: 18px; color: var(--tt); line-height: 1.3;}
.desc a {text-decoration: underline;}
.desc ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.desc ul li::before {content:"\f00c"; font-weight: 300; font-family:'Font Awesome 5 Pro';
color: var(--accent); position: absolute; left: 0; top: 0;}
.speedbar {font-size: 14px; color: var(--tt-2); background-color: var(--bg-2);
margin: 0 var(--indent-negative); margin-bottom: -60px; margin-top: 30px; padding: 15px var(--indent);}
.speedbar .dot {
color: red;
margin: 0 5px;
font-size: 14px;
}
.speedbar a:hover {text-decoration: underline;}
.sect__btn-filter {display: flex; align-items: center; height: 30px; border-radius: 15px; padding: 0 15px;
font-size: 10px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px;
border: 1px solid var(--accent); color: var(--tt); cursor: pointer; margin-left: 20px;}
/* POSTER ITEM
----------------------------------------------- */
.poster__img {box-shadow: var(--bsh); margin-bottom: 15px; border-radius: 5px;
-o-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;}
.poster__img:hover {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
transform: translateY(-5px);
}
.poster__desc {position: relative;}
.poster__rating {height: 17px; width: 85px; position: absolute; right: 5px; top: 4px; pointer-events: none;
background: url(../dleimages/rating3.svg); transform: scale(0.8,0.8); transform-origin: right top;}
.poster__rating-fill {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;
background: url(../dleimages/rating3.svg) 0 -34px repeat-x;}
.poster__title {font-size: 13px; font-weight: 500;color: #fff;-webkit-line-clamp: 2; display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;}
.poster__subtitle li {display: inline-block; font-size: 0.9em; margin-top: 4px; color: var(--tt-2);}
.poster__subtitle li a {color: var(--tt-2);}
.poster__subtitle li:not(:last-child)::after {margin-left: 4px; content: '\25CF'; opacity: 0.6;}
.poster__label { position: absolute;
right: 5px;
bottom: 5px;
z-index: 10;
padding: 2px 5px;
border-radius: 3px;
background-color: rgb(0 0 0 / 67%);
color: #fff;
font-size: 12px;
font-weight: 500;}
.poster-ext.not-loaded {display: flex; padding: 30px; flex-direction: column; justify-content: center;}
.poster-ext.not-loaded::before {height: 100%; top: 0; margin: 0;}
.poster-ext {position: fixed !important; left: 0; bottom: 20px; z-index: 999; background: var(--bg);
box-shadow: var(--bsh); width: 500px; padding: 15px 15px 15px 165px; min-height: 180px;}
.poster-ext h1 {font-size: 15px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.poster-ext .pmovie__header-list {width: 100%; margin: 0;}
.poster-ext .page__text {max-height: 100px; overflow: hidden; margin: 0 0 -6px 0; position: relative; font-size: 13px;}
.poster-ext .page__text::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 80%;
background: linear-gradient(to top, #fff, transparent); z-index: 1;}
.poster-ext .pmovie__header-list li {margin: 0 !important; position: relative; z-index: 2;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.poster-ext .pmovie__header-list li > div:first-child {display: inline; margin: 0; font-size: 13px;}
.poster-ext .pmovie__poster {position: absolute; left: 0; top: 0; width: 150px; height: 100%;}
.poster-ext .not-shown-ajax {display: none !important;}
.insingn{
position: absolute;
left: 5px;
bottom: 5px;
display: flex;
}
.poster__rating2 {
position: absolute;
left: 5px;
top: 5px;
z-index: 10;
border-radius: 3px;
background-color: #01c03a;
color: #fff;
font-size: 12px;
padding: 2px 5px;
text-align: center;
font-weight: 700;
}
.poster__rating4 {
position: relative;
left: 5px;
top: 5px;
z-index: 10;
border-radius: 3px;
background-color: #01c03a;
color: #fff;
font-size: 12px;
padding: 2px 5px;
text-align: center;
font-weight: 700;
}
.poster__rating3 {
position: absolute;
bottom: 0px;
width: 100%;
z-index: 10;
border-radius: 0 0 3px 3px;
background-color: rgb(255 255 255 / 39%);
color: #fff;
font-size: 12px;
padding: 4px 5px;
text-align: center;
}
.poster__rating2.middle {
background-color: #ff6702;
}
.poster__rating2.low {
background-color: #e13535;
}
.has-overlay__mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
background-color: rgba(0,0,0,0.6);
color: #fff;
font-size: 40px;
opacity: 0;
}
.has-overlay:hover .has-overlay__mask {opacity: 1;}
.krikri-series {
text-align: center;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
height: auto;
line-height: normal;
color: #ccc;
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
padding-top: 100px;
font-size: 13px;
position: absolute;
z-index: 5;
max-width: 100%;
font-size: 13px;
}
/* SIDEBAR
----------------------------------------------- */
.side-block + .side-block {
padding: 0 30px;
padding-bottom: 0;
margin-left: -30px;
margin-right: -30px;
}
.side-block:not(:last-child) {margin-bottom: 30px;}
.side-block__title { font-size: 16px;
padding: 10px 20px;
background: #3e3e3e;
color: #fff;
border-left: 3px solid #ff1535;
margin: 0 -30px 30px;}
.side-block__menu--main {font-size: 16px; font-weight: 700;}
.side-block__menu--icon > li > a {padding-left: 26px;}
.side-block__menu > li + li {margin-top: 20px;}
.side-block__menu li {position: relative;}
.side-block__menu li .fal {position: absolute; left: 0; top: 1px; pointer-events: none; opacity: 0.8;}
.side-block__menu li span:not(.fal) {background-color: rgb(255 255 255 / 20%); font-size: 11px; font-weight: 400;
position: absolute; right: 0; top: -1px; border-radius: 3px; padding: 3px 6px; pointer-events: none;}
.side-block__menu > li > a {color: #fff; display: block;}
.side-block__menu a:hover, .showitems-btn:hover {text-decoration: underline;}
.showitems-btn {margin-top: 13px; cursor: pointer; color: var(--accent);
text-transform: uppercase; font-weight: 500; font-size: 12px; letter-spacing: 1px;}
.side-block__menu-hidden {position: absolute; left: 98%; top: -30px; z-index: 999;
background-color: var(--bg); box-shadow: var(--bsh); padding: 30px; width: 600px;
column-gap: 30px; column-width: 150px; border-right: 5px solid var(--accent);
visibility: hidden; opacity: 0; transform: translateX(30px);}
.side-block__menu-hidden li {margin-bottom: 10px;}
.side-block__menu > li:hover .side-block__menu-hidden {visibility: visible; opacity: 1; transform: translateX(0);}
.popular + .popular {margin-top: 20px;}
.popular .poster__subtitle li {color: #fff; opacity: 0.8;}
.popular__img {width: 60px; height: 60px; margin-right: 20px; box-shadow: var(--bsh);}
.popular__title {line-height: 1.4; -webkit-line-clamp: 2; color: #fff;}
.popular:hover {text-decoration: underline;}
.soc-channels {position: absolute; left: 0; right: 0; bottom: 30px;}
.soc-channels__item {display: flex; flex-direction: column; justify-content: center; margin: 0 8px;
position: relative; background-color: var(--bg); box-shadow: var(--bsh-2); border-radius: 50%;
background-position: center center; background-repeat: no-repeat; width: 40px; height: 40px;}
.tlg {background-image: url(../images/i-tlg.svg); background-size: 16px;}
.vk {background-image: url(../images/i-vk.svg); background-size: 20px;}
.yt {background-image: url(../images/i-youtube.svg); background-size: 20px;}
/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__btn {margin: 0 30px; height: 30px; border-radius: 15px; padding: 0 15px; text-transform: none;}
.footer__text {font-size: 13px; line-height: 1.7;}
.pagination {text-align: center; padding-top: 10px;}
.pagination__pages > a, .pagination__pages > span, .pagination__pages-btn > a,
.pagination__pages-btn > span {display: inline-block; margin: 10px 5px 0 5px; line-height: 38px;
padding: 0 10px; min-width: 40px; font-size: 14px; border: 1px solid var(--bg-2); border-radius: 5px;}
.pagination__pages1 > span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover,
.pagination__pages-btn > a {background: var(--accent); color: #fff; border-color: var(--accent);}
.pagination__pages--full a, .pagination__pages--full span {line-height: 30px; min-width: 30px; font-size: 14px;}
.pagination__pages > span:not(.nav_ext), .pagination__pages-btn > span {background: var(--bg-2); color: var(--tt-3);}
/* INNER PAGE
----------------------------------------------- */
.page__subcols {padding: 60px 30px 90px; margin: 0 var(--indent-negative);
background-color: var(--bg-2); position: relative; margin-top: -30px; margin-bottom: 20px;}
.page__subcol-side {width: 200px; margin-right: 30px;z-index: 10}
.page__subcol-main {z-index: 10}
.pmovie__poster {width: 200px; height: 300px; box-shadow: var(--bsh); border-radius: 5px 5px 0 0;}
.pmovie__poster .poster__label { right: auto;
bottom: auto;
left: 5px;
top: 5px;}
.pmovie__original-title {color: var(--tt-2);font-size: 14px;margin-top: 10px; font-weight: 500; }
.page__subcol-main h1 {font-size: 24px; font-weight: 900; color: #fff; max-width: 80%}
.page__subcol-main h1 a {margin-left: 10px; font-size: 14px; font-weight: 400;}
.pmovie__year {margin-top: 15px;color: #fff;}
.pmovie__genres {margin: 15px 0 10px; font-size: 13px; color: var(--tt-2);}
.pmovie__genres a {
display: inline-block;
background: rgb(197 197 197 / 20%);
color: #fff;
padding: 5px 7px;
border-radius: 3px;
margin: 0 7px 5px 0;
text-transform: capitalize;
}
.pmovie__genres .contr {
display: inline-block;
background: rgb(197 197 197 / 20%);
color: #fff;
padding: 5px 7px;
border-radius: 3px;
margin: 0 7px 5px 0;
text-transform: capitalize;
}
.datta {
background: #3e3e3e;
padding: 2px 5px;
border-radius: 3px;
}
.pmovie__genres .contr a {
background: rgb(255 21 53);
margin-right: 7px;
color: #fff;
padding: 5px 7px;
border-radius: 3px;
}
.pmovie__genres .network {
display: inline-block;
background: var(--accent);
color: #fff;
padding: 5px 7px;
border-radius: 3px;
margin: 0 7px 5px 0;
text-transform: capitalize;
}
.pmovie__genres .contr a:hover {
background: rgb(191 11 35);
}
.pmovie__genres a:hover {
background: rgb(197 197 197 / 50%);
}
.pmovie__header-list {line-height: 1.5; font-size: 14px; color: #939393;z-index: 10;font-weight: bold;}
.pmovie__header-list li span {font-weight: normal;color: #fff}
.pmovie__header-list li {
white-space: nowrap;
overflow: hidden;
padding-bottom: 3px;
text-overflow: ellipsis;}
.pmovie__header-list li > div:first-child {color: var(--tt); font-size: 14px; margin-bottom: 3px;color: #fff;}
.pmovie__header-list li a {border-bottom: 1px dotted #c1c1c1; color: #fff;}
.ya-share2 {height: 36px; padding-top: 6px; padding-bottom: 6px;}
.pmovie__ratings-caption {width: 100%; margin-bottom: 15px;color: #fff;}
.pmovie__rating {position: relative; margin-right: 30px;}
.pmovie__rating--site .poster__rating {position: static; transform: none;}
.pmovie__rating--site .pmovie__rating-content {height: 17px; margin: 9px 0 7px;}
.pmovie__rating--site .poster__rating-fill {height: 17px; top: 9px;}
.pmovie__rating-content {font-size: 24px;color: #fff;}
.pmovie__rating-caption {margin-top: 2px; color: var(--tt-2); font-size: 12px;}
.pmovie__subinfo {margin-top: 30px;}
.pmovie__subinfo > * {white-space: nowrap; width: 48%; padding: 0; text-align: center;}
.pmovie__btn {background: var(--accent); text-transform: none; font-size: 14px;}
.pmovie__fav a {display: flex; align-items: center; justify-content: center;
height: 40px; border-radius: 20px; padding: 0 15px;
font-size: 14px; border: 3px solid var(--bdc); color: var(--tt-3);}
.page__subtitle {font-size: 16px; font-weight: 700; margin-bottom: 20px;color: #fff}
.page__text {margin-bottom: 26px;}
.pmovie__player {position: relative; margin: 0 -30px;background-color: #1b1b1b}
.pmovie__complaint {position: absolute; right: 0; white-space: nowrap;}
.pmovie__complaint a {
color: #fff;
display: inline-block;
padding: 5px 20px;
display: flex;
height: 40px;
align-items: center;
}
.pmovie__complaint a i{
padding-right: 7px;
color: var(--accent);
}
.tabs-block__select span {cursor: pointer; display: inline-block;}
.tabs-block__select span {height: 40px; line-height: 40px; padding: 0 30px;
background-color: var(--bg-2); color: var(--tt-3); font-weight: 500;}
.tabs-block__select span.is-active, .tabs-block__select span:hover {background: #000; color: #fff;}
.pmovie__rating-likes {border-top: 2px solid #1d1d1d;}
.pmovie__rating-likes > * {
display: flex;
align-items: center;
height: 40px;
justify-content: center;
background-color: #525252;
color: #fff;
box-shadow: var(--bsh-2);
padding: 0 15px 0 10px;
font-weight: 500;
width: 50%;
}
.pmovie__rating-likes > * .fal {font-size: 16px; margin-right: 10px;}
.pmovie__rating-likes > * + * {background-color: #3c3c3c;}
.pmovie__rating-likes > a:hover {background-color: #10c710; color: #fff;}
.not-loaded {overflow: hidden; position: relative; text-align: center;}
.not-loaded::after {content: 'Загрузка...'; display: inline-block; position: relative; z-index: 1;}
.not-loaded::before {background: repeating-linear-gradient(45deg,#ccc,#ccc 10px,#eee 10px,#eee 20px);
animation: move 10s infinite linear; animation-direction: alternate; content: ''; width: 200%; height: 20px;
position: absolute; left: 0; top: 50%; margin-top: -10px;}
@keyframes move {
from {transform: translateX(-50%);}
to {transform: translateX(0%);}
}
.sequels {
margin-bottom: 30px;
}
.page__subcol-news + .page__text {
margin-bottom: 26px;
padding-bottom: 20px;
border-bottom: 1px solid #4e4e4e;
}
/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.6; font-size: 14px; word-wrap: break-word;}
.full-text a {padding: 3px 5px;
background: rgb(255 255 255 / 10%);;
border-bottom: 1px solid red;}
.full-text a:hover {padding: 3px 5px;
background: transparent;
border-bottom: 1px solid red;}
.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 var(--accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff;
position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent);
position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text table tr td {padding:10px; border:2px solid #fff;}
.full-text table tr:nth-child(2n+1) {background-color:#f2f6f9;}
.full-text table tr:nth-child(1) {background-color:#cee0ed;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
/* COMMENTS
----------------------------------------------- */
/*.page__comments {margin: 0;}*/
.page__comments-title {font-size: 22px; font-weight: 500; margin-bottom: 20px;}
.page__comments-info {font-size: 14px; margin-bottom: 15px;
color: var(--tt-2); line-height: 1.5;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.page__comments-list {padding: 0;}
.page__comments-list--not-comments {padding: 0; border: 0;}
.add-comments-form.form {padding: 0; margin-bottom: 20px;}
.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 #111; border-radius: 0;}
.add-comments-form__input {margin-left: 20px;}
.add-comments-form .d-none, .comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; 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;}
.comment-item__title {font-weight: 500; font-size: 18px; margin-bottom: 20px;}
.comment-item {
margin-bottom: 10px;
padding-bottom: 15px;
padding: 15px;
border-radius: 5px;
border-bottom: 1px solid #000000;
background: #2a2a2a;
}
.comment-item__img {width: 40px; height: 40px; border-radius: 5px; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 500;
position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 500; font-size: 14px;}
.comment-item__date {color: var(--tt-3); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 6px 0; font-size: 15px; color: #fff;}
.comment-item__rating {white-space: nowrap; font-size: 14px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}
.comment-item__reply a {font-size: 12px; margin-right: 20px; color: var(--tt-2);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-2);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}
.comm-complaint {
right: 0;
top: 0;
font-size: 14px;
opacity: 0.3;
margin-left: 15px;
}
.comment-item__footer.d-flex.ai-center {
justify-content: space-between;
}
.comm-complaint:hover {
opacity: 0.8;
}
span.fas.fa-exclamation-triangle {
color: #eb4d4b;
}
/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
background-color: #3e3e3e; 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: #1b1b1b;}
.login__title {font-size: 17px; font-weight: 500; padding: 1px 0; text-transform: capitalize; color: #fff;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted #ff1535; margin-left: 10px; font-weight: 400; color: #ff1535;}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-3);}
.login__caption {font-size: 14px; color: #fff; margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.login__input input {padding-left: 40px;}
.login__row .fal {position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: #2a2a2a; 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: #1b1b1b;
box-shadow: inset 0 0 10px rgb(0 0 0 / 10%);
font-size: 13px;
color: #fff;}
.login__menu a:hover{
background-color: #000;
}
.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: 310px; height: 100%; overflow-x: hidden; overflow-y: auto;
padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s;
background: #2b2b2b; color: #fff;}
.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: var(--accent); 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, .mobile-menu .side-block__menu-hidden {margin: 0; padding: 10px 20px; display: block; background: #1b1b1b;
width: calc(100% + 40px); margin: -10px -20px 25px -20px; max-width: none;}
.mobile-menu .header__menu > li {width: 100%; margin: 0; padding: 0;}
.mobile-menu .header__menu > li > a {height: 40px; color: #fff;}
.mobile-menu .side-block__menu-hidden {background-color: var(--bg); position: static;
opacity: 1; visibility: visible; transform: none; border: 0; margin-top: 30px; padding-top: 20px;}
@media screen and (max-width: 1220px) {
body {background-image: none;}
.wrapper {padding: 0; background-image: none; overflow: hidden;}
.wrapper-container {max-width:1000px;}
.header__menu, .col-side .js-this-in-mobile-menu11, .pagination__pages-btn {display: none;}
.header__btn {background-color: var(--bg-2); color: var(--tt-2);}
.header__btn-menu {cursor: pointer; width: 40px; height: 40px; border-radius: 5px; line-height: 40px;
text-align: center; box-shadow: var(--bsh-2); background: var(--gradient); color: #fff;
display: block; margin-left: 10px; font-size: 18px;}
.header__search {flex: 1 1 0; margin: 0 20px; max-width: 100%; min-width: 50px;}
.header {margin-bottom: 0; position: static; padding: 0 var(--indent);}
.carou {padding: 20px; padding-bottom: 60px;}
.d-grid, #dle-content {grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}
.d-grid {grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}
.col-main {padding: 30px 10px 0;}
.desc {margin-bottom: 0;}
.col-side {width: 220px; padding: 0; order: 10;}
.side-block + .side-block {padding: 30px 20px 0 20px; margin-left: -20px; margin-right: -20px;}
#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
.logo__title, .logo__caption {color: var(--tt);}
.logo {width: auto; margin: 0;}
.page__subcols {padding-top: 20px; padding-bottom: 20px;}
.page__subcol-side {margin-right: 20px;}
.page__subcol-side2, .page__col-side {width: 100%; margin: 0; margin-top: 20px;}
.pmovie__header-list li + li {margin-top: 5px;}
.pmovie__player {margin-left: var(--indent-negative); margin-right: var(--indent-negative);padding: 10px;}
.tabs-block__select span {margin: 0;}
.pmovie__rating-likes {position: static; margin-top: 20px; padding-left: 20px;}
.pmovie__complaint {margin-top: 0;}
}
@media screen and (max-width: 950px) {
.wrapper-container {max-width:768px;}
.carou__content > .top {width: calc((100% - 60px)/5);}
.col-side {width: 100%; padding-top: 0;}
.col-side .js-this-in-mobile-menu {display: none;}
.footer {justify-content: center; text-align: center; background-image: none; padding: 20px;}
.footer__text {min-width: 100%; margin: 0 0 20px 0;}
}
@media screen and (max-width: 760px) {
.wrapper-container {max-width:100%;}
.carou__content > .top {width: calc((100% - 30px)/3);}
.header__search {order: 10; min-width: 100%; margin: 0;}
.header {height: auto; padding: 10px;flex-wrap: wrap;}
.logo {flex: 1 1 0; min-width: 50px; max-width: 100%; margin-right: 20px;}
.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;}
.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-container22 {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;}
.carou__content > .top {width: calc((100% - 30px)/3);}
.footer .btn {width: 100%; margin: 0; margin-bottom: 20px;}
.page__subcols {display: block; position: relative;}
.page__subcol-side {width: 120px; float: left; margin-right: 10px;}
.pmovie__poster {width: 120px; height: 180px;}
.page__subcol-main h1 {font-size: 18px;}
.page__subcol-main {display: inline;}
.pmovie__ratings {margin: 0; justify-content: space-between;}
.pmovie__ratings-caption {display: none;}
.pmovie__rating {margin: 0;}
.pmovie__rating--site {margin-right: 0px;}
.pmovie__ratings {width: 100%; padding-top: 5px;}
.pmovie__ratings::before {content: ""; display: table; clear: both; width: 100%;}
.pmovie__subinfo {justify-content: space-between; margin: 0; margin-top: 20px;}
.pmovie__share {min-width: 100%; text-align: center;}
.tabs-block__select span {min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;}
}
@media screen and (max-width: 470px) {
.wrapper-container22 {max-width:360px;}
.carou__content > .top {width: calc((100% - 20px)/3); margin-right: 10px;}
.top__desc {padding: 10px; font-size: 13px;}
.header__logo > * {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
.filter-block {margin-bottom: 0px;}
.filter-block__form {display: flex; flex-wrap: wrap;}
.filter-block__cell {margin-left: 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: 40px; line-height: 36px; background-position: right 14px top 54%;
background-color: var(--bg); color: var(--tt); border: 2px solid var(--bdc); border-radius: 20px;
box-shadow: none; font-size: 14px; padding: 0 15px; background-size: 10px; display: inline-block;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; box-sizing: border-box;}
.filter-block__cell-content select {padding: 0 30px 0 10px;}
.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;}
.filter-block__cell-content--inp-year input {width: 80px !important;}
[data-dlefilter="reset"] {width: 40px; background-color: var(--bg-2); color: var(--tt-2);
padding: 0; font-size: 18px; border: 1px solid #3e3e3e;}
@media screen and (max-width: 1220px) {
.filter-block {width: 100%; margin-bottom: -10px; margin-top: 20px;}
.filter-block__cell {margin: 0 10px 10px 0;}
}
@media screen and (max-width: 470px) {
.filter-block__form {justify-content: space-between;}
.filter-block__cell {margin-right: 0; width: 48%;}
.filter-block__cell:first-child {width: calc(100% - 50px); order: 10;}
.filter-block__cell-content > * {width: 100% !important;}
.filter-block__cell-content--inp-year input {width: 100% !important;}
.filter-block__cell--btns {width: 40px; order: 11;}
}
/* FLEX FALLBACK FOR SMART TV
----------------------------------------------- */
/*
@media screen and (min-width: 1800px) {
#dle-content, .d-grid {display: flex; justify-content: space-between; flex-wrap: wrap; grid-gap: 0 0;}
#dle-content > *:not(.grid-item), #dle-content {width: 100%;}
.poster {width: 23%; margin-bottom: 30px;}
.pagination {margin-top: -10px;}
.page__comments {margin-top: -30px;}
}
*/
.no-bgimg {background-image: none;}
.bgh, .bgh-in, .bgh-in::before, .bgh-in::after {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.bgh {overflow: hidden; background: var(--bg-3);}
.bgh-in {filter: blur(0) brightness(0.5) grayscale(1); left: -10px; right: -10px; top: -10px; bottom: -10px;}
.bgh-in::before {content: ''; background: linear-gradient(to right, #262626 0%, rgba(38, 38, 38, 0.8) 20%, rgba(38, 38, 38, 0) 30%, #26262600 70%, rgba(38, 38, 38, 0.8) 80%, #262626 100%); opacity: 0.5; z-index: 1;}
.bgh-in::after {content: ''; z-index: 2; background: linear-gradient(to top, #2f2f2f 0%, #3e3e3e 10%, rgb(58 58 58) 20%, #2626268c 100%);}
.swiper {
width: 100%;
height: 100%;
}
/* .swiper-slide {
text-align: center;
font-size: 18px;
Center slide text vertically
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-slide .slide-link {
display: block;
position: relative;
width: 100%;
height: 350px;
background-size: cover;
background-position: center;
padding: 54px 30px 47px;
text-decoration: none;
text-align: left;
border-radius: 10px;
}
.swiper-slide .slide-link:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .2);
z-index: 0;
-webkit-transition: all .1s ease 0s;
transition: all .1s ease 0s;
border-radius: 10px;
}
.swiper-slide .slide-link .field-title {
display: block;
width: 100%;
max-width: 600px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 38px;
font-weight: 800;
line-height: 46px;
z-index: 20;
margin-bottom: 32px;
}
*, .swiper-slide, ::after, ::before, :after, :before {
box-sizing: border-box;
}
.swiper-slide .slide-link .field-category {
display: block;
font-size: 0;
margin-bottom: 6px;
}
.swiper-slide .slide-link .field-category span {
display: inline-block;
color: #fff;
font-size: 12px;
font-weight: 400;
height: 14px;
line-height: 11px;
border: 1px solid #fff;
padding: 0 4px;
}
.swiper-slide .slide-link .slide-content {
position: relative;
z-index: 2;
display: inline-block;
width: 100%;
vertical-align: bottom;
padding-bottom: 2px;
} */
.tabseason a{
background-color: red!important
}
.tabseria {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(70px,1fr));
grid-gap: 5px 5px;
grid-auto-flow: row dense;
}
.serisa a{
background-color: red
}
.seasone-pages a:after {
content: 'сезон';
}
.seasone-pages a {
display: inline-block;
background: aliceblue;
padding: 6px 12px;
position: relative;
min-width: 62px;
text-align: right;
}
.seasone-pages a.active {
background: red;
}
.b-simple_episode__item a{
color: #fff
}
.card__meta--move {
position: absolute;
top: 65px;
right: 46px;
margin: 0;
color: #fff;
}
.card__meta {
margin-left: 20px;
color: #fff
}
.pmovie__bottom {
margin-top: 20px;
margin-bottom: 0px;
flex: 1 0 auto;
}
.card__meta .fas {
margin-right: 5px;
opacity: 0.66;
}
/* CARD
----------------------------------------------- */
.card {margin: 0 var(--indent-negative); padding: 20px var(--indent); line-height: 1.4;
border-top: 1px solid var(--bdc); box-shadow: inset 0 1px var(--bdc-lighter); position: relative;}
.card__img {width: 200px; height: 300px; margin-right: 20px; display: block;
border-radius: 4px 4px 0 0; box-shadow: var(--bsh-2)}
.card__title, .card__bottom {width: 100%;}
.card__title {font-size: 18px; font-weight: 700; margin: -3px 0 17px 0; padding-right: 140px;}
.card__list {display: grid; grid-gap: 3px 0; font-size: 13px;}
.card__list li > span:first-child {font-weight: 600; margin-right: 3px;}
.card__list a {text-decoration: underline;}
.card__list--margin {margin-top: 12px;}
.card__text {margin-top: 13px;-webkit-line-clamp: 4;}
.card__bottom {font-size: 12px;}
.card__meta {margin-left: 20px;}
.card__meta .fas {margin-right: 5px; opacity: 0.66;}
.card__meta--move {position: absolute; top: 70px; right: 25px; margin: 0;}
.card__btn {border-radius: 0 0 4px 4px; width: 200px; height: 40px; box-shadow: inset 0 0 0 1px var(--bdc-lighter);
background-color: var(--bg-darker); color: var(--tt); border: 1px solid var(--bdc);
height: 42px; margin-top: -2px;}
.card__fav {position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer;
font-size: 18px; overflow: hidden; color: var(--tt-lighter);}
.card__fav .fas {position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer;
display: flex !important; justify-content: center; align-items: center; padding: 0 0 25px 25px;}
.card__fav .fas::after {content: ''; background: var(--gradient); box-shadow: var(--bsh-2); z-index: -1;
position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skew(45deg); transform-origin: 0 0;}
.card__fav .fas.added::after {background: var(--gradient-accent);}
.card__rating-ext {font-size: 16px; font-weight: 600; color: #fff; min-width: 50px;
position: relative; height: 40px; display: flex; align-items: flex-end; line-height: 1; white-space: nowrap;}
.card__rating-ext > span {font-size: 10px; font-weight: 400; color: #939393;
margin-left: 3px; display: inline-block; position: relative; top: -2px;}
.card__rating-ext::before {content: attr(data-text); display: block; position: absolute; left: 24px; top: 0;
white-space: nowrap; font-size: 12px; font-weight: 400; color: #fff; line-height: 20px;}
.card__rating-ext.kp {background: url(../images/kpi.svg) 0 0 / 20px no-repeat;margin-left: 20px;}
.card__rating-ext.imdb {background: url(../images/imdb.svg) 0 0 / 18px no-repeat;margin-left: 20px;}
.card__rating-ext.site {padding-left: 50px; min-width: 140px;}
.card__rating-ext-count {height: 40px; width: 40px; position: absolute; left: 0; top: 0;}
.card__rating-ext svg {width: 150px; height: 150px; position: absolute; left: 0; top: 0; fill: none;
transform: scale(0.3,0.3) rotate(-90deg) translate(-50%,-50%); transform-origin: left top; margin: 19px 0 0 20px;}
.card__rating-ext svg circle {width: 150px; height: 150px; fill: inherit; transform: translate(5px,5px);
stroke-width: 10; stroke: #585858; stroke-dasharray: 440; stroke-dashoffset: 0;}
.card__rating-ext svg circle:nth-child(2) {stroke: var(--accent-3);}
.stars {height: 17px; width: 85px; position: absolute; left: 50px; top: 0px; pointer-events: none;
background: url(../dleimages/rating3.svg); transform: scale(1,1); transform-origin: left top;}
.stars__rating-fill {position: absolute; left: 0; top: 0; height: 100%; z-index: 1;
background: url(../dleimages/rating3.svg) 0 -34px repeat-x;}
.low svg circle:nth-child(2) {stroke: #e74c3c !important;}
.middle svg circle:nth-child(2) {stroke: #f1c40f !important;}
.high svg circle:nth-child(2) {stroke: #2ecc71 !important;}
.pmovie__rating-likes a:nth-child(1){
color: #26ff26;
border-radius: 0 0 0 5px;
}
.pmovie__rating-likes a:nth-child(2){
color: #ff1535;
border-radius: 0 0 5px 0;
}
.pmovie__rating-likes > a:hover:nth-child(1){
color: #fff;
}
.pmovie__rating-likes > a:hover:nth-child(2){
background-color: #ff1535;
color: #fff;
}
.ac-navigation {
display: flex;
flex: 1 0 100%;
flex-wrap: wrap;
padding-top: 30px;
font-size: 14px;
line-height: 34px;
margin-right: -8px;
justify-content: center;
}
.ac-navigation > span,
.ac-navigation > a {
box-sizing: border-box;
padding: 0 10px;
margin: 5px 8px 0 0;
border-radius: 4px;
min-width: 36px;
color: #123;
border: 1px solid #e0e0e0;
background-color: #fff;
text-align: center;
transition: .2s;
}
.ac-navigation > a:hover,
.ac-navigation > span {
background-color: #79c142;
color: #fff;
border-color: transparent;
}
.ac-navigation a.disabled {
cursor: default;
opacity: .2;
}
.ac-navigation > span {
cursor: default;
}
.ac-navigation span.nav_ext {
background: transparent;
color: #aaa;
}
.page__subcol-main .names{
color: #fff;
}
.prevs .fab.fa-apple {color: #a8a8a8;}
.prevs .fab.fa-android {color: #3ddc84;}
.prevs .fab.fa-windows {color: #0078d4;}
.prevs{
color: #ffffff57;
background: #1b1b1b;
padding: 20px 30px;
margin: 0 -30px 20px;
line-height: 1.5;
}
.prevs2{
margin-bottom: 20px;
line-height: 1.6;
}
/* Универсальный класс для обрезания текста с кнопкой развернуть/свернуть */
.text-clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
line-height: 1.6;
}
/* Если внутри есть - делаем их inline для правильного обрезания (применяется автоматически, если есть
) */
.text-clamp p {
margin: 0;
padding: 0;
display: inline;
}
.text-clamp p:not(:last-child)::after {
content: ' ';
}
.text-clamp-2 { -webkit-line-clamp: 2; }
.text-clamp-3 { -webkit-line-clamp: 3; }
.text-clamp-4 { -webkit-line-clamp: 4; }
.text-clamp-5 { -webkit-line-clamp: 5; }
.text-clamp-6 { -webkit-line-clamp: 6; }
.text-clamp-7 { -webkit-line-clamp: 7; }
.text-clamp-8 { -webkit-line-clamp: 8; }
.text-clamp-9 { -webkit-line-clamp: 9; }
.text-clamp-10 { -webkit-line-clamp: 10; }
.text-clamp-btn {
margin-top: 10px;
font-weight: normal;
cursor: pointer;
font-size: 13px;
color: #6e6e6e;
margin-bottom: 30px;
background: #2a2a2a;
border-radius: 3px;
padding: 3px 7px;
display: inline-block;
}
.text-clamp-btn:hover {
text-decoration: underline;
}
.text-clamp-active {
display: block !important;
-webkit-line-clamp: none !important;
-webkit-box-orient: horizontal !important;
height: auto !important;
overflow: visible !important;
line-height: 1.6;
}
/* При разворачивании, если есть
- возвращаем их к блочному отображению */
.text-clamp-active p {
display: block;
margin-bottom: 1em;
}
.text-clamp-active p:last-child {
margin-bottom: 0;
}
.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;
/*background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);*/}
.slice-btn {margin:20px 0; font-weight:700;}
.slice-btn span {
display: inline-block;
cursor: pointer;
color: #6e6e6e;
background: #2a2a2a;
padding: 3px 7px;
}
#epscape_showmore {
margin: 10px 0;
}
#epscape_showmore2 {
margin: 0px 0 10px 0;
}
#epscape_showmore a, #epscape_showmore2 a{
color: #4bcffa;
border-bottom: 1px dotted #4bcffa;
font-size: 13px;
}
#epscape_showmore a, #epscape_showmore2 a{
margin: 20px 0;
color: #4bcffa;
border-bottom: 1px dotted #4bcffa;
font-size: 13px;
}
.select_season{
margin-top: 30px;
background: #808080;
}
.post__schedule{
line-height: 1.6;
}
.seasons-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: #5e6b75;
padding: 5px 20px;
}
.seasons-block strong {
font-size: 14px;
float: left;
line-height: 24px;
display: block;
color: #fff;
margin-right: 10px;
font-weight: normal;
}
.seasons-block ul li {
float: left;
margin-right: 5px;
}
.seasons-block ul li>a {
display: block;
height: 27px;
padding-left: 11px;
padding-right: 11px;
background-color: #32404c;
border-radius: 3px;
color: #fff!important;
text-decoration: none;
line-height: 27px;
}
.seasons-block ul li>a:hover {
background-color: #222832;
}
.epscape_tr {
color: var(--tt);
}
.epscape_tr {
background-color: var(--bg-2);
border-bottom: 1px solid #e0e5eb;
}
.epscape_tr td {
padding: 10px 15px;
}
.epscape_tr .nameseries {
font-weight: bold;
color: red;
}
.list_schedule{
display: block;
margin-top: 20px;
}
.list_schedule:first-child{
margin-top: 0;
}
.escpt{
overflow: hidden;
color: var(--tt);
padding: 4px 0;
margin-top: 20px;
}
.escpt a{
color: #000
}
.sznttl{
float:left;
color: #fff;
font-size:18px;
margin-right: 10px;
font-weight: bold;
overflow:hidden;
-ms-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
}
.sznttlexp a{
font-size: 12px;
background-color: var(--bg-2);
color: var(--tt-2 );
padding: 5px 10px;
float: right;
border-radius: 30px;
}
.row.headers {
width: 100%;
background: #1b1b1b;
display: -ms-flexbox;
display: flex;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: none;
border-radius: 4px 4px 0 0;
}
.row.headers .cell{
color: #fff;
}
.row .cell {
display: flex;
align-items: center;
font-size: 14px;
color: #666;
line-height: 1.2;
padding-top: 10px;
padding-bottom: 10px;
}
.row .cell:nth-child(1) {
width: 10%;
padding-left: 20px;
}
.row .cell:nth-child(2) {
width: 55%;
white-space: nowrap;
overflow: hidden;
padding-right: 15px;
text-overflow: ellipsis;
}
.row .cell .released .fa{
color: #2ecc71;
}
.row .cell:nth-child(3) {
width: 20%;
padding: 0 26px 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.row .cell:nth-child(4) {
width: 15%;
justify-content: center;
}
.row.headers .cell .fa {
margin-right: 5px;
}
.row .cell .fa {
color: #a0a9b3;
}
.wrapper_header_episode {
width: 100%;
display: table;
margin: 0;
box-sizing: border-box;
}
.rows .row {
border-bottom: 1px solid #e0e5eb;
}
.row:last-child {
border-bottom: none;
}
.row {
display: table-row;
background: #2a2a2a;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rows .row:hover {
background-color: #343434;
}
.rows .row {
border-bottom: 1px solid #3e3e3e;
}
.cell .episode-col__title {
font-weight: bold;
color: var(--tt-2 );
}
/* MOVIE LOGO - логотип фильма/сериала */
.movie-logo {
width: 300px;
height: auto;
display: block;
object-fit: contain;
}
.k-label {
background: rgb(255 255 255 / 15%);
padding: 2px 10px;
border-radius: 30px;
}
/* NETWORK LOGO - белый/серый фильтр */
.network-logo {
filter: brightness(0) invert(1);
/* width: 154px;*/
max-height: 40px;
display: block;
object-fit: contain;
}
/* Логотип в блоке мета-информации */
.card__meta .network-logo {
margin: 0;
vertical-align: middle;
}
.serial-status1:before {
margin-right: 5px;
content: '\25CF';
color: #2ecc71;
}
.serial-status2:before {
margin-right: 5px;
content: '\25CF';
color: red;
}
.serial-status3:before {
margin-right: 5px;
content: '\25CF';
color: #ff7a22;
}
/* .k-label:before {
margin-right: 5px;
content: '\25CF';
color: #2ecc71;
}
.k-label2{
background: rgb(255 255 255 / 15%);
padding: 2px 10px;
border-radius: 30px;
}
.k-label2:before {
margin-right: 5px;
content: '\25CF';
color: red;
}
.k-label3{
background: rgb(255 255 255 / 15%);
padding: 2px 10px;
border-radius: 30px;
}
.k-label3:before {
margin-right: 5px;
content: '\25CF';
color: #00c0ff;
}
.k-label4{
background: rgb(255 255 255 / 15%);
padding: 2px 10px;
border-radius: 30px;
}
.k-label4:before {
margin-right: 5px;
content: '\25CF';
color: #ff7a22;
}*/
.fullpage {
display: flex;
width: 100%;
position: absolute;
bottom: 0;
z-index: 12;
padding: 0 30px;
margin: 30px -30px 0;
}
.fullpage__item {
text-align: center;
line-height: 25px;
padding: 10px 0px;
color: var(--tt-3);
text-decoration: none;
font-size: 16px;
font-weight: bold;
transition: .2s;
white-space: nowrap;
margin-right: 40px;
}
.bubbleq.withShadowq {
background-color: #fff;
border: 1px solid rgba(0,0,0,.25);
border-radius: 11px;
-webkit-box-shadow: 0 5px 10px rgb(17 0 0 / 10%);
box-shadow: 0 5px 10px rgb(17 0 0 / 10%);
font-size: 15px;
min-width: 32px;
padding: 3px 6px 2px;
}
.bubbleq {
border: 1px solid rgba(0,0,0,.25);
border-left: none;
border-radius: 0 11px 11px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
font-size: 12px;
margin-left: 5px;
line-height: 15px;
padding: 2px 7px 2px 0;
position: relative;
text-align: center;
}
.bubbleq.withShadowq:before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGNsaXAtcGF0aD0idXJsKCNhKSI+PHBhdGggZD0iTTguNSA0LjVDNS44IDYuNSAwIDcuMi41IDYuOSAyLjcgNS4zIDQuNSAyIDUgMCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMS44MTEgNi40M0MzLjQ3NSA0Ljc2IDQuNTY5IDIuMjI3IDUgLjVWMEg0QzMuNSAyLjUgMi4yNzEgNC45ODYuMjE4IDYuNDg2YS41NzUuNTc1IDAgMCAwLS4xNzguMTgyLjUyMS41MjEgMCAwIDAgLjI4Ni43NjhjLjA1NS4wMi4xMDguMDMyLjE0OC4wNC4xNTIuMDI1LjM2NS4wMjguNTk0LjAxOWExNC40NDIgMTQuNDQyIDAgMCAwIDEuOTcyLS4yNGMxLjU3NC0uMjkzIDMuNjE0LS44ODUgNS4wNTctMS45NTNMOC41IDVsLS40MDMtLjY4LS41OTcuMThjLTEuMjU4LjkzMi0zLjExNiAxLjQ4OC00LjY0MiAxLjc3LS4zODEuMDcyLS43MzUuMTI0LTEuMDQ3LjE2em0tMS4wNTQuODk4LjAwNC0uMDAyLS4wMDQuMDAyeiIgZmlsbD0icmdiYSgwLDAsMCwwLjI1KSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLjUpIiBkPSJNMCAwaDguMXY3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+) no-repeat 50%;
bottom: -3px;
height: 8px;
left: -3px;
top: auto;
width: 9px;
}
.bubbleq:before {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxNiI+PHBhdGggZD0iTTEwIC42MmMtNC4wMzkgMC03LjM4OSAzLjMyLTcuMzg5IDcuMzc3IDAgMS4xMDYuMjk2IDIuMjEzLjY5IDMuMTM1LS4zOTQgMS4zODMtMS4wODQgMy4xMzUtMi42NiA0LjE1LS4zOTQuMjc2IDMuMjUxIDAgNS4yMjItMS4yOTJBNy4yOCA3LjI4IDAgMCAwIDEwIDE1LjI4MSIgb3BhY2l0eT0iLjI1IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yMzkiLz48L3N2Zz4=) no-repeat 50%;
bottom: 0;
content: "";
display: block;
height: 16px;
position: absolute;
right: 100%;
top: -1px;
width: 10px;
}
.bubbleq.withShadowq .countq {
margin: 0;
min-width: 0;
min-width: auto;
color: var(--tt-3);
}
.countq {
display: inline-block;
margin: 0 -1px;
min-width: 8px;
text-align: center;
}
a.fullpage__item:hover {
background: rgba(0,0,0,.05);
color: #fff;
}
.fullpage__item.active {
pointer-events: none;
color: #fff;
padding: 10px 0;
border-bottom: 3px solid red;
}
.fullpage__item.disabled {
opacity: .4;
}
.ininz{
margin-top: 30px
}
.ininz2{
margin-left: 0px;
}
.nav-col {
width: 50%;
}
.nav-menu a {
display: block;
padding: 5px 0;
font-size: 14px;
color: #ccc;
}
.nav-menu a:hover {
text-decoration: underline;
}
.nav-menu.newest a{
margin-bottom: 20px;
font-weight: bold;
color: #fff;
font-size:16px;
}
.nav-menu.newest .fa{
color: #ffbc00;
font-size:21px;
}
.poster-ext{
display: none;
}
.video-responsive .block_ru {
height: 100%;
width: 100%;
background: #2a2a2a;
padding: 30px 0;
color: #ffffff;
font-size: 18px;
position: absolute;
top: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.video-responsive .block_ru span{
background: #3e3e3e;
border-radius: 30px;
padding: 10px 15px;
}
.video-responsive .block_ru span i{
color: red;
}
.desc > div > p {
margin-bottom: 10px;
}
.serial-group > div {display: none;}
.serial-group > div.active {display: block;}
.tab-filter {
background: #2b2b2b;
padding: 20px 30px;
margin: -40px -30px 30px -30px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000000;
box-shadow: inset 0 -10px 20px 0 rgb(0 0 0 / 10%);
}
.box-tabs {
display: inline-flex;
background-color: #1b1b1b;
border-radius: 5px;
padding: 3px;
font-weight: 500;
margin-right: 30px;
}
.box-tabs li{
cursor: pointer;
padding: 5px 10px;
}
li.active {
cursor: pointer;
background: #606060;
border-radius: 3px;
}
.schedule-desc p, .obsuz-desc p{
line-height: 1.6;
margin-bottom: 10px
}
.obsuz-desc.slice.slice-masked ~ .slice-btn, .obsuz-desc.slice.slice ~ .slice-btn {
margin: 20px 0 35px;
}
ul.header__menu.d-flex.jc-flex-end.flex-grow-1.js-this-in-mobile-menu {
min-width: max-content;
}
.ui-dialog-titlebar {
background-color: #1b1b1b;
}
.ui-dialog {
background-color: #3e3e3e;
border-radius: 5px;
color: #f7f7f7;
}
.contr {
display: flex;
flex-wrap: wrap;
}
.ui-dialog-content {
padding: 20px 30px;
overflow: auto;
position: relative;
height: auto;
}
#dlecomplaint {
line-height: 2;
}
button.ui-dialog-titlebar-close {
height: 40px!important;
padding: 0 25px!important;
}
#searchsuggestions a, #searchsuggestions span.notfound {
padding: 7px 10px;
display: block;
text-decoration: none;
}
.flex3 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.livepoisk .livepoisk-img {
width: 49px;
height: 68px;
flex-shrink: 0;
background-size: cover;
overflow: hidden;
border-radius: 3px;
}
.livepoisk img {
display: block;
min-height: 100%;
}
.livepoisk-b2 {
flex-grow: 1;
padding: 0 12px;
}
.livepoisk-b2 .livepoisk-title {
color: #c5c5c5;
margin-bottom: 4px;
font-weight: 500;
font-size: 14px;
}
.livepoisk-b2 .livepoisk-retitle {
font-size: 13px;
color: #909090;
margin-bottom: 2px;
}
.livepoisk-b3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: 5%;
padding-left: 5px;
}
.livepoisk-rating {
font-size: 14px;
color: #64c80a;
}
.poster__rating2.srch {
position: relative!important;
}
.filterBox {display: inline-block;width: 100%;}
.filterform {margin: 0 -10px;}
.filterLabel {padding:7px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.labelFloat {float:left; width:75%;}
.labelFloat2 {float:left; width:25%;}
.labelFloat3 {float:left; width:25%;}
.filterLabel .tail-select {width:100%;}
.filtercheckbox {padding: 10px 10px;float:left}
.filtercheckbox span {margin-left: 10px;line-height: 21px;cursor: pointer;}
.filterLabel .fbreset {
background-color: #3e3e3e;
height: 36px;
line-height: 36px;
box-shadow: none;
box-shadow: 0px 8px 15px rgb(0 0 0 / 20%);
border-radius: 3px;
font-size: 14px;
border: 1px solid #242424;
color: #a5a5a5;
width: 100%;
text-transform: capitalize;
letter-spacing: inherit;
box-shadow: none;
box-shadow: 0px 8px 15px rgb(0 0 0 / 20%);
}
.filterLabel.fbreset.labelFloat4 {
display: flex;
}
.labelFloat4::before {
position: relative;
margin-right: 5px;
content: '\f00d';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
color: var(--accent);
}
.labelFloat4:hover {
background-color: #2d2d2d;
}
.filterLabel .fbreset:hover {background-color: #2d2d2d;}
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background: #3e3e3e; color: #bfbfbf; border: 1px solid #242424; border-radius: 4px;box-shadow: none; box-shadow: 0px 8px 15px rgb(0 0 0 / 20%); font-size: 15px; padding: 0 7px;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer;height: 36px; display: flex; flex-direction: column; justify-content: center;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;height: 20px; width: 40px; border-radius: 10px; background-color: #eee; 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 input[type="button"], .filter-block__cell-content button {width: 100%;height: 36px;}
.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%;}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; width: 100% !important; 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 #2b2b2b;}
.filter-block__cell-content--check-group label div {font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filter-block__cell-content--check-group label div i{margin-right: 7px; color: white;}
.filter-block__cell-content--check-group label input:checked + div {background-color: #626262; color: #fff;}
.tail-select.active .select-label,
.tail-select.idle .select-label,
.tail-select:hover .select-label {
z-index: 25;
box-shadow: 0 1px 1px 1pxrgba(0, 0, 0, .1), 0 0 1px 1px #ff1535;
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1), 0 0 1px 1px #ff1535;
}
.tail-select.active .select-label:after,
.tail-select.idle .select-label:after,
.tail-select:hover .select-label:after {
opacity: .85
}
.tail-select.active .select-label .label-count,
.tail-select.active .select-label .label-inner,
.tail-select.idle .select-label .label-count,
.tail-select.idle .select-label .label-inner,
.tail-select:hover .select-label .label-count,
.tail-select:hover .select-label .label-inner {
opacity: 1
}
.tail-select.active .select-label {
z-index: 27
}
.tail-select .select-dropdown ul li.optgroup-title {
color: rgb(178 178 178 / 70%)!important;
}
.tail-select.active .select-label:after {
opacity: .85;
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.tail-select .select-dropdown .dropdown-inner {
max-height: 350px;
}
.tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar {
width: 8px;
}
.tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar-track {
background: #2a2a2a;
border-radius: 4px;
}
.tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar-thumb {
background: #626262;
border-radius: 4px;
}
.tail-select .select-dropdown .dropdown-inner::-webkit-scrollbar-thumb:hover {
background: #7a7a7a;
}
.tail-select .select-dropdown .dropdown-inner {
scrollbar-width: thin;
scrollbar-color: #626262 #2a2a2a;
}
.vw100 {
margin: 0 calc((100% - 100vw) / 2);
padding: 0 calc((100vw - 100%) / 2);
}
.livepoisk {
position: relative;
align-content: center;
align-items: center;
}
@media (max-width: 640px){
.labelFloat2 {
width: 50%;
}
.labelFloat {
width: 100%;
}
.labelFloat3 {
float: left;
width: 100%;
}
.labelFloat3:after {
left: 142px;
}
}
#who-rated li.ratingLog-liminus .rated-is {
color: #ba3636;
}
#who-rated li.ratingLog-liplus .rated-is {
color: #3caa00;
}
#who-rated li .rated-is {
position: absolute;
left: 0px;
top: 4px;
width: 22px;
height: 22px;
line-height: 18px;
text-align: center;
}
#who-rated li.ratingLog-listars .rated-is {
font-weight:700;
top: 5px !important;
}
#who-rated span.rated-is-plus {
color: #3caa00;
top: -2px;
position: relative;
}
#who-rated span.rated-is-minus {
color: #ba3636;
top: -2px;
position: relative;
}
#who-rated li {
font: normal 11px/22px Verdana;
color: #666;
cursor: pointer;
border-radius: 2px;
position: relative;
}
#rated-list li {padding: 4px 0px 4px 53px;}
#rate-profile-stats li{padding: 4px 0px 4px 23px;}
#who-rated ul li:hover {
color: #000;
background-color: #f5f5f8;
}
#who-rated li .rated-date {
position: absolute;
right: 6px;
top: 4px;
font: normal 10px/22px Tahoma;
color: #999;
}
#who-rated li img {
position: absolute;
left: 24px;
top: 4px;
height: 22px;
width: 22px;
border-radius: 1px;
}
#rated-list-nav {width: 100px;margin: 0 auto;}
#rated-list-nav li {font-size: 20px;font-weight: 700;cursor: pointer;}
#rated-list-nav li.disabled {color:#AAA;}
#rated-list-nav li:nth-child(1) {float:left}
#rated-list-nav li:nth-child(2) {float:right;}
#who-rated .ratingLog-userbox-user {
height: 60px;
padding: 10px 50px 10px 5px;
border-bottom: 1px dotted #ddd;
font: normal 16px/25px 'Roboto Condensed', sans-serif;
position: relative;
}
#who-rated .ratingLog-userbox-user div.stars-block {
display:inline-block;
margin-left: 10px;
}
#who-rated .ratingLog-userbox-user div.stars-block:first-child {
margin-left: 0px;
}
#who-rated .ratingLog-userbox-user img {
height: 60px;
margin: 0 10px 0 0;
float: left;
border-radius: 3px;
}
#who-rated .ratingLog-userbox-close {
position: absolute;
right: 12px;
top: 50%;
margin-top: -10px;
width: 19px;
height: 19px;
opacity: .7;
cursor: pointer;
}
#who-rated .ratingLog-userbox ul {
max-height: 300px;
overflow: auto;
}
.comment-item__main span{
color: var(--tt-2);
float: left;
margin-right: 5px;
}
/* fullstorenews */
.page__subcol-news {margin: 30px 0;}
.box-info-news {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.box-left-news {
display: flex;
gap: 20px;
}
.box-left-news i.fas.fa-user {
margin-right: 10px;
}
span.updateread {
background: #25b362;
padding: 2px 4px;
border-radius: 2px;
}
.movie-persons {
margin: 30px 0;
}
.movie-persons-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
/* Картка человека */
.movie-person-item {
display: flex;
flex-direction: column;
background: var(--bg2, #1d1d1d);
border-radius: 5px;
}
.movie-persons-section h3 {
margin: 20px 0 10px;
}
/* Фото */
.person-photo-container {
width: 100%;
aspect-ratio: 2 / 3;
overflow: hidden;
border-radius: 6px 6px 0 0;
background: #292929;
}
.person-photo {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Текст */
.person-info {
padding: 10px;
}
.person-name {
margin: 0 0 4px;
font-size: 15px;
}
.person-name-en {
opacity: .7;
font-size: 13px;
margin-bottom: 4px;
}
.person-role {
font-size: 13px;
opacity: .8;
}
.flex-1 {
flex: 1 1 0;
max-width: 100%;
min-width: 50px;
}
.aninet__subtext {
line-height: 1.6;
}
/* EPISODE LIST STYLES
----------------------------------------------- */
.schedule-item__img-wrapper {width: 180px; flex-shrink: 0; border-radius: 5px; overflow: hidden;}
.schedule-item__img {width: 180px; height: 130px; object-fit: cover; border-radius: 5px;}
.schedule-item__img-placeholder {width: 180px; height: 130px; border-radius: 5px; background: #262626;}
.schedule-item__title-wrapper {flex-direction: row; align-items: center; gap: 10px;}
.schedule-item__icon {font-size: 18px;}
.schedule-desc-in {
line-height: 1.5;
}
/* EPISODE LIST RESPONSIVE
----------------------------------------------- */
.schedule-item {padding: 20px 0px; gap: 10px 20px; position: relative;}
.schedule-item--header {background-color: var(--bg-black); color: #fff; font-weight: 500;}
.schedule-item:not(.schedule-item--header) + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__date, .schedule-item__status {text-align: center;}
.schedule-item__descr b {display: block; font-weight: 500;}
.schedule-item:not(.schedule-item--header) .schedule-item__status {color: var(--green); font-size: 18px;}
.schedule-item__status .fa-times {color: var(--red);}
@media screen and (max-width: 950px) {
.schedule-item__img-wrapper {width: 150px;}
.schedule-item__img {width: 150px; height: 112px;}
.schedule-item__img-placeholder {width: 150px; height: 112px;}
.schedule-desc-in {
-webkit-line-clamp: 4;
}
}
@media screen and (max-width: 470px) {
.schedule-item {padding: 10px 0px; flex-direction: column; align-items: flex-start !important; gap: 15px !important;}
.schedule-item__img-wrapper {width: 100%;}
.schedule-item__img {width: 100%; height: 200px;}
.schedule-item__img-placeholder {width: 100%; height: 200px;display: none;}
.schedule-item .d-flex.jc-space-between {flex-direction: column; align-items: flex-start !important; gap: 10px;}
.schedule-item .d-flex.jc-space-between > div:last-child {margin-bottom: 5px;}
.schedule-desc-in {
-webkit-line-clamp: 6;
}
}
.aninet__sch {
margin-bottom: 0!important;
}