/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background: var(--bg-3); 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: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu .header__menu, .mobile-menu .side-block__menu-hidden {margin: 0; padding: 10px 20px; display: block; background: var(--bg-3); 
	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 .header__menu-hidden {background-color: var(--bg); position: static; width: calc(100% + 40px);
	opacity: 1; visibility: visible; transform: none; border: 0; margin: 10px -20px; padding: 20px;}
.menu-is-opened {overflow: hidden;}



@media screen and (max-width: 1220px) {
	body {background-image: none;}
    .wrapper--user .site-desc, .wrapper--user .footer {display: none;}
    .wrapper--user .sect:last-of-type {margin-bottom: 0;}

	.wrapper-container {max-width:1000px;}
	.header__logo {min-width: auto;}
	.header__search-box {max-width: 100%;}
	.item-slide__img {width: 255px;}
	.sect__content > .item-poster--carousel {width: calc((100% - 45px)/4); margin-right: 15px;}
	.sect__menu {font-size: 1em; gap: 20px;}
	.grid-items, #dle-content {grid-gap: 30px 15px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
	.menu-is-opened {overflow: hidden;}
	.content {overflow: hidden; padding-left: var(--indent); padding-right: var(--indent); 
		margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
    .sect__content--hide .item:nth-child(5) ~ .item {display: none;}
	
	.pmovie__grid {gap: 30px 20px;}
	.pmovie__header-main h1 {min-width: 100%;}
	.pmovie__header-main .item-slide__ext-rating {margin: 0;}
	.pmovie__header-main .item-slide__ext-rating--imdb {margin-right: 20px;}
	
}

@media screen and (max-width: 950px) {
	.newseriibl {display: none;}
    .content {padding-top: 30px;}
    .sect__header--bordered, .pmovie__caption, .sect__menu {display: none;}
    .sect__content--hide .item:nth-child(4) ~ .item {display: none;}
	
	.wrapper-container {max-width:768px;}
	.item-slide__img {display: none;}
	.sect__content > .item-poster--carousel {width: calc((100% - 30px)/3);}
	
	.pmovie__grid {grid-template-areas: "pleft pheader" "pleft pmain" "pbottom pbottom";}
	.pmovie__devices, .pmovie__left .pmovie__subtitle {display: none;}
	.pmovie__caption {margin: 0;}
	.pmovie__fav {margin: 20px 0;}
    .pmovie__new {display: none;}
}

@media screen and (min-width: 950px) {
    .fixed-menu-btm {display: none;}
}


@media screen and (max-width: 760px) {
	.wrapper-container {  padding: 0;}
	.content {
		margin-left: 0; margin-right: 0; margin-bottom: 100px;}
		.courses {

    max-width: 90%;

}
	.fr1 {
    cursor: pointer;
    position: relative;
    padding: 6px 4px 6px 15px;
    border-radius: 8px;
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 10px;
    background-color: var(--bg-2);
}
	.fr2 {
    cursor: pointer;
    position: relative;
    padding: 6px 4px 6px 15px;
    border-radius: 8px;
    width: 49.5%;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
    background-color: var(--bg-2);
}
.fr2:nth-child(3n) {
     margin-right: 1%;
}
.fr2:nth-child(2n) { margin-right: 0;}
.fr1:nth-child(2n) {background-color: var(--bg-2);}
.fr1:nth-child(4n+3), .fr1:nth-child(4n+4) {background-color: var(--bg-2);  }
	.wrapper-container {max-width:640px;}
	.header__inner {padding-top: 15px; padding-bottom: 15px; gap: 10px;    margin: 0 10px;}
	.header__search {
		order: 10;
		flex: 0 0 100%;
		min-width: 100%;
		width: 100%;
		max-width: 100%;
		margin-top: 8px;
	}
	.theme-toggle {order: 11; margin: 0; margin-left: 10px;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px; white-space: nowrap; overflow: hidden; }
	.sect--slider, .sect--carousel .sect__content {margin: 0 70px;}
	.owl-prev {left: -70px;}
	.owl-next {right: -70px;}
	.item-slide__title {font-size: 22px; white-space: normal;}
	.item-slide__ext-rating {font-size: 18px;}
	.sect--carousel .item-poster__title {font-size: 1em;}
	.sect__menu {min-width: 100%;}
	.sect__menu li {flex-grow: 1; white-space: nowrap; text-align: center; min-width: auto;}
	.pagination__pages-btn {display: none;}
	.pagination__pages {justify-content: center;}
	.footer {justify-content: center;}
	.footer__menu {min-width: 100%; justify-content: center;}
	#scrolltop {width: 0px; height: 0px; line-height: 40px; font-size: 18px; visibility: hidden;} 
    .sect__content--scroll-mob {display: grid !important; gap: 10px !important;
        overflow: visible; margin-right: 0; scroll-snap-type: none;}
    .sect__content--scroll-mob::-webkit-scrollbar {display: initial;}
    .sect__content--scroll-mob > * {width: auto; flex-shrink: 1; scroll-snap-align: unset;}
    .sect__content--hide .item:nth-child(4) ~ .item {display: block;}
    .site-desc, .footer {display: none;}
    .sect:last-of-type {margin-bottom: 0;}

	.header__menu {height: calc(100vh - 220px);}
	.header__menu-inner {padding: 20px 20px;}
	.nav-title {font-size: 18px; margin-bottom: 5px;}
	.nav-menu + .nav-title {margin-top: 10px;}
	.nav-menu li + li {margin-top: 6px;}
	.nav-menu {font-size: 16px;}
	.nav-menu li span {font-size: 14px;}

    .page__bg {display: block;}
	.pmovie__grid {grid-template-areas: "pleft" "pheader" "pmain" "pbottom"; grid-template-columns: minmax(0,1fr); margin-bottom: -10px;}
	.pmovie__img {margin: 0 auto;}
	.pmovie__img.img-mask::before {display: none;}
	.pmovie__header-main {justify-content: center;}
	.pmovie__header-main .item-slide__ext-rating--kp {flex-grow: 0;}
	.pmovie__header-main h1, .pmovie__caption, .pmovie__original {text-align: center;}
	.pmovie__player {margin-left: var(--indent-negative); margin-right: var(--indent-negative);}
	.tabs-block__select span {margin: 0;}
	.tabs-block__select {gap: 5px;}
	.pmovie__complaint, .pmovie__actors {display: none;}
	.tabs-block__select span {flex: 1 1 0; min-width: auto; max-width: 100%; white-space: nowrap; text-align: center;}

	.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;}
	.full-text h2.page_hh {font-size: 14px !important;}
	
	.add-comments-form__input {min-width: 100%; margin: 0 0 10px 0;}
	.add-comments-form__btn {width: 100%; order: 10;}
	.add-comments-form .form__row--protect .form__caption {width: 100%; margin: 0 0 10px 0;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}
	.item-slide__title {min-width: 100%;}
	.item-slide__ext-rating {margin: 0;}
	.item-slide__ext-rating--imdb {margin-right: 20px;}
	.item-slide__text {font-size: 0.9em; margin-top: 15px;}
	.sect__content > .item-poster--carousel {width: calc((100% - 15px)/2);}
}

@media screen and (max-width: 470px) {
	.wrapper-container123 {max-width:360px;}
	.sect--slider {margin-left: 0;}
	.sect--slider .owl-prev {display: none;}
	.item-slide__title {white-space: nowrap;}
	.sect__content > .item-poster--carousel {width: 100%;}
	.grid-items, #dle-content {grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}
	.blurred-bg {height: 300px;}
	.blurred-bg img {filter: blur(5px) grayscale(0.6); opacity: 0.5;}
	.content {padding-top: 30px;}

    .pmovie__count .sect__title {font-size: 5vw;}
    .countdown-value {font-size: 50px;}
	.pmovie__related .item-poster:nth-child(5n), .page__comments .sect__title {display: none;}
}

.filter-block {margin-top: -35px; flex-grow: 1; min-height: 53px;}
.filter-block__form {display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 30px;}
.filter-block__cell-caption {font-size: 16px; position: relative; padding-right: 23px; 
	margin-bottom: 1px; display: inline-block; font-weight: 400;}
.filter-block__cell-caption::before {content:"\f078"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	position: absolute; right: 0; top: 0px; font-size: 16px;}
.filter-block__cell {position: relative;}
.filter-block__cell-content select {height: 20px; display: none;}

.nice-select{cursor:pointer; position:relative; white-space:nowrap;}
.nice-select::before {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 53px;}
.nice-select .current {font-size: 1.2em; font-weight: 400; display: inline-block;}
.nice-select .list {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    padding: 9px 0;
    background-color:var(--bg-s); 
    border-radius: 12px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3);
    backdrop-filter: blur(10px);

}
.nice-select.open .list {display: block; max-height: 300px; overflow-x: hidden; overflow-y: auto; z-index: 999; background: var(--bg);}
.nice-select .list li {padding: 3px 15px; cursor: pointer;}
.nice-select .selected, .nice-select .list li:hover, .nice-select:hover .current {color: var(--accent);}

@media screen and (max-width: 1220px) {
	.filter-block__form {gap: 12px;}
	.nice-select .current {font-size: 1em;}
	.filter-block {min-height: 46px; padding-bottom: 26px;}
}
@media screen and (max-width: 760px) {
	.sect__title[style] {padding-bottom: 0;}
    .filter-block__form {margin: 10px 0 -20px;}
}
@media screen and (max-width: 760px) {
	.sect__to {margin-top: 40px;}
}
@media screen and (max-width: 1220px) {
	.sect__to {margin-top: 40px;}
}





/*favmod*/
.favmod .favmod-unset, .favmod.active .favmod-add{display:none}
.favmod.active .favmod-unset{display:block}

.list {overflow-y: scroll;}
.list::-webkit-scrollbar {width: 8px;}
.list::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 4px;}
.list::-webkit-scrollbar-thumb:hover {background-color: #aaa;}

.sect__link {font-size: 14px; text-transform: uppercase; font-weight: 700; color: var(--tt-fader);
    display: flex; align-items: center; gap: 10px; margin-top: 15px;}
.coll-items {display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));}
.coll {display: block; padding-top: 0; height: 180px; text-align: center; box-shadow: var(--bsh-poster);}
.coll__count {position: absolute; left: 0; top: 0; background-color: var(--accent); color: #fff; 
	position: absolute; left: 0; top: 0; z-index: 6; padding: 4px 10px; border-radius: 12px 0 12px 0;}
.coll__title {position: absolute; inset: 0; color: #fff; background-color: rgba(0,0,0,0.5); 
	padding: 20px; font-weight: 700; font-size: 22px; z-index: 5;}
.coll__title:hover {background-color: rgb(0 0 0 / 10%);}
.poster2 .coll {grid-column: span 2;}
.coll-items .coll {box-shadow: none;}

