html, body, div, span, object, iframe, frame, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, ol, ul, li, fieldset, textarea, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
	background: transparent;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	box-sizing: border-box;
}

input, label, button, form {
	background: transparent;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
	vertical-align: middle;
}

article, aside, figure, figure img, hgroup, footer, header, nav, section {
	display: block;
}

body {
	font: 14px Rubik, sans-serif;
	line-height: normal;
	padding: 0;
	margin: 0;
	color: #d3d8dd;
	background: #1f252b;
	background-size: cover;
	height: 100%;
	width: 100%;
	font-weight: 400;
}

img {
	max-width: 100%;
}

.clr {
	clear: both;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

a {
	color: #d1d6dc;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ff5b61;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 21px;
}

.form-wrap {
	margin: 0;
}

.sub-title h1 {
	margin-bottom: 15px;
	font-size: 24px;
}

.tags-page a {
	margin-bottom: 10px;
}

.tags-page a:hover {
	color: #fff;
}

textarea {
	overflow: auto;
	vertical-align: top;
	padding: 8px 10px;
	color: #d3d8dd;
	background-color: #1a2026;
	border: 1px solid #303a45;
	border-radius: 5px;
	font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 15px;
}

select {
	color: #d5d9de;
	height: 40px;
	border: 1px solid #303a45;
	padding: 0px 10px;
	background: #1a2026;
	border-radius: 5px;
	font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
}

hr {
	height: 1px;
	background: #2a3138;
	border: 0;
	overflow: hidden;
	border-bottom: 1px solid #3c4651;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	padding: 0 35px;
	color: #eaeaea;
	display: inline-block;
	background-color: #343e49;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	cursor: pointer;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button[disabled], input[disabled] {
	cursor: default;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #ff5b61;
}

button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	background-color: #343e49;
	border-radius: 3px;
	box-shadow: none;
	border: 0;
	text-shadow: none;
}

input[type="text"], [type="password"] {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 8px 10px;
	outline: none;
	border: 1px solid #303a45;
	border-radius: 5px;
	background: #1a2026;
	font: 13px/19px "Open Sans", Helvetica, Arial, sans-serif;
	color: #d5d9de;
}

textarea:hover, input:hover, select:hover {
	border-color: #8f99a3;
}

textarea:focus, input:focus, select:focus {
	border-color: #8f99a3;
}

textarea, input {
	outline: none;
}

input[type="text"], [type="password"], textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color0/**/.3s;
	-o-transition: border-color0/**/.3s;
	-ms-transition: border-color0/**/.3s;
	-moz-transition: border-color0/**/.3s;
	-webkit-transition: border-color 0.3s;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder {
	color: transparent;
}

table.userstop, table.pm, table.tableform, table.calendar {
	border-collapse: collapse;
	border-spacing: 0;
}

.ui-icon, .close {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

.img-box {
	overflow: hidden;
	position: relative;
}

.img-box img {
	width: 100%;
	min-height: 100%;
	object-fit: cover;
	height: 100%;
}

.square-img img {
	display: block;
	width: 150%;
	max-width: 150%;
	margin-left: -25%;
}

.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a,.show-login i,.movie-img-inner,.go-watch,.trailer-img:before,.show-bigmenu,.news-img,.but,.tabs li,.rel-movie-title {
	transition: color .4s,background-color .4s,opacity -.1s;
}

.pseudo-link {
	cursor: pointer;
}

.nav,.foot-line,.side-colored2,.actors,.alphabet {
	background: #171c21 no-repeat;
	background-size: 100% auto;
}

.wrapper {
	height: auto;
	width: 100%;
	min-width: 320px;
	position: relative;
}

.wr-center {
	width: 100%;
	min-width: 320px;
	max-width: 1264px;
	margin: 0 auto;
	position: relative;
	background: #1b2127;
	border-radius: 4px 4px 0 0;
	z-index: 100;
}

.top {
	height: 70px;
	position: relative;
	padding-left: 220px;
	background-color: #171c21;
}

.nav {
	background-position: center -250px;
	padding: 15px;
	background: #303a45;
	box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.5),inset 0 -20px 20px -20px rgba(0,0,0,0.5);
	position: relative;
	color: #4F555F;
}

.content {
	padding: 10px 0px 0 0px;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.col-sidebar {
	float: right;
	width: 300px;
	margin-right: -300px;
	padding-right: 20px;
}

.col-content {
	float: left;
	width: 100%;
	padding: 0 10px 20px;
	min-height: 600px;
}

#bg-wallpaper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	opacity: .01;
}

.have-bg {
	padding-top: 250px;
}

.have-bg .wr-center {
	box-shadow: 0 0 40px 0 rgba(0,0,0,0.3);
}

.bottom-rkl-box {
	margin-bottom: 20px;
	overflow: hidden;
}

.rkl-box {
	overflow: hidden;
}

.brand-link {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
}

.usocial-pro {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	line-height: 30px;
}

.usocial-inited {
	display: inline-block;
	vertical-align: middle;
}

.share-player {
	background: #171c21;
	padding: 0 20px 15px;
	margin-bottom: 20px;
	border-radius: 0 0 5px 5px;
	line-height: 30px;
}

.robik {
	position: absolute;
	align-items: center;
	height: 70px;
	left: 40px;
}

.robik a {
	color: #d8d8d8;
	font-size: 39px;
	letter-spacing: 1px;
	font-weight: 300;
	display: block;
	transition: .1s ease-in-out;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
}

.robik a span {
	font-size: 13px;
}

.robik a:hover {
	transform: scale(1.05);
	transition: transform .15s ease-in-out;
}

.flex {
	display: flex;
}

.header-menu a {
	display: block;
	padding: 0 15px;
	line-height: 69px;
	color: #e9e9e9;
	font-size: 15px;
	position: relative;
	font-weight: 500;
}

.header-menu a:hover {
	color: #79c58a;
}

.top-buts {
	float: right;
	padding-top: 15px;
	padding-right: 10px;
}

.show-login,.show-login i {
	display: inline-block;
	line-height: 40px;
	cursor: pointer;
	padding: 0 18px;
	background: #343e49;
	border-radius: 7px;
}

.show-login:hover {
	background: #505050;
}

.show-login .fa {
	margin-right: 4px;
}

.show-login span {
	color: #e1e5e9;
}

.login-reg {
	display: inline-block;
	vertical-align: top;
}

.login-reg i {
	font-size: 15px;
	margin: 12px 4px 28px 8px;
}

.login-reg span:hover {
	color: #79c58a;
	cursor: pointer;
}

.login-img1 {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-top: -5px;
	cursor: pointer;
	vertical-align: top;
	border-radius: 50%;
}

.show-search {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	margin-right: 20px;
	color: #9aa4ad;
	float: right;
	font-size: 12px;
	position: relative;
}

.show-search:before {
	right: 0;
	top: 100%;
	content: " ";
	height: 0;
	width: 0;
	z-index: 999;
	position: absolute;
	border-right: 10px solid #20272e;
	border-bottom: 10px solid transparent;
}

.show-search:after {
	content: attr(data-label);
	float: left;
}

.show-search i {
	font-size: 24px;
	margin-right: 10px;
	float: left;
	line-height: 70px;
}

.show-bigmenu {
	display: none;
	width: 100px;
	height: 116px;
	position: absolute;
	top: 15px;
	left: 15px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	flex-direction: column;
	justify-content: center;
	color: #d4d9de;
	box-shadow: inset 0 0 0 1px #171c21;
	background-color: #171c21;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 500;
}

.show-bigmenu i {
	display: block;
	font-size: 26px;
	margin-bottom: 10px;
}

.show-bigmenu:hover {
	background-color: #718091;
}

.nav:before {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 3px solid #ff5b61;
}

.nav ul {
	columns: 6 auto;
	-moz-columns: 6 auto;
	-webkit-columns: 6 auto;
}

.nav ul li {
	width: auto;
	margin-bottom: 4px;
	background: #171717;
	border-radius: 5px;
	text-align: center;
}

.nav ul li:hover {
	background: #2a3138;
}

.nav ul li a {
	display: block;
	line-height: 26px;
	color: #d4d9de;
	font-size: 13px;
	font-weight: 500;
}

.nav ul li i {
	color: #8e8e8e;
	width: 20px;
}

.menu-wrap {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	background-color: rgba(0,0,0,0.4);
	display: none;
}

.menu-box {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-shadow: 0 0 20px 0 rgba(0,0,0,1.00);
}

.menu-title {
	color: #fff;
	background-color: #222a32;
	padding: 0 20px;
	line-height: 50px;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

.menu-inner {
	padding: 20px 20px 20px 30px;
	background-color: rgba(25, 25, 25, 0.95);
}

.menu-close {
	font-weight: 400;
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
	font-size: 20px;
}

.js .menu-list {
	display: none;
}

.js .menu-wrap .menu-list {
	display: block;
}

.cat-title {
	padding: 12px 15px;
	display: inline-block;
	background-color: #222a32;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-right: 10px;
	border-left: 2px solid #c84f58;
	margin-left: -10px;
}

.cat-title a {
	text-decoration: underline;
	color: #FFF;
}

.cat-button {
	padding: 10px 12px;
	display: inline-block;
	background-color: #c84f58;
	font-weight: 500;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: pointer;
	border-radius: 3px;
	border-bottom: 2px solid #8f3841;
}

.cat-button a {
	color: #FFF;
}

.menu-inner ul+.cat-title {
	margin-top: 20px;
}

.menu-inner ul li {
	display: inline-block;
	margin: 0 0 4px;
}

.menu-inner ul a {
	display: block;
	padding: 8px 15px;
	background-color: #222a32;
	color: #e8ebee;
	border-radius: 3px;
}

.menu-inner ul a:hover {
	background-color: #c84f58;
}

.search-wrap {
	width: 230px;
	position: absolute;
	right: 130px;
	top: 15px;
	z-index: 100;
}

.search-box {
	width: 100%;
	position: relative;
}

.search-box input,.search-box input:focus {
	width: 100%;
	height: 40px;
	line-height: 30px;
	padding: 0 40px 0 15px;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.1);
	color: #d0d0d0;
	border: 0;
	box-shadow: inset 0 0 0 1px #1b2229;
}

.search-box button {
	position: absolute;
	right: 0;
	top: 6px;
	border-radius: 0;
	padding: 0;
	text-align: center;
	width: 40px;
	height: 27px;
	line-height: 30px;
	color: #FFF;
	background-color: transparent;
}

.section {
	margin-bottom: 20px;
}

.section-title {
	line-height: 40px;
}

.section-title h2,.section-title h1,.title-sect {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	box-shadow: inset 0 -3px 0 0 #718091;
	margin-right: 20px;
	position: relative;
}

.section-title a {
	display: inline-block;
	padding: 0 15px;
	color: #a7b0b9;
	background-color: #171c21;
	margin-right: 7px;
	border-radius: 4px;
}

.section-title a:hover {
	background-color: #2b333c;
}

.section-title i {
	font-size: 13px;
	margin-right: 10px;
}

.section-items {
	margin: 0 10px;
}

.actors {
	padding: 20px;
	color: #FFF;
	margin-bottom: 0;
	background-position: center -30px;
	box-shadow: inset 0 600px 0 0 rgba(0,0,0,0.2);
}

.actors .section-title h2 {
	color: #fff;
}

.news-trailers {
	padding: 20px;
	background: #20272e;
	margin-bottom: 0;
}

.news .section-items {
	margin: 0;
}

.news {
	width: 48%;
	float: left;
}

.trailers {
	width: 48%;
	float: right;
}

.trailers .section-items {
	margin: 0 -5px;
}

.title-vid {
	width: 100%;
	margin-bottom: 15px;
	display: inline-block;
}

.seo-title {
	line-height: 40px;
}

.seo-title h1 {
	color: #d1d1d1;
	font-size: 20px;
	font-weight: 500;
}

.movie-item {
	position: relative;
	margin: 0 8px;
	max-width: 200px;
}

.short-movie {
	width: 18%;
	margin: 0 1% 27px;
	display: inline-block;
	vertical-align: top;
}

.movie-img {
	height: 240px;
	transition: transform .25s ease-in-out;
	border-radius: 4px;
}

.movie-series {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	background-color: rgba(31, 31, 31, 0.90);
	color: #c1c1c1;
	padding: 5px 8px;
	text-align: center;
	font-size: 13px;
	border-radius: 10px 0 0 0;
}

.new-series {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 7;
	background: url(../images/newserial.svg);
	background-size: cover;
}

.movie-img-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,0,0,0.6);
}

.movie-img:hover .movie-img-inner {
	opacity: 1;
}

.show-desc {
	position: absolute;
	right: 12px;
	top: 12px;
	font-size: 30px;
	color: #CECECE;
	cursor: pointer;
}

.go-watch {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
	height: 56px;
	width: 56px;
	font-size: 60px;
	color: #CECECE;
	opacity: .8;
	cursor: pointer;
}

.go-watch:hover {
	opacity: 1;
}

.movie-img>span {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 30;
	display: inline-block;
	line-height: 24px;
	background-color: rgba(176,56,56,0.75);
	color: #fff;
	padding: 0 10px;
	font-size: 12px;
	border-radius: 0 4px 4px 0;
}

.movie-img .movie-top1 {
	position: absolute;
	color: #fff;
	line-height: 28px;
	border-radius: 0 3px 3px 0;
	font-size: 18px;
	bottom: 12px;
	background: rgba(136,182,105,0.8);
	padding: 0 10px;
	left: 0;
	font-weight: 500;
}

.movie-title {
	display: block;
	margin: 12px 0 3px;
	color: #b9b9b9;
	overflow: hidden;
	font-size: 16px;
}

.movie-title:hover,.movie-tags a:hover {
	text-decoration: underline;
}

.movie-tags a,.movie-tags {
	color: #79c58a;
	font-size: 12px;
}

.movie-desc {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 150;
	width: 420px;
	padding: 15px 15px 15px 20px;
	background-color: rgba(31, 31, 31, 0.97);
	display: none;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.8);
	min-height: 80px;
	border-radius: 10px;
}

.pop-left .movie-desc {
	left: auto;
	right: 45px;
}

.movie-desc:before {
	right: 100%;
	top: 45px;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-top: 30px solid #222121;
	border-left: 30px solid transparent;
}

.pop-left .movie-desc:before {
	left: 100%;
	right: auto;
	border-left: 0;
	border-right: 30px solid transparent;
}

.movie-date {
	float: right;
	color: #d3d3d3;
	margin-bottom: 10px;
	height: 20px;
	padding: 1px 10px;
	font-weight: 500;
	line-height: 20px;
	background: #232323;
	font-size: 13px;
	border-radius: 3px;
}

.movie-top {
	position: absolute;
	float: right;
	color: #fff;
	margin-top: 30px;
	border-radius: 4px;
	font-size: 25px;
	right: 20px;
	background: rgba(136,182,105,0.8);
	padding: 2px 7px;
	font-weight: 700;
}

.movie-reting {
	float: right;
	position: absolute;
	margin-top: 28px;
	right: 20px;
	color: #c1c1c1;
	margin-bottom: 10px;
	padding: 1px 7px 1px 10px;
	line-height: 20px;
	background: #232323;
	font-size: 13px;
	border-radius: 4px;
}

.movie-reting span {
	color: #79c58a;
	margin-right: 2px;
	font-size: 14px;
	font-weight: 500;
}

.movie-director {
	color: #aaa;
	margin-bottom: 3px;
	font-size: 14.5px;
}

.movie-director b {
	float: left;
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: #87919b;
}

.movie-dr2 {
	padding: 0 0 0 110px;
	display: block;
}

.movie-retin {
	color: #79c58a;
	padding-right: 10px;
}

.movie-retin.low {
	color: #ff646a;
}

.movie-retin.middle {
	color: #fd9b27;
}

.movie-text {
	margin-top: 15px;
	color: #aeb7c0;
	font-size: 14.5px;
}

.movie-quality {
	display: inline-block;
	margin-top: 15px;
	background-color: #1dd2af;
	color: #FFF;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.movie-desc a {
	text-decoration: underline;
}

.movie-rate {
	display: inline-block;
	height: 40px;
	padding: 0 15px 0 0;
	line-height: 40px;
	font-size: 18px;
	background-color: #303a45;
	border-radius: 20px;
	color: #7f7f7f;
}

.movie-rate i {
	margin-right: 10px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	background-color: #79c58a;
	color: #fff;
}

.movie-rate.s-negative i {
	background-color: #ed6037;
}

.relatedi {
	background-color: #171c21;
	padding: 12px 15px 2px;
	margin-bottom: 20px;
	margin-top: 15px;
	border-radius: 7px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	color: #969696;
	font-size: 12px;
	align-items: center;
}

.rates>div {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}

.ret {
	float: left;
}

.vote-num {
	font-size: 12px;
}

.value-num {
	font-size: 22px;
	margin: 0px 5px 0px 10px;
	border-bottom: 1px solid #3e3e3e;
	color: #e4e4e4;
}

.rating_type_text {
	display: inline-block;
}

.rating__source {
	margin-bottom: 5px;
	color: #b7b7b7;
	font-size: 15px;
}

.rating_size_l .rating__value {
	font-size: 20px;
	color: #79c58a;
}

.rating__value.low {
	color: #ff646a;
}

.rating__value.middle {
	color: #fd9b27;
}

.rating__kp {
	margin-left: 20px;
}

.film-user-info {
	padding: 8px 20px;
	background-color: rgba(0,0,0,0.6);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}

.full-info-item {
	display: inline-block;
	color: #fff;
	font-size: 13px;
}

.full-info-item i {
	color: #f2b94b;
	margin-right: 5px;
	font-size: 14px;
}

.full-info-item a {
	color: #fff;
}

.full-info-item a:hover {
	color: #f2b94b;
}

.grid-select {
	line-height: 40px;
	padding: 0px 10px;
	height: 40px;
	display: inline-block;
	border-radius: 5px;
	background: #171c21;
	float: left;
	margin-right: 15px;
}

.grid-select:before {
	content: attr(data-name);
	float: left;
	margin-right: 5px;
	color: #e1e5e9;
}

.grid-select span {
	height: 40px;
	width: 30px;
	text-align: center;
	float: left;
	margin-left: 1px;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #8f99a3;
}

.grid-select span:hover,.grid-select span.current {
	color: #fff;
}

.grid-list {
	margin: 0;
}

.grid-list .short-movie {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0 0 10px;
	padding: 10px 0 10px 180px;
	background: #171c21;
	border-radius: 5px;
}

.grid-list .movie-img {
	height: 240px;
	float: left;
	margin-left: -170px;
	width: 170px;
}

.grid-list .movie-desc {
	position: static;
	width: 100%;
	float: right;
	padding: 40px 20px 10px;
	box-shadow: none;
	display: block;
}

.grid-list .movie-title {
	margin: 0;
	height: 40px;
	font-size: 18px;
	position: absolute;
	left: 200px;
	top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
}

.grid-list .movie-tags {
	position: absolute;
	left: 200px;
	right: 0;
	top: 32px;
}

.grid-list .movie-desc:before,.grid-list .show-desc {
	display: none;
}

.grid-list .movie-top1 {
	display: none;
}

.grid-list .movie-director {
	font-size: 14px;
	margin-bottom: 2px;
}

.grid-list .movie-text {
	font-size: 14px;
}

.grid-list .movie-dr2 {
	padding: 0 0 0 120px;
}

@media screen and (max-width:590px) {
	.grid-list .short-movie {
		padding: 50px 0 30px;
	}

	.grid-list .movie-img {
		height: 290px;
		width: 205px;
		margin: 0 auto;
		float: none;
	}

	.grid-list .movie-title {
		left: 15px;
		right: 0;
		font-weight: 700;
		margin-top: 5px;
	}

	.grid-list .movie-tags {
		left: 15px;
	}

	.grid-list .movie-desc {
		padding: 20px 20px 0;
	}
}

.drop-menu {
	position: relative;
	width: 180px;
	background: #272f3e;
	cursor: pointer;
	outline: none;
	box-shadow: 0 0 0 2px #252d35;
	border-radius: 5px;
	float: right;
	-webkit-user-select: none;
}

.drop-menu:hover {
	box-shadow: 0 0 0 2px #4c5a71;
}

.drop-menu.active {
	z-index: 100;
	border-radius: 5px 5px 0 0;
	background-color: #2e3748;
}

.drop-menu.active:hover {
	box-shadow: 0 0 0 2px #252d35;
	background-color: #2e3748;
}

.dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	transition: all .3s ease-out;
	list-style: none;
	display: none;
	pointer-events: none;
	border-radius: 0 1px 5px 5px;
}

.dropdown li a {
	display: block;
	text-decoration: none;
	color: #4f4f4f;
	padding: 7px 15px;
	transition: all .3s ease-out;
}

.dropdown li i {
	margin-right: 5px;
	color: inherit;
	vertical-align: middle;
}

.dropdown li:hover a {
	background-color: #343d47;
	color: #000;
}

.drop-menu.active .dropdown {
	display: block;
	pointer-events: auto;
}

.drop-menu i {
	font-size: 14px;
	color: #888;
	cursor: pointer;
	transition: all .1s ease-in-out;
	float: right;
}

.drop-menu.active i {
	transform: rotate(180deg);
	margin-top: 2px;
}

.select-text {
	color: #e1e5e9;
	padding: 10px 15px;
}

.info-nocomment {
	width: 100%;
	color: #aeb7c0;
	margin: 15px 0;
	font-size: 15px;
	padding: 15px 25px;
	display: inline-block;
	background-color: #171c21;
	border-radius: 5px;
}

.comm-letter {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}

.comment_inner {
	margin: 10px 0;
	padding: 10px 15px;
	background: #171c21;
	border-radius: 7px;
	min-height: 82px;
}

.comment_avatar {
	float: left;
}

.comment_avatar img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.comment-soc {
	width: 20px;
	height: 20px;
	border-radius: 0;
	border: 0;
	position: absolute;
	right: -1px;
	top: -3px;
}

.ucf-avatar img {
	width: 53px;
	height: 53px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.comment_body {
	margin-left: 65px;
}

.comment_title a {
	text-decoration: none;
	color: #d3d3d3;
	font-size: 14px;
}

.comment_title {
	font-size: 15px;
	color: #e2e2e2;
}

.comment_message {
	padding: 8px 0;
	color: #b9b9b9;
}

.comment_message_otvet {
	padding: 0 29px;
	color: #666;
	font-size: 15px;
}

.comment_date {
	color: #a7b0b9;
	text-transform: lowercase;
	font-size: 11px;
}

.comment_addition {
	text-align: right;
}

.comment_moder {
	float: right;
}

.comment_moder a {
	margin: 0 4px;
	vertical-align: middle;
}

.comment_moder_hidden {
	display: none;
}

.comment_inner:hover .comment_moder_hidden {
	display: inline-block;
}

.comment_answer a {
	color: #a7b0b9;
	font-size: 11px;
	text-decoration: underline;
}

.comment_answer a:hover {
	text-decoration: none;
}

.comment_answer a:active {
	text-decoration: none;
}

.comment_answer1 a {
	color: #a7b0b9;
	border: 1px solid;
	border-color: #a7b0b9;
	line-height: 13px;
	padding: 5px 10px;
	display: inline-block;
	border-radius: 30px;
	font-size: 13px;
	text-decoration: none;
}

.comment_answer1 a:hover {
	text-decoration: none;
	background: #2a333d;
	border-color: #a7b0b9;
	color: #fff;
}

.comment_answer1 a:active {
	text-decoration: none;
}

.comment_link {
	text-align: left;
}

.comment_link i {
	margin-right: 5px;
	font-size: 11px;
}

.seotext h2 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	margin-top: 15px;
	color: #99a3ac;
	padding-bottom: 10px;
}

.menu-janr-title {
	background: #ff5b61;
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.18);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.18);
	box-shadow: inset 0 0 10px rgba(0,0,0,.18);
	height: 39px;
	line-height: 39px;
	padding: 0 0 0 17px;
	color: #fff;
	font-size: 16px;
}

.decor-line {
	background-color: #000;
	box-shadow: inset 0 100px rgba(0,0,0,0.5);
	padding: 20px 0;
}

#owl-mov,#owl-mov2 {
	max-height: 450px;
}

.more-link {
	text-align: center;
}

.more-link a {
	display: inline-block;
	padding: 10px 20px;
	font-size: 18px;
	color: #000;
	background-color: #ff5b61;
	border-radius: 4px;
	background: linear-gradient(to bottom,#ff5b61 0%,#ff5b61 100%);
}

.more-link span {
	margin: 0 10px;
}

.greyer .more-link a {
	color: #fff;
	background-color: #ff5b61;
	margin-top: 20px;
	background: linear-gradient(to bottom,#ff5b61 0%,#ff5b61 100%);
}

.top-news {
	counter-reset: li;
	list-style: none;
	margin: 0 -10px;
}

.top-news li {
	position: relative;
	padding-left: 36px;
}

.top-news li:nth-child(2n) {
	background-color: #2f3846;
}

.top-news li:before {
	content: counter(li);
	counter-increment: li;
	font-size: 12px;
	position: absolute;
	top: 7px;
	left: 10px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	box-shadow: inset 0 0 0 2px #ca563f;
	font-weight: 700;
	border-radius: 50%;
}

.top-news a {
	display: block;
	padding: 0 10px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.actor-item {
	display: block;
	margin: 0 5px;
	height: 200px;
	border: 1px solid #68737e;
	border-radius: 3px;
	max-width: 200px;
}

.short-actor {
	width: 14.66%;
	margin: 0 1% 20px;
	float: left;
}

.actor-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	font-weight: 700;
}

.actor-item:hover .actor-title {
	bottom: -100px;
}

.actor-item:hover {
	border-color: #ff5b61;
}

.actor-item:hover img {
	transform: scale(1.1,1.1);
}

.trailer-num {
	position: absolute;
	color: #fff;
	top: 10px;
	background-color: #1b2127;
	right: 10px;
	border-radius: 5px;
	text-align: center;
	padding: 2px 5px;
}

.trailer-title {
	overflow: hidden;
	position: absolute;
	bottom: 20%;
	width: 100%;
	color: #fff;
	font-size: 19px;
	padding: 5px 15px;
	text-transform: uppercase;
	text-shadow: 1px 1px #000000;
	text-align: center;
	background: rgb(24 24 24 / 50%);
}

.short-trailer {
	display: block;
	width: 31.33%;
	margin: 0 1% 30px;
	float: left;
}

.trailer-item {
	display: block;
	margin: 0 2% 22px;
}

.trailer-img {
	height: 150px;
	border-radius: 7px;
	background: #171c21;
}

.trailer-img:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(24 24 24 / 39%);
}

.trailer-img .go-watch {
	color: #fff;
	opacity: 1;
}

.trailer-item:hover .trailer-img:before {
	background-color: rgba(0,0,0,0.65);
}

.short-trailer:hover .trailer-img:before {
	background-color: rgba(0,0,0,0.65);
}

.mob-trailer {
	margin-top: 10px;
	border: 2px solid #303a45;
	padding: 12px;
	color: silver;
	text-align: center;
}

.mob-trailer .fa {
	font-size: 55px;
	float: left;
	margin: 0 20px 0 8px;
	color: #9da7b0;
	line-height: 34px;
}

.news-item {
	padding: 0 0 15px 220px;
}

.news-img {
	width: 200px;
	height: 140px;
	float: left;
	margin-left: -220px;
}

.news-img:hover {
	opacity: .7;
}

.news-text {
	float: right;
	width: 100%;
	color: #8c96a0;
	font-size: 13px;
}

.news-text a {
	display: block;
	color: #444;
	margin-bottom: 10px;
	font-size: 16px;
}

.news-date {
	font-size: 12px;
	margin-bottom: 10px;
	color: #9da7b0;
}

.news-info {
	color: #fff;
	background-color: #ff5b61;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	padding: 5px 10px;
	position: absolute;
	left: 5px;
	top: 5px;
}

.news-text a:hover {
	color: #000;
	text-decoration: underline;
}

.news-comms {
	background-color: #455666;
	color: #FFF;
	font-size: 14px;
	padding: 5px 10px;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.news-comms i {
	margin-right: 5px;
}

.news-item2 {
	margin-bottom: 10px;
	color: #9da7b0;
}

.news-item2 a {
	margin-left: 20px;
	text-decoration: underline;
	color: #455666;
}

.news-item2 a:hover {
	text-decoration: none;
}

.news-item2 span {
	display: inline-block;
	width: 100px;
	font-size: 12px;
}

.news-sep-line {
	border-top: 1px solid #39424c;
	box-shadow: 0 -1px #fff;
	padding-top: 15px;
}

.news-item+.news-item2 {
	margin-top: 20px;
}

.news-item2+.news-item {
	margin-top: 40px;
}

.side-item {
	margin-bottom: 20px;
}

.side-colored {
	background-color: #171c21;
	border-radius: 5px;
	padding: 15px 15px 0;
}

.side-colored2 {
	padding: 20px;
	color: #fff;
	background-position: -200px -250px;
	background-size: 400% auto;
	box-shadow: inset 0 800px 0 0 rgba(0,0,0,0.4);
}

.side-title {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align: center;
}

.side-content .short1-item:last-child,.side-content .short4-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
	box-shadow: none;
}

.side-movie {
	width: 48%;
	float: left;
	display: block;
	margin-bottom: 20px;
}

.side-movie:nth-child(2n) {
	float: right;
}

.side-movie-img {
	height: 170px;
	margin-bottom: 8px;
	border-radius: 4px;
	opacity: .9;
}

.side-movie-title {
	height: 35px;
	overflow: hidden;
	text-align: center;
	color: #aeb7c0;
}

.side-movie:hover .side-movie-img img {
	opacity: .8;
}

.side-movie:hover .side-movie-title {
	text-decoration: underline;
}

.short1-item {
	display: block;
	padding: 0 20px 10px 90px;
	margin: 0 -20px 10px;
	border-bottom: 1px solid #39424c;
	box-shadow: 0 1px #fff;
}

.short1-img {
	float: left;
	width: 70px;
	height: 70px;
	margin-left: -70px;
	overflow: hidden;
}

.short1-title {
	float: right;
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
	color: #8c96a0;
}

.short1-item:hover .short1-title {
	text-decoration: underline;
}

.short4-item {
	display: block;
	margin-bottom: 20px;
}

.short4-img {
	height: 140px;
	overflow: hidden;
}

.short4-title {
	margin-top: 5px;
	color: #444;
	font-size: 13px;
}

.short4-item:hover .short4-title {
	text-decoration: underline;
}

.short4-img i,.side-movie-img i {
	margin-right: 5px;
}

.site-desc {
	padding: 20px;
	position: relative;
	margin: 20px 0;
	background-color: #171c21;
	line-height: 19px;
	border-radius: 5px;
	text-align: justify;
}

.site-desc h1,.site-desc h2,.site-desc h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	text-align: center;
}

.site-desc h1 span,.site-desc h2 span,.site-desc h3 span {
	color: #79c58a;
}

.site-desc p {
	margin-bottom: 10px;
}

.site-desc a {
	text-decoration: underline;
}

.site-desc:empty {
	display: none;
}

.foot-menu {
	margin: auto;
	padding: 0;
	text-align: center;
	background-color: #0c0c0c;
}

.foot-menu li {
	display: inline-block;
}

.foot-menu li a {
	color: #bebebe;
	text-transform: uppercase;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	float: left;
	position: relative;
	font-weight: 500;
}

.foot-menu li a:hover {
	text-decoration: underline;
	color: #ff5b61;
}

.foot-line {
	padding: 20px 35px;
	min-height: 60px;
	color: #aeb7c0;
	box-shadow: inset 0 300px 0 0 rgba(0,0,0,0.4);
}

.copyr {
	font-size: 12px;
	display: none;
	float: left;
}

.counts {
	flex-direction: column;
	justify-content: center;
	float: left;
}

.counts span {
	margin-left: 10px;
	background-color: #1a2026;
	padding: 4px;
	border-radius: 3px;
	font-size: 12px;
	display: inline-block;
}

.foot-line a {
	text-decoration: underline;
	color: #9aa4ad;
}

.b-social {
	display: inline-block;
	float: right;
	font-size: 18px;
	padding: 0 8px;
}

.b-social li {
	display: inline-block;
}

.b-social a {
	display: block;
	padding: 0 7px;
}

.b-social a:hover {
	color: #ff5b61;
}

.xw-tl,.xw-tr,.xw-tc {
	background: #252d35;
}

.xw-plain .xw-tl {
	border-top-left-radius: 7px;
	background-color: #252d35;
}

.xw-plain .xw-tr {
	border-top-right-radius: 7px;
}

.xw-plain .xw-ml,.xw-plain,.xw-plain .xw-bl {
	background-color: #2a333d;
}

.xw-plain {
	box-shadow: 0 0 20px 0 rgba(0,0,0,1.00);
}

.xw-plain .xw-bl {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

.xw-plain .xw-body {
	padding: 10px 15px 0;
}

.report-text {
	margin-bottom: 20px;
}

.report-text textarea[name="report"] {
	display: none;
}

.report-text input[name="variable"]:checked~textarea[name="report"] {
	display: block;
	margin-top: 15px;
}

.report-text input[type="button"] {
	background-color: #45525f;
	font-weight: 700;
	font-size: 15px;
	padding: 0px 50px;
}

.report-text input[type="button"]:hover {
	background-color: #5369ab;
}

.report-text .report {
	margin-right: 8px;
}

.report-text label {
	padding: 10px 20px;
	background: #3c4651;
	display: block;
	margin-bottom: 8px;
	cursor: pointer;
	border-radius: 5px;
	line-height: 20px;
}

.report-text label:hover {
	background: #676767;
}

.report-info {
	background: rgb(255 0 0 / 7%);
	padding: 10px 15px;
	border-radius: 5px;
}

.movie-cols {
	padding-left: 260px;
}

.mc-left {
	width: 260px;
	margin-left: -260px;
	float: left;
	padding-bottom: 20px;
}

.mc-right {
	width: 100%;
	float: right;
	padding-left: 25px;
}

.mc-article {
	padding-left: 0;
}

.mc-article .mc-right {
	float: none;
	padding-left: 0;
}

.m-img {
	max-width: 260px;
	border-radius: 3px;
	position: relative;
	margin: 0 auto;
}

.m-img img {
	width: 100%;
	display: block;
}

.mc-right h1 {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 5px;
}

.m-ratings {
	padding-top: 15px;
}

.mr-item {
	display: inline-block;
	margin-right: 20px;
	line-height: 26px;
}

.m-buttons {
	margin-top: 15px;
	margin-bottom: 20px;
}

.m-buttons a {
	display: inline-block;
}

.m-buttons i {
	margin-right: 10px;
}

.but {
	display: inline-block;
	padding: 10px 20px;
	background-color: #252d35;
	color: #fff;
	border: 1px solid #79c58a;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.to-view {
	background-color: #252d35;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 6px;
	border: 1px solid #a83a3a;
}

.but:hover {
	background-color: #69ad7a;
}

.to-view:hover {
	background-color: #a83a3a;
}

.m-buttons a {
	display: inline-block;
}

.m-info {
	margin-top: 20px;
}

.mi-item {
	padding: 7px 10px;
}

.m-info .mi-item:nth-child(2n/**/+1) {
	background-color: #171c21;
	border-radius: 3px;
}

.m-info a {
	text-decoration: underline;
}

.m-info a:hover {
	text-decoration: none;
}

.mi-label {
	float: left;
	width: 90px;
	color: #888888;
}

.m-origin {
	color: #aab3bb;
	font-size: 15px;
}

.player-section {
	color: #d0d5da;
	padding: 20px 15px;
	position: relative;
	border-radius: 5px 5px 0 0;
	background: #171c21;
}

.player-section:before {
	right: 0;
	top: 100%;
	content: " ";
	height: 0;
	width: 0;
	z-index: 999;
	position: absolute;
	border-left: 20px solid #171c21;
	border-bottom: 20px solid transparent;
	display: none;
}

.player {
	background-color: #79c58a;
	color: #d0d5da;
	padding: 20px;
	margin: 0 0 20px;
	position: relative;
	background: #171717;
}

.player:before {
	right: 0;
	top: 100%;
	content: " ";
	height: 0;
	width: 0;
	z-index: 999;
	position: absolute;
	border-left: 20px solid #171c21;
	border-bottom: 20px solid transparent;
	display: none;
}

.video-container {
	background-color: #000;
	color: #fff;
	display: none;
}

.player-box {
	background-color: #000;
	color: #fff;
	display: none;
	background: url(../images/load-player.gif) no-repeat 50% 50% #000;
	width: 100%;
}

.player-box.visible {
	display: block;
}

.tabs {
	margin-top: -20px;
}

.tabs li {
	display: inline-block;
	padding: 20px 10px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-user-select: none;
}

.tabs li.current {
	box-shadow: inset 0 3px 0 0 #ff5b61;
}

.tabs li:hover {
	color: #ff5b61;
}

.tabs a {
	display: inline-block;
	padding: 20px 10px;
	cursor: pointer;
	font-weight: 500;
	background: #303a45;
	margin-top: 0;
	right: 15px;
	position: absolute;
}

.tabs a:hover {
	background: #c84f58;
	color: #e2e2e2;
}

.onliohblin {
	padding: 150px 30px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #000;
}

.onliohblin .domenx {
	font-size: 55px;
	font-weight: 700;
}

.onliohblin .domenx span {
	color: #ff5b61;
}

.onliohblin .ohtitl {
	font-size: 20px;
	margin-top: 40px;
}

.onliohblin .ohon {
	color: #9fa9b2;
	font-size: 16px;
	margin-top: 10px;
}

.player-box iframe {
	width: 100%;
}

.full-text {
	-webkit-user-select: none;
	line-height: 21px;
	margin: 0 0 25px;
	font-size: 15px;
	color: #a7b0b9;
}

.full-text img {
	margin: 0 10px 10px 0;
	max-width: 100%;
	border: 5px solid #d9dde1;
}

.full-text a {
	text-decoration: underline;
}

.full-text a:hover {
	text-decoration: underline;
}

.full-text h2,.full-text h3,.full-text h4,.full-text h5 {
	color: #ff5b61;
	font-style: italic;
	font-family: Georgia,"Times New Roman",Times,serif;
}

.full-text h2 {
	font-size: 22px;
}

.full-text h3 {
	font-size: 20px;
}

.full-text h4 {
	font-size: 18px;
}

.full-text h5 {
	font-size: 16px;
}

.full-text p {
	margin-bottom: 15px;
}

.full-text ul,.full-text ol,.full-text h2,.full-text h3,.full-text h4,.full-text h5 {
	margin: 0;
}

.full-text ul li {
	list-style: disc;
	margin-left: 40px;
}

.full-text ol {
	counter-reset: li;
	padding: 0;
	list-style: none;
	margin-left: 25px;
}

.full-text ol li {
	position: relative;
	margin: 0 0 5px;
	padding-left: 30px;
	min-height: 20px;
}

.full-text ol li:before {
	content: counter(li);
	counter-increment: li;
	font-size: 11px;
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #ff5b61;
	font-weight: 700;
	border-radius: 50%;
}

.full-text table {
	width: 100%;
	text-align: left;
}

.full-text table tr td {
	padding: 10px;
	border: 1px solid #68737e;
	font-size: 12px;
}

.full-text table tr:nth-child(1) {
	background-color: #ff5b61;
	color: #FFF;
	font-size: 14px;
}

.full-text table tr:nth-child(2n/**/+1) {
	background-color: #242b32;
}

.full-text table img {
	display: block;
	margin: 0;
	border: 0;
	max-width: 350px;
}

.attach {
	line-height: 40px;
	background-color: #20272e;
	padding: 0 15px 0 0;
	border-radius: 4px;
	margin: 10px 0;
	overflow: hidden;
}

.attach .download-link {
	color: #FFF;
	text-decoration: none;
	margin-right: 15px;
	float: left;
	display: inline-block;
	padding: 0 15px;
	background: #ff5b61;
}

.attach-info {
	float: right;
}

.attach i {
	margin-right: 5px;
}

.dcont {
	border: 1px solid #39424c;
	padding: 0 15px 15px;
	margin: 20px 0;
	line-height: 20px;
}

.polltitle {
	display: block;
	padding: 5px 15px;
	margin: 0 -15px 15px;
	font-size: 18px;
	background-color: #20272e;
	line-height: normal;
}

.full-taglist {
	margin: 10px 0 20px;
	font-size: 11px;
}

.full-taglist-t {
	margin-bottom: 5px;
	font-weight: 700;
}

.full-taglist a:hover {
	text-decoration: underline;
}

.full-nav {
	text-align: center;
	margin-bottom: 20px;
}

.full-nav a {
	color: #ff5b61;
	text-decoration: none;
}

.full-nav a:hover {
	color: #ff5b61;
	text-decoration: underline;
}

.full-nav-pages {
	margin: 0 15px;
}

.full-nav-pages span,.full-nav-pages a {
	display: inline-block;
	margin: 0 5px;
}

.related {
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
}

.rel-img {
	height: 195px;
	border-radius: 4px;
}

.rel-t h2 {
	box-shadow: none;
}

.rel-movie {
	margin: 0 6px;
	display: block;
}

.rel-movie-title {
	display: block;
	margin-top: 10px;
	height: 50px;
	overflow: hidden;
	color: #B3B3B3;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

.rel-stat {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 6px;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
	color: #e1e5e9;
	font-size: 12px;
}

.rel-movie:hover .rel-movie-title {
	color: #79c58a;
	text-decoration: underline;
}

.mc-article .rel-movie {
	height: 140px;
}

.mc-article .rel-movie-title {
	font-weight: 400;
	text-align: left;
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	display: none;
}

.overlay-close {
	position: absolute;
	right: 20px;
	top: 19px;
	font-size: 21px;
	color: #aeb7c0;
	cursor: pointer;
}

.overlay-close:hover {
	color: #d2d7dc;
}

.login-box {
	width: 320px;
	position: fixed;
	left: 50%;
	top: 20%;
	margin-left: -160px;
	padding: 20px;
	color: #fff;
	background-color: rgba(31, 31, 31, 0.92);
	box-shadow: 0 0 20px 0 rgba(0,0,0,1.00);
	border-radius: 5px;
	z-index: 10000;
	display: none;
}

.login-title {
	text-align: left;
	font-size: 20px;
	color: #c9ced3;
	padding: 0 25px;
	line-height: 60px;
	margin: -20px -20px 0;
	border-radius: 4px 4px 0 0;
}

.login-input {
	margin-bottom: 20px;
	position: relative;
}

.login-input input,.login-input input:focus {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 15px;
	line-height: 42px;
	background-color: #2b333c;
	border-radius: 3px;
	border: 0;
	font-size: 17px;
	box-shadow: none;
}

.login-input input:focus {
	border: 1px solid #39424c;
}

.login-btn button {
	width: 100%;
}

.login-button1 {
	display: block;
	text-align: center;
	font-size: 18px;
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.login-checkbox {
	font-size: 12px;
	margin: 10px 0;
	color: #9aa4ad;
}

.login-checkbox input {
	display: none;
}

.login-checkbox input+label:before {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	cursor: pointer;
	position: relative;
	top: 3px;
	border-radius: 3px;
	border: 3px solid #68737e;
	content: "";
	background-color: #d9dde1;
	display: inline-block;
}

.login-checkbox input:checked+label:before {
	background-color: #ff5b61;
}

.login-links {
	text-align: center;
	line-height: 40px;
	margin-top: 15px;
	color: #9da6af;
}

.login-links a {
	font-weight: 500;
	color: #ff5b61;
}

.login-links a:hover {
	text-decoration: none;
}

.login-social {
	text-align: center;
	margin-top: 10px;
}

.login-social2 {
	margin-top: 10px;
}

.comm-social {
	text-align: left;
}

.login-social:before {
	content: attr(data-label);
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	margin-right: 10px;
}

.login-social a {
	display: inline-block;
	margin: 0 3px 10px;
}

.login-social img {
	display: block;
	width: 30px;
}

.login-social a:hover img {
	transform: scale(1.1);
}

.login-avatar {
	text-align: center;
}

.avatar-box {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}

.avatar-box img {
	width: 100%;
	min-height: 100%;
}

.avatar-box+a {
	display: block;
	margin-top: 5px;
	text-decoration: underline;
}

.login-menu {
	margin-top: 20px;
}

.login-menu a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-color: #d7dce1;
	color: #8c96a0;
	margin-bottom: 5px;
	border-radius: 3px;
	text-align: center;
	font-weight: 500;
}

.login-menu a:hover {
	background-color: #ff5b61;
	color: #fff;
}

.lostpas {
	color: #ff5b61;
	font-size: 13px;
	position: absolute;
	top: 12px;
	right: 8px;
	font-weight: 500;
}

.sectiontable {
	width: 100%;
	background: #1d1d1d;
}

ul.tabs1 {
	background: #1d1d1d;
	padding-top: 5px;
}

.tabs1 li {
	float: left;
	padding: 6px 20px;
	display: inline;
	color: #e6e6e6;
	cursor: pointer;
	position: relative;
	margin-left: 5px;
	background: #596a7b;
	margin-bottom: 3px;
	border-radius: 3px;
	-webkit-user-select: none;
}

.tabs1 li:hover,.vertical .tabs1 li:hover {
	background: #303a45;
}

.tabs1 li.current {
	background: #303a45;
}

.tabs1 li.current::after {
	content: "";
	background: #ff5b61;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 9%;
	top: 12px;
}

.box1 {
	display: none;
}

.box1.visible {
	display: block;
}

.box1-info {
	float: left;
	height: 40px;
	line-height: 37px;
	padding: 0 7px;
	color: #d7dce1;
	font-weight: 500;
}

.add-commbtn {
	float: right;
}

.add-commbtn span.fa {
	margin-right: 10px;
}

.add-butcom {
	padding: 0 25px;
	font-size: 15px;
	color: #dadada;
	display: inline-block;
	background-color: rgba(255,255,255,.15);
	text-transform: uppercase;
	height: 37px;
	line-height: 37px;
	border-radius: 5px;
	cursor: pointer;
}

.add-butcom:hover {
	background-color: rgba(255,255,255,.2);
}

.comms-head {
	margin: 20px 0 25px;
}

.comm-bott {
	margin-bottom: 15px;
}

.comms-title {
	font-size: 19px;
	font-weight: 500;
	float: left;
	line-height: 37px;
}

.comm-butt {
	background-color: #79c58a;
	font-size: 16px;
	padding: 0 35px;
}

.ac-protect {
	display: none;
}

.comm-form {
	background: rgba(33,40,52,0.45);
	padding: 15px;
	border-radius: 5px;
	margin: -10px 0 20px;
	border: 1px solid #232529;
}

.comm-error {
	line-height: 10px;
	margin: 15px;
}

.ucf-content {
	position: relative;
	margin: 0 0 0 60px;
}

.ucf-avatar {
	float: left;
	width: 50px;
}

.ser_bi .mimg {
	width: 53px;
	height: 75px;
	flex-shrink: 0;
	background-size: cover;
	border-radius: 3px 0 0 3px;
	overflow: hidden;
}

.ser_bi img {
	display: block;
	min-height: 100%;
}

.ser_ba {
	flex-grow: 1;
	padding: 0 15px;
}

.ser_ba .titl {
	color: #c8cfd5;
	margin-bottom: 2px;
	font-weight: 500;
}

.ser_ba .retitl {
	font-size: 13px;
	color: #9da7b0;
}

.ser_bi {
	margin: 5px 2%;
	position: relative;
	border-radius: 5px;
	background: rgba(31, 31, 31, 0.75);
	align-content: center;
	align-items: center;
}

.ser_bi:hover {
	background: #252d35;
}

.car-movies {
	margin: 25px 0;
}

.quality {
	padding: 0 6px;
	border-radius: 3px;
	color: #c8cfd5;
	border: 1px solid rgba(154, 154, 154, 0.39);
	font-size: 13px;
}

.quality2 {
	padding: 0px 4px;
	border-radius: 3px;
	border: 1px solid #58636e;
	font-size: 12px;
	font-weight: 500;
}

.mylists-switch {
	list-style: none;
	margin-bottom: 90px;
}

.mylists-switch li {
	width: 25%;
	float: left;
	height: 75px;
	text-align: center;
	cursor: pointer;
	background: #171c21;
	color: #87919b;
}

.mylists-switch li:hover, .mylists-tabs li:hover {
	color: #9e9e9e;
	cursor: pointer;
}

.mylists-switch li:last-child, .mylists-tabs li:last-child {
	margin: 0px;
}

.mylists-switch li.active {
	color: #9e9e9e;
}

.mylists-switch li[data-id="1"] img {
	background-position: 0 -84px;
}

.mylists-switch li[data-id="2"] img {
	background-position: -42px -84px;
}

.mylists-switch li[data-id="3"] img {
	background-position: -84px -84px;
}

.mylists-switch li[data-id="4"] img {
	background-position: -126px -84px;
}

.mylists-switch li.active[data-id="1"] img {
	background: url(../images/iconfav-1.svg) no-repeat 0 0;
}

.mylists-switch li.active[data-id="2"] img {
	background: url(../images/iconfav-1.svg) no-repeat -42px 0;
}

.mylists-switch li.active[data-id="3"] img {
	background: url(../images/iconfav-1.svg) no-repeat -84px 0;
}

.mylists-switch li.active[data-id="4"] img {
	background: url(../images/iconfav-1.svg) no-repeat -126px 0;
}

.mylists-switch li:hover[data-id="1"] img {
	background-position: 0 -42px;
}

.mylists-switch li:hover[data-id="2"] img {
	background-position: -42px -42px;
}

.mylists-switch li:hover[data-id="3"] img {
	background-position: -84px -42px;
}

.mylists-switch li:hover[data-id="4"] img {
	background-position: -126px -42px;
}

.mylists-switch li div {
	width: 33px;
	height: 33px;
	margin: auto;
	text-align: center;
	font: normal 20px/32px Arial;
	color: #fff;
	border-radius: 50%;
	margin-top: 10px;
	opacity: 0.9;
}

.mylists-switch li div:after {
	display: inline-block;
	vertical-align: top;
}

.mylists-switch li img {
	opacity: 1;
	width: 32px;
	height: 32px;
	background-image: url(../images/iconfav-1.svg);
	background-repeat: no-repeat;
}

.mylists-switch li span {
	display: block;
	width: 65px;
	margin: 3px auto 0;
	margin-top: 5px;
	font: normal 10.5px/10px Arial;
}

.favlists-info1, .favlists-info2, .favlists-info3, .favlists-info4 {
	position: absolute;
	bottom: 9px;
	left: 8px;
}

.favlists-info1 img, .favlists-info2 img, .favlists-info3 img, .favlists-info4 img {
	opacity: 1;
	width: 32px;
	height: 32px;
	background-image: url(../images/iconfav-1.svg);
	background-repeat: no-repeat;
}

.favlists-info1 img {
	background-position: 0 0;
}

.favlists-info2 img {
	background-position: -42px 0;
}

.favlists-info3 img {
	background-position: -84px 0;
}

.favlists-info4 img {
	background-position: -126px 0;
}

.mylists-tabs {
	list-style: none;
	padding: 0px;
	margin-bottom: 20px;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
}

.mylists-tabs li {
	display: inline-block;
	margin: 0px 12px 0px 0px;
	color: #b3bbc3;
	text-decoration: none;
	border-bottom: 1px dotted;
	padding: 4px 5px;
}

.mylists-tabs li:hover {
	border: 0;
	cursor: pointer;
}

.mylists-tabs li.active {
	background: #2b333c;
	color: #fff;
	border: 0px;
	border-radius: 4px;
	padding: 6px 7px 6px 12px;
}

.mylists-tabs li.active a {
	color: #c9ced3;
}

.mylists-tabs li a:hover {
	color: #8a8a8a;
}

.mylists-tabs li span {
	padding: 2px 6px;
	border-radius: 50%;
	background: #303a45;
	color: #fff;
	font-size: 13px;
	margin-left: 4px;
}

.dropbtn2 {
	border: none;
	cursor: pointer;
}

.login-mini {
	padding: 3px 20px;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 10px;
	color: #e1e5e9;
}

.mini-hr {
	margin-top: 15px;
}

.dropdown-content2 {
	display: none;
	position: absolute;
	right: 0;
	background-color: #292929;
	min-width: 200px;
	padding: 15px 0;
	z-index: 1000;
	border-radius: 0 0 5px 5px;
}

.dropdown-content2 a {
	color: #c8cfd5;
	padding: 7px 20px;
	text-decoration: none;
	margin-bottom: 1px;
	font-size: 15px;
	align-items: center;
	display: flex;
}

.dropdown-content2 i {
	margin: 0px 7px 0 0;
	font-size: 20px;
	color: #6d6d6d;
	justify-content: center;
	width: 20px;
	margin-right: 15px;
	display: flex;
	height: 20px;
}

.mylists-count {
	background-color: #6d6d6d;
	padding: 1px 4px;
	border-radius: 2px;
	margin-left: 10px;
	font-size: 13px;
	color: #000;
}

.dropdown-content2 a:hover {
	background-color: #2d2d2d;
	color: #72a256;
}

.dropdown2:hover .dropdown-content2 {
	display: block;
}

.dropdown2:hover .dropbtn2 {
	background-color: #3e8e41;
}

.filterBox {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.filterform {
	margin: 0 -10px;
}

.filterLabel {
	padding: 7px 10px;
	box-sizing: border-box;
	position: relative;
}

.labelFloat {
	float: left;
	width: 60%;
}

.labelFloat2 {
	float: left;
	width: 33.3%;
}

.labelFloat3 {
	float: left;
	width: 40%;
}

.labelFloat4 {
	float: left;
	width: 25%;
}

.labelFloat5 {
	float: left;
	width: 30%;
}

.labelFloat6 {
	float: left;
	width: 20%;
}

.filterLabel .tail-select {
	width: 100%;
}

.filtercheckbox {
	padding: 10px 10px;
	float: right;
}

.filtercheckbox span {
	margin-left: 10px;
	line-height: 21px;
	cursor: pointer;
}

.filterLabel .fbreset {
	border: 2px solid #303a45;
	background-color: rgba(24, 24, 24, 0);
}

.filterLabel .fbreset:hover {
	border: 0;
}

.filtername {
	margin-bottom: -7px;
}

( max-width: 640px ) {
	.labelFloat, .labelFloat2, .labelFloat4, .labelFloat5, .labelFloat6 {
		width: 100%;
	}

	.labelFloat3 {
		width: 100%;
	}

	.labelFloat5 {
		text-align: center;
	}
}

.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 {
	position: relative;
	align-content: center;
	align-items: center;
}

.flex3 {
	display: flex;
}

.livepoisk-b3 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 5%;
	padding-left: 5px;
}

.livepoisk-rating {
	font-size: 14px;
	color: #64c80a;
}

.livepoisk-rating.low {
	color: #ff646a;
}

.livepoisk-rating.middle {
	color: #fd9b27;
}

input[type="checkbox"], input[type="radio"] {
	--active: #275EFE;
	--active-inner: #fff;
	--focus: 2px rgba(39, 94, 254, .3);
	--border: #797979;
	--border-hover: #275EFE;
	--background: rgba(24, 24, 24, 0);
	--disabled: #F6F8FF;
	--disabled-inner: #E1E6F9;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 21px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	cursor: pointer;
	border: 2px solid var(--bc, var(--border));
	background: var(--b, var(--background));
	-webkit-transition: background .3s, border-color .3s, box-shadow .2s;
	transition: background .3s, border-color .3s, box-shadow .2s;
}

input[type="checkbox"]:after, input[type="radio"]:after {
	content: "";
	display: block;
	left: -1px;
	top: -1px;
	position: absolute;
	-webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
	transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .6s;
	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}

input[type="checkbox"]:disabled, input[type="radio"]:disabled {
	--b: var(--disabled);
	cursor: not-allowed;
	opacity: .9;
}

input[type="checkbox"]:disabled:checked,
  input[type="radio"]:disabled:checked {
	--b: var(--disabled-inner);
	--bc: var(--border);
}

input[type="checkbox"]:disabled + label,
  input[type="radio"]:disabled + label {
	cursor: not-allowed;
}

input[type="checkbox"]:hover:not(:checked):not(:disabled),
  input[type="radio"]:hover:not(:checked):not(:disabled) {
	--bc: var(--border-hover);
}

input[type="checkbox"]:focus,
  input[type="radio"]:focus {
	box-shadow: 0 0 0 var(--focus);
}

input[type="checkbox"]:not(.switch),
  input[type="radio"]:not(.switch) {
	width: 21px;
}

input[type="checkbox"]:not(.switch):after,
  input[type="radio"]:not(.switch):after {
	opacity: var(--o, 0);
}

input[type="checkbox"]:not(.switch):checked,
  input[type="radio"]:not(.switch):checked {
	--o: 1;
}

input[type="checkbox"] + label,
  input[type="radio"] + label {
	font-size: 15px;
	line-height: 19px;
	display: inline-block;
	position: absolute;
	vertical-align: top;
	cursor: pointer;
	margin-left: 15px;
}

input[type="checkbox"]:not(.switch) {
	border-radius: 7px;
}

input[type="checkbox"]:not(.switch):after {
	width: 5px;
	height: 9px;
	border: 2px solid var(--active-inner);
	border-top: 0;
	border-left: 0;
	left: 6px;
	top: 2px;
	-webkit-transform: rotate(var(--r, 20deg));
	transform: rotate(var(--r, 20deg));
}

input[type="checkbox"]:not(.switch):checked {
	--r: 43deg;
}

input[type="checkbox"].switch {
	width: 38px;
	border-radius: 11px;
}

input[type="checkbox"].switch:after {
	left: 2px;
	top: 1px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background: var(--ab, var(--border));
	-webkit-transform: translateX(var(--x, 0));
	transform: translateX(var(--x, 0));
}

input[type="checkbox"].switch:checked {
	--ab: var(--active-inner);
	--x: 17px;
}

input[type="checkbox"].switch:disabled:not(:checked):after {
	opacity: .6;
}

input[type="radio"] {
	border-radius: 50%;
}

input[type="radio"]:after {
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: var(--active-inner);
	opacity: 0;
	-webkit-transform: scale(var(--s, 0.7));
	transform: scale(var(--s, 0.7));
}

input[type="radio"]:checked {
	--s: .5;
}

.cat-count {
	min-width: 22px;
	height: 18px;
	padding: 0 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background: #242b32;
	color: #9aa4ad;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	transition: background .2s ease, color .2s ease;
}

a:hover .cat-count {
	background: rgba(255, 91, 97, .15);
	color: #ff6b70;
}

.title-column {
	padding-bottom: 8px;
	color: #bbbbbb;
	font-size: 18px;
	margin-left: 5px;
}

.list-actor {
	padding-bottom: 20px;
}

.list-actor a {
	border-bottom: 1px dashed #686c81;
	margin: 2px;
}

.slider-actor {
	margin: 10px 0;
}

a.actumb {
	font-size: 13px;
	font-family: tahoma,aria,sans-serif;
	text-align: center;
	display: block;
	line-height: 15px;
	max-height: 149px;
	color: #b5b5b5;
}

.actumb img {
	width: 75px;
	height: 105px;
	margin: 0 auto 5px;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	position: relative;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.9;
}

.slider-actor .slick-arrow i {
	font-size: 15px;
}

.header-menu {
	position: absolute;
}

.header-menu > li:hover > a, .btn-search:hover, .btn-login:hover .far, .btn-login.is-active .far {
	color: #2a8ffd;
}

.header-menu > li:hover > a:before, .btn-login.is-active:before {
	bottom: -5px;
	opacity: 1;
}

.hidden-menu {
	background-color: #171c21;
	box-shadow: 0 5px 20px rgba(0,0,0,0.75);
	z-index: 99900;
	position: absolute;
	left: -65px;
	top: 99%;
	width: 900px;
	font-size: 14px;
	pointer-events: none;
	opacity: 0;
	transform: translateY(30px);
	transition: all .3s;
	border-radius: 7px;
}

.header-menu > li:hover .hidden-menu {
	pointer-events: auto;
	opacity: 1;
	transform: translateY(0px);
}

.hm-left {
	width: 230px;
	padding: 20px;
	border-radius: 7px 0 0 7px;
	font-weight: 500;
	background: #1b2127;
	box-shadow: inset -1px 0 #171c21;
}

.hm-right {
	padding: 15px;
	column-width: 180px;
}

.hm-right a {
	display: inline-block;
	line-height: 36px;
	font-size: 14px;
	font-weight: 400;
}

.hm-left a:not(:hover) {
	color: #cccccc;
}

.hm-left a {
	margin-bottom: 10px;
	line-height: 20px;
	font-weight: 400;
}

.col-4 li {
	width: 30%;
}

.col-3 li {
	width: 29%;
}

.hm-title {
	margin-bottom: 10px;
	border-bottom: 1px solid #2b333c;
}

ul + .hm-title {
	margin-top: 15px;
}

.fx-row {
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.fx-col {
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.fx-center {
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.fx-middle {
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.fx-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.fx-first {
	-ms-flex-order: -1;
	-webkit-order: -1;
	order: -1;
}

.fx-last {
	-ms-flex-order: 10;
	-webkit-order: 10;
	order: 10;
}

.fx-1 {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	min-width: 50px;
}

.fx-between {
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.side-panel {
	width: 255px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #171c21;
	z-index: 9999;
	position: fixed;
	left: -320px;
	top: 0;
	transition: left .4s;
}

.side-panel.active {
	left: 0;
}

.close-overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	display: none;
}

.btn-close {
	cursor: pointer;
	display: block;
	left: 255px;
	top: -40px;
	position: fixed;
	z-index: 9999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background-color: #e84e36;
	color: #fff;
	transition: top .4s;
	-webkit-transition: top .4s;
}

.btn-close.active {
	top: 0px;
}

body.opened-menu {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.side-panel .header-menu {
	margin: 0;
	padding: 0;
}

.side-panel .header-menu > li {
	width: 100%;
	margin: 0;
	padding: 0;
}

.side-panel .header-menu > li > a {
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	border-bottom: 1px solid #222a32;
	color: #d2d7dc;
}

.side-panel .hidden-menu {
	width: calc(100% + 20px);
	display: none;
	position: static;
	margin-left: -10px;
	opacity: 1;
	pointer-events: auto;
	transform: none;
	box-shadow: none;
	border-bottom: 2px solid #297fd7;
	border-top: 2px solid #297fd7;
}

.side-panel .header-menu > li > a:before {
	display: none;
}

.side-panel .hidden-menu.is-active {
	display: block;
}

.hidden {
	display: none;
}

.overlay-box {
	position: fixed;
	z-index: 998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-color: #000;
}

.search-wrap1 {
	float: right;
	margin-right: 20px;
	align-items: center;
	text-align: center;
	height: 70px;
	line-height: 70px;
	width: 50px;
	display: none;
	font-size: 18px;
}

.btn-menu {
	display: none;
}

.trailer-legal {
	display: table;
}

.trailer-left {
	height: 390px;
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.trailer-right {
	width: 180px;
	padding: 0 15px;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #1b2127;
}

.trailer-right-info {
	text-align: center;
	margin-bottom: 20px;
	color: #d6d6d6;
	font-size: 17px;
}

.trailer-right a {
	display: block;
	background: #404040;
	line-height: 35px;
	height: 35px;
	margin-bottom: 10px;
	color: #d4d9de;
	border-radius: 5px;
	text-align: center;
}

.trailer-right .netflix {
	background: #0c0c0c;
	color: #E50914;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 15px;
}

.trailer-right .ivi {
	background: rgba(248, 16, 77, 0.8);
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 15px;
	color: #ffffff;
}

.slider-button-prev, .slider-button-next {
	position: absolute;
	top: 10px;
	display: inline-block;
	width: 20px;
	height: 24px;
	cursor: pointer;
}

.slider-button-prev {
	right: 40px;
}

.slider-button-next {
	right: 0;
}

.slider-button-prev i, .slider-button-next i {
	color: #d3d8dd;
	display: inline-block;
	font-size: 24px;
	opacity: 1;
	position: absolute;
	bottom: 0;
}

.slider-button-prev i:hover, .slider-button-next i:hover {
	color: #79c58a;
}

.slider-button-prev.swiper-button-disabled, .slider-button-next.swiper-button-disabled {
	opacity: .5;
	cursor: auto;
}

.actor {
	top: -5px;
}

.actor i {
	font-size: 18px;
}

.section-title {
	margin-bottom: 20px;
}

.section-title2 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	margin-top: 16px;
}

.swiper-container {
	margin: 0 -5px 20px -5px;
}

.fshare {
	text-align: center;
	white-space: nowrap;
	display: inline-block;
}

.fshare .fa {
	width: 50px;
	height: 27px;
	border-radius: 5px;
	text-align: center;
	line-height: 27px;
	background-color: #C70003;
	color: #fff;
	font-size: 14px;
	margin: 0 2px;
	cursor: pointer;
}

.fshare .fa:hover {
	opacity: 0.8;
}

.fshare .fa.fa-vk {
	background-color: #5075a5;
}

.fshare .fa.fa-facebook {
	background-color: #4b6baf;
}

.fshare .fa.fa-twitter {
	background-color: #2daae1;
}

.fshare .fa.fa-odnoklassniki {
	background-color: #FC6D00;
}

.fshare .fa.fa-paper-plane {
	background-color: #5682a3;
}

.info-youtube {
	padding: 15px 25px 15px 52px;
	font-size: 15px;
	color: #d6d6d6;
	background: #1b1b1b;
	border: 1px solid #3e3e3e;
	position: relative;
}

.info-youtube b {
	text-decoration: underline;
	font-weight: 500;
}

.info-youtube span {
	font-size: 28px;
	position: absolute;
	color: #c9ced3;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.side-sticky {
	position: sticky;
	top: 15px;
	text-align: center;
}

@media screen and (max-width:1300px) {
	body {
		background-image: none;
	}

	.wrapper {
		padding-top: 0;
	}

	.wr-center,.top {
		border-radius: 0;
	}

	.add-fav {
		width: 300px;
		left: 0;
	}

	.add-fav:before,.player-section:before {
		display: none;
	}
}

@media screen and (max-width:1220px) {
	.wrapper {
		padding: 0;
		background-image: none;
	}

	.wr-center {
		max-width: 1000px;
		overflow: hidden;
	}

	.col-content {
		padding: 0 10px 20px;
	}

	.menu-wrap {
		padding: 0;
	}

	.top ul {
		display: none;
	}

	.nav ul li {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.show-desc {
		display: none;
	}

	.trailer-img {
		height: 110px;
	}

	.short-movie {
		width: 22%;
		margin: 0 1% 20px;
	}

	.short-actor {
		width: 18%;
		margin: 0 1% 20px;
	}

	.but {
		font-size: 12px;
		padding: 10px 12px;
	}

	.to-view {
		margin-right: 15px;
	}

	.robik {
		left: 70px;
	}

	.hm-left {
		width: 100%;
	}

	.btn-menu {
		color: #8a8a8a;
		position: absolute;
		align-items: center;
		height: 70px;
		font-size: 24px;
		left: 0;
		width: 45px;
		padding-left: 15px;
		display: flex;
	}
}

@media screen and (max-width:1024px) {
	.movie-img {
		height: 230px;
	}

	.search-wrap1 {
		display: none;
	}
}

@media screen and (max-width: 950px) {
	.wr-center {
		max-width: 768px;
	}

	.content {
		padding: 20px 0 0;
	}

	.col-sidebar {
		float: none;
		width: 100%;
		margin-left: 0;
		padding: 0 20px;
	}

	.col-content {
		float: none;
	}

	.show-search,.nav:before,.nav ul,.add-fav span,.site-desc:before,.b-social,.brand-link {
		display: none;
	}

	.nav {
		height: 70px;
		display: block;
	}

	.search-wrap {
		top: 70px;
		width: 100%;
		right: 0;
		display: block;
		color: #fff;
		background: #1b2229;
		padding: 10px 20px;
		border: 0;
	}

	.search-box input,.search-box input:focus {
		background-color: #171c21;
		box-shadow: inset 0 0 0 1px #383838;
		border-radius: 5px;
	}

	.show-bigmenu {
		width: 43%;
		height: 40px;
		line-height: 40px;
		right: 20px;
		font-size: 15px;
		display: block;
		color: #B3B3B3;
	}

	.show-bigmenu i {
		display: inline-block;
		font-size: 15px;
		margin: 0 5px 0 0;
	}

	.add-fav {
		width: 40px;
	}

	.add-fav i {
		margin-right: 0;
		margin-top: 13px;
	}

	.line {
		padding: 0 20px 0 55px;
	}

	.site-desc {
		padding: 20px;
		margin: 20px 0;
	}

	.side-movie,.side-movie:nth-child(2n) {
		width: 23%;
		float: left;
		margin: 0 1% 20px;
	}

	.short4-item {
		width: 31.33%;
		float: left;
		margin: 0 1% 20px;
	}

	.short4-title {
		height: 35px;
		overflow: hidden;
	}

	.news,.trailers {
		width: 100%;
		float: none;
	}

	.trailer-img {
		height: 160px;
	}

	.foot-menu li a {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}

	.short-trailer {
		width: 31.33%;
		margin: 0 1% 20px;
	}

	.player-section {
		margin: 0 -10px;
	}

	.share-player {
		margin: 0 -10px 20px;
	}

	.tabs li {
		font-size: 12px;
	}

	.tabs a {
		font-size: 12px;
	}

	.ac-protect {
		width: 75%;
	}

	.form-wrap {
		margin: 0 -15px;
	}

	.search-box button {
		color: #a8a9aa;
	}

	.filter-vuravn {
		display: none;
	}

	.search-wrap1 {
		display: block;
	}

	.search-wrap {
		display: none;
	}
}

@media screen and (max-width: 760px) {
	.wr-center {
		max-width: 640px;
	}

	.site-desc {
		display: none;
	}

	.trailer-img {
		height: 130px;
	}

	.counts {
		margin-top: 10px;
	}

	.short-actor {
		width: 23%;
		margin: 0 1% 20px;
	}

	.movie-cols {
		padding-left: 0;
	}

	.mc-left {
		width: 100%;
		margin-left: 0;
		float: none;
	}

	.mc-right {
		float: none;
		padding-left: 0;
	}

	.speedbar {
		font-size: 12px;
	}

	.navigation {
		display: none;
	}

	.pprev,.pnext {
		font-size: 18px;
		margin: 10px;
		width: 120px;
	}

	.login-box {
		top: 80px;
	}

	.overlay-close {
		right: 20px;
		top: 18px;
		font-size: 20px;
	}

	.comments-tree-list .comments-tree-list {
		padding-left: 0;
	}

	.full-info,.full-nav-pages {
		display: none;
	}

	.comm-bottom-info ul li,.mass_comments_action {
		display: none;
	}

	.mob-vis {
		display: inline-block;
	}

	.sub-title h1,.full-article h1 {
		font-size: 18px;
		line-height: 24px;
	}

	.usocial-pro {
		display: none;
	}

	.onliohblin {
		padding: 125px 20px;
	}

	.uSocial-Share {
		text-align: center;
	}

	.movie-img {
		height: 197px;
	}
}

@media screen and (max-width: 590px) {
	.wr-center {
		max-width: 480px;
	}

	.movie-img {
		height: 170px;
	}

	.side-item {
		width: 100%;
		float: none;
	}

	.news-item {
		padding: 0 0 15px;
	}

	.news-img {
		display: none;
	}

	.news-text {
		float: none;
	}

	.short-trailer {
		width: 48%;
		margin: 0 1% 15px;
	}

	.trailer-img {
		height: 150px;
	}

	.side-movie,.side-movie:nth-child(2n) {
		width: 48%;
		float: left;
		margin: 0 0 20px;
	}

	.side-movie:nth-child(2n) {
		float: right;
	}

	.short4-item {
		width: 48%;
		float: left;
		margin: 0 1% 20px;
	}

	.short-actor {
		width: 31.33%;
		margin: 0 1% 20px;
	}

	.short-news:nth-child(2n) {
		background-color: #242b32;
		margin: 0 -10px 15px;
		padding: 15px 10px;
	}

	.ac-inputs input {
		width: 100%;
		float: none;
		margin-top: 10px;
	}

	.ac-protect {
		width: 100%;
		float: none;
		margin: -10px 0 0;
	}

	.ac-submit button {
		float: none;
		display: block;
		text-align: center;
		width: 100%;
	}

	.ui-dialog {
		width: 100%;
	}

	.userinfo {
		padding-left: 0;
	}

	.userinfo .left,.userinfo .right {
		float: none;
		width: 100%;
		margin: 0;
	}

	.userinfo .left {
		text-align: center;
		margin-bottom: 10px;
	}

	.userinfo .left .avatar {
		width: 100px;
		margin: 0 auto 5px;
	}

	.ui-dialog-buttonset button {
		display: block;
		margin: 0 0 5px;
		width: 100%;
	}

	#dofullsearch,#searchsuggestions span.seperator {
		display: none;
	}

	.attach .download-link {
		margin: 0 -15px 0 0;
		float: none;
		display: block;
		padding: 0 10px;
	}

	.attach-info {
		float: none;
	}

	.seotext h2 {
		text-transform: none;
	}

	.trailer-legal {
		display: block;
	}

	.trailer-left {
		display: block;
	}

	.trailer-right {
		display: block;
		width: 100%;
		padding: 15px 15px;
	}
}

@media screen and (max-width:468px) {
	.wr-center {
		max-width: 100%;
	}

	.line {
		display: none;
	}

	.movie-img {
		height: 200px;
	}

	.side-movie-img {
		height: 190px;
	}

	.top {
		height: 50px;
		padding-left: 0;
	}

	.robik {
		height: 50px;
		left: 60px;
	}

	.robik a {
		font-size: 28px;
	}

	.robik a:hover {
		font-size: 30px;
	}

	.top-buts {
		padding-top: 10px;
	}

	.show-login,.show-login i {
		line-height: 30px;
		border-radius: 24px;
	}

	.login-reg i {
		font-size: 24px;
		margin: 5px 0 14px 8px;
		display: none;
	}

	.dropdown-content2 i {
		margin: 0px 7px 0px 0px;
		font-size: 20px;
		display: flex;
	}

	.login-img1 {
		width: 40px;
		height: 40px;
	}

	.search-wrap {
		top: 50px;
	}

	.news-item2 span {
		display: block;
	}

	.news-item2 a {
		margin: 5px 0 0;
		display: block;
	}

	.trailer-img {
		height: 110px;
	}

	.trailer-title {
		font-size: 14px;
		margin: 0 10px 10px;
	}

	.short4-item {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	.short-movie {
		width: 45%;
		margin: 0 2% 20px;
	}

	.short-actor {
		width: 46%;
		margin: 0 2% 20px;
	}

	.but {
		font-size: 14px;
		padding: 10px 20px;
		margin-top: 10px;
		display: block;
	}

	.to-view {
		margin: 0;
	}

	.m-buttons a {
		display: block;
	}

	.ac-protect {
		margin: -10px -10px 0;
	}

	.login-social:before {
		display: block;
		line-height: 30px;
		margin-right: 0;
	}

	.drop-menu {
		display: none;
	}

	.mobiloff {
		display: none;
	}

	.onliohblin {
		padding: 55px 20px;
	}

	.onliohblin .domenx {
		font-size: 40px;
		font-weight: 700;
	}

	.onliohblin .ohtitl {
		font-size: 16px;
		margin-top: 25px;
	}

	.onliohblin .ohon {
		color: #9fa9b2;
		font-size: 14px;
		margin-top: 10px;
	}

	#poisk2 {
		width: 300px;
		max-height: 350px;
		overflow: auto;
	}

	.relatedi {
		padding: 10px 15px 15px;
	}

	.rates>div {
		margin: 5px auto;
	}

	.robik a span:before {
		top: 7px;
		right: -10px;
		width: 25px;
		height: 25px;
	}

	.search-wrap1 {
		height: 50px;
		line-height: 50px;
	}

	.btn-menu {
		height: 50px;
	}
}

@media screen and (max-width:420px) {
	.movie-img {
		height: 230px;
	}

	.swiper-container .movie-img {
		height: 180px;
	}

	.player-section {
		margin: 0 -35px;
	}

	.share-player {
		margin: 0 -20px 20px;
	}

	.car-movies {
		margin: 25px -10px;
	}

	.swiper-container {
		overflow: inherit;
	}

	.slider-button-prev, .slider-button-next {
		display: none;
	}
}

@media screen and (max-width:360px) {
	.movie-img {
		height: 210px;
	}
}

@media screen and (max-width:320px) {
	.movie-img {
		height: 190px;
	}

	.side-movie-img {
		height: 170px;
	}
}

.pagi-nav {
	display: block;
	text-align: center;
}

.pagi-nav a, .pagi-nav span:not(.nav_ext) {
	display: inline-block;
	padding: 9px 13px;
	border-radius: 3px;
	color: #fff;
	border: 1px solid #222a32;
	margin: 0 4px 10px 0;
}

.pagi-nav span:not(.nav_ext) {
	color: #e1e5e9;
	background: #222a32;
}

.pagi-nav a:hover {
	color: #e1e5e9;
	background: #222a32;
}

.pagi-nav span.nav_ext {
	font-size: 20px;
	margin-right: 4px;
	padding: 0 8px;
	color: #fff;
}

.com-order-block {
	display: none;
}

textarea::-webkit-input-placeholder {
	color: #d3d8dd;
}

.myWinCont textarea:focus {
	color: #d8d8d8;
}

.plailist {
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: 30px;
	display: block;
	height: 30px;
	border: 0;
	border-radius: 0;
	width: 115px;
	color: #fff;
	font-weight: 600;
	-webkit-appearance: menulist;
	background: #2a333d;
}

.player-box {
	position: relative;
}

textarea::-webkit-input-placeholder {
	color: #8f99a3;
}

textarea:-moz-placeholder {
	color: #8f99a3;
}

textarea::-moz-placeholder {
	color: #8f99a3;
}

textarea:-ms-input-placeholder {
	color: #8f99a3;
}

input::-webkit-input-placeholder {
	color: #8f99a3;
}

input:-moz-placeholder {
	color: #8f99a3;
}

input::-moz-placeholder {
	color: #8f99a3;
}

input:-ms-input-placeholder {
	color: #8f99a3;
}

.login_form {
	color: #696969;
	font-size: 12px;
}

.login_form li {
	padding: 0px 0px 10px 0px;
}

.login_form input {
	width: 100%;
	height: 32px;
	margin: 5px 0px 0px 0px;
	border-radius: 4px;
}

.login_form button {
	width: 100%;
	height: 32px;
	border-radius: 4px;
	background: #79c58a;
}

.login_form button:hover {
	background: #6d905a;
}

.login_form__foot {
	padding: 5px 0px 0px 0px;
}

.login_form__foot .right {
	float: right;
}

.login_form__foot a {
	color: #888;
}

.login_form__foot a:hover {
	color: #000;
}

ul.ui-form {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.ui-form > li {
	margin-bottom: 20px;
}

ul.ui-form > li:last-child {
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 20px;
}

.form-group > label {
	display: block;
	margin-bottom: .4em;
	font-size: 15px;
}

.imp:after {
	content: "*";
	margin: 0 0 0 10px;
	color: #e85319;
}

only screen and (min-width: 601px) {
	.form-group.combo:after {
		clear: both;
		display: table;
		content: "";
	}

	.form-group.combo > .combo_field {
		width: 50%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.form-group.combo > .combo_field:last-child {
		padding-left: 10px;
	}

	.form-group.combo > .combo_field:first-child {
		padding-right: 10px;
	}
}

.form_submit {
	margin-top: 10px;
}

.form-sep {
	border-top: 1px solid #292929;
}

.page_form_style body {
	background-color: #f7f7f7;
}

.page_form {
	max-width: 1100px;
	padding-left: 7%;
}

.page_form__back {
	background-color: #ff5b61;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 3%;
	padding: 0 2%;
}

.page_form__back:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background-repeat: repeat-y;
	background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
}

.page_form__back > .icon {
	position: absolute;
	left: 50%;
	top: 8%;
	margin: 0 0 0 -15px;
	width: 30px;
	height: 20px;
	fill: #fff;
	opacity: .6;
}

.page_form__back:hover > .icon {
	opacity: 1;
}

.page_form__body {
	padding: 0 10%;
}

.page_form__logo {
	padding: 8% 0 0 0;
	margin-bottom: 8%;
}

.page_form__logo .icon {
	margin-top: -10px;
	width: 60px;
	height: 60px;
}

.page_form__inner > .title {
	font-weight: normal;
	font-size: 30px;
	margin: 4% 0;
}

.page_form__form .form_submit {
	border-top: 1px solid #e1e5e9;
	padding: 20px 0 0 0;
	margin-top: 20px;
}

only screen and (min-width: 701px) {
	.page_form__form {
		font-size: 1.25em;
	}

	.page_form__form .form-group label {
		color: #9da7b0;
	}

	.page_form__form .form-group input, .page_form__form .form-group textarea,
		.page_form__form .form-group select, .page_form__form .c-captcha input {
		font-size: 1em;
		height: 60px;
		line-height: 26px;
		padding: 15px;
	}

	.page_form__form .form-group textarea {
		height: auto;
	}

	.page_form__form .c-captcha img {
		width: 160px;
		height: 60px;
	}

	.page_form__form .c-captcha input {
		width: 160px;
	}

	.page_form__form .form_submit {
		padding-top: 3%;
		margin-top: 3%;
	}

	.page_form__form ul.ui-form > li {
		margin-bottom: 3%;
	}

	.page_form__form .form_submit > .btn {
		font-size: 1em;
		font-weight: normal;
		height: 60px;
		border-radius: 30px;
		line-height: 26px;
		padding: 17px 28px;
	}
}

.page_form__form .login_check {
	position: relative;
}

.page_form__form .login_check > input {
	padding-right: 150px;
}

.page_form__form .login_check > .btn {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	margin: 12px;
}

#result-registration {
	margin-top: 10px;
	font-size: .8em;
}

.regtext {
	margin-bottom: 5%;
}

.page_form__foot {
	margin-top: 8%;
	padding-bottom: 8%;
}

.page_form__foot > * {
	display: block;
	float: none;
}

.page_form__foot .ca {
	display: block;
	margin-top: 2%;
	margin-left: 0;
}

only screen and (min-width: 601px) {
	#pm-menu:after {
		content: "";
		clear: both;
		display: block;
	}

	#pm-menu {
		margin-bottom: 25px;
	}

	#pm-menu a {
		color: inherit;
		padding: 10px 16px;
		border-radius: 2px;
		border: 2px solid transparent;
		float: left;
		text-decoration: none;
	}

	#pm-menu a:hover {
		border-color: #ff5b61;
		color: #ff5b61;
	}
}

.pm-box {
	margin-bottom: 25px;
}

.pm_status {
	padding: 25px;
	background-color: #f7f7f7;
	border-radius: 2px;
}

.pm_progress_bar {
	background-color: #e5dbcc;
	margin-bottom: 10px;
	border-radius: 2px;
}

.pm_progress_bar span {
	background: #e85319;
	font-size: 0;
	height: 20px;
	border-radius: 2px;
	display: block;
	overflow: hidden;
}

.userinfo_top {
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.userinfo_top .avatar {
	position: absolute;
}

.user_tab {
	list-style: none;
	padding: 0;
	margin: 0;
}

.user_tab > li {
	display: inline;
	margin-right: 1.2em;
}

.user_tab > li > a {
	text-decoration: none;
	font-size: .6em;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.user_tab > li > a {
	color: #fff;
	opacity: .5;
}

.user_tab > li > a:hover {
	color: inherit;
}

.user_tab > li.active > a {
	cursor: default;
	font-size: 1em;
	opacity: 1;
}

.usinf {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.usinf li {
	padding: 12px 0;
	border-top: 1px solid #e6e6e6;
}

.usinf li:first-child {
	border-top-width: 0;
}

.ui-c1, .ui-c2 {
	display: inline-block;
	vertical-align: top;
}

.ui-c1 {
	width: 30%;
	margin-right: 5%;
}

.ui-c2 {
	width: 60%;
}

.userinfo {
	padding-left: 90px;
}

.userinfo .avatar {
	position: absolute;
	float: left;
	margin: 0 0 0 -90px;
}

.userinfo .avatar .cover {
	width: 60px;
	height: 60px;
}

.userinfo > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.stats_head > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.25em;
}

.stats_head > ul > li {
	margin-top: 15px;
	padding-left: 30px;
}

.stats_head > ul > li:before {
	content: "";
	float: left;
	margin: 2px 0 0 -30px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ff5b61;
}

.stats_head > ul > li > b {
	display: block;
	font-size: .8em;
	opacity: .5;
	font-weight: normal;
}

.stats_head > ul > li.stats_d:before {
	background-color: #f6a71a;
}

.stats_head > ul > li.stats_w:before {
	background-color: #ce3f28;
}

.stat_group {
	margin-bottom: 25px;
}

.stat_group > h5 {
	margin-top: 0;
	margin-bottom: 1em;
}

.stat_group > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.stat_group > ul > li {
	padding: .6em 0;
	border-top: 1px dotted #d5d9de;
}

.search_result_num {
	font-size: .9em;
	margin: 25px 0 0;
}

.search table {
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}

#searchtable td, #searchtable td div, #searchtable table {
	margin: 0;
	padding: 0;
}

#searchtable td.search br {
	display: none;
}

td.search .bbcodes {
	margin: 0;
}

td.search {
	vertical-align: top;
}

.berrors {
	background: #ffe6dd;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 25px;
	height: 1%;
	border-radius: 2px;
	box-sizing: border-box;
}

.subject-notice-subtitle {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.subject-notice-text {
	color: #bebebe;
	font-size: 13px;
	padding: 0 0 15px 12px;
}

.inTop {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 2.2%;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: pointer;
	display: none;
}

.inTop:hover {
	background-color: #131313;
	opacity: 1;
	filter: alpha(opacity=100);
}

.inTop span {
	display: block;
	width: 100%;
	margin-top: 25px;
	text-align: center;
	font-size: 18px;
	color: #8a8a8a;
}

.favmod {
	box-sizing: content-box;
	display: block;
	position: absolute;
	font-size: 21px;
	left: 10px;
	top: 10px;
	color: #e8ebee;
	z-index: 140;
	cursor: pointer;
	background-color: rgba(40, 40, 40, 0.8);
	padding: 5px 8px;
	border-radius: 4px;
}

.favmod.active, .favmod:hover {
	background-color: rgba(40, 40, 40, 0.9);
	color: #e8ebee;
}

.favmod:focus {
	color: #e8ebee;
}

.favmod.active:hover {
	background-color: rgba(40, 40, 40, 0.9);
}

.favmod-add, .favmod-unset {
	display: block;
	width: 100%;
	height: 100%;
}

.favmod-unset {
	background-position: 0 -16px;
}

.favmod .favmod-unset,
.favmod.active .favmod-add {
	display: none;
}

.favmod.active .favmod-unset {
	display: block;
	color: #97cc74;
}

.story-table table {
	width: 100%;
	text-align: left;
}

.story-table table tr td {
	padding: 10px;
	border: 1px solid #171c21;
}

.story-table thead tr td {
	font-size: 15px;
	background-color: #171c21;
	border: 1px solid #171c21;
}

.story-table table tr:nth-of-type(even) {
	background-color: #171c21;
}

.story-table table img {
	display: block;
	margin: 0;
	border: 0;
	max-width: 350px;
}

.released2 {
	color: #6e9864;
	cursor: help;
}

.stat-info {
	background: #ffe4b8;
	padding: 0 6px;
	font-size: 11px;
	height: 20px;
	line-height: 21px;
	text-transform: uppercase;
	color: #7f4d00;
	display: inline-block;
	margin-bottom: 8px;
	border-radius: 2px;
}

.stat-info.red1 {
	background: #ffa798;
	color: #85574f;
}

.stat-info.gren1 {
	background-color: #b1e384;
	color: #316304;
}

.login-soc-btns li {
	width: 55px;
	height: 55px;
	line-height: 55px;
	margin: 0 5px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #bec5d0;
	font-size: 20px;
	float: left;
	transition: all 0.5s ease;
}

.login-soc-btns li a:hover {
	color: #fff;
}

.login-soc-btns li a {
	color: #fff;
}

.login-facebook:hover {
	background: #3b5998;
	border: 1px solid #3b5998;
}

.login-yandex:hover {
	background: #747474;
	border: 1px solid #747474;
}

.login-vk:hover {
	background: #4c75a3;
	border: 1px solid #4c75a3;
}

.login-google:hover {
	background: #dd4b39;
	border: 1px solid #dd4b39;
}

.login-soc-btns {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}

.login-soc-info {
	margin: 12px 0;
	font-weight: 500;
	color: #8f8f8f;
	text-align: center;
}

.full-genre {
	padding: 0 0 10px;
}

.full-genre ul li {
	display: inline-block;
	margin: 0 4px 4px 0;
}

.full-genre ul li a {
	display: block;
	padding: 7px 18px;
	color: #d2d2d2;
	border-radius: 3px;
	background: #292929;
}

.full-genre ul li a:hover {
	color: #bbbbbb;
	background: #424242;
}

.full-genre ul li .tv-color {
	background: #dab4d5;
	color: #0e0e0e;
}

.full-genre2 {
	padding: 0 0 10px;
}

.full-genre2 ul li {
	display: inline-block;
	margin: 0 4px 4px 0;
}

.full-genre2 ul li a {
	display: block;
	padding: 8px 15px;
	color: #9aa4ad;
	border-radius: 30px;
	background: #303a45;
	font-size: 15px;
	font-weight: 500;
}

.full-genre2 ul li a:hover {
	color: #bbbbbb;
}

.playlists-player {
	background: #1f252b;
	color: #fff;
}

.playlists-iframe {
	height: 400px;
	background: #000;
}

.playlists-items {
	position: relative;
	margin-left: 4px;
}

.playlists-items ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 0;
}

.playlists-items li {
	width: 120px;
	height: 40px;
	margin: 4px 0px 4px 4px;
	background: #171c21;
	color: #d2d2d2;
	display: none;
	font-size: 16px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	line-height: 40px;
	text-align: center;
	font-weight: 500;
	border-radius: 2px;
}

.playlists-items li:hover {
	background: #4e4e4e;
	cursor: pointer;
}

.playlists-items li.active {
	background: #4e4e4e;
	cursor: pointer;
}

.playlists-items li.visible {
	display: inline-block;
}

.playlists-videos .playlists-items li {
	width: 131px;
	padding: 0px 15px 0px 15px;
	box-sizing: border-box;
	position: relative;
	font-weight: 400;
}

.playlists-view {
	display: none;
}

.playlists-view:hover {
	opacity: 0.6;
	transform: 0.4ms easy 0.4ms;
}

.playlists-view.watched {
	opacity: 1;
}

.playlists-prev, .playlists-next {
	width: 42px;
	position: absolute;
	top: 0;
	color: #242b32;
	bottom: 0;
	line-height: 47px;
	z-index: 100001;
	opacity: 0.9;
	background: rgb(0 0 0 / 60%);
	text-align: center;
	font-size: 37px;
}

.playlists-prev {
	left: -8px;
	background: linear-gradient(90deg, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0) 100%);
}

.playlists-next {
	right: -4px;
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 0.6) 27%);
}

.playlists-prev:hover, .playlists-next:hover {
	opacity: 1;
	cursor: pointer;
}

.playlists-prev.disabled, .playlists-next.disabled {
	display: none;
}

.playlists-alert {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 60px 0px 0px 0px;
	background: #000;
	background-image: url(../images/bg_wallpaper.jpg);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.playlists-alert-img {
	width: 65px;
	padding-top: 35px;
}

.playlists-alert-descr {
	font-size: 21px;
	color: #fff;
	margin: 25px 10px;
}

.playlists-alert-btn {
	background: #ffd24f;
	color: #202020;
	padding: 10px 25px;
	border-radius: 4px;
	font-size: 17px;
	display: inline-block;
}

.playlists-alert-btn:hover {
	color: #202020;
	background: #f3ca54;
}

.user-wr {
	background-color: #171c21;
	margin: 0 auto 20px auto;
	max-width: 1000px;
}

.user-inner {
	padding-left: 300px;
	position: relative;
}

.user-inner:before {
	width: 300px;
	height: 100%;
	box-shadow: 10px 0 10px -10px rgba(0,0,0,0.40);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.user-left {
	width: 300px;
	margin-left: -300px;
	float: left;
	padding: 20px;
	position: relative;
	z-index: 10;
}

.user-right {
	width: 100%;
	float: right;
	padding: 20px 30px;
}

.user-avatar {
	width: 120px;
	margin: 10px auto;
}

.user-avatar img {
	width: 100%;
	display: block;
	border-radius: 50%;
}

.user-status {
	margin: 15px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.user-connect a {
	display: block;
	padding: 7px 10px;
	margin-top: 7px;
	border-radius: 4px;
	text-align: center;
	color: #d2d7dc;
	background-color: #222a32;
}

.user-connect a:hover {
	background: #303a45;
}

.user-right h1 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 25px;
}

.ur-item {
	padding: 10px 0 10px 100px;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
	font-size: 13px;
}

.ur-item:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.ur-left {
	width: 100px;
	margin-left: -100px;
	float: left;
	color: #909090;
}

.ur-right {
	width: 100%;
	float: right;
}

.ur-right a {
	color: #ff5b61;
	text-decoration: underline;
	margin: 0 10px;
}

.user-edit {
	padding: 10px 20px;
	text-align: center;
	background-color: #222a32;
	color: #cecece;
	font-size: 15px;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 20px;
}

.user-edit:hover {
	background-color: #343e49;
}

.checkbox-user {
	display: inline-block;
	margin-bottom: 13px;
}

.custom-file {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}

.custom-file-input {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 40px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.custom-file-label {
	left: 0;
	z-index: 1;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	background-color: #1a2026;
	border: 1px solid #303a45;
	border-radius: 5px;
}

.custom-file-label, .custom-file-label::after {
	position: absolute;
	top: 0;
	right: 0;
}

.custom-file-label::after {
	bottom: 0;
	z-index: 3;
	display: block;
	padding: 0px 15px;
	content: "Загрузить аватар";
	border-radius: 0 5px 5px 0;
	background-color: #222a32;
}

@media screen and (max-width: 760px) {
	.user-inner {
		padding-left: 0;
	}

	.user-inner:before {
		display: none;
	}

	.user-right, .user-left {
		width: 100%;
		float: none;
		padding: 10px;
		margin-left: 0;
	}
}

::-webkit-scrollbar-thumb {
	background: #ff4343;
	height: 80px;
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	background: #ff4343;
	height: 150px;
	border-radius: 0;
}

::-webkit-scrollbar {
	width: 5px;
}

.actors-section {
	position: relative;
	margin-top: 20px;
	padding: 15px 15px 15px;
	background: #171c21;
	border-radius: 10px;
	overflow: hidden;
}

.actors-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}

.actors-title {
	position: relative;
	padding-bottom: 9px;
	color: #f1f3f5;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.2;
}

.actors-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 4px;
	border-radius: 4px;
	background: #ff5b61;
}

.actors-navigation {
	display: flex;
	gap: 8px;
}

.actors-navigation button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 9px;
	background: #242c34;
	color: #aeb6bd;
	cursor: pointer;
	transition: background .2s ease,
        color .2s ease,
        opacity .2s ease;
}

.actors-navigation button:hover {
	background: #303a44;
	color: #ffffff;
}

.actors-navigation button:active {
	transform: scale(.96);
}

.actors-navigation button:disabled {
	opacity: .35;
	cursor: default;
}

.actors-navigation button:disabled:hover {
	background: #242c34;
	color: #aeb6bd;
}

.actors-navigation i {
	font-size: 15px;
}

.actors-list {
	display: flex;
	gap: 10px;
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
	padding-bottom: 4px;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.actors-list::-webkit-scrollbar {
	display: none;
}

.actors-list::-webkit-scrollbar {
	display: none;
}

.actor-item {
	flex: 0 0 140px;
	width: 140px;
	min-width: 0;
	height: auto;
}

.actor-card {
	display: block;
	width: 100%;
	color: inherit;
}

.actor-photo {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 9px;
	background: #242b32;
}

.actor-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.actor-card:hover .actor-photo img {
	transform: scale(1.035);
}

.actor-name {
	display: -webkit-box;
	margin-top: 9px;
	padding: 0 3px 2px;
	overflow: hidden;
	color: #b8bec4;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	text-align: center;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.actor-card:hover .actor-name {
	color: #ffffff;
}

@media (max-width: 950px) {
	.actors-section {
		padding: 24px 18px 26px;
	}

	.actor-item {
		flex-basis: 130px;
		width: 130px;
	}
}

@media (max-width: 760px) {
	.actors-section {
		margin-top: 24px;
		padding: 20px 15px 22px;
		border-radius: 13px;
	}

	.actors-header {
		margin-bottom: 15px;
	}

	.actors-title {
		font-size: 20px;
		padding-bottom: 7px;
	}

	.actors-title::after {
		width: 42px;
		height: 3px;
	}

	.actors-navigation {
		gap: 6px;
	}

	.actors-navigation button {
		width: 34px;
		height: 34px;
		border-radius: 8px;
	}

	.actor-item {
		flex-basis: 120px;
		width: 120px;
	}

	.actors-list {
		gap: 9px;
	}

	.actor-name {
		margin-top: 8px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.actors-section {
		padding: 18px 12px 20px;
	}

	.actors-title {
		font-size: 19px;
	}

	.actor-item {
		flex-basis: 105px;
		width: 105px;
	}

	.actors-list {
		gap: 8px;
	}

	.actor-name {
		font-size: 13px;
	}
}

@media (max-width: 360px) {
	.actor-item {
		flex-basis: 96px;
		width: 96px;
	}

	.actors-navigation button {
		width: 32px;
		height: 32px;
	}
}

.actor-item {
	border: 0;
}

.actor-card {
	border: 0;
}

.actor-photo {
	border: 0;
}

.actor-photo img {
	border: 0;
}

.actor-item,
.actor-card,
.actor-photo {
	border: none;
	box-shadow: none;
}

.section .swiper-wrapper {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	transform: none;
	transition: none;
}

.section .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.section .swiper-slide {
	flex: 0 0 40%;
	scroll-snap-align: start;
}

@media (min-width: 415px) {
	.section .swiper-slide {
		flex-basis: 33.333333%;
	}
}

@media (min-width: 600px) {
	.section .swiper-slide {
		flex-basis: 25%;
	}
}

@media (min-width: 1230px) {
	.section .swiper-slide {
		flex-basis: 16.666666%;
	}
}

.related .swiper-wrapper,
.section-podborki .swiper-wrapper {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
	transform: none;
	transition: none;
}

.related .swiper-wrapper::-webkit-scrollbar,
.section-podborki .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.related .swiper-slide,
.section-podborki .swiper-slide {
	flex-shrink: 0;
	scroll-snap-align: start;
	scroll-snap-stop: normal;
}

.related .swiper-slide {
	flex-basis: 50%;
}

@media (min-width: 415px) {
	.related .swiper-slide {
		flex-basis: 25%;
	}
}

@media (min-width: 600px) {
	.related .swiper-slide {
		flex-basis: 20%;
	}
}

@media (min-width: 760px) {
	.related .swiper-slide {
		flex-basis: 20%;
	}
}

@media (min-width: 940px) {
	.related .swiper-slide {
		flex-basis: 25%;
	}
}

@media (min-width: 1230px) {
	.related .swiper-slide {
		flex-basis: 16.666666%;
	}
}

.section-podborki .swiper-slide {
	flex-basis: 66.666666%;
}

@media (min-width: 415px) {
	.section-podborki .swiper-slide {
		flex-basis: 100%;
	}
}

@media (min-width: 600px) {
	.section-podborki .swiper-slide {
		flex-basis: 50%;
	}
}

@media (min-width: 1230px) {
	.section-podborki .swiper-slide {
		flex-basis: 33.333333%;
	}
}

.related-list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
}

.related-item {
	min-width: 0;
}

@media (max-width: 1229px) {
	.related-list {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
	}

	.related-list::-webkit-scrollbar {
		display: none;
	}

	.related-item {
		flex: 0 0 40%;
		scroll-snap-align: start;
	}
}

@media (min-width: 1230px) {
	.related-list {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 599px) {
	.related-item {
		flex: 0 0 40%;
	}
}

@media (min-width: 600px) and (max-width: 1229px) {
	.related-item {
		flex: 0 0 25%;
	}
}

.robik {
	position: absolute;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	width: 145px;
	height: 48px;
	display: flex;
	align-items: center;
	z-index: 20;
}

.robik a {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	width: max-content;
	height: 100%;
	color: #f1f3f5;
	text-decoration: none;
	line-height: 1;
}

.robik .logo-main {
	display: block;
	width: max-content;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: -0.8px;
	line-height: 29px;
}

.robik .logo-main::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 6px;
	background: #ff3d52;
	border-radius: 3px;
}

.robik .logo-best {
	display: block;
	width: 100%;
	padding-right: 1px;
	box-sizing: border-box;
	color: #ff3d52;
	font-size: 17px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: -0.3px;
	text-align: right;
}

@media (max-width: 767px) {
	.robik {
		width: 125px;
		height: 42px;
	}

	.robik .logo-main {
		font-size: 25px;
		line-height: 25px;
	}

	.robik .logo-main::after {
		height: 2px;
		margin-top: 5px;
	}

	.robik .logo-best {
		font-size: 15px;
		line-height: 14px;
	}
}

.episodes-section {
	position: relative;
	margin: 0 0 28px;
	padding: 10px 24px 30px;
	background: #171c21;
	border-radius: 0 0 14px 14px;
}

.seasons-slider,
.episodes-slider {
	position: relative;
	width: 100%;
}

.seasons-slider {
	margin-bottom: 28px;
}

.seasons-list {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding: 4px 0;
}

.seasons-list::-webkit-scrollbar {
	display: none;
}

.season-button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	height: 48px;
	padding: 0 18px;
	border: 0;
	border-radius: 9px;
	background: #ff5b61;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
	transition: background .2s ease,
        transform .2s ease;
}

.season-button:hover {
	background: #ff686e;
}

.season-button:active {
	transform: scale(.97);
}

.season-button.active {
	background: #0c0f15;
	color: #fff;
}

.episodes-list {
	display: flex;
	align-items: flex-start;
	gap: 22px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding: 0 0 4px;
}

.episodes-list::-webkit-scrollbar {
	display: none;
}

.episode-item {
	position: relative;
	flex: 0 0 235px;
	width: 235px;
	min-width: 0;
	padding-bottom: 12px;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	transition: transform .2s ease,
        border-color .2s ease;
}

.episode-item:hover {
	transform: translateY(-2px);
}

.episode-item.active {
	border-bottom-color: #ff5b61;
}

.episode-image {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #242b32;
}

.episode-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

.episode-item:hover .episode-image img {
	transform: scale(1.035);
}

.episode-number {
	margin-top: 7px;
	color: #9aa4ad;
	font-size: 15px;
	line-height: 1.3;
}

.episode-title {
	margin-top: 5px;
	color: #f1f3f5;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.episode-item.active .episode-title {
	color: #fff;
}

.episodes-nav {
	position: absolute;
	top: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 100%;
	padding: 0;
	border: 0;
	color: #fff;
	cursor: pointer;
	transition: opacity .2s ease,
        color .2s ease;
}

.episodes-next {
	right: 0;
	background: linear-gradient(
            90deg,
            rgba(23, 28, 33, 0),
            rgba(180, 58, 63, .92)
        );
}

.episodes-prev {
	left: 0;
	background: linear-gradient(
            270deg,
            rgba(23, 28, 33, 0),
            rgba(180, 58, 63, .92)
        );
}

.episodes-nav i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 27px;
	transition: color .2s ease;
}

.episodes-nav:hover i {
	color: #fff;
}

.seasons-slider .episodes-nav {
	width: 60px;
	height: 54px;
	top: 4px;
	border-radius: 0;
}

.seasons-slider .seasons-next {
	right: 0;
	background: linear-gradient(
        90deg,
        rgba(23, 28, 33, 0),
        rgba(180, 58, 63, .95)
    );
}

.seasons-slider .seasons-prev {
	left: 0;
	background: linear-gradient(
        270deg,
        rgba(23, 28, 33, 0),
        rgba(180, 58, 63, .95)
    );
}

.episodes-nav.is-hidden {
	display: none;
}

.episodes-slider::before,
.episodes-slider::after,
.seasons-slider::before,
.seasons-slider::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15px;
	pointer-events: none;
	z-index: 2;
}

@media (max-width: 760px) {
	.episodes-section {
		padding: 20px 12px 24px;
		margin: 0px -10px 28px;
	}

	.seasons-slider {
		margin-bottom: 24px;
	}

	.seasons-list {
		gap: 20px;
	}

	.season-button {
		min-width: 120px;
		height: 50px;
		padding: 0 18px;
		font-size: 17px;
	}

	.episodes-list {
		gap: 20px;
	}

	.episode-item {
		flex: 0 0 260px;
		width: 260px;
	}

	.episode-number {
		font-size: 15px;
	}

	.episode-title {
		font-size: 18px;
	}

	.episodes-nav {
		width: 55px;
	}

	.episodes-nav i {
		font-size: 25px;
	}

	.seasons-slider .episodes-nav {
		height: 58px;
	}
}

.seasons-slider .episodes-nav.is-hidden,
.episodes-slider .episodes-nav.is-hidden {
	display: none;
}

.player-cvh {
	width: 100%;
	height: 450px;
}

.episode-prevnext {
	padding: 3px 15px 5px;
	display: grid;
	grid-template-columns: 1fr 200px 1fr;
	align-items: center;
	gap: 14px;
	background: #171c21;
	margin: 1px 0 1px;
}

.episode-prevnext__link {
	min-height: 50px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: transparent;
	color: #fff;
	text-decoration: none;
	transition: border-color .2s ease,
        background .2s ease;
}

.episode-prevnext__link:hover {
	border-color: #ff5b63;
	background: rgba(255, 91, 99, .04);
}

.episode-prevnext__prev {
	justify-content: flex-start;
}

.episode-prevnext__next {
	justify-content: flex-end;
	text-align: right;
}

.episode-prevnext__arrow {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ff5b63;
	border-radius: 7px;
	color: #ff5b63;
	font-size: 13px;
	transition: background .2s ease,
        color .2s ease;
}

.episode-prevnext__link:hover .episode-prevnext__arrow {
	background: #ff5b63;
	color: #fff;
}

.episode-prevnext__text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.episode-prevnext__number {
	color: #ff5b63;
	font-size: 13px;
	line-height: 17px;
	font-weight: 700;
}

.episode-prevnext__title {
	color: #bfc3c8;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
}

.episode-prevnext__current {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 3px 5px;
}

.episode-prevnext__current-label {
	color: #777f88;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .3px;
}

.episode-prevnext__current-number {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
}

.episode-prevnext__current-title {
	max-width: 190px;
	color: #bfc3c8;
	font-size: 12px;
	line-height: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.episode-prevnext__empty {
	visibility: hidden;
}

@media (max-width: 700px) {
	.episode-prevnext {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		margin: 1px -10px 1px;
	}

	.episode-prevnext__current {
		grid-column: 1 / -1;
		grid-row: 1;
		padding: 2px 0 6px;
	}

	.episode-prevnext__prev {
		grid-column: 1;
		grid-row: 2;
	}

	.episode-prevnext__next {
		grid-column: 2;
		grid-row: 2;
	}

	.episode-prevnext__link {
		min-height: 46px;
		padding: 5px 7px;
		gap: 6px;
		border-radius: 7px;
	}

	.episode-prevnext__arrow {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
		font-size: 11px;
	}

	.episode-prevnext__number {
		font-size: 12px;
		line-height: 15px;
	}

	.episode-prevnext__title {
		font-size: 11px;
		line-height: 14px;
		max-width: 110px;
	}

	.episode-prevnext__current-label {
		font-size: 9px;
		line-height: 13px;
	}

	.episode-prevnext__current-number {
		font-size: 13px;
		line-height: 17px;
	}

	.episode-prevnext__current-title {
		font-size: 11px;
		line-height: 14px;
		max-width: 150px;
	}
}

.episode-image-empty {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 133px;
	overflow: hidden;
	background: radial-gradient(circle at 50% 38%, rgba(255, 75, 87, .16) 0, rgba(255, 75, 87, 0) 42%),
        linear-gradient(145deg, #171b20 0%, #20262d 55%, #171b20 100%);
}

.episode-image-empty::before {
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	border: 1px solid rgba(255, 75, 87, .22);
	border-radius: 50%;
	box-shadow: 0 0 0 14px rgba(255, 75, 87, .035),
        0 0 0 28px rgba(255, 75, 87, .018);
}

.episode-image-empty__number {
	position: relative;
	z-index: 1;
	margin-top: -2px;
	color: #f3f4f6;
	font-size: 34px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -.5px;
}

.episode-image-empty__text {
	position: relative;
	z-index: 1;
	margin-top: 9px;
	color: #ff4b57;
	font-size: 10px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 2px;
}

@media (max-width: 600px) {
	.episode-image-empty {
		min-height: 120px;
	}

	.episode-image-empty::before {
		width: 76px;
		height: 76px;
	}

	.episode-image-empty__number {
		font-size: 28px;
	}

	.episode-image-empty__text {
		margin-top: 7px;
		font-size: 9px;
		letter-spacing: 1.5px;
	}
}

.actor-photo-empty {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #252c33 0%, #20262d 100%);
	color: #68717a;
	font-size: 42px;
}

.actor-photo-empty i {
	opacity: .75;
}

@media (max-width: 600px) {
	.actor-photo-empty {
		font-size: 36px;
	}
}

.filter-block {
	width: 100%;
	margin: 0 0 28px;
}

.filter {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.filter_c {
	flex: 1 1 0;
	min-width: 0;
}

.filter_c select {
	display: block;
	width: 100%;
	height: 42px;
	padding: 0 36px 0 13px;
	color: #cfd4da;
	background-color: #191f24;
	border: 1px solid #293139;
	border-radius: 6px;
	font-family: inherit;
	font-size: 14px;
	line-height: 42px;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: border-color .15s ease,
        background-color .15s ease;
}

.filter_c select:hover {
	border-color: #3a444d;
	background-color: #1c2329;
}

.filter_c select:focus {
	border-color: #4a5661;
	background-color: #1c2329;
}

.filter_c {
	position: relative;
}

.filter_c::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-right: 1px solid #89939d;
	border-bottom: 1px solid #89939d;
	transform: rotate(45deg);
	pointer-events: none;
}

.filter input[data-dlefilter="reset"] {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	padding: 0;
	color: #aeb6bd;
	background: #191f24;
	border: 1px solid #293139;
	border-radius: 6px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	transition: color .15s ease,
        background-color .15s ease,
        border-color .15s ease;
}

.filter input[data-dlefilter="reset"]:hover {
	color: #fff;
	background: #222a31;
	border-color: #3a444d;
}

@media (max-width: 1000px) {
	.filter {
		flex-wrap: wrap;
	}

	.filter_c {
		flex: 1 1 calc(33.333% - 8px);
	}

	.filter input[data-dlefilter="reset"] {
		flex: 0 0 42px;
	}
}

@media (max-width: 650px) {
	.filter {
		gap: 7px;
	}

	.filter_c {
		flex: 1 1 calc(50% - 7px);
	}

	.filter input[data-dlefilter="reset"] {
		flex: 1 1 calc(50% - 7px);
		width: auto;
	}

	.filter_c select {
		height: 40px;
		font-size: 13px;
	}
}

@media (max-width: 420px) {
	.filter_c {
		flex: 1 1 100%;
	}

	.filter input[data-dlefilter="reset"] {
		flex: 1 1 100%;
	}
}

.filter_c select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.favorite-button {
    margin: 12px 0 18px;
}
.favorite-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    width: 100%;
    min-height: 46px;
    box-sizing: border-box;

    padding: 10px 16px;

    border: 1px solid #30363d;
    border-radius: 8px;

    background: #171c21;
    color: #c9d0d7;

    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;

    text-decoration: none;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        transform .15s ease;
}
.favorite-button a:hover {
    background: #20272e;
    border-color: #444c55;
    color: #fff;
}
.favorite-button a:active {
    transform: scale(.98);
}
.favorite-button__icon {
    font-size: 19px;
    line-height: 1;
    transition: transform .2s ease;
}

.favorite-button a:hover .favorite-button__icon {
    transform: scale(1.12);
}
.favorite-button a[href*="add"],
.favorite-button a:not(.active) {
    color: #d1d6db;
}
.favorite-button a.active {
    background: #22282e;
    border-color: #3a424a;
    color: #fff;
}
.favorite-button a.active .favorite-button__icon {
    color: #ff667f;
}
@media (max-width: 600px) {

    .favorite-button {
        margin: 10px 0 16px;
    }

    .favorite-button a {
        min-height: 44px;
        font-size: 14px;
    }

                    }