/*
Theme Name: Egy Stream
Theme URI: http://vnxweb.com
Author: Team vnxweb
Author URI: http://vnxweb.com/
Description: Video Online Theme
Tags: Video Online,responsive
Requires PHP: 8.3
*/
:root {
	--main-bg-color: #f4f5f8;
	--light-color: #8f8d8d;
	--red-color: #d41616;
	--red-color2: #aa0c0c;
	--yellow-color: #fbbd48;
	--red-color_: #006cff;
	--bg-white: #fafafa;
	;
	--color-white: #fff;
	--color-dark: #111827;
	--back-vnxweb: #e4efff;
	--dark-vnxwebCom: #000
}
@font-face {
    font-family: 'EgyStream';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/wp-content/themes/EgyStream/assets/fonts/cairo-400.woff2') format('woff2');
}

@font-face {
    font-family: 'EgyStream';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/wp-content/themes/EgyStream/assets/fonts/cairo-600.ttf') format('truetype');
}

@font-face {
    font-family: 'EgyStream';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/wp-content/themes/EgyStream/assets/fonts/cairo-700.woff2') format('woff2');
}

body {
	background: var(--main-bg-color) !important;
	font-family: 'EgyStream', Arial, sans-serif;
	font-size: 13px !important;
	line-height: 22px;
	color: var(--light-color);
	padding: 0;
	margin: 0
}

textarea:focus,
input:focus {
	outline: none
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	box-sizing: border-box;
	vertical-align: middle;
	position: relative
}
/*****************************************************/
/*****************************************************//*****************************************************//*****************************************************/
/*
 * CLS + image visibility fix
 * Same MovieItem block is used in normal pages and Owl sliders.
 * Keep poster sizing global, and keep slider height/flex rules only for sliders.
 */

/* =========================
   Global Movie Card
========================= */

.MovieItem {
    position: relative;
    width: 100%;
    min-width: 0;
}

.MovieItem a {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    text-decoration: none;
}

/* Poster must reserve space before image loads */
.MovieItem .poster,
.poster {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
}

/* Image / background poster */
.MovieItem .poster img,
.MovieItem .poster .imgSer,
.poster img,
.poster .imgSer {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover;

}

/* Background-image posters */
.MovieItem .poster .imgSer,
.poster .imgSer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Prevent loader from covering images forever */
.MovieItem .loader_block {
    pointer-events: none;
}

/* Keep overlays from hiding poster */
.MovieItem .over {
    pointer-events: none;
}

/* Stable text area */
.MovieItem .title {
    min-height: 54px;
}

.MovieItem .title p,
.MovieItem .title h3,
.MovieItem .movie-item-title {
    line-height: 1.4;
}

/* Optional: prevent very long titles from changing card height too much */
.MovieItem .movie-item-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Badges stable height */
.MovieItem .genre,
.MovieItem .quality {
    min-height: 22px;
}


/* =========================
   Section Heading Stability
========================= */

.main__head,
.__head__text {
    min-height: 34px;
}

.__head__text {
    line-height: 1.35;
}


/* =========================
   Owl Carousel CLS Fix
   Only affects sliders, not normal pages
========================= */

.categoryNav {
    overflow: hidden;
}

.categorySlider {
    overflow: hidden;
}

/* Before Owl initializes: prevent vertical stacking */
.categorySlider:not(.owl-loaded) {
    display: flex;
    gap: 10px;
    overflow: hidden;
    direction: rtl;
}

.categorySlider:not(.owl-loaded) > .item {
    flex: 0 0 calc((100% - 50px) / 6);
    max-width: calc((100% - 50px) / 6);
    min-width: 0;
}

/* After Owl initializes */
.categorySlider.owl-loaded .owl-stage {
    display: flex;
}

.categorySlider.owl-loaded .owl-item {
    display: flex;
    min-width: 0;
}

.categorySlider.owl-loaded .item {
    width: 100%;
    min-width: 0;
    display: flex;
}

.categorySlider.owl-loaded .MovieItem {
    width: 100%;
}

/* Reserve enough slider height */
.categorySlider,
.categorySlider .owl-stage-outer,
.categorySlider .owl-stage,
.categorySlider .owl-item,
.categorySlider .item {
    min-height: 337px;
}

/* Trend section extra stability */
.secContainer.trends_active {
    min-height: 440px;
}

.secContainer.trends_active .categorySlider,
.secContainer.trends_active .owl-stage-outer,
.secContainer.trends_active .owl-stage,
.secContainer.trends_active .owl-item,
.secContainer.trends_active .item {
    min-height: 337px;
}


/* =========================
   Responsive fallback before Owl loads
========================= */

@media (max-width: 1399px) {
    .categorySlider:not(.owl-loaded) > .item {
        flex-basis: calc((100% - 40px) / 5);
        max-width: calc((100% - 40px) / 5);
    }
}

@media (max-width: 1199px) {
    .categorySlider:not(.owl-loaded) > .item {
        flex-basis: calc((100% - 30px) / 4);
        max-width: calc((100% - 30px) / 4);
    }
}

@media (max-width: 991px) {
    .categorySlider:not(.owl-loaded) > .item {
        flex-basis: calc((100% - 20px) / 3);
        max-width: calc((100% - 20px) / 3);
    }

    .categorySlider,
    .categorySlider .owl-stage-outer,
    .categorySlider .owl-stage,
    .categorySlider .owl-item,
    .categorySlider .item {
        min-height: 340px;
    }
}

@media (max-width: 600px) {
    .categorySlider:not(.owl-loaded) > .item {
        flex-basis: calc((100% - 10px) / 2);
        max-width: calc((100% - 10px) / 2);
    }

    .categorySlider,
    .categorySlider .owl-stage-outer,
    .categorySlider .owl-stage,
    .categorySlider .owl-item,
    .categorySlider .item {
        min-height: 310px;
    }

    .secContainer.trends_active {
        min-height: 370px;
    }

    .secContainer.trends_active .categorySlider,
    .secContainer.trends_active .owl-stage-outer,
    .secContainer.trends_active .owl-stage,
    .secContainer.trends_active .owl-item,
    .secContainer.trends_active .item {
        min-height: 200px;
    }

    .MovieItem .title {
        min-height: 48px;
    }
}

/*****************************************************//*****************************************************//*****************************************************/
.MovieItem {
	margin-bottom: 10px
}

.row {
	margin-right: 0px !important;
	margin-left: 0px !important
}

.header-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.MovieItem a .poster:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 5;
	opacity: 0;
	transition: .3s
}

.vnx-page-loader-bar {
	position: absolute !important;
	top: 75px;
	left: 0;
	height: 5px;
	width: 100%;
	z-index: 1000000001;
	display: none;
	pointer-events: none;
	background: #fff0;
	overflow: hidden
}

.vnx-page-loader-fill {
	display: block;
	height: 100%;
	width: 0%;
	background: linear-gradient(135deg, #2caaf2, #0066cc);
	transition: width .3s ease
}

.logo__text {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	flex-direction: row-reverse;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 1;
	margin: 0
}

.logo__text em {
	font-style: normal;
	display: inline-block;
	font-weight: 700
}

.vnx-page-loader-bar.vnx-page-loader-active {
	display: block
}

.MovieItem:hover a .poster:before {
	opacity: .5
}

a.episode__item .post__image {
	position: relative;
	overflow: hidden
}

a.episode__item .post__image:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 5;
	opacity: 0;
	transition: .3s;
	pointer-events: none
}

a.episode__item:hover .post__image:before {
	opacity: .5
}

.sharethis {
	width: 100%;
	padding: 5px 0 0 0;
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	margin: 0 auto
}

.sharethis a {
	font-size: 18px;
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-left: 1px
}

.sharethis .reportComm {
	float: left
}

.s_report {
	background-color: #e75858;
	font-size: 14px
}

.s_comm {
	background-color: var(--yellow-color);
	color: #000 !important;
	font-size: 14px
}

.s_twitter {
	background-color: #55acee
}

.mobile__menu {
	display: none
}

.s_facebook {
	background-color: #3C5A98
}

.s_whatsapp {
	background-color: #25D366
}

.s_pinterest {
	background-color: #E60023
}

.telegram {
	background-color: #08c
}

.pt-0 {
	padding-top: 0 !important
}

*,
:after,
:before,
a {
	padding: 0;
	margin: 0
}

a,
a:active,
a:focus,
a:hover {
	color: var(--color-white);
	text-decoration: none
}

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a:active,
a:focus,
a:hover {
	outline: 0 !important
}

.copyRight .col-md-12 a {
	display: block;
	font-size: 15px;
	text-align: center;
	color: #000;
	transition: 0.3s;
	margin: 0 auto
}

.mt10 {
	margin-top: 10px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0
}

ul {
	list-style: none;
	margin-bottom: 0
}

body,
div.body,
html {
	height: 100%
}

img {
	border: 0;
	max-width: 100%;
	height: 100%
}

html {
	overflow-y: auto
}

div.body {
	width: 100%
}

.f11 {
	font-size: 11px
}

.f12 {
	font-size: 12px
}

.f13 {
	font-size: 13px
}



.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
	background: #3C465E
}

.alert {
	margin: 10px 0 10px 0
}

.alert h2 {
	font-size: 14px
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 15px
}

.noResult {
	margin-top: 30px;
	padding: 15px
}

.noResult h4 {
	font-size: 14px;
	color: #a94442
}

.fRight {
	float: right
}

.fLeft {
	float: left
}

.np {
	padding: 0 !important
}

.bb5 {
	border-bottom: 5px solid #e39e1f !important
}

.br20 {
	border-radius: 20px !important
}

.bt5 {
	border-top: 5px solid #e39e1f !important
}

.bg {
	background: #fff
}

.bg1 {
	background: rgb(0 0 0 / .1)
}

.bg2 {
	background: rgb(0 0 0 / .2)
}

.bg3 {
	background: rgb(0 0 0 / .3) !important
}

.bg4 {
	background: rgb(0 0 0 / .4)
}

.mb10 {
	margin-bottom: 10px !important
}

.mb20 {
	margin-bottom: 20px !important
}

.mb30 {
	margin-bottom: 30px !important
}

.mt10 {
	margin-top: 10px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt50 {
	margin-top: 50px !important
}

.m-h500 {
	min-height: 500px !important
}

.m-h410 {
	min-height: 410px !important
}

.m-h420 {
	min-height: 420px !important
}
h1.archive-title {
    text-align: center;
    font-size: 16px;
    background: #a0caff3d;
    color: #0070ff;
    padding: 10px;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 12px;
}
.dis-s,
.hide {
	display: none;
	visibility: hidden
}

.h1hide {
	position: absolute;
	top: -50px;
	z-index: 1;
	font-size: 12px
}

.w100 {
	width: 100% !important
}

.p10 {
	padding: 10px !important
}

.pt0 {
	padding-top: 0px !important
}

.pt10 {
	padding-top: 10px !important
}

.pt20 {
	padding-top: 20px !important
}

.pb0 {
	padding-bottom: 0px !important
}

.pb10 {
	padding-bottom: 10px !important
}

.pb20 {
	padding-bottom: 20px !important
}

.p0 {
	padding: 0 !important
}

.nm {
	margin: 0
}

[class*="col-"] {
	padding-right: 0;
	padding-left: 0
}

.form-group>[class*="col-"] {
	padding-right: 5px;
	padding-left: 5px
}

.pBG {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	background-position: center;
	z-index: -1;
	opacity: .03;
	transition: .3s;
	background-size: cover
}

.pBG::after {
	content: '';
	background: linear-gradient(180deg, #1d1d1d14, #02020f 88%);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60%
}

.secWrapper {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto
}

.liList {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9;
	width: 100%
}

.liList li {
	display: table;
	background: rgb(0 0 0 / .5);
	color: var(--color-white);
	margin: 0 0 4px;
	border-radius: 30px;
	padding: 4px 8px 6px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	transition: .3s
}

::-webkit-scrollbar-track {
	background: #d9e9fe
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-thumb {
	background-color: #006cff
}

#breadcrumbs {
	position: relative;
	display: block;
	overflow: hidden
}

.breadcrumb {
	position: relative;
	display: block;
	width: 100%;
	color: #000;
	font-size: 13px;
	padding: 10px 0 12px 0;
	border-radius: 4px;
	margin: 0;
	background: none
}

.breadcrumb>li>a {
	font-size: 12px;
	color: #555 !important;
	margin: 0 5px
}

.breadcrumb>li>a i {
	font-size: 11px
}

.breadcrumb>li+li::before {
	padding: 0 1px;
	color: #7f7f7f;
	content: "";
	display: inline-block
}

.breadcrumb>.active a {
	color: #e39e1f
}

.breadcrumb li.separator {
	font-size: 10px;
	color: #aaa;
	padding-left: 5px
}

.breadcrumb li:last-child,
.breadcrumb .bread-current,
.breadcrumb>.active a:hover,
.breadcrumb .current {
    color: #555;
    display: inline-block;
    font-size: 12px;
}

.con_Ad,
.codeHtml {
	position: relative;
	z-index: 11;
	float: right;
	width: 100%;
	color: var(--dark-vnxwebCom);
	background-color: #f5f5f5;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto
}

.codeHtml {
	padding: 0;
	margin: 0
}

.codeHtml img {
	width: 100%
}

.singleAlert {
	background-color: #ffffff0d;
	color: var(--color-white);
	border-radius: 5px;
	display: flex;
	position: relative;
	height: 40px;
	width: auto;
	align-items: center;
	overflow: hidden;
	font-size: 18px;
	margin-bottom: 20px
}

.singleAlert span {
	text-align: revert;
	width: auto;
	display: block;
	font-size: 16px;
	padding: 0 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.singleAlert i {
	font-size: 25px;
	width: 50px;
	background-color: #006cff;
	color: var(--color-white);
	border-left: 1px dashed #1b2cb3;
	display: flex;
	position: absolute;
	height: 100%;
	align-items: center;
	justify-content: center
}

.singleAlert i+span {
	padding: 0 60px 0 10px
}

.headTitle {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	padding: 10px 0;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: center
}

.headTitle h4,
.headTitle h1 {
	font-size: 17px;
	font-weight: 400;
	padding-bottom: 5px;
	color: var(--color-white)
}

.headTitle h1 {
	font-size: 20px;
	font-weight: 600
}

.headTitle h4:before,
.headTitle h1:before {
	content: "";
	height: 4px;
	width: 40px;
	background: #006cff;
	border-radius: 2px;
	display: block;
	top: 100%;
	position: absolute
}

.headTitle h4:after,
.headTitle h1:after {
	content: "";
	position: absolute;
	right: 63px;
	display: inline-block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: #006cff;
	box-shadow: 9px 0 0 0 #006cff, 18px 0 0 0 #006cff;
	top: 100%
}

.headTitle h4 i,
.headTitle h1 i {
	padding-left: 7px;
	color: #006cff;
	font-size: 28px
}

.postBlockOne a {
	position: relative;
	display: block
}

.MovieItem,
.MovieItem a {
	position: relative
}

.loader_block {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #06c;
	box-shadow: 32px 0 #0066cc, -32px 0 #06c;
	transform: translate(-50%, -50%) scale(.35);
	transform-origin: center;
	pointer-events: none;
	animation: flash 0.5s ease-out infinite alternate
}

@keyframes flash {
	0% {
		background-color: #06c3;
		box-shadow: 32px 0 #0066cc33, -32px 0 #06c
	}

	50% {
		background-color: #06c;
		box-shadow: 32px 0 #0066cc33, -32px 0 #06c3
	}

	100% {
		background-color: #06c3;
		box-shadow: 32px 0 #0066cc, -32px 0 #06c3
	}
}

.MovieItem {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	transition: 0.4s all ease;
		background: var(--color-white);

}

.MovieItem a {
	display: block;
	width: 100%;
	height: 100%;
}

.MovieItem a>* {
	z-index: 9
}

.mobile-search-btn {
	display: none
}

.mobile-search-close {
	display: none
}

.MovieItem a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 50%;
	width: 5px;
	height: 5px;
	margin: -2.5px;
	pointer-events: none;
	border-radius: 50%;
	background: #ffffff96;
	transform: scale(0);
	z-index: 999999
}

.MovieItem:hover a:after {
	opacity: 0;
	transform: scale(110);
	transition: 0.5s all ease
}

.MovieItem a span.categorySpan {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 18px;
	list-style: none;
	border-radius: 5px;
	background: #06c;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	transition: 0.4s all ease
}

.MovieItem:hover a span.categorySpan {
	opacity: 0;
	transform: translate(210px, 0)
}

.MovieItem a span.genre {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 18px;
	list-style: none;
	border-radius: 9px;
	background: #06c;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	opacity: 0;
	transform: translate(0, -90px);
	transition: 0.4s 0.1s all ease
}

.MovieItem:hover a span.genre {
	opacity: 1;
	transform: translate(0)
}

.MovieItem a span.quality {
	position: absolute;
	top: 55px;
	right: 15px;
	padding: 0 18px;
	list-style: none;
	border-radius: 9px;
	background: #ff1900;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	opacity: 0;
	transform: translate(0, 160px);
	transition: 0.4s 0.1s all ease
}

.MovieItem:hover a span.quality {
	opacity: 1;
	transform: translate(0)
}

.MovieItem a span.release-year {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0 13px;
	border-radius: 9px;
	background: #ffc929;
	box-shadow: 0 2px #100f18;
	color: #000;
	font-family: Righteous;
	font-size: 13px;
	line-height: 30px;
	transition: 0.4s all ease;
	transition-delay: 0s
}

.MovieItem a .Episode+.release-year {
	top: 80px
}

.MovieItem:hover a span.release-year {
	top: -85px;
	opacity: 0;
	background: #f9cb24;
	color: #333;
	transition-delay: 0s
}

.MovieItem:hover a .imdbRating {
	opacity: 0;
	transform: translate(260px, 0);
	transition-delay: 0.15s
}

.MovieItem a .Episode,
.SlideItem .Episode {
	position: absolute;
	top: 65%;
	right: 15px;
	z-index: 10;
	padding: 7px 9px;
	border-radius: 5px;
	background: #06c;
	color: #171201;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
	transition: 0.3s all ease
}

.MovieItem a .Episode span,
.SlideItem .Episode span {
	float: right;
	margin-left: 6px;
	color: var(--color-white);
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-align: center
}

.MovieItem a .Episode em,
.SlideItem .Episode em {
	float: left;
	color: var(--color-white);
	font-family: Righteous;
	font-size: 20px;
	font-style: normal;
	font-weight: 400
}

.MovieItem:hover a .Episode {
	opacity: 0;
	transform: translate(0, -120px)
}

.MovieItem a .title {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 0 13px 21px;
	background: linear-gradient(to top, #000000, #0000);
	color: var(--color-white);
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	text-align: center
}

.MovieItem a .title h3 {
	font-weight: 700;
	font-size: 15px;
	transition: 0.3s all ease;
	padding-top: 10px;
	border: 1px solid #fff0;
	line-height: 1.5
}

.MovieItem:hover a .title h3 {
	border-top: 1px solid #dddddd26
}

.MovieItem a .title p {
	margin-bottom: 10px;
	color: #d2cfcf;
	font-size: 13px;
	font-weight: 700;
	line-height: 21px;
	opacity: 0;
	transform: scale(2.2);
	transform-origin: center;
	transition: 0.4s all cubic-bezier(.6, -.28, .74, .05)
}

.MovieItem:hover a .title p {
	opacity: 1;
	transform: scale(1)
}

.broder-top-rate {
	border-top: 5px solid;
	border-color: var(--back-vnxweb);
	grid-column: 1 / -1
}

.imdb-meta-box {
	width: 100%;
	min-height: 110px;
	background: #dcecff;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	direction: ltr;
	grid-column: 1 / -1
}

.imdb-meta-label {
	background: #f5c400;
	color: #111;
	font-weight: 700;
	font-size: 16px;
	padding: 8px 13px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	line-height: 1
}

.imdb-meta-label i {
	color: #111;
	font-size: 16px
}

.imdb-meta-circle {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: conic-gradient(var(--imdb-color) var(--imdb-percent), #d9d9d9 0);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.imdb-meta-circle::before {
	content: "";
	position: absolute;
	width: 62px;
	height: 62px;
	background: var(--color-white);
	border-radius: 50%
}

.imdb-meta-circle span {
	position: relative;
	z-index: 2;
	color: #333;
	font-size: 24px;
	font-weight: 500
}

.MovieItem a .platIcon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 60px;
	height: 45px;
	border-radius: 10px;
	background: #006cff;
	box-shadow: 0 3px 0 0 #17162561;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -50%) scale(1.5);
	transition: 0.4s all ease
}

.MovieItem:hover a .platIcon {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1.1)
}

.watch__and__download a:after {
	content: "";
	position: absolute;
	bottom: 50%;
	right: 50%;
	width: 5px;
	height: 5px;
	background: #ffffff2b;
	transform-origin: center;
	border-radius: 50%;
	transform: scale(0);
	transition: 0s all ease;
	z-index: 1
}

.watch__and__download a:hover:after {
	transform: scale(100);
	opacity: 0;
	transition: 1s all ease
}

.categoryNav .owl-dots {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 3px;
	margin-top: 25px;
	background: #dbeafe;
	border-radius: 10px;
	overflow: hidden
}

.categoryNav .owl-dot {
	flex: 1;
	height: 3px;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}

.categoryNav .owl-dot span {
	display: block;
	width: 100%;
	height: 3px;
	margin: 0 !important;
	background: #fff0;
	border-radius: 10px;
	transition: 0.3s
}

.categoryNav .owl-dot.active span {
	background: #007bff;
	transition: 0.3s
}

.loader_block:after {
	color: var(--dark-vnxwebCom);
	transform: rotateY(70deg);
	animation-delay: .4s
}

.imgLoaded.loaded+.loader_block,
.postBlockOne img.loaded~.loader_block {
	display: none
}

@keyframes spin {

	0%,
	100% {
		box-shadow: .2em 0 0 0 currentcolor
	}

	12% {
		box-shadow: .2em .2em 0 0 currentcolor
	}

	25% {
		box-shadow: 0 .2em 0 0 currentcolor
	}

	37% {
		box-shadow: -.2em .2em 0 0 currentcolor
	}

	50% {
		box-shadow: -.2em 0 0 0 currentcolor
	}

	62% {
		box-shadow: -.2em -.2em 0 0 currentcolor
	}

	75% {
		box-shadow: 0 -.2em 0 0 currentcolor
	}

	87% {
		box-shadow: .2em -.2em 0 0 currentcolor
	}
}

.singleWrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	border-bottom: 0 solid #ffffff2b
}

.singleContent {
	direction: rtl;
	display: grid;
	grid-template-columns: 270px 1fr;
	gap: 20px;
	align-items: start;
	background: var(--color-white);
	border-radius: 12px 12px 0 0;
	padding: 32px;
	box-shadow: 0 0 0 1px #eee
}

.singleRight {
	width: 100%
}

.singleThumb {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: #f3f3f3
}

.singleThumb img {
	display: block;
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 10px
}

.singleCenter {
	width: 100%
}

.singleInfo,
.singleInfoCon {
	width: 100%
}

.block__ti {
	margin: 0 0 22px;
	text-align: right;
	color: #006cff;
	font-size: 14px;
	font-weight: 700;
	display: flex
}

.block__ti i {
	display: none
}

.story {
	margin: 0 auto 18px;
	text-align: right
}

.story p {
	margin: 0;
	color: #49494b;
	font-size: 13px;
	font-weight: 600;
	line-height: 2;
	background: #f4f5f8;
	padding: 10px;
	border-radius: 12px
}

.description {
	text-align: center;
	margin-bottom: 18px
}

.description h2 {
	margin: 0;
	color: #777;
	font-size: 15px;
	line-height: 1.8
}

.tax {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0;
	background: #f4f5f8;
	border-radius: 9px;
	padding: 18px 22px
}

.tax li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-height: 38px;
    color: #49494b;
    font-size: 13px;
    font-weight: 700;
    flex-wrap: wrap;
}

.tax li .title__kit {
	display: inline-flex;
	align-items: center;
	gap: 6px
}

.tax li .title__kit i {
	display: none
}

.tax li .title__kit span {
	color: #49494b
}

.tax li a,
.tax li strong {
	color: #005ecb;
	text-decoration: none;
	font-weight: 800
}

.tax li a:hover {
	text-decoration: underline
}

.bottoms {
	display: block;
	margin-top: 20px
}

.watch__and__download {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px
}

.btton {
	min-height: 56px;
	border-radius: 6px;
	padding: 10px 18px;
	text-decoration: none;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 800;
	transition: 0.25s ease;
	width: 100%
}

.watch__btn {
	background: #d90000
}

.download__btn {
	background: #31a24c
}

.btton .icon {
	font-size: 40px;
	float: right;
	line-height: 39px
}

.btton .txt {
	line-height: 1.4;
	text-align: center
}

.btton .txt p {
	margin: 3px 0 0;
	font-size: 12px;
	font-weight: 500;
}

.postLink {
	float: right;
	backdrop-filter: blur(15px);
	display: flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 12px;
	background: #f4f5f8
}

.aside {
	position: relative;
	overflow: auto;
	z-index: 5
}

.postLink button {
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 7px;
	background: #1e88ff;
	color: var(--color-white);
	cursor: pointer
}

.share__icons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px
}

.share__icons span {
	color: #666;
	font-size: 11px;
	font-weight: 700;
	flex: 1
}

.share__icons a {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-white);
	text-decoration: none
}

.share__icons .whatsapp {
	background: #25d366
}

.share__icons .telegram {
	background: #229ed9
}

.share__icons .facebook {
	background: #1877f2
}

.share__icons .facebook__messenger {
	background: #0084ff
}

.share__icons .twitter {
	background: #111
}

.share__icons .twitter svg {
	width: 16px
}

.share__icons .twitter path {
	fill: #000
}

.share__icons.align__items__center.gap__10 {
	gap: .4vw
}

@media (max-width:900px) {
	.singleContent {
		grid-template-columns: 1fr;
		padding: 22px
	}

	.singleRight {
		max-width: 330px;
		margin: 0 auto
	}

	.singleThumb img {
		height: auto
	}

	.story {
		max-width: 100%
	}
}

.watch__and__download.d__flex.gap__10 {
	width: 100%
}

@media (max-width:600px) {
	.singleContent {
		padding: 16px;
		gap: 22px
	}

	.tax {
		grid-template-columns: 1fr;
		padding: 16px
	}

	.tax li {
		padding: 8px 0
	}

	.tax li:last-child {
		border-bottom: 0
	}

	.watch__and__download {
		grid-template-columns: 1fr
	}

	.story p {
		font-size: 15px
	}
}

.postLink span {
	display: inline-block;
	font-size: 12px;
	color: #49494b;
	margin-right: 5px
}

.postLink span:nth-child(2) {
	margin-right: 8px;
	font-size: 11px;
	background: #0000000d;
	border-radius: 47px;
	flex: 1;
	direction: ltr;
	padding: 2px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0
}

.postLink button {
	padding: 0;
	border: none;
	color: #49494b;
	background: #49494b1f;
	border-radius: 4px;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	margin-right: 8px
}

.share__and__short {
	display: flex;
	gap: 10px;
	flex-direction: column
}

.aseed-player-box.mirror-static {
	padding-bottom: 30%;
	overflow: hidden;
	border: 1px solid #dddddd17;
	border-bottom: 0;
	border-radius: 12px;
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.aseed-player-box.mirror-static>img.lcp-cover-img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	border-radius: 12px
}

.aseed-player-box.mirror-static:after {
	background: linear-gradient(180deg, #13172000 0, #131720 100%);
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding-top: 80%;
	backdrop-filter: blur(2px) grayscale(1);
	opacity: .9
}

.tabs ul {
	display: flex;
	gap: 10px
}

.tabs ul li {
	border: 1px solid #2484ff69;
	padding: 12px 25px;
	cursor: pointer;
	transition: .3s;
	justify-content: center;
	border-radius: 12px;
	align-items: center;
	gap: 10px;
	display: flex;
	color: #2484ff;
	background: var(--back-vnxweb)
}

.tabs ul li i {
	font-size: 19px
}

.tabs ul li.active,
.tabs ul li:hover {
	background: #006cff;
	color: var(--color-white);
	opacity: 1;
	border-color: #006cff
}

.title__single {
	position: absolute;
	bottom: 20px;
	z-index: 999;
	left: 20px;
	width: calc(100% - 29%)
}

.title__single .user__actions {
	margin-bottom: 15px
}

.like__btn {
	min-width: 44px;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	height: 35px;
	border: none;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 5px 5px 10px rgb(0 0 0 / .089);
	cursor: pointer;
	background-color: #fff0
}

.like__btn span,
.like__btn .count,
.like__btn .views__count {
	min-width: 22px;
	text-align: center;
	display: inline-block;
	line-height: 37px
}

.postEmbed {
	position: relative;
	width: 100%;
	height: auto !important;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	padding: 0 !important
}

.left__container {
	background-color: #006cff;
	justify-content: center;
	gap: 8px;
	transition: .2s;
	padding: 0 15px;
	font-size: 17px;
	color: var(--color-white)
}

.left__container,
.like__count {
	width: auto;
	align-items: center;
	height: 100%;
	display: flex
}

.like__count {
	justify-content: center;
	color: #e00;
	font-weight: 600;
	position: relative;
	background-color: var(--color-white);
	padding: 0 11px
}

.like__count::before {
	height: 8px;
	width: 8px;
	position: absolute;
	content: "";
	background-color: var(--color-white);
	transform: rotate(45deg);
	right: -4px
}

.header__search {
	display: block
}

.site__header .header__search .big__search__form,
.header__search .big__search__form {
	display: flex;
	position: relative
}

.site__header .header__search .big__search__form input[type=text],
.header__search .big__search__form input[type=text] {
	width: 500px;
	outline: 0;
	padding: 10px 45px 10px 90px;
	border-radius: 13px;
	border: 1px solid #f4f5f8;
	background: #f4f5f8;
	color: #4f5357
}

.site__header .header__search .big__search__form input[type=text]::placeholder,
.header__search .big__search__form input[type=text]::placeholder {
	font-size: 14px;
	color: #5f6368;
	opacity: 1
}

.site__header .header__search .big__search__form>i,
.header__search .big__search__form>i {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 6;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 0 18px;
	font-size: 16px;
	opacity: 1;
	color: #88898f
}

.site__header .header__search .big__search__form .search__type__drop,
.header__search .big__search__form .search__type__drop {
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	z-index: 7
}

.site__header .header__search .big__search__form .search__type__drop>span,
.header__search .big__search__form .search__type__drop>span {
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 100%;
	background: var(--color-white);
	justify-content: center;
	gap: 5px;
	border-radius: 12px;
	padding: 0 20px;
	color: var(--dark-vnxwebCom);
	box-shadow: 0 0 4px #ffffff38
}

.site__header .header__search .big__search__form .search__type__drop>span>i,
.header__search .big__search__form .search__type__drop>span>i {
	font-size: 11px
}

.site__header .header__search .big__search__form .search__type__drop>span strong,
.header__search .big__search__form .search__type__drop>span strong {
	font-weight: 400
}

.site__header .search__type__drop ul,
.header__search .search__type__drop ul {
	position: absolute;
	top: 100%;
	width: 100%;
	right: auto;
	left: 0;
	background: var(--color-white);
	box-shadow: 0 0 32px 0 #0003;
	border-radius: 12px;
	max-height: 300px;
	overflow: auto;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
	transform: scale(.5);
	backdrop-filter: blur(10px);
	padding: 10px 0;
	min-width: 110px;
	border: 1px solid #dddddd0d
}

.search__type__drop ul.opened,
.search__type__drop.active ul,
.header__search .search__type__drop:hover ul {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	z-index: 9999999
}

.site__header .search__type__drop ul li,
.header__search .search__type__drop ul li {
	display: block;
	padding: 8px 10px;
	border-bottom: 1px solid #ffffff0d;
	cursor: pointer;
	transition: .2s;
	font-size: 13px;
	color: #000
}

.site__header .search__type__drop ul li:last-child,
.header__search .search__type__drop ul li:last-child {
	border: 0
}

.search__type__drop ul li.selected,
.search__type__drop ul li:hover,
.site__header .search__type__drop ul li.selected,
.site__header .search__type__drop ul li:hover {
	background: #d0cece40;
	color: #06c
}

.search__res__container {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	padding: 20px;
	border: 1px solid #d4e3f9;
	border-radius: 12px;
	background: var(--color-white);
	box-shadow: 0 0 32px 0 #0003;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: .3s;
	z-index: 6
}

.search__type__drop ul {
	z-index: 9999999999
}

.big__search__form:focus-within .search__res__container,
.search__res__container.opened {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1)
}

.search__res__container .inner {
	display: block
}

.search__res__container .most__search>span {
	display: block;
	margin-bottom: 10px;
	color: #000
}

.search__res__container .most__search>span:first-child {
	margin-top: 0
}

.search__res__container .most__search>ul.top__search {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none
}

.search__res__container .most__search>ul.top__search li {
	flex: 1 1 auto;
	text-align: center;
	list-style: none
}

.search__res__container .most__search>ul.top__search li a {
	padding: 5px 10px;
	display: block;
	border-radius: 12px;
	font-size: 12px;
	transition: .25s;
	color: #8c8e90;
	text-decoration: none;
	background: #f4f5f8
}

.search__res__container .most__search>ul.top__search li a:hover {
	background: #06c;
	color: var(--color-white)
}

.search__res__container .most__search>ul.top__search li a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.search__res__container ul.top__actors {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -5px 10px;
	row-gap: 10px;
	padding: 0;
	list-style: none
}

.search__res__container ul.top__actors li {
	padding: 0 5px;
	flex: 0 0 calc(100% / 5);
	list-style: none
}

.search__res__container ul.top__actors li a {
	display: block;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
	color: var(--color-white)
}

.search__res__container ul.top__actors li a .image {
	width: 100%;
	display: block;
	padding-bottom: 94%;
	border-radius: 48px;
	overflow: hidden;
	border: 2px solid #ffffff14;
	position: relative
}

.ads_poster img {
	border-radius: 14px
}

.ads_poster {
	display: block;
	padding: 6px;
	margin: 10px 0
}

.search__res__container ul.top__actors li a img {
	display: block;
	object-fit: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.search__res__container ul.top__actors li a h4 {
	display: block;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	padding-top: 5px
}

.live__search__res .live-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 35px 0
}

.headerBtn {
	width: 42px;
	height: 42px !important;
	border-radius: 12px !important;
	border: 0;
	outline: none;
	cursor: pointer;
	display: flex;
	align-items: center !important;
	justify-content: center !important;
	background: #d9e8ff;
	color: #06f;
	font-size: 18px;
	text-decoration: none;
	transition: 0.3s ease
}

.headerBtn:hover {
	transform: translateY(-2px);
	opacity: .85;
	color: #2484ff
}

.advancedSearch {
	direction: rtl;
	width: 100%;
	margin: 0 0 25px
}

.advancedSearch,
.advancedSearch * {
	box-sizing: border-box
}

.advancedSearch>div {
	width: 100%;
	background: var(--color-white);
	border: 1px solid #e8edf3;
	border-radius: 18px;
	padding: 16px;
	box-shadow: 0 12px 35px rgb(15 23 42 / .08)
}

.advFrom {
	width: 100%;
	display: grid;
	grid-template-columns: 160px minmax(220px, 1.6fr) repeat(4, minmax(130px, 1fr)) 105px;
	gap: 10px;
	align-items: center
}

.advFrom>span {
	height: 46px;
	padding: 0 14px;
	border-radius: 14px;
	background: #f4f7fb;
	color: #1e293b;
	font-size: 13px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	white-space: nowrap
}

.advFrom>span::before {
	content: "\f008";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	color: #2563eb;
	font-size: 16px
}

.advFrom input[type="text"] {
	width: 100%;
	height: 46px;
	border: 1px solid #e5eaf1;
	outline: none;
	border-radius: 14px;
	background: #f8fafc;
	color: #0f172a;
	padding: 0 15px;
	font-size: 14px;
	transition: 0.25s ease
}

.advFrom input[type="text"]::placeholder {
	color: #94a3b8
}

.advFrom input[type="text"]:focus {
	background: var(--color-white);
	border-color: #93c5fd;
	box-shadow: 0 0 0 4px rgb(37 99 235 / .1)
}

.advFrom .sel {
	position: relative;
	width: 100%;
	height: 46px;
	border: 1px solid #e5eaf1;
	border-radius: 14px;
	background: #f8fafc;
	color: #0f172a;
	cursor: pointer;
	transition: 0.25s ease;
	user-select: none
}

.advFrom .sel:hover {
	background: var(--color-white);
	border-color: #bfdbfe
}

.advFrom .selPlac {
	height: 46px;
	padding: 0 14px 0 36px;
	display: flex;
	align-items: center;
	color: #334155;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.advFrom .sel::after {
	content: "\f107";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #64748b;
	font-size: 13px;
	pointer-events: none;
	transition: 0.25s ease
}

.advFrom .sel:hover::after,
.advFrom .sel.active::after,
.advFrom .sel.open::after {
	color: #2563eb
}

.advFrom .sel__box {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	left: 0;
	z-index: 99999;
	max-height: 255px;
	overflow-y: auto;
	background: var(--color-white);
	border: 1px solid #e5eaf1;
	border-radius: 14px;
	padding: 7px;
	box-shadow: 0 18px 35px rgb(15 23 42 / .14);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: 0.2s ease
}

.advFrom .sel.active .sel__box,
.advFrom .sel.open .sel__box,
.advFrom .sel:hover .sel__box {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.advFrom .selBoxOp {
	display: block;
	padding: 10px 11px;
	color: #334155;
	font-size: 14px;
	border-radius: 10px;
	transition: 0.2s ease
}

.advFrom .selBoxOp:hover {
	background: #eff6ff;
	color: #1d4ed8
}

.advFrom .sel__box::-webkit-scrollbar {
	width: 6px
}

.advFrom .sel__box::-webkit-scrollbar-track {
	background: #fff0
}

.advFrom .sel__box::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 20px
}

.advFrom .sel__box::-webkit-scrollbar-thumb:hover {
	background: #93c5fd
}

.advFrom button[type="submit"] {
	width: 100%;
	height: 46px;
	border: 0;
	outline: none;
	border-radius: 14px;
	background: #2563eb;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	transition: 0.25s ease;
	box-shadow: 0 10px 22px rgb(37 99 235 / .22);
	white-space: nowrap
}

.advFrom button[type="submit"]::before {
	content: "\f0b0";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	margin-left: 7px
}

.advFrom button[type="submit"]:hover {
	background: #1d4ed8;
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgb(37 99 235 / .28)
}

.advFrom button[type="submit"]:active {
	transform: translateY(0)
}

.my-watchlist-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #f5c400;
	color: #000000 !important;
	padding: 13px 22px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	list-style: none;
	border: none;
	transition: all 0.3s ease;
	user-select: none;
	margin-top: 10px;
	width: 100%
}

.my-watchlist-btn i,
.my-watchlist-btn span {
	color: #000 !important
}

.my-watchlist-btn:hover {
	background: #e0b300;
	color: #000 !important;
	transform: translateY(-2px)
}

.my-watchlist-btn.remove {
	background: #f5c400;
	color: #000 !important
}

.my-watchlist-btn.remove:hover {
	background: #d9a900
}

.my-watchlist-btn i {
	font-size: 15px
}

@media (max-width:576px) {
	.my-watchlist-btn {
		width: 100%;
		padding: 12px 15px;
		font-size: 14px
	}
}

@media (max-width:1300px) {
	.advFrom {
		grid-template-columns: 150px minmax(200px, 1.4fr) repeat(4, minmax(120px, 1fr)) 100px
	}
}

@media (max-width:1100px) {
	.advFrom {
		grid-template-columns: repeat(3, 1fr)
	}

	.advFrom>span {
		grid-column: span 1
	}

	.advFrom input[type="text"] {
		grid-column: span 2
	}

	.advFrom button[type="submit"] {
		grid-column: span 3
	}
}

@media (max-width:850px) {
	.advancedSearch>div {
		padding: 14px;
		border-radius: 16px
	}

	.advFrom {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px
	}

	.advFrom>span,
	.advFrom input[type="text"],
	.advFrom button[type="submit"] {
		grid-column: span 2
	}
}

@media (max-width:600px) {
	.advancedSearch {
		margin-bottom: 18px
	}

	.advancedSearch>div {
		padding: 12px;
		border-radius: 15px
	}

	.advFrom {
		grid-template-columns: 1fr;
		gap: 9px
	}

	.advFrom>span,
	.advFrom input[type="text"],
	.advFrom .sel,
	.advFrom button[type="submit"] {
		grid-column: auto;
		width: 100%;
		min-width: 0
	}

	.advFrom>span {
		height: 44px;
		font-size: 14px
	}

	.advFrom input[type="text"],
	.advFrom .sel,
	.advFrom .selPlac,
	.advFrom button[type="submit"] {
		height: 44px
	}

	.advFrom .selPlac,
	.advFrom input[type="text"] {
		font-size: 13px
	}

	.advFrom button[type="submit"] {
		font-size: 14px
	}

	.advFrom .sel__box {
		max-height: 220px
	}
}

@media (max-width:380px) {
	.advancedSearch>div {
		padding: 10px
	}

	.advFrom>span {
		font-size: 13px
	}

	.advFrom input[type="text"],
	.advFrom .selPlac,
	.advFrom .selBoxOp {
		font-size: 12.5px
	}
}

.main-article {
	background: var(--color-white);
	border: 1px solid #eef0f4;
	border-radius: 18px;
	padding: 16px;
	margin-bottom: 20px;
	box-shadow: 0 10px 30px rgb(15 23 42 / .06);
	overflow: hidden
}

.social-box-head {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 12px;
	text-align: right;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f2f6
}

.work__team {
	background: #fafbfc;
	padding: 20px 10px
}

.social-box-icon {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 16px;
	background: linear-gradient(135deg, #0066cc, #2caaf2);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	box-shadow: 0 8px 20px rgb(0 102 204 / .25)
}

.social-box-head-text {
	flex: 1;
	min-width: 0
}

.social-box-head-text h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	color: var(--color-dark);
	line-height: 1.6
}

.social-box-head-text p {
	margin: 3px 0 0;
	font-size: 13px;
	color: #6b7280;
	line-height: 1.7
}

.social-box-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.social-box-list li {
	margin: 0;
	padding: 0
}

.social-box-link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 10px 12px;
	border-radius: 15px;
	background: #f4f5f8;
	border: 1px solid #fff0;
	color: var(--color-dark);
	text-decoration: none;
	text-align: right;
	direction: rtl;
	transition: all 0.25s ease;
	flex-direction: row
}

.social-box-link:hover {
	transform: translateY(-2px);
	background: var(--color-white);
	border-color: #e5e7eb;
	box-shadow: 0 10px 22px rgb(15 23 42 / .08)
}

.social-box-link-icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 13px;
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px
}

.social-box-link-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0
}

.social-box-link-text strong {
	font-size: 14px;
	font-weight: 800;
	color: var(--color-dark)
}

.social-box-link-text em {
	font-style: normal;
	font-size: 12px;
	color: #6b7280;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.social-box-arrow {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border-radius: 50%;
	background: #eef2f7;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	transition: all 0.25s ease
}

.social-box-link:hover .social-box-arrow {
	background: #06c;
	color: var(--color-white)
}

.social-box-link.facebook .social-box-link-icon {
	background: #1877f2
}

.social-box-link.twitter .social-box-link-icon {
	background: #1da1f2
}

.social-box-link.instagram .social-box-link-icon {
	background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af)
}

.social-box-link.telegram .social-box-link-icon {
	background: #229ed9
}

.social-box-link.youtube .social-box-link-icon {
	background: red
}

.aside-trends-head {
	display: flex;
	align-items: center;
	gap: 12px;
	direction: rtl;
	text-align: right;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #f2f3f6
}

.aside-trends-icon {
	width: 44px;
	height: 44px;
	min-width: 44px;
	border-radius: 15px;
	background: linear-gradient(135deg, #0066cc, #2caaf2);
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	box-shadow: 0 8px 20px rgb(0 102 204 / .22)
}

.aside-trends-title {
	flex: 1;
	min-width: 0
}

.aside-trends-title h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 800;
	color: var(--color-dark);
	line-height: 1.5
}

.aside-trends-title p {
	margin: 3px 0 0;
	font-size: 12px;
	color: #6b7280
}

.aside-trends-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.aside-trends-list li {
	margin: 0;
	padding: 0
}

.aside-trends-list li a {
	display: flex;
	align-items: center;
	gap: 10px;
	direction: rtl;
	text-align: right;
	background: #f4f5f8;
	border: 1px solid #fff0;
	border-radius: 15px;
	padding: 9px;
	text-decoration: none;
	transition: all 0.25s ease
}

.aside-trends-list li a:hover {
	background: var(--color-white);
	border-color: #e5e7eb;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgb(15 23 42 / .08)
}

.aside-trends-rank {
	width: 28px;
	height: 28px;
	min-width: 28px;
	border-radius: 10px;
	background: var(--back-vnxweb);
	color: #2484ff;
	font-size: 13px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center
}

.aside-trends-thumb {
	width: 42px;
	height: 52px;
	min-width: 52px;
	border-radius: 12px;
	overflow: hidden;
	background: #f2f3f6
}

.aside-trends-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.aside-trends-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px
}

.aside-trends-info strong {
	font-size: 12px;
	font-weight: 800;
	color: var(--color-dark);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.aside-trends-info em {
	font-style: normal;
	font-size: 11px;
	color: #6b7280
}

.aside-trends-empty {
	background: #f8f9fb;
	border-radius: 14px;
	padding: 14px;
	text-align: center;
	color: #6b7280;
	font-size: 13px
}

.owl-controls {
	display: flex;
	gap: 20px
}

.owl-nav {
	display: flex;
	gap: 7px
}

.owl-prev,
.owl-next {
	color: #096bff;
	background: #d0dff8;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 18px
}

.owl-prev i,
.owl-next i {
	font-weight: 700
}

.eg-stream-box {
	width: 100%;
	transition: 0.3s ease;
	direction: rtl;
	min-height: 145px;
	background: linear-gradient(271deg, #dbeafe 0%, #7fb2fb 100%);
	border-radius: 10px;
	padding: 22px 55px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	overflow: hidden;
	margin-top: 20px
}

.eg-stream-icon {
	width: 85px;
	display: flex;
	align-items: center;
	justify-content: center
}

.eg-stream-icon i {
	font-size: 58px;
	color: #006cff
}

.eg-stream-content {
	flex: 1;
	text-align: right
}

.eg-stream-content h2 {
    margin: 0 0 14px;
    color: var(--color-dark);
    font-size: 25px;
    line-height: 1.35;
    min-height: 34px;
    font-weight: bold;
}

.eg-stream-content p {
	margin: 0;
	color: #374151;
	font-size: 14px;
	font-weight: 600
}

.eg-stream-btn {
	background: #006cff;
	color: var(--color-white);
	padding: 16px 62px;
	border-radius: 10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap;
	transition: 0.3s ease
}

.eg-stream-btn:hover {
	background: #005be0;
	color: var(--color-white)
}

@media (max-width:768px) {
	.eg-stream-box {
		width: 100%;
		margin-right: 0;
		padding: 20px;
		text-align: center
	}

	.eg-stream-content h2 {
		font-size: 21px
	}

	.eg-stream-btn {
		padding: 14px 45px
	}
}

.rightSideMenu {
	position: fixed;
	top: 31%;
	right: 16px;
	width: 58px;
	padding: 14px 8px;
	transform: translateY(-50%);
	background: var(--color-white);
	border-radius: 16px;
	box-shadow: 0 6px 22px rgb(0 0 0 / .12);
	z-index: 9999;
	transition: width 0.3s ease, right 0.3s ease, transform 0.3s ease;
	overflow: hidden
}

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

.rightSideMenu li {
	margin-bottom: 10px
}

.rightSideMenu li:last-child {
	margin-bottom: 0
}

.rightSideMenu a {
	height: 40px;
	display: flex;
	align-items: center;
	gap: 0;
	border-radius: 12px;
	color: #2484ff;
	text-decoration: none;
	white-space: nowrap;
	transition: 0.25s ease
}

.rightSideMenu a i {
	min-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--back-vnxweb);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #2484ff;
	transition: 0.25s ease
}

.rightSideMenu a span {
	opacity: 0;
	visibility: hidden;
	width: 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 700;
	color: #222;
	transition: 0.25s ease
}

.rightSideMenu a.active i,
.rightSideMenu a:hover i {
	background: #ff1f2f;
	color: var(--color-white)
}

body.side-menu-open .rightSideMenu {
	width: 200px
}

body.side-menu-open .rightSideMenu a {
	justify-content: flex-start;
	gap: 10px;
	padding: 0 6px
}

body.side-menu-open .rightSideMenu a span {
	opacity: 1;
	visibility: visible;
	width: auto
}

.sideMenuOverlay {
	display: none
}

main {
	width: calc(100% - 50px);
	margin-right: 50px;
	transition: 0.3s ease
}

.vnx-single {
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 30px
}

.vnx-single .single-main {
	flex: 1 1 auto;
	min-width: 0
}

.vnx-single .single-aside {
	flex: 0 0 380px;
	width: 380px;
	max-width: 380px
}

@media (max-width:992px) {
	.vnx-single {
		gap: 24px
	}

	.vnx-single .single-aside {
		flex: 0 0 280px;
		width: 280px;
		max-width: 280px
	}
}

@media (max-width:768px) {
	.vnx-single {
		flex-direction: column;
		gap: 25px
	}

	.vnx-single .single-main,
	.vnx-single .single-aside {
		width: 100%;
		max-width: 100%;
		flex: 0 0 auto
	}
}

.series-categories {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 10px 0;
	direction: rtl;
	padding-top: 0
}

.series-categories a {
	padding: 10px 22px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 500;
	white-space: nowrap;
	font-size: 14px;
	transition: 0.3s;
	background: #fff;
	color: #006cff;
	border: 1px solid #b6d5ff42
}

.series-categories::-webkit-scrollbar-track {
	border-radius: 8888px
}

.series-categories::-webkit-scrollbar-thumb {
	border-radius: 8888px
}

.series-categories a:hover {
	background: #006cff;
	color: var(--color-white)
}

body.side-menu-open main {
	width: calc(100% - 215px);
	margin-right: 215px
}

footer {
	overflow: hidden;
	clear: both;
	width: 100%;
	display: flex;
	background: var(--color-white);
	border-top: 1px solid #8d8d8d38;
	box-shadow: 0 6px 22px rgb(0 0 0 / .12);
	justify-content: space-between;
	flex-direction: row-reverse;
	padding-top: 20px;
	margin-top: 30px
}

@media (max-width:768px) {
	.rightSideMenu {
		top: 0;
		right: 0;
		width: 220px;
		height: 100vh;
		padding: 14px 14px 20px;
		border-radius: 0;
		transform: translateX(100%)
	}

	.search__res__container {
		padding: 10px
	}

	body.side-menu-open .rightSideMenu {
		width: 270px;
		transform: translateX(0)
	}

	.rightSideMenu a {
		justify-content: flex-start;
		gap: 10px;
		padding: 0 6px
	}

	.rightSideMenu a span {
		opacity: 1;
		visibility: visible;
		width: auto
	}

	main,
	body.side-menu-open main {
		width: 100%;
		margin-right: 0
	}

	.sideMenuOverlay {
		position: fixed;
		inset: 0;
		background: rgb(0 0 0 / .45);
		z-index: 9998;
		display: none
	}

	body.side-menu-open .sideMenuOverlay {
		display: block
	}
}

.headerMenuBtn {
	width: 42px;
	height: 42px;
	border: 0;
	outline: none;
	cursor: pointer;
	background: var(--color-white);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: 0.25s ease;
	top: 5px;
	z-index: 99999
}

.headerMenuBtn:hover,
.side-menu-open .headerMenuBtn {
	background: #f5f5f5
}

.headerMenuBtn i {
	position: relative;
	width: 25px;
	height: 2px;
	display: block;
	background: #777;
	border-radius: 12px;
	font-size: 0;
	color: #fff0
}

.headerMenuBtn i::before,
.headerMenuBtn i::after {
	content: "";
	position: absolute;
	right: 0;
	width: 25px;
	height: 2px;
	background: #111;
	border-radius: 12px;
	transition: 0.25s ease
}

.headerMenuBtn i::before {
	top: -7px
}

.headerMenuBtn i::after {
	bottom: -7px
}

body.side-menu-open .headerMenuBtn i {
	background: #fff0
}

body.side-menu-open .headerMenuBtn i::before {
	top: 0;
	transform: rotate(45deg)
}

body.side-menu-open .headerMenuBtn i::after {
	bottom: 0;
	transform: rotate(-45deg)
}

.live__search__res .no__found__posts {
	margin: 30px 0
}

.live__search__res .no__found__posts span {
	font-size: 16px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: block;
	color: #ccc
}

.live__search__res .no__found__posts .emoji.emoji__sad {
	transform: scale(.4)
}

.hide__md {
	display: block
}

ul.res__ul {
	display: flex;
	flex-direction: column;
	row-gap: 10px
}

ul.res__ul>li a.search__item {
	background: #f4f5f8;
	transition: .3s;
	display: flex;
	align-items: center;
	border-radius: 12px;
	overflow: hidden;
	padding: 0 10px
}

ul.res__ul>li a.search__item .img {
	width: 65px;
	height: 45px;
	overflow: hidden;
	border-radius: 6px;
	order: 2
}

ul.res__ul>li a.search__item .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

ul.res__ul>li a.search__item .title___info {
	flex: 1;
	padding: 9px 20px
}

ul.res__ul>li a.search__item .title___info h3 {
	font-size: 13px;
	font-weight: 400;
	color: var(--dark-vnxwebCom)
}

ul.res__ul>li a.search__item .title___info ul li {
	font-size: 12px
}

ul.res__ul>li a.search__item .title___info ul li+li:before {
	content: '\f192';
	font-family: 'Font Awesome 6 Pro';
	padding: 0 5px;
	font-size: 10px
}

ul.d__flex.gap__10 {
	gap: 10px;
	display: flex;
	color: #000;
	opacity: .5
}

@media (max-width:991px) {
	.hide__md {
		display: none !important
	}
}

@media (max-width:1200px) {

	.site__header .header__search .big__search__form input[type=text],
	.header__search .big__search__form input[type=text] {
		width: 440px
	}

	.singleContent {
		grid-template-columns: 1fr
	}
}

@media (max-width:1400px) {
	.tax {
		grid-template-columns: repeat(1, 1fr) !important
	}

	.watch__and__download.d__flex.gap__10 {
		flex-direction: column
	}
}

@media (max-width:1100px) {

	.site__header .header__search .big__search__form input[type=text],
	.header__search .big__search__form input[type=text] {
		width: 320px
	}
}

ul.res__ul>li a.search__item h3,
ul.res__ul>li a.search__item ul li {
	transition: .3s
}

ul.res__ul>li a.search__item:hover h3 {
	color: #06c
}

button.like__btn.views__count span.left__container {
	background: #1a2232
}

.align__items__center {
	align-items: center !important
}

.justify__content__between {
	justify-content: space-between !important
}

.flex__wrap {
	flex-wrap: wrap !important
}

.title__and__br {
	flex: 1 1
}

.title__and__br h1.post__name {
	font-size: 24px;
	font-weight: 700;
	color: #49494b
}

h1.post__name {
	line-height: 1.4 !important;
	min-height: 1.2em;
	display: block;
	overflow: hidden
}

.rating__box {
	min-height: 50px;
	display: flex;
	align-items: center
}

.rating__box {
	display: flex;
	background: #deb522;
	border-radius: 12px;
	color: var(--dark-vnxwebCom);
	padding: 4px 15px
}

.rating__box,
h3.block__ti {
	align-items: center
}

.block__ti:before {
	content: '';
	width: 10px;
	border-right: solid 3px;
	border-color: #006cff;
	height: 16px;
	display: block
}

.rating__box .icon__logo {
	height: 50px
}

.rating__box .icon__logo svg {
	width: 50px;
	height: auto
}

.rating__box .rate__txt {
	font-size: 20px;
	font-weight: 700
}

.rating__box i.star__icon {
	font-size: 25px
}

.rating__box span.votes {
	background: #0000001c;
	border-radius: 12px;
	padding: 5px 10px
}

.share__and__short .share__icons {
	display: flex;
	gap: 10px
}

.align__items__center {
	align-items: center !important
}

.bottoms {
	gap: 20px;
	display: flex;
	align-items: center
}

.share__and__short .share__icons a {
	font-size: 16px;
	display: flex;
	align-items: center;
	width: 32px;
	height: 32px;
	justify-content: center;
	border-radius: 999px;
	transition: .2s;
	background: #f4f5f8;
	color: #49494b
}

.info__side i {
	display: inline-block;
	width: 1.25em;
	min-width: 1.25em
}

.postLink button i {
	display: block;
	line-height: 26px;
	width: 26px;
	height: 26px
}

.poster {
	position: absolute;
	display: block;
	width: 100%;
	transition: .3s;
	height: 100%
}

.trailer {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	gap: 10px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 12px;
	background: rgb(242 243 246 / 12%);
	z-index: 99;
	transition: .3s;
	overflow: hidden;
	backdrop-filter: blur(2px)
}

.trailer .icon svg {
	width: 40px;
	height: auto
}

.trailer span {
	font-size: 12px;
	color: var(--color-white)
}

.trailer:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	z-index: -1;
	transition: .3s;
	opacity: 0;
	border-radius: 45px;
	background: #006cff
}

.trailer:hover:after {
	opacity: 1;
	transform: scale(45)
}

.singleInfo .description {
	background: rgb(33 32 32 / .53);
	padding: 10px;
	max-height: initial;
	border-radius: 5px;
	width: calc(100% - 240px);
	margin-bottom: 6px;
	display: inline-block;
	clear: both;
	height: auto;
	overflow: auto;
	font-size: 16px;
	display: none
}

.singleInfo .description h2 {
	font-size: 14px;
	color: #fff !important
}

.trendPage .headTitle {
	margin-bottom: 25px;
	width: 100%
}

.trendPage .headTitle h1 {
	font-size: 28px;
	font-weight: 700;
	color: var(--color-white);
	margin: 0
}

.trendPage .main__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	width: 100%
}

.trendPage .__head__left {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap
}

.ribbon span:nth-of-type(1) {
	position: absolute;
	width: max-content;
	top: 10px;
	left: 0;
	z-index: 5;
	line-height: 28px;
	text-align: center;
	transition: .3s;
	color: #fff;
	border-radius: 0 10px 10px 0;
	background: rgb(0 108 255 / 64%);
	padding: 0 10px
}

.ribbon span:nth-of-type(2) {
	position: absolute;
	width: 220px;
	top: 38px;
	left: -42px;
	z-index: 5;
	line-height: 28px;
	text-align: center;
	background: #f44336;
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	transform: rotate(-40deg);
	transition: .3s
}

.series__episodes__switcher {
	display: flex;
	align-items: center;
	gap: 10px
}

.series__episodes__switcher>span {
	color: #8c94a5;
	font-size: 16px;
	transition: .3s;
	cursor: pointer;
	user-select: none
}

.series__episodes__switcher>span.active {
	color: #ff1f2f
}

.toggle-container {
	--knob-size: 1.40em;
	display: flex;
	justify-content: center;
	position: relative
}

.toggle-input {
	position: absolute;
	z-index: 2;
	bottom: 132.5%;
	transform: rotate(25deg);
	transform-origin: 50% 4.75em;
	width: var(--knob-size);
	height: var(--knob-size);
	opacity: 0;
	font: inherit;
	cursor: pointer;
	border-radius: 50%;
	transition: transform .24s cubic-bezier(.65, 1.35, .5, 1)
}

.toggle-input:checked,
.toggle-input:checked+.toggle-handle-wrapper>.toggle-handle {
	transform: rotate(-25deg)
}

.toggle-handle-wrapper {
	position: absolute;
	z-index: 1;
	bottom: -135%;
	-webkit-mask-image: linear-gradient(to bottom, #000 62.125%, transparent 50%);
	mask-image: linear-gradient(to bottom, #000 62.125%, transparent 50%);
	width: 200%;
	overflow: hidden
}

.toggle-handle {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: rotate(25deg);
	transform-origin: bottom center;
	transition: transform .24s cubic-bezier(.65, 1.35, .5, 1)
}

.toggle-handle-knob {
	position: relative;
	z-index: 1;
	width: var(--knob-size);
	height: var(--knob-size);
	border-radius: 50%;
	background-image: radial-gradient(farthest-corner at 70% 30%, #fedee2 4%, #d63534 12% 24%, #a81a1a 50% 65%, #d63534 75%);
	transition: transform .24s cubic-bezier(.65, 1.35, .5, 1)
}

.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-knob {
	transform: rotate(-90deg)
}

.toggle-handle-knob::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 8px 2px rgb(255 255 255 / .4);
	opacity: 0;
	transition: opacity .2s
}

.toggle-handle-bar-wrapper {
	position: relative;
	width: .5em;
	height: 3em
}

.toggle-handle-bar {
	position: absolute;
	top: calc(var(--knob-size) / 2 * -1);
	left: 0;
	width: 100%;
	height: calc(100% + var(--knob-size) / 2);
	background-image: linear-gradient(to right, #777475, #a4a4a4, #fff 45% 55%, #a4a4a4, #777475);
	background-position-x: .06125em;
	transition: background-position-x .24s cubic-bezier(.65, 1.35, .5, 1);
	box-shadow: inset 0 1em .25em rgb(0 0 0 / .4)
}

.toggle-input:checked+.toggle-handle-wrapper .toggle-handle-bar {
	background-position-x: -.06125em
}

.toggle-base {
	position: relative;
	border-radius: 3.125em;
	padding: .25em;
	width: 3.5em;
	height: 1.125em;
	background-color: var(--color-white);
	background-image: linear-gradient(to bottom, #fff, #d7d7d7)
}

.toggle-base-inside {
	position: relative;
	border-radius: inherit;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, #a6a6a6, #7d7d7d);
	box-shadow: inset 0 .0625em rgb(255 255 255 / .2), inset 0 -.03125em rgb(255 255 255), inset 0 -.0625em .25em rgb(0 0 0 / .1)
}

.toggle-base-inside::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-image: linear-gradient(to bottom, #5ab054, #438c3c);
	box-shadow: inherit;
	opacity: 0;
	transition: opacity .24s cubic-bezier(.65, 1.35, .5, 1)
}

.toggle-input:checked~.toggle-base .toggle-base-inside::after {
	opacity: 1
}

.list__sub__cats {
	position: relative
}

.list__sub__cats .filter__bttn {
	display: flex;
	align-items: center;
	gap: 10px;
	border-radius: 12px;
	border: 1px solid var(--back-vnxweb);
	padding: 12px 25px;
	cursor: pointer;
	opacity: 1;
	transition: .3s;
	color: #000;
	font-size: 15px;
	background: var(--color-white);
	box-shadow: 0 6px 0 rgb(0 0 0 / .12)
}

.list__sub__cats .filter__bttn:hover {
	background: #000;
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0;
	color: var(--color-white)
}

.list__sub__cats .filter__bttn i {
	font-size: 18px
}

.list__sub__cats .filter__bttn .down__arrow {
	padding-right: 10px;
	font-size: 16px
}

.list__sub__cats ul {
	position: absolute;
	top: 100%;
	left: 0;
	right: auto;
	min-width: 220px;
	background: #1a22324d;
	box-shadow: 0 0 32px 0 #000000ab;
	border-radius: var(--radius);
	max-height: 300px;
	overflow: auto;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
	transform: scale(.5);
	backdrop-filter: blur(10px);
	padding: 5px 0;
	z-index: 1000;
	margin-top: 10px;
	list-style: none
}

.list__sub__cats.active ul {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

.list__sub__cats ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	cursor: pointer;
	transition: .3s;
	color: #000
}

.list__sub__cats ul li:last-child {
	border-bottom: 0
}

.list__sub__cats ul li.selected,
.list__sub__cats ul li:hover {
	background: #f4f5f8
}

.select__circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 50px;
	border: 1px solid #ffffff40;
	font-size: 11px;
	flex: 0 0 25px
}

.select__circle i {
	transition: .3s;
	opacity: 0
}

.list__sub__cats ul li.selected .select__circle i {
	opacity: 1
}

.trendsResultsWrap {
	width: 100%;
	min-height: 180px;
	transition: opacity .25s ease
}

.trendsResultsWrap.is-loading {
	opacity: .45;
	pointer-events: none
}

.trends__ajax__grid {
	row-gap: 20px
}

.trendPage .secPost {
	width: 100%
}

.trendPage .noResult {
	text-align: center;
	padding: 20px;
	border-radius: var(--radius);
	background: #1a22329c;
	color: var(--color-white)
}

.trendPage .noResult h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 600
}

.trendPage .box__movie,
.trendPage .series__box,
.trendPage a.movie__block {
	transition: .3s
}

.trendPage .box__movie:hover,
.trendPage .series__box:hover,
.trendPage a.movie__block:hover {
	transform: translateY(-3px)
}

@media (max-width:991px) {
	.trendPage {
		padding: 20px 0 35px
	}

	.trendPage .headTitle h1 {
		font-size: 24px
	}
}

@media (max-width:767px) {
	.trendPage .main__head {
		display: block
	}

	.trendPage .__head__left {
		flex-direction: column;
		align-items: stretch;
		gap: 15px
	}

	.series__episodes__switcher {
		justify-content: center
	}

	.list__sub__cats,
	#trends__filter {
		width: 100%
	}

	.list__sub__cats .filter__bttn {
		justify-content: center;
		width: 100%
	}

	.list__sub__cats ul {
		width: 100%;
		min-width: 100%
	}
}

.singleFoot .tabs ul {
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0
}

.tabsContent {
	padding: 10px 0;
	position: relative;
	overflow: hidden;
	margin: 0 -10px
}

.tabsContent .tabCon:not(:first-child) {
	display: none
}

.navBtns {
	font-size: 15px;
	line-height: 46px;
	background: rgb(33 32 32 / .53);
	padding: 5px;
	margin-bottom: 20px;
	border-radius: 6px;
	position: relative
}

.navBtns a:nth-of-type(1) {
	background: #ffb100;
	display: inline-block;
	border-radius: 5px;
	margin: 1px;
	color: #000 !important;
	padding: 0 20px;
	cursor: pointer
}

.navBtns a:nth-of-type(2) {
	background: #006cff;
	display: inline-block;
	border-radius: 5px;
	margin: 1px;
	color: var(--color-white);
	padding: 0 20px;
	cursor: pointer;
	float: left
}

.blockSeries {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
	z-index: 10;
	text-align: right;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
	border-radius: 12px
}

.blockSeries img {
	width: 100%;
	height: 100%;
	transition: .5s ease-in-out;
	object-fit: cover;
	border-radius: 12px
}

.blockSeries .poster {
	height: 150px;
	background: #11111b;
	overflow: hidden;
	border-radius: 12px;
	background: #11111b;
	overflow: hidden;
	border-radius: 12px
}

.blockSeries .episodeNum {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #006cff;
	line-height: 30px;
	padding: 0 5px;
	border-radius: 5px;
	font-size: 18px;
	z-index: 99
}

blockSeries .episodeNum span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px
}

.blockSeries .title {
	padding: 10px;
	position: absolute;
	bottom: 0;
	transition: .3s ease;
	right: 0;
	width: 100%;
	transform: translateY(100%)
}

.blockSeries:hover .title {
	transform: translateY(0)
}

.blockSeries:hover img {
	object-position: bottom;
	opacity: .3
}

.b-modal.__b-popup1__ {
	opacity: 1 !important;
	background: #1317209c !important;
	backdrop-filter: blur(4px) !important
}

.series__box {
	position: relative;
	display: block;
	padding-bottom: 60%;
	margin-bottom: 10px
}
a.headerBtn.userBtn:focus ,  a.headerBtn.userBtn:hover{
    color: red;
}
.series__box>a {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #ffffff0f;
	transition: .3s
}

.series__box>a .image__poster,
.series__box>a .image__poster img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	border-radius: 0 0 28px 28px
}

.series__box>a .image__poster:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 5;
	opacity: 0;
	transition: .3s
}

.images__loader {
	opacity: 0;
	transition: .2s
}

.images__loader.loaded {
	opacity: 1
}

.series__box .title___ {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9;
	padding: 10% 20px 20px;
	text-align: right;
	background: linear-gradient(180deg, #13172000 0, #131720 70%);
	transition: .3s
}

.series__box .poster:after {
	content: "";
	background: radial-gradient(circle, #fff0 40%, #000 100%);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 9999
}

.series__box .poster:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 5;
	opacity: .3;
	transition: .3s;
	opacity: 0
}

.series__box>a .info__box__hide {
	position: absolute;
	right: 20px;
	bottom: 130px;
	left: 20px;
	z-index: 99;
	padding: 10px 20px;
	background: #ffffff26;
	border-radius: 12px;
	backdrop-filter: blur(4px);
	transform: scale(.4);
	transform-origin: left bottom;
	opacity: 0;
	transition: .3s
}

.series__box>a .info__box__hide p.story {
	font-size: 13px;
	line-height: 20px
}

.series__box>a .info__box__hide:after {
	content: "";
	position: absolute;
	left: 30px;
	bottom: -14px;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: #fff0 #ffffff26 #fff0 #fff0;
	transform: translate(-50%) rotate(269deg);
	backdrop-filter: blur(4px)
}

.series__box .hover__box {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 20px;
	z-index: 10;
	opacity: 0;
	transition: .3s
}

.series__box .hover__box h3 {
	font-size: 16px;
	font-weight: 700
}

.series__box .hover__box ul.dots__info {
	display: flex;
	gap: 10px;
	margin: 10px 0;
	font-size: 13px
}

.series__box .hover__box ul.dots__info li {
	display: flex;
	align-items: center;
	gap: 7px
}

.series__box .hover__box ul.bottom__ul,
.series__episodes__switcher {
	display: flex;
	align-items: center;
	gap: 10px
}

.series__box .hover__box ul.bottom__ul li {
	background: rgb(0 0 0 / 33%);
	padding: 7px 17px;
	font-size: 12px;
	backdrop-filter: blur(2px);
	border-radius: 12px
}

.d__flex {
	display: flex
}

.align__items__center {
	align-items: center !important
}

.justify__content__between {
	justify-content: space-between !important
}

.gap__10 {
	gap: 10px
}

.flex__1 {
	flex: 1
}

.series__box:hover>a .image__poster:before {
	opacity: .5
}

.series__box:hover>a .image__poster img {
	filter: grayscale(1)
}

.series__box:hover>a .info__box__hide {
	transform: scale(1);
	opacity: 1;
	transition: .3s .1s
}

.series__box:hover .hover__box,
.toggle-input:checked~.toggle-base .toggle-base-inside::after,
a.categories__item.active svg,
a.categories__item:hover svg {
	opacity: 1
}

.series__box .hover__box ul.bottom__ul,
.series__episodes__switcher {
	display: flex;
	align-items: center;
	gap: 10px
}

.series__box>a:hover {
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.series__box .poster {
	padding-bottom: 60% !important
}

.loader__item {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 0;
	overflow: hidden;
	background-color: #1b223242;
	border: 1px solid #1b2232;
	border-radius: 12px;
	margin-bottom: 20px
}

.loader__item,
.loader__item *,
.loader__item :after,
.loader__item :before {
	box-sizing: border-box
}

.loader__item .loader__picture:before,
.loader__row div:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 50%;
	z-index: 1;
	width: 500%;
	margin-right: -250%;
	-webkit-animation: .8s linear infinite phAnimation;
	animation: .8s linear infinite phAnimation;
	background: linear-gradient(90deg, #fff0 45%, hsl(0 0% 100% / .35) 50%, #fff0 54%) 50% 50%;
	opacity: .05
}

.loader__item>* {
	flex: 1 1 auto;
	display: flex;
	flex-flow: column;
	padding-right: 10px;
	padding-left: 10px
}

.loader__row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2.5px
}

.loader__row div {
	height: 10px;
	margin-bottom: 7.5px;
	background-color: #ffffff05;
	border-radius: 12px;
	overflow: hidden
}

.loader__row div.d1:before {
	animation-delay: .1s
}

.loader__row div.d2:before {
	animation-delay: .2s
}

.downloads__tabs ul,
.posts__loader>ul {
	margin: 0 -10px;
	row-gap: 20px
}

.downloads__tabs ul li {
	padding: 0 10px;
	max-width: 33.3333%;
	flex: 1 1 auto
}

.downloads__tabs ul li .download__box {
	padding: 15px 20px;
	cursor: pointer;
	align-items: center;
	border-radius: 12px;
	transition: .3s;
	background: var(--back-vnxweb);
	color: #2484ff
}

.downloads__tabs ul li .download__box.active {
	background: #2484ff;
	opacity: 1;
	color: var(--color-white)
}

.downloads__tabs ul li .download__box .ico {
	width: 35px;
	height: 50px
}

.downloads__tabs ul li .download__box .ico i {
	font-size: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}

.downloads__tabs ul li .download__box .ico lord-icon {
	width: 100% !important;
	display: block;
	height: 100% !important
}

.downloads__tabs ul li .download__box .txt {
	display: block;
	font-size: 20px;
	flex: 1
}

.downloads__tabs ul li .download__box .txt span {
	display: block;
	margin-bottom: 3px;
	font-size: 16px
}

.downloads__tabs ul li .download__box .txt p {
	font-size: 14px;
	opacity: .7
}

.downloads__tabs ul li .download__box.active .left__ico {
	transform: rotate(-90deg)
}

.downloads__tabs ul li .download__box .left__ico {
	font-size: 40px;
	transition: .3s;
	line-height: 30px
}

.loader__col__5 {
	flex: 0 0 50%
}

.loader__col__12 {
	flex: 0 0 100%
}

.loader__picture {
	width: 100%;
	padding-bottom: 120%;
	background-color: #ffffff05;
	margin-bottom: 10px;
	border-radius: 12px;
	overflow: hidden
}

@-webkit-keyframes phAnimation {
	0% {
		transform: translate3d(30%, 0, 0)
	}

	to {
		transform: translate3d(-30%, 0, 0)
	}
}

@keyframes phAnimation {
	0% {
		transform: translate3d(30%, 0, 0)
	}

	to {
		transform: translate3d(-30%, 0, 0)
	}
}

.loader__picture .loader__ico {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: .5;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	gap: 15px;
	transform: translate(0, -50%)
}

.loader__picture .loader__ico .icoo {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	background: rgb(0 0 0 / 33%);
	justify-content: center;
	border-radius: 280px;
	transition: .3s
}

.secPost {
	margin: 0 0;
	z-index: 5
}

.loader__picture .loader__ico .icoo:after {
	content: '';
	border: 2px solid;
	width: 70px;
	height: 70px;
	position: absolute;
	border-radius: 50px;
	transition: .3s
}

.loader__picture .loader__ico .icoo svg {
	transform: scale(.8);
	transition: .3s
}

.loader__picture .loader__ico span.text {
	font-size: 16px;
	text-align: center
}

.loader__picture .loader__ico span.text em {
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 14px;
	margin-top: 3px
}

.no__found__posts {
	display: flex;
	align-items: center;
	justify-content: center;
	MARGIN: 80PX 0
}

.no__found__posts .emoji {
	transform: scale(.5)
}

.no__found__posts>span {
	font-size: 50px;
	font-weight: 700;
	color: #ffda6a
}

.filter__box {
	margin-bottom: 30px;
	border-radius: 12px;
	z-index: 999;
	position: relative
}

.filter__box ul.filter__items,
.work__team {
	z-index: 99
}

.d__flex {
	display: flex
}

.flex__wrap {
	flex-wrap: wrap !important
}

.gap__20 {
	gap: 20px
}

.filter__box ul.filter__items {
	position: relative
}

.filter__box ul.filter__items>li {
	position: relative;
	flex: 1 1 0%
}

.filter__box ul.filter__items>li .filter__title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 15px;
	background: #1b22328f;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 12px;
	color: #aaa;
	transition: .3s
}

.filter__box ul.filter__items>li .filter__title .icon__one {
	font-size: 25px
}

.filter__box ul.filter__items>li .filter__title span {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden
}

.filter__box ul.filter__items>li .filter__title span p {
	display: block;
	font-weight: 400;
	font-size: 14px
}

.filter__box ul.filter__items>li .filter__title span em {
	font-style: normal;
	font-size: 10px;
	color: #aaa;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	width: 100%;
	max-width: 60px;
	direction: initial;
	flex: 0 0 auto
}

.filter__box ul.filter__items>li .filter__title .icon__two {
	font-size: 16px;
	line-height: 20px
}

.hover__after {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.hover__after:after {
	content: '';
	position: absolute;
	bottom: 50%;
	z-index: -1;
	right: 0;
	width: 5px;
	height: 5px;
	background: #ffffff10;
	transform-origin: right;
	border-radius: 50%;
	transform: scale(0);
	transition: none
}

.loader,
.loader::after {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-sizing: border-box
}

.hover__after:hover:after {
	transform: scale(100);
	opacity: 0;
	transition: .8s
}

.filter__box ul.filter__items>li>ul,
.list__sub__cats ul,
.site__header .search__type__drop ul {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	min-width: 200px;
	padding: 5px 0;
	background: var(--color-white);
	box-shadow: 0 0 32px 0 #393939ab;
	border-radius: 12px;
	max-height: 300px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transform: scale(.5);
	transform-origin: top;
	transition: .3s;
	backdrop-filter: blur(10px)
}

.filter__box ul.filter__items>li.opened>ul,
.list__sub__cats.active ul,
.search__type__drop ul.opened,
.watch__servers__list .quality__swither.active ul.qualities__list {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	z-index: 9999999
}

.filter__box ul.filter__items>li>ul>li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-bottom: 1px solid #ffffff0d;
	cursor: pointer;
	transition: .2s;
	color: var(--color-white)
}

.filter__box ul.filter__items>li>ul>li.selected,
.search__type__drop ul li:hover,
.site__header .search__type__drop ul li.selected {
	background: #d0cece40;
	color: #06c
}

.select__circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	height: 25px;
	border-radius: 50px;
	border: 1px solid #00000040;
	font-size: 11px
}

.select__circle i {
	opacity: 0
}

.filter__box ul.filter__items>li>ul>li.selected .select__circle i,
.list__sub__cats ul li.selected .select__circle i,
.menu__bar>ul>li.active>a {
	opacity: 1
}

.filter__box ul.filter__items li .filter__title:hover {
	color: var(--color-white);
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.filter__box ul.filter__items .go__filter {
	background: #1b22328f;
	cursor: pointer;
	border-radius: 12px;
	color: var(--color-white);
	font-size: 20px;
	transition: .3s;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 55px
}

.filter__box ul.filter__items .go__filter.disabled {
	opacity: .5;
	cursor: not-allowed
}

.filter__box ul.filter__items .go__filter span {
	display: none
}

.newly-loader-holder {
	width: 300px;
	text-align: center;
	box-sizing: border-box
}

.filter__box ul.filter__items>li>ul::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none
}

.filter__box ul.filter__items>li>ul::-webkit-scrollbar-thumb {
	display: none;
	background: #fff0
}

.filter__box ul.filter__items>li>ul::-webkit-scrollbar-track {
	display: none;
	background: #fff0
}

.emoji {
	width: 120px;
	height: 120px;
	background: #ffda6a;
	display: inline-block;
	border-radius: 50%
}

.mobile__menu {
	position: fixed;
	bottom: 0;
	width: 100%;
	display: none;
	background: #171b26bd;
	border-top: 1px solid #ffffff0f;
	backdrop-filter: blur(5px);
	z-index: 99999999
}

.mobile__menu>ul>li {
	flex: 1
}

.mobile__menu>ul>li.home__btn {
	position: relative;
	top: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 68px;
	height: 68px;
	background: #131720;
	border: 1px solid #ffffff24;
	border-radius: 50%;
	transition: 0.35s
}

.mobile__menu>ul>li>a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	row-gap: 6px;
	padding-top: 5px
}

.mobile__menu>ul>li>a i,
.watch__and__download a.btton .txt {
	font-size: 20px
}

section.mobile__sarch {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000000b8;
	backdrop-filter: blur(5px);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s
}

body.movile__search__open section.mobile__sarch {
	opacity: 1;
	visibility: visible;
	z-index: 99999
}

section.mobile__sarch>a,
.mobile__big__menu>a.abs {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

section.mobile__sarch .inner__contents {
	z-index: 9;
	padding: 30px
}

.mob__search form.mobile__search__form {
	display: flex;
	align-items: center;
	gap: 20px;
	background: #ffffff1a;
	border-radius: 12px;
	overflow: hidden
}

.mob__search form.mobile__search__form i {
	font-size: 23px;
	padding-right: 17px
}

.mob__search form.mobile__search__form input[type="text"] {
	flex: 1;
	height: 50px;
	border: 0;
	background: #fff0;
	color: var(--color-white)
}

.search__type__list {
	width: 100%;
	margin-top: 15px
}

.search__type__list ul {
	width: 100%
}

.search__type__list ul li {
	flex: 1;
	padding: 10px 0;
	text-align: center;
	background: #ffffff1a;
	border-radius: 16px
}

.search__type__list ul li.selected {
	color: var(--color-white);
	background: #006cff
}

section.mobile__sarch .search__res__container {
	position: relative;
	top: auto;
	padding: 30px 0;
	background: #fff0;
	border: 0;
	opacity: 1;
	visibility: visible
}

.search__res__container ul.top__actors {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -5px 10px;
	row-gap: 10px
}

.search__res__container .most__search>ul.top__search {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px
}

.search__res__container .most__search>ul.top__search li {
	flex: 1 1 auto;
	text-align: center
}

a.person__item,
a.person__item .person__image {
	border-radius: 12px;
	overflow: hidden
}

.__head__text span a {
	color: var(--color-dark) !important;
	text-shadow: 0 0 #000;
	font-weight: 600
}

.__head__left a {
    display: flex;
    border-radius: 12px;
    padding: 10px 20px;
    cursor: pointer;
    align-items: center;
    gap: 10px;
    opacity: 1.7;
    transition: .3s;
    color: #006cff !important;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #b6d5ff70;
    box-shadow: 0px 0px 4px 0px #a4cbff94;
}

.__head__left a i {
	font-size: 18px
}

.__head__left a:hover {
	opacity: 1;
	background: #006cff;
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0;
	color: #fff !important
}

header#header {
	color: var(--dark-vnxwebCom);
	height: 75px;
	width: 100%;
	background: var(--color-white);
	box-shadow: 0 0 4px #171e2b4f;
	position: relative;
	margin-bottom: 20px;
	display: flex;
	align-items: center
}

.movies_active .listItmes article.post .postBlockOne,
.single-movies .postBlockOne {
	margin-bottom: 10px
}

.break__line {
	display: table;
	margin: 10px auto;
	width: 16%;
	max-width: 70%;
	height: 2px;
	background: #171e2b
}

a.episode__item {
	border-radius: 12px;
	overflow: hidden;
	display: block;
	transition: .3s;
	border: 1px solid #ffffff0f;
	margin-bottom: 10px
}

a.episode__item .post__image {
	padding-bottom: 60%
}

a.episode__item .post__image .svg__icon {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	z-index: 6;
	filter: drop-shadow(0 4px 18px rgb(0 0 0 / .4));
	width: 60px;
	opacity: 0;
	height: 60px;
	background: #0000003b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 60px;
	transition: .2s
}

.play__ico svg,
a.episode__item .post__image .svg__icon svg,
a.movie__block:hover .play__ico svg {
	transform: scale(.8)
}

a.episode__item .post__image .svg__icon:after {
	content: '';
	position: absolute;
	top: -5px;
	width: 70px;
	height: 70px;
	border: 1px solid #0000003b;
	border-radius: 50px
}

a.episode__item .post__image img {
	position: absolute;
	right: 0;
	transition: .3s;
	border-radius: 11px;
	object-position: top
}

a.episode__item .post__image img {
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

a.episode__item .episode__title {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, #13172000 0, #131720 90%);
	padding: 60px 15px 15px
}

a.episode__item .episode__title span {
	display: block;
	font-size: 14px;
	font-weight: 600
}

.owl-carousel .owl-item img {
	height: 100%
}

a.episode__item .episode__title p {
	display: flex;
	align-items: center;
	gap: 7px;
	background: #2484ff;
	margin: 0;
	max-width: fit-content;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 14px;
	margin-top: 5px
}

a.episode__item .episode__title p em {
	font-style: normal;
	font-size: 25px;
	line-height: 20px
}

a.episode__item:hover .post__image .svg__icon {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1
}

dt strong {
	color: #006cff
}

.dl-horizontal {
	padding: 15px
}

.dl-horizontal dt {
	padding: 5.5px 0;
	float: right;
	margin-top: 10px;
	width: 150px
}

.dl-horizontal dd {
	border-bottom: 1px dashed rgb(255 255 255 / .1);
	margin-left: 0;
	padding: 5.5px 0;
	margin-top: 10px
}

.dl-horizontal dd:last-child {
	border: none
}

.myList .del {
	position: absolute;
	font-size: 20px;
	border-radius: 50%;
	top: 5px;
	left: 15px;
	background: #cb150f;
	color: var(--color-white);
	z-index: 11;
	cursor: pointer;
	height: 30px;
	width: 30px;
	line-height: 37px;
	text-align: center;
	font-weight: 700
}

.postContent {
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 28px;
	color: var(--light-color)
}

.myList .del {
	position: absolute;
	font-size: 12px;
	border-radius: 6px;
	padding: 5px 10px;
	top: 110px;
	right: 30px;
	background: #cb150f;
	color: var(--color-white);
	z-index: 11;
	cursor: pointer
}

#trailerPopUp {
	display: none
}

#popup {
	position: relative;
	color: #111;
	overflow: hidden;
	padding: 20px 20px 0 20px;
	-moz-perspective: 300px;
	-webkit-perspective: 300px;
	perspective: 300px;
	background: #474747;
	border: 4px solid #E7E7E7;
	box-shadow: inset 0 0 100px #000
}

.b-close {
	position: absolute;
	background: #006cff;
	left: -16px;
	text-align: center;
	top: -22px;
	line-height: 25px;
	cursor: pointer;
	color: var(--color-white);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	opacity: 1;
	font-size: 16px;
	z-index: 9999
}

.boxes-popup {
	width: 1000px;
	background: #f1f1f1;
	margin: 0 auto
}

.popup-content {
	padding: 8px 0;
	height: auto
}

#popupVideo {
	color: #111;
	-moz-perspective: 300px;
	-webkit-perspective: 300px;
	perspective: 300px;
	border: 4px solid #f4f5f8;
	z-index: 99;
	background: #f4f5f8;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.serverError {
	color: #e39e1f;
	font-size: 16px;
	text-align: left;
	padding: 20px
}

h3.not-found {
	color: var(--color-white);
	font-size: 30px;
	text-align: center;
	padding: 10px 0;
	margin: 25px 0;
	cursor: pointer
}


ul.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

ul.page-numbers li .page-numbers {
	display: flex;
	padding: 11px 16px;
	background: #006cff30;
	min-width: 40px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	color: #006cff;
	font-size: 16px
}

ul.page-numbers li.active a,
ul.page-numbers span.page-numbers.current {
	background: #006cff;
	color: var(--color-white)
}

span.page-numbers.dots {
	color: var(--color-white)
}

.comment>.children {
	margin-right: 85px
}

.comment-list .children li {
	margin-bottom: 5px;
	display: block;
	padding: 10px;
	margin-top: 15px;
	border-radius: 10px
}

.comment.odd {
	background: #f6f6f6
}

.comment .comment-reply-link {
	display: block;
	border: 1px solid #c7c7c7;
	border-radius: 30px;
	color: #444;
	margin: 0;
	transition: .3s ease;
	float: left;
	text-align: center;
	padding: 5px 30px
}

.comment .comment-header .comment-time {
	font-weight: 400;
	font-size: 14px;
	color: #5d6566
}

.comment .scontent p {
	font-weight: 400;
	margin-top: 10px;
	overflow-wrap: break-word;
	font-size: 14px
}

#close {
	position: absolute;
	top: 5%;
	right: 25%;
	font-size: 30px;
	color: var(--color-white);
	cursor: pointer
}

.error-404 {
	position: relative;
	text-align: center;
	padding: 70px 0 160px 0
}

.error-404 h1 {
	font-size: 75px;
	color: #006cff;
	padding: 10px;
	font-weight: 700;
	margin-bottom: 30px
}

.error-404 h2 {
	font-size: 20px;
	color: #006cff;
	margin-bottom: 20px
}

.error-404 h3 a {
	font-size: 20px;
	color: #2484ff !important;
	margin-bottom: 10px;
	background: #e4efff;
	padding: 10px 15px;
	border-radius: 12px
}

.thePages {
	position: relative;
	margin: 10px 0;
	overflow: hidden;
	display: block;
	line-height: 25px
}

.thePages * {
	line-height: 30px
}

.thePages h1 {
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 700
}

.thePages h2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700
}

.thePages h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: 700
}

.thePages h4 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 700
}

.thePages h5 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 700
}

.thePages h1,
.thePages h2,
.thePages h3,
.thePages h4,
.thePages h5 {
	color: #006cff
}

.thePages .title {
	color: #006cff;
	font-size: 16px
}

.thePages .content {
	position: relative;
	padding: 10px 0;
	color: var(--color-white);
	overflow: hidden
}

.thePages blockquote {
	line-height: 30px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: var(--light-color)
}

.thePages a {
	color: #006cff !important
}

.thePages p a {
	color: #006cff !important
}

.leftCategorySlider {
	overflow: hidden !important;
	position: relative !important;
	background: linear-gradient(180deg, #171d2a, #131727 0 90%);
	padding: 20px 20px 0 !important;
	border-radius: 12px;
	height: 430px
}

.leftCategorySlider .swiper-wrapper {
	height: 100%
}

.leftCategorySlider .swiper-slide {
	height: auto
}

.leftCategorySlider .anime__slider__item {
	display: flex;
	align-items: flex-start
}

.leftCategorySlider .info__box {
	flex: 1
}

a.anime__slider__item {
	display: flex;
	align-items: start;
	width: 100%;
	gap: 15px
}

a.anime__slider__item .poster {
	flex: 0 130px;
	height: 60px;
	overflow: hidden;
	border-radius: 12px;
	opacity: .5;
	transition: .3s;
	width: 130px;
	padding: 0;
	position: relative
}

a.anime__slider__item .poster img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	object-fit: cover;
	border-radius: 12px;
	height: 100%
}

a.anime__slider__item .info__box {
	flex: 1
}

.finded__posts>li>a h4,
a.anime__slider__item .info__box h3.title {
	font-size: 14px
}

a.anime__slider__item .info__box ul.info__ul {
	gap: 9px;
	margin-top: 5px
}

.flex__wrap {
	flex-wrap: wrap !important
}

.d__flex {
	display: flex
}

.row__gap__5 {
	row-gap: 5px !important
}

a.anime__slider__item .info__box ul.info__ul li {
	font-size: 13px;
	color: #aaa
}

a.anime__slider__item:hover .poster {
	opacity: 1
}

.colLeft {
	width: 30%
}

.slider__arrows {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 10px
}

.slider__arrows>div {
	font-size: 17px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #171d2a;
	border-radius: 90px;
	cursor: pointer;
	border: 2px solid #ffffff05
}

.myAccount {
	display: none !important
}

.fixed {
	background: #13161c !important;
	backdrop-filter: blur(8px);
	box-shadow: 0 0 30px #00000040;
	border-color: #3c83ed0d
}

.fixedS {
	transform: translate(0, -200px);
	opacity: 0
}

header.fixed .headLogo {
	transform: scale(.7)
}

.logo__and__bars,
a.site__logo {
	display: flex;
	align-items: center;
	gap: .4vw;
	justify-content: space-between
}

.logo__text {
	color: #ff1900;
	font-size: 30px;
	display: flex;
	flex-direction: row-reverse
}

.logo__text em {
	color: #06c;
	font-style: normal
}

.love {
	display: flex;
	color: var(--dark-vnxwebCom);
	align-items: center;
	gap: 10px;
	justify-content: center
}

.copyRight a {
	transition: 0.3s
}

.copyRight .love a:hover {
	color: #007bff
}

.love .loader,
.love .loader:before,
.love .loader:after {
	width: 10px;
	height: 15px
}

.top__footer p.footer__description {
	display: table;
	margin: 20px auto;
	max-width: 500px;
	text-align: center;
	color: #aaa
}

.top__footer .footer__menu {
	display: block;
	margin: 20px auto
}

.top__footer .footer__menu>ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px
}

.top__footer .footer__menu>ul>li>a {
	display: block;
	padding: 10px 25px;
	border-radius: 999px;
	font-size: 15px;
	transition: .3s;
	text-align: center;
	background: var(--color-white);
	box-shadow: 0 0 4px #171e2b1c;
	color: var(--dark-vnxwebCom)
}

.social__footer,
ul.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px
}

.social__footer>a {
	display: flex;
	align-items: center
}

.social__footer>a {
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 12px;
	font-size: 20px;
	color: #415270;
	cursor: pointer
}

.copyrights,
.social__footer>a,
.top__footer .footer__menu>ul>li>a:hover,
.sociaLinks li a:hover {
	background: #007bff;
	color: var(--color-white)
}

.h1hide {
	position: absolute;
	top: -50px;
	z-index: 1;
	font-size: 12px;
	display: none;
	visibility: hidden
}

.headerMenu li {
	display: inline-block;
	position: relative
}

.headerMenu li a {
	display: block;
	padding: 0 15px;
	color: var(--color-white);
	font-size: 15px;
	line-height: 54px;
	text-decoration: none
}

.headerMenu li a i {
	vertical-align: middle;
	font-size: 16px;
	margin-right: 8px;
	font-weight: 400
}

.headerMenu li.newly a {
	border-bottom: 1.5px solid #006cff
}

.headerMenu li.newly a:after,
.headerMenu li.newly a:before {
	margin: 5px 0 0 0
}

.headerMenu li.newly a:before {
	content: '';
	border: 3px solid #006cff;
	-webkit-border-radius: 30px;
	height: 20px;
	width: 20px;
	position: absolute;
	right: -14px;
	top: 10px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0
}

.headerMenu li.newly a:after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #006cff;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: -9px
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(.1, .1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 0
	}
}

.secTop {
	position: relative;
	overflow: hidden;
	margin: 20px 0
}

.secTop .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	overflow: hidden
}

.secTop .content {
	width: 100%;
	flex: 1;
	border-radius: 12px;
	overflow: hidden;
	padding: 6px;
	background: linear-gradient(45deg, #00000000 0, #006cff1f 100%);
	display: flex
}

.secTop .content>span {
	color: var(--color-white);
	font-weight: 500;
	padding: 5px 20px;
	border-radius: 30px;
	display: inline-block;
	background: #006cff
}

.secTop .lBtns {
	display: flex;
	gap: 10px
}

.secTop .lBtns a {
	padding: 0 30px;
	border-radius: 29px;
	display: flex;
	height: 35px;
	line-height: 35px;
	align-items: center;
	gap: 9px;
	justify-content: center;
	font-weight: 700
}

.secTop .lBtns a.newly {
	background: #006cff
}

.secTop .lBtns a.user {
	background: #ffd423;
	color: #222 !important
}

.secTop .inner {
	display: flex
}

.typed {
	color: var(--color-dark);
	line-height: 30px;
	cursor: pointer;
	font-size: 14px;
	padding-right: 10px
}

.typed-cursor {
	opacity: 1;
	color: var(--color-white);
	line-height: 30px
}

.signleWatch,
.signleDownload {
	background: var(--color-white);
	border-radius: 12px;
	box-shadow: 0 0 0 1px #eee
}

.singleServers {
	position: relative;
	padding: 0 10px
}

.singleFrame {
	position: relative;
	overflow: hidden
}

.postEmbed .loader {
	position: absolute;
	left: 50%;
	top: 50%
}

.loader {
	position: relative;
	width: 40px;
	height: 60px;
	animation: heartBeat 1.2s infinite cubic-bezier(.215, .61, .355, 1)
}

.loader:before,
.loader:after {
	content: "";
	background: #ff3d00;
	width: 40px;
	height: 60px;
	border-radius: 50px 50px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotate(45deg);
	transform-origin: 50% 68%;
	box-shadow: 5px 4px 5px #0004 inset
}

.loader:after {
	transform: rotate(-45deg)
}

@keyframes heartBeat {
	0% {
		transform: scale(.95)
	}

	5% {
		transform: scale(1.1)
	}

	39% {
		transform: scale(.85)
	}

	45% {
		transform: scale(1)
	}

	60% {
		transform: scale(.95)
	}

	100% {
		transform: scale(.9)
	}
}

.singleFrame iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	border-radius: 12px 12px 0 0
}

.singleEps {
	position: relative;
	float: left;
	min-width: 200px
}

.seasonsList {
	position: relative;
	margin-bottom: 15px
}

.seasonsList h3 {
	display: flex;
	border-radius: 12px;
	border: 1px solid #f4f5f8;
	padding: 12px 25px;
	cursor: pointer;
	align-items: center;
	gap: 10px;
	opacity: 1.7;
	transition: .3s;
	color: var(--color-white);
	font-size: 15px;
	justify-content: space-between;
	background: #d90000
}

.seasonsList li.active a {
	color: var(--color-white);
	background: #ff1f2f
}

.seasonsList h3 i {
	transition: .3s;
	font-size: 18px
}

.seasonsList ul {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	right: 0;
	border-radius: 12px;
	max-height: 300px;
	overflow: auto;
	transform-origin: bottom;
	padding: 5px 0;
	min-width: 200px;
	z-index: 9999999;
	margin-top: 10px
}

.seasonsList ul li a {
	display: block;
	font-size: 14px;
	padding: 11px 25px;
	color: #ff1f2f;
	background: #f2ced0
}

.episodes__list .loader {
	display: block;
	margin: 30px auto
}

.singleNav {
	display: flex;
	justify-content: space-between;
	padding: 7px 7px;
	margin: 10px 0 15px;
	border-top: 5px solid;
	border-color: var(--back-vnxweb)
}

.singleNav a {
	font-weight: 700;
	min-width: 40px;
	width: max-content;
	height: 40px;
	border-radius: 10px;
	background: var(--back-vnxweb);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #2484ff;
	transition: 0.25s ease
}

.singleNav a.back i {
	line-height: 0
}

.singleNav a.back {
	gap: 10px;
	font-size: 14px;
	padding: 0 15px
}

.singleNav a i,
a.downloadsLink .text span {
	font-size: 19px
}

.servTitle {
	font-size: 15px;
	line-height: 46px;
	background: #006cff;
	color: var(--color-white);
	margin-bottom: 10px;
	border-radius: 8px
}

.episodeSlider .owl-dots {
	display: block;
	text-align: center;
	margin-top: 15px
}

.episodeSlider .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 4px
}

.episodeSlider .owl-dots .owl-dot span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 12px;
	background: #303746;
	transition: .3s
}

.episodeSlider .owl-dots .owl-dot.active span {
	background: #006cff !important;
	width: 30px !important
}

.downTitle {
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 10px;
	padding: 15px 20px;
	transition: .4s;
	font-weight: 400;
	background: #ffffff0d;
	text-align: right;
	color: var(--color-white)
}

.servList {
	position: relative;
	width: 100%;
	margin: 10px auto;
	display: block;
	z-index: 9;
	text-align: center
}

.DownList {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 10px auto;
	display: block;
	z-index: 199;
	margin-top: 30px;
	text-align: center
}

.servList ul {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center
}

.servList ul li {
	width: 100%;
	list-style: none;
	cursor: pointer;
	padding: 8px 5px;
	display: flex;
	border-radius: 12px;
	transition: .3s;
	flex: 0 0 calc(96% / 5);
	color: #2484ff;
	font-size: 16px;
	background: var(--back-vnxweb);
	font-weight: 600;
	align-items: center
}

.servList ul li i {
	display: flex;
	width: 35px;
	height: 35px;
	align-items: center;
	border-radius: 12px;
	transition: .3s;
	color: var(--color-white);
	justify-content: center;
	border-radius: 999px;
	background: #2484ff !important
}

.servList ul li .server {
	text-align: center;
	margin: 0 auto
}

.servList ul li.active,
.servList li:hover {
	background: #2484ff;
	color: var(--color-white)
}

.servList ul li.active i,
.servList ul li:hover i {
	background: #ffffff3b !important;
	color: var(--color-white)
}

.DownList .icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center
}

.DownList ul {
	position: relative;
	overflow: hidden;
	margin: 0 -10px;
	row-gap: 20px;
	flex-wrap: wrap !important;
	display: flex
}

.signleDownload .col-md-12 {
	padding: 10px
}

.DownList ul li {
	padding: 0 10px;
	flex: 0 33%;
	margin-bottom: 20px
}

.DownList ul a {
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
	border-radius: 12px;
	transition: .3s;
	padding: 10px 20px;
	background: #4CAF50;
	color: var(--color-white)
}

.DownList ul a i {
	font-size: 40px
}

.DownList ul a span {
	display: block;
	font-size: 16px;
	text-align: right;
	line-height: 14px;
	text-transform: capitalize
}

.DownList ul a span:last-child {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 100;
	opacity: .8
}

.DownList ul a:hover {
	opacity: .8
}

.servers>h3 {
	color: #2484ff;
	margin-bottom: 20px;
	border-bottom: 1px solid #ffffff1f;
	width: fit-content;
	padding-bottom: 10px;
	font-size: 18px
}

.left_single {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px
}

.epPrevNext {
	position: relative;
	overflow: hidden;
	display: flex;
	gap: 10px
}

.epPrevNext>* {
	flex: 1;
	font-weight: 700;
	min-width: 40px;
	width: max-content;
	height: 40px;
	border-radius: 10px;
	background: var(--back-vnxweb);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2484ff;
	transition: 0.25s ease;
	gap: 10px;
	font-size: 14px;
	padding: 0 15px
}

.epPrevNext>a strong {
	font-weight: 400;
	font-size: 30px
}

.epPrevNext>a span {
	font-size: 17px
}

.epPrevNext>.current {
	background: #2484ff;
	color: var(--color-white)
}

.epPrevNext .current span {
	display: inline-block;
	margin-left: 10px;
	font-size: 21px;
	font-weight: 700
}

.epPrevNext .current em {
	vertical-align: top;
	font-size: 28px;
	padding-right: 9px;
	font-style: normal;
	line-height: 40px
}

.epPrevNext>a:hover {
	color: #ffffff !important;
	background: #2484ff
}

footer .text-center {
	padding-top: 10px
}

footer .copyRight,
footer .site-name {
	display: block;
	line-height: 30px;
	padding: 10px;
	text-align: center
}

footer a,
footer span {
	font-size: 15px;
	color: #000
}

.footer {
	background: #0c0f21
}

.footerBox {
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

#menuFooter {
	padding-top: 10px;
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	text-align: center
}

.menu-footer-container {
	position: relative;
	padding: 20px;
	display: inline-block
}

#menu-footer li {
	display: inline-block;
	margin-left: 5px
}

#menu-footer li a {
	display: inline-block;
	position: relative;
	border-radius: 4px;
	font-size: 14px;
	padding: 5px 10px;
	color: #fff !important;
	cursor: pointer;
	text-align: center;
	margin-top: 5px
}

#menu-footer li a i {
	padding-left: 5px
}

#menu-footer li:hover a {
	color: #fff !important;
	;
	background: #006cff
}

.social {
	position: relative;
	text-align: center;
	overflow: hidden;
	display: block;
	width: 100%;
	background: rgb(0 0 0 / .1);
	margin-top: 15px;
	padding: 15px 0
}

.social .btn_icon {
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 0 1px 0 0;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 4px
}

.social .btn_icon span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0
}

.social .btn_icon:hover span {
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 2px;
	margin: -1.3rem
}

.social .btn_icon i {
	background: none;
	color: #fff;
	width: 35px;
	height: 35px;
	left: 0;
	line-height: 35px;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 10
}

.social .twitter {
	background-color: #55acee
}

.social .facebook {
	background-color: #3C5A98
}

.social .facebook {
	background-color: #3C5A98
}

.social .google {
	background-color: #DC4E41
}

.social .instagram {
	background-color: #DE376A
}

.social .youtube {
	background-color: #cd201f
}

.social .telegram {
	background-color: #08c
}

.social .pinterest {
	background-color: #E60023
}

.social .reddit {
	background-color: #fe4501
}

.social .linkedin {
	background-color: #2867B2
}

.social .google span {
	background-color: #ED6F1A
}

.social .facebook span {
	background-color: #4f6ca8
}

.social .twitter span {
	background-color: #83C3F3
}

.social .instagram span {
	background-color: #EE583F
}

.social .pinterest span {
	background-color: #e82d4a
}

.social .youtube span {
	background-color: #E23E3D
}

.social .telegram span {
	background-color: #1895d4
}

.social .telegram reddit {
	background-color: #fd8255
}

.social .telegram linkedin {
	background-color: #3d8ae6
}

.social .btn_icon:hover i {
	color: #fff
}

.alert-info {
	background-color: #f4f5f8;
	border-color: rgb(0 0 0 / .1);
	margin-top: 20px;
	padding: 20px
}

.alert-info h1 {
	font-size: 16px;
	padding-bottom: 20px;
	color: #006cff;
	font-weight: 700
}

.alert-info h2 {
	font-size: 14px;
	color: #000
}

.secCon,
.secPage {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 10px 20px;
	background: #fff;
	border: 2px solid #ecedf1;
	border-radius: 12px
}

div#load-post {
	margin: 0 -10px
}

.recaptcha {
	margin-top: 10px
}

@media (min-width:768px) {
	.containers.container {
		width: 100% !important
	}
}

@media (min-width:992px) {
	.containers.container {
		width: 100% !important;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 10px
	}
}

@media (min-width:1200px) {
	.containers.container {
		max-width: 96% !important
	}

	.containers.container-fluid {
		margin-left: 20px;
		margin-right: 20px
	}
}

.col-lg-3th,
.col-md-3th,
.col-sm-3th,
.col-xs-3th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 33.33333%;
	float: right
}

@media (min-width:768px) {
	.col-sm-3th {
		width: 33.33333%;
		float: right
	}
}

@media (min-width:992px) {
	.col-md-3th {
		width: 33.33333%;
		float: right
	}
}

@media (min-width:1200px) {
	.col-lg-3th {
		width: 33.33333%;
		float: right
	}
}

@media (min-width:1300px) {
	.col-lg-3th {
		width: 33.33333%;
		float: right
	}
}

@media (min-width:1400px) {
	.col-lg-3th {
		width: 33.33333%;
		float: right
	}
}

@media (min-width:1600px) {
	.col-lg-3th {
		width: 33.33333%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.col-md-3th {
		width: 100%;
		right: none;
		display: block
	}

	.col-md-3th.col-sm-3th {
		width: 33.33333%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.col-md-3th.col-sm-3th {
		width: 50%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.col-md-3th.col-sm-3th {
		width: 50%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.col-md-3th.col-sm-3th {
		width: 100%;
		display: block;
		padding-right: 2.1px;
		padding-left: 2.5px
	}
}

.col-lg-4th,
.col-md-4th,
.col-sm-4th,
.col-xs-4th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 25%;
	float: right
}

@media (min-width:768px) {
	.col-sm-4th {
		width: 25%;
		float: right
	}
}

@media (min-width:992px) {
	.col-md-4th {
		width: 33.3%;
		float: right
	}
}

@media (min-width:1200px) {
	.col-lg-4th {
		width: 25%;
		float: right
	}
}

@media (min-width:1300px) {
	.col-lg-4th {
		width: 25%;
		float: right
	}
}

@media (min-width:1400px) {
	.col-lg-4th {
		width: 25%;
		float: right
	}
}

@media (min-width:1600px) {
	.col-lg-4th {
		width: 25%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.col-md-4th {
		width: 100%;
		right: none;
		display: block
	}

	.col-md-4th.col-sm-4th {
		width: 33.3%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.col-md-4th.col-sm-4th {
		width: 50%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.col-md-4th.col-sm-4th {
		width: 50%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.col-md-4th.col-sm-4th {
		width: 50%;
		display: block;
		padding-right: 2.5px;
		padding-left: 2.5px
	}
}

.collg5th,
.colmd5th,
.colsm5th,
.colxs5th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 25%;
	float: right
}

@media (min-width:768px) {
	.colsm5th {
		width: 25%;
		float: right
	}
}

@media (min-width:992px) {
	.colmd5th {
		width: 25%;
		float: right
	}
}

@media (min-width:1200px) {
	.collg5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1300px) {
	.collg5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1400px) {
	.collg5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1600px) {
	.collg5th {
		width: 20%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.colmd5th {
		width: 100%;
		right: none;
		display: block
	}

	.colmd5th.colsm5th {
		width: 33.3%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.colmd5th.colsm5th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.colmd5th.colsm5th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.colmd5th.colsm5th {
		width: 50%;
		display: block;
		padding-right: 2.5px;
		padding-left: 2.5px
	}
}

.col-lg-5th,
.col-md-5th,
.col-sm-5th,
.col-xs-5th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 16.6%;
	float: right
}

@media (min-width:768px) {
	.col-sm-5th {
		width: 25%;
		float: right
	}
}

@media (min-width:992px) {
	.col-md-5th {
		width: 25%;
		float: right
	}
}

@media (min-width:1200px) {
	.col-lg-5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1300px) {
	.col-lg-5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1400px) {
	.col-lg-5th {
		width: 20%;
		float: right
	}
}

@media (min-width:1600px) {
	.col-lg-5th {
		width: 20%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.col-md-5th {
		width: 100%;
		right: none;
		display: block
	}

	.col-md-5th.col-sm-5th {
		width: 33.3%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.col-md-5th.col-sm-5th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.col-md-5th.col-sm-5th {
		width: 50%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.col-md-5th.col-sm-5th {
		width: 50%;
		display: block;
		padding-right: 5px;
		padding-left: 5px
	}
}

.col-lg-6th,
.col-md-6th,
.col-sm-6th,
.col-xs-6th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 16.6%;
	float: right
}

@media (min-width:768px) {
	.col-sm-6th {
		width: 25%;
		float: right
	}
}

@media (min-width:992px) {
	.col-md-6th {
		width: 20%;
		float: right
	}
}

@media (min-width:1200px) {
	.col-lg-6th {
		width: 16.6%;
		float: right
	}
}

@media (min-width:1300px) {
	.col-lg-6th {
		width: 16.6%;
		float: right
	}
}

@media (min-width:1400px) {
	.col-lg-6th {
		width: 16.6%;
		float: right
	}
}

@media (min-width:1600px) {
	.col-lg-6th {
		width: 16.6%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.col-md-6th {
		width: 100%;
		right: none;
		display: block
	}

	.col-md-6th.col-sm-6th {
		width: 25%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.col-md-6th.col-sm-6th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.col-md-6th.col-sm-6th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.col-md-6th.col-sm-6th {
		width: 50%;
		display: block
	}
}

.col-lg-7th,
.col-md-7th,
.col-sm-7th,
.col-xs-7th {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	width: 14.2%;
	float: right
}

@media (min-width:768px) {
	.col-sm-7th {
		width: 25%;
		float: right
	}
}

@media (min-width:992px) {
	.col-md-7th {
		width: 16.6%;
		float: right
	}
}

@media (min-width:1200px) {
	.col-lg-7th {
		width: 14.2%;
		float: right
	}
}

@media (min-width:1300px) {
	.col-lg-7th {
		width: 14.2%;
		float: right
	}
}

@media (min-width:1400px) {
	.col-lg-7th {
		width: 14.2%;
		float: right
	}
}

@media (min-width:1600px) {
	.col-lg-7th {
		width: 14.2%;
		float: right
	}
}

@media only screen and (max-width:992px) {
	.col-md-7th {
		width: 100%;
		right: none;
		display: block
	}

	.col-md-7th.col-sm-7th {
		width: 20%;
		float: right
	}
}

@media only screen and (max-width:769px) {
	.col-md-7th.col-sm-7th {
		width: 25%;
		display: block
	}
}

@media only screen and (max-width:580px) {
	.col-md-7th.col-sm-7th {
		width: 33.3%;
		display: block
	}
}

@media only screen and (max-width:480px) {
	.col-md-7th.col-sm-7th {
		width: 50%;
		display: block
	}
}

.menu__bar {
	display: block;
	border-radius: 12px;
	border: 2px solid #1c252e;
	padding: 20px;
	margin: 0 0 30px;
	z-index: 9999
}

.menu__bar>ul {
	display: flex;
	margin: 0 -10px;
	padding: 0;
	list-style: none
}

.menu__bar>ul>li {
	padding: 0 10px;
	flex: 1;
	position: relative;
	list-style: none
}

.menu__bar>ul>li>a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 9px;
	font-size: 16px;
	transition: .2s;
	opacity: .7;
	color: var(--color-white);
	text-decoration: none
}

.menu__bar>ul>li>a>.menu-icon,
.menu__bar>ul>li>a>i:first-child {
	width: 40px;
	height: 40px;
	background: #1b2232;
	color: #415270;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 48px;
	padding: 8px;
	box-sizing: border-box;
	flex: 0 0 40px
}

.menu__bar>ul>li>a>svg {
	width: 37px;
	height: auto
}

.menu__bar>ul>li>a>span {
	display: inline-flex;
	align-items: center;
	justify-content: center
}

ul>li.menu-item-has-children>a::after {
	content: '\f104';
	font-family: "Font Awesome 5 Pro", "Font Awesome 6 Pro", sans-serif;
	font-weight: 400;
	padding-right: 5px;
	font-size: 20px;
	transition: .2s;
	line-height: 1
}

ul>li:hover>a::after {
	transform: rotate(-90deg) translate(4px, 0)
}

.menu__bar>ul>li ul.sub-menu {
	position: absolute;
	top: 61px;
	background: var(--color-white);
	width: 100%;
	border-radius: 12px;
	transition: .25s;
	transform: translate(0, 0) scale(.2);
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
	box-shadow: rgb(232 232 232 / 50%) 0 4px 0 0, rgb(178 178 178 / 30%) 0 8px 0 0;
	min-width: 230px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9999
}

.menu__bar>ul>li ul.sub-menu::before {
	content: "\A";
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: #fff0 #fff #fff0 #fff0;
	position: absolute;
	left: 50%;
	transform: translate(-50%) rotate(90deg);
	top: -14px
}

.menu__bar>ul>li ul.sub-menu>li>a {
	display: block;
	color: #131720 !important;
	border-bottom: 1px solid #ddd;
	padding: 12px 15px;
	text-align: center;
	transition: .3s;
	overflow: hidden;
	text-decoration: none;
	background: var(--color-white)
}

.menu__bar>ul>li ul.sub-menu>li:last-child>a {
	border: 0
}

.menu__bar>ul>li ul.sub-menu>li>a:hover,
.menu__bar>ul>li ul.sub-menu>li.current-menu-item>a {
	background: #f1f1f1
}

.menu__bar>ul>li:hover>ul.sub-menu {
	transform: translate(0) scale(1);
	opacity: 1;
	visibility: visible
}

.current_page_item a,
.current-menu-item a {
	opacity: 1 !important
}

.hide__md {
	display: block
}

nav .header__left,
nav .logo__and__bars {
	display: none
}

@media (max-width:991px) {
	.hide__md {
		display: none !important
	}
}

.header__left {
	display: flex;
	gap: 15px
}

.boxs__wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	row-gap: 20px !important
}

.episodes__list>li>a {
	padding: 5px;
	overflow: hidden;
	border-radius: 999px;
	align-items: center;
	gap: 10px;
	display: flex;
	color: #2484ff;
	background: var(--back-vnxweb);
	transition: 0.3s
}

.episodes__list>li>a.active,
.episodes__list>li>a:hover {
	background: #2484ff;
	color: var(--color-white)
}

.episodes__list>li>a.active .epi__num,
.episodes__list>li>a:hover .epi__num {
	color: var(--color-white)
}

.episodes__list>li>a.active:before,
.episodes__list>li>a:hover:before {
	background: #ffffff5c
}

.episodes__list>li>a.active .ply__icon,
.episodes__list>li>a:hover .ply__icon {
	background: var(--color-white)
}

.episodes__list>li>a.active .ply__icon path,
.episodes__list>li>a:hover .ply__icon path {
	fill: #2484ff
}

.episodes__list>li>a:before {
	content: '';
	position: absolute;
	bottom: 12px;
	left: -23px;
	background: #0068ff26;
	width: 60px;
	height: 26px;
	z-index: 2;
	border-radius: 0 10px 10px 0;
	transform: rotate(-15deg);
	transition: 0.3s
}

.episodes__list>li>a .ply__icon {
	z-index: 99;
	width: 50px;
	height: 50px;
	background: #2484ff;
	border-radius: 999px;
	padding: 5px;
	transition: 0.3s
}

.episodes__list>li>a .ply__icon svg {
	height: auto;
	width: 100%
}

.episodes__list>li>a .epi__num {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 99;
	color: #2484ff;
	transition: 0.3s
}

.episodes__list>li>a .epi__num b {
	font-size: 30px;
	font-weight: 400
}

.persons__list {
	list-style: none;
	padding: 0;
	margin: 0 -10px
}

.boxs__wrapper {
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px !important
}

[class*="box__"] {
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	flex: 0 0 auto
}

.box__xs__2 {
	flex: 0 0 50%;
	max-width: 50%
}

@media (min-width:576px) {
	.box__sm__3 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
}

@media (min-width:768px) {
	.box__md__4 {
		flex: 0 0 33%;
		max-width: 33%
	}
}

@media (min-width:992px) {
	.box__lg__6 {
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media (min-width:1200px) {
	.box__xl__6 {
		flex: 0 0 25%;
		max-width: 25%
	}
}

@media (min-width:992px) {
	.box__lg__5 {
		flex: 0 0 33%;
		max-width: 33%
	}
}

@media (min-width:1200px) {
	.box__xl__7 {
		flex: 0 0 22.28571%;
		max-width: 22.28571%
	}
}

.persons__list>li {
	display: flex
}

.persons__list>li a {
	width: 100%;
	padding: 0 0;
	border-radius: 60px;
	transition: .3s;
	background: linear-gradient(90deg, #e8e9eb 0, #f4f5f8 70%);
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	color: var(--dark-vnxwebCom)
}

.persons__list>li a .image {
	width: 55px;
	height: 55px;
	min-width: 55px;
	flex: 0 0 55px;
	background: #ffffff0a;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 60px;
	overflow: hidden;
	transition: .4s cubic-bezier(.21, -.24, 0, 1.65)
}

.persons__list>li a .image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.persons__list>li a .txt {
	flex: 1;
	min-width: 0;
	color: #4f494b;
	transition: .3s
}

.persons__list>li a .txt h3 {
	font-size: 14px;
	margin: 0 0 4px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.persons__list>li a .txt span {
	display: block;
	font-size: 11px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.persons__list>li a {
	border-radius: 60px;
	transition: .3s
}

.persons__list>li a:hover {
	text-decoration: underline;
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.persons__list>li a:hover .image {
	transform: scale(1.2);
	transform-origin: left
}

.mb__30 {
	margin-bottom: 30px !important
}

.mt__30 {
	margin-top: 30px !important
}

.sociaLinks {
	display: flex;
	list-style: none;
	align-items: center;
	direction: ltr;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px
}

.sociaLinks li {
	display: inline-flex;
	margin-right: 15px
}

.sociaLinks li a {
	color: #62646a;
	cursor: pointer;
	line-height: 0;
	border-radius: 999px;
	font-size: 15px;
	transition: .3s;
	box-shadow: rgb(23 30 43 / .11) 0 0 4px;
	text-align: center;
	padding: 12px 11px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-white)
}

.sociaLinks li a i {
	font-size: 18px;
	position: relative
}

footer .top__footer .copyRight a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 25px;
	gap: 10px;
	width: fit-content;
	margin: 0 auto 20px;
	border-radius: 12px;
	max-width: 100%;
	text-align: center;
	background: var(--color-white);
	box-shadow: 0 0 4px #171e2b1c;
	color: var(--dark-vnxwebCom)
}

header .iconSearch {
	align-items: center;
	justify-content: center;
	display: flex;
	width: 40px;
	height: 40px;
	color: var(--color-white);
	cursor: pointer;
	text-align: center;
	font-size: 17px;
	z-index: 9999;
	background: #006cff;
	border: 1px solid #ffffff1a;
	border-radius: 38px;
	position: relative;
	float: left;
	color: var(--color-white);
	z-index: 9999;
	margin: 20px 0 0 0
}

.singleCenter .tax>li strong {
	margin-right: 10px
}

header .sel {
	font-size: 13px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 14px;
	width: 15.8%;
	height: 44px;
	line-height: 33px;
	border: 1px solid #ffffff17 !important;
	position: relative;
	background: #1b22328f;
	cursor: pointer;
	border-radius: 12px;
	color: #aaa;
	transition: .3s
}

header .sel::before {
	position: absolute;
	content: "\f107";
	font-family: "Font Awesome 6 Pro";
	font-size: 18px;
	color: var(--color-white);
	left: 10px;
	top: 5px
}

header .sel.active::before {
	transform: rotateX(-180deg)
}

header .selPlac {
	display: block;
	font-size: 13px;
	color: var(--color-white);
	padding: 6px 15px;
	text-align: right;
	pointer-events: none;
	user-select: none;
	visibility: visible
}

header .sel.active .selPlac {
	visibility: hidden
}

.selPlac::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px 10px;
	content: attr(data-placeholder);
	visibility: hidden
}

.sel.active .selPlac::before {
	visibility: hidden
}

.sel__box {
	position: absolute;
	top: calc(100% + 4px);
	left: -4px;
	display: none;
	list-style-type: none;
	text-align: right;
	font-size: 13px;
	width: calc(100% + 8px);
	box-sizing: border-box;
	box-shadow: rgb(0 0 0 / .67) 0 0 32px 0;
	max-height: 300px;
	overflow-y: auto;
	backdrop-filter: blur(10px);
	background: rgb(26 34 50 / .3);
	border-radius: 12px
}

.sel.active .sel__box {
	display: block;
	animation: fadeInUp 500ms;
	z-index: 99
}

.selBoxOp {
	display: list-item;
	font-size: 14px;
	user-select: none;
	padding: 10px 20px;
	border-bottom: 1px solid rgb(255 255 255 / .05);
	transition: 0.2s;
	color: var(--color-white)
}

.selBoxOp::after {
	content: '\e908';
	font-family: 'iconFont';
	font-size: .5em;
	margin-left: 5px;
	display: none
}

.selBoxOp.selected::after {
	display: inline
}

.selBoxOp:hover {
	background-color: #006cff;
	color: var(--color-white)
}

.sel--superman {
	z-index: 2
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.headerSearch {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000ed;
	z-index: 99999999;
	padding: 30px;
	transform: translateY(-100%);
	visibility: hidden;
	opacity: 0;
	transition: .35s all ease;
	overflow: auto
}

.headerSearch.open {
	transform: translateY(0);
	visibility: visible;
	opacity: 1
}

.headerSearch form {
	position: relative;
	margin: 15px 0 0;
	width: 100%;
	font-size: 13px;
	text-align: center;
	margin: 0 auto
}

.headerSearch form input.text {
	border-radius: 50px !important;
	background-color: #171717;
	color: var(--color-white);
	height: 45px;
	border: 0;
	margin: 0;
	padding-right: 45px;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
	padding: 0 15px
}

.headerSearch form .btn {
	position: absolute;
	background: #006cff;
	color: #fff !important;
	width: 100px;
	left: 8px;
	top: 8px;
	border-radius: 100px;
	margin-right: 15px;
	height: 30px
}

.headerSearch .closse {
	margin: 0 auto 15px;
	position: relative;
	display: block;
	text-align: center;
	width: 160px;
	padding: 10px 10px;
	color: var(--color-white);
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px
}

.headerSearch .closse i {
	font-size: 40px;
	display: block
}

.post__ratings {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 11;
	border: 2px solid #efc51f;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #00000063;
	backdrop-filter: blur(5px)
}

.slider {
	position: relative;
	width: 100%;
	padding: 0 0 0 0;
	opacity: 0;
	visibility: hidden;
	background: rgb(0 0 0 / .2)
}

.slider.on {
	opacity: 1;
	visibility: visible
}

.blockSlider {
	display: block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	border-radius: 12px
}

.blockSlider a,
.blockSlider a .blockSliderPoster {
	display: block;
	width: 100%;
	height: 100%
}

.blockSlider a .blockSliderPoster {
	padding-bottom: 150%
}

.blockSlider a .blockSliderPoster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s all ease;
	border-radius: 0 0 27px 27px
}

.blockSlider a .ribbon {
	position: absolute;
	top: 23px;
	left: -61px;
	width: 200px;
	height: 30px;
	background: #006cff;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	color: var(--color-white);
	transform: rotate(-45deg);
	z-index: 9;
	transition: .4s all ease;
	box-shadow: 0 0 3px #006cff
}

.blockSlider a .blockSliderInfo {
	width: 100%;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	min-height: 90px;
	padding-top: 10px;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff0;
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important
}

.blockSlider a .blockSliderInfo ul.blockSliderList {
	text-align: center;
	transition: 0.3s .1s all ease;
	align-items: center;
	list-style: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	margin: 5px 0 0 0;
	min-height: 1.3em
}

.blockSlider a .blockSliderInfo ul.blockSliderList li {
	font-size: 12px;
	font-weight: 700;
	color: #aaa;
	padding: 5px 13px;
	gap: 5px;
	display: flex;
	align-items: center;
	border: 1px solid #1b2232;
	border-radius: 12px;
	background: #1b2232
}

.blockSlider a .blockSliderInfo ul.blockSliderList li.time_slider:last-child {
	background: #0000
}

.blockSlider a .blockSliderInfo h3 {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	min-height: 1.4em;
	margin: 0;
	display: block;
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;
	text-shadow: 0 0 5px #000;
	line-height: 31px;
	text-align: center;
	color: var(--color-white)
}

.blockSlider a:hover .blockSliderPoster img {
	transform: scale(1.04)
}

.blockSlider a:hover .ribbon {
	opacity: 0
}

.blockSlider a .blockSliderPoster:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, #13172000 0, #131720 90%);
	padding-top: 60%;
	z-index: 5;
	transition: .3s;
	width: 999px
}

.blockSlider a .blockSliderPoster::before {
	content: "";
	display: block;
	border-radius: inherit
}

.blockSlider a:hover>.blockSliderPoster:after {
	padding-top: 250%
}

.postList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
	row-gap: 10px;
	padding-bottom: 10px
}

.postBlockOne {
	position: relative;
	display: block;
	margin-bottom: 15px;
	z-index: 99;
	border-radius: 12px
}

.postBlockOne a {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	position: relative;
	overflow: hidden
}

.postBlockOne a .poster {
	position: relative;
	display: block;
	padding-bottom: 150%;
	width: 100%;
	transition: .3s
}

.postBlockOne a .poster img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px
}

.imgLoaded {
	opacity: 0;
	transition: .2s
}

.imgLoaded.loaded {
	opacity: 1
}

.postBlockOne .post__info h3 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4
}

.go__to__top {
	display: flex;
	width: 50px;
	background: var(--color-white);
	align-items: center;
	line-height: 23px;
	font-size: 15px;
	color: #000;
	border-radius: 25px 25px 0 0;
	position: fixed;
	bottom: 0;
	right: 16px;
	z-index: 999999;
	font-weight: 700;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	justify-content: center;
	gap: 5px;
	height: 50px;
	box-shadow: 0 6px 22px rgb(0 0 0 / .12)
}

.go__to__top.showed {
	opacity: 1;
	visibility: visible
}

.go__to__top i {
	font-size: 25px
}

.play__ico {
	position: relative;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 280px;
	background: rgb(0 0 0 / 33%);
	transition: 0.3s
}

.play__ico svg {
	transform: scale(.8);
	transition: 0.3s
}

.play__ico::after {
	content: '';
	position: absolute;
	width: 70px;
	height: 70px;
	border: 2px solid #00000045;
	border-radius: 50px;
	transition: 0.3s
}

.postBlockOne .play__ico {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 55;
	transform: translate(-50%, -50%);
	background: #fff0
}

.main__head {
	justify-content: space-between;
	gap: 20px
}

.episodes__section {
	background: #fafbfc;
	border-radius: 0 0 12px 12px;
	padding: 10px;
	box-shadow: 0 0 0 1px #eee;
	margin-bottom: 20px;
	display: grid
}

.main__head,
a.show__more {
	align-items: center;
	display: flex
}

.__head__text i {
	font-size: 20px;
	background: #f2ced0;
	color: #f21313;
	width: 45px;
	border-radius: 12px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center
}

.__head__text span {
	color: var(--color-dark) !important;
	text-shadow: 0 0 #000;
	font-weight: 500
}

.mb__20 {
	margin-bottom: 20px !important
}

.postBlockOne .play__ico svg {
	transform: scale(0)
}

.postBlockOne .play__ico::after {
	opacity: 0;
	transform: scale(2)
}

.postBlockOne:hover .play__ico {
	background: rgb(0 0 0 / 33%)
}

.postBlockOne:hover .play__ico svg {
	transform: scale(.8)
}

.postBlockOne:hover .play__ico::after {
	opacity: 1;
	transform: scale(1)
}

a.episode__item .post__image .svg__icon svg {
	transform: scale(.8)
}

.poster__side .poster__single,
a.episode__item:hover,
.postBlockOne:hover a {
	box-shadow: rgb(232 232 232 / 8%) 0 4px 0 0, rgb(178 178 178 / 8%) 0 8px 0 0
}

.postBlockOne .__number {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 9;
	background: #13172078;
	padding: 10px;
	border-radius: 12px;
	backdrop-filter: blur(6px);
	text-align: center;
	display: flex;
	flex-direction: column;
	font-size: 12px;
	gap: 5px;
	box-shadow: 0 0 4px #0000003b
}

.postBlockOne .post__ratings {
	top: 80px
}

footer {
	overflow: hidden;
	clear: both;
	width: 100%
}

.postBlockOne .post__info {
	position: absolute;
	bottom: 0;
	background: linear-gradient(180deg, #fff0 0, #000 100%);
	padding: 195px 15px 15px;
	font-weight: 700;
	width: 100%;
	text-align: right;
	z-index: 99999
}

.postBlockOne .post__info p {
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 10px;
	color: #d9d9d9
}

.postBlockOne .post__category {
	z-index: 10;
	display: table;
	background: rgb(0 0 0 / .5);
	color: var(--color-white);
	margin: 0 0 4px;
	border-radius: 30px;
	padding: 4px 8px 7px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	transition: .3s
}

.mb__20 {
	margin-bottom: 20px !important
}

.main__head {
	justify-content: space-between;
	gap: 20px
}

.main__head,
a.show__more {
	align-items: center;
	display: flex
}

.__head__text {
	gap: 10px;
	padding-bottom: 0;
	display: flex;
	align-items: center
}

.social__footer>a {
	display: flex;
	align-items: center
}

.__head__text span {
	font-size: 22px
}

.d__flex {
	display: flex
}

.gap__20 {
	gap: 20px
}

.search__types li.search__type a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 400;
	color: #000
}

.search__types li.search__type a.active:after,
.search__types li.search__type a:hover:after {
	transform: scale(1)
}

.poster__single .ribbon,
.search__types li.search__type a.active:after {
	background: #06c
}

.search__types li.search__type a:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60%;
	height: 2px;
	background: wheat;
	transition: .3s;
	transform: scale(0);
	transform-origin: right
}

.search__types li.search__type a.active {
	color: #06c
}

.postBlockOne:not(:has(.__number)) .post__ratings {
	top: 15px
}

.postBlockOne.is__episode .post__ratings {
	transform: translate(-50px, 0) scale(.2);
	opacity: 0
}

.postBlockOne.is__episode:hover .post__ratings {
	transform: translate(0, 0) scale(1);
	opacity: 1
}

.postBlockOne .__genre {
	display: table;
	margin: 0 0 4px;
	border-radius: 30px;
	padding: 5px 8px 5px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	transition: .3s;
	background: #ffcb17;
	color: var(--dark-vnxwebCom)
}

.postBlockOne .__quality {
	position: absolute;
	top: 15px;
	left: 0;
	background: #006bffb5;
	z-index: 5;
	color: var(--color-white);
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 0 12px 12px 0;
	box-shadow: 0 0 4px #0000003b;
	display: block !important
}

.postBlockOne a .number {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #00000094;
	z-index: 9;
	text-align: center;
	padding: 4px 12px;
	border-radius: 8px;
	transition: .3s .1s;
	font-size: 17px;
	line-height: 20px
}

.postBlockOne .__number span {
	display: block;
	font-size: 18px;
	line-height: 15px
}

.postBlockOne a .number span {
	display: block;
	font-weight: 500;
	font-size: 13px
}

.postBlockOne a .play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	font-size: 50px;
	transform: translate(-50%, -50%) rotate(360deg);
	color: #dfcece;
	transition: .3s;
	opacity: 0
}

.postBlockOne a.series ul li {
	transform: translate(40px, 0);
	opacity: 0
}

.postBlockOne a:hover .play {
	transform: translate(-50%, -50%) rotate(0);
	opacity: 1
}

.postBlockOne a:hover .ribbon {
	opacity: 0
}

.postBlockOne a.series:hover ul li:nth-child(2),
.postBlockOne a.series:hover ul li:nth-child(3) {
	transition: .3s .1s
}

.postBlockOne a.series:hover ul li {
	transform: translate(0, 0);
	opacity: 1
}

.postBlockOne a.series:hover .number {
	transform: translate(0, 100px);
	opacity: 0;
	transition: .3s
}

.wideList li {
	list-style: none
}

.wideList li a {
	display: flex;
	margin-bottom: 10px
}

.wideList li a .poster {
	min-width: 100px;
	height: 62px;
	overflow: hidden;
	max-width: 110px;
	border-radius: 8px;
	margin-left: 13px
}

.wideList li a .poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left
}

.wideList li a .Info {
	flex: 1
}

.wideList li a .Info h3 {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px
}

@media screen and (min-width:1900px) {
	.postEp .poster {
		height: 240px;
		max-height: 240px
	}
}

@media screen and (min-width:2220px) {
	.postEp .poster {
		height: 290px;
		max-height: 290px
	}
}

@media screen and (min-width:2688px) {
	.postEp .poster {
		height: 340px;
		max-height: 340px
	}
}

@media (min-width:1200px) {
	.p-0 {
		padding: 0 !important
	}

	.pr0 {
		padding-right: 0 !important
	}

	.pl0 {
		padding-left: 0 !important
	}

	#trailerPopUp iframe {
		height: 460px
	}
}

@media only screen and (max-width:1024px) {
	.secTop .lBtns {
		margin: 20px auto
	}

	headLogo {
		margin: 0 auto;
		float: none
	}
}

@media only screen and (max-width:992px) {
	.trailer {
		display: none
	}

	.servList ul li {
		flex: 0 0 calc(93% / 3);
		margin: 0 auto
	}

	.singleRight .singleThumb .trailer {
		display: flex !important
	}

	.singleAlertSec {
		margin-bottom: 40px
	}

	.forem-search {
		margin-left: 0
	}

	.forem-search .btn-primary {
		width: 48%;
		margin-right: 0;
		margin-top: 0;
		height: 35px
	}

	.postlist li {
		width: 100%
	}

	.sec-menu {
		margin: 13px 15px 0 30px
	}

	.slider .slideContent .poster {
		display: none
	}

	.sel {
		width: 47%
	}

	.singleRight {
		float: none;
		width: 89%;
		margin: 0 auto;
		max-width: 400px
	}

	.singleCenter {
		margin: 20px auto
	}

	.singleContent,
	.singleInfo {
		display: table;
		margin: 0 auto;
		padding: 10px
	}

	.singleCenter {
		width: 100%
	}

	.singWatching {
		display: flex;
		gap: 10px;
		margin-top: 10px;
		flex-wrap: wrap
	}

	.singWatching a {
		flex: 1
	}

	.singWatching a.watchBtn {
		margin-bottom: 0
	}

	.singleCenter h1 {
		text-align: center
	}

	.epPrevNext {
		padding: 20px
	}
}

@media only screen and (max-width:892px) {
	.head-title-left {
		position: relative;
		z-index: 3;
		left: auto;
		top: auto;
		text-align: center;
		padding-top: 10px
	}

	.head-title-left li {
		width: 48%;
		margin-bottom: 5px;
		float: none
	}

	.menu-footer-container {
		display: block;
		width: 100%;
		text-align: center
	}

	.colRight,
	.colLeft {
		flex: 0 0 100%;
		margin: 0 0 10px
	}

	.colRight.reflect {
		flex: 0 0 100%;
		margin: 0 0 10px
	}

	.colLeft {
		order: 2
	}

	.epPrevNext {
		padding: 0;
		flex-wrap: wrap;
		margin-top: 20px
	}

	.epPrevNext>a {
		width: 100%;
		position: relative;
		float: none;
		right: 0;
		top: 0;
		margin-top: 0;
		flex: 0 0 100%
	}

	.epPrevNext>a span,
	.epPrevNext .current span {
		font-size: 14px
	}

	.epPrevNext .current em,
	.epPrevNext>a strong {
		font-size: 16px
	}
}

@media only screen and (max-width:768px) {
	#inSlide .slideContent p {
		max-width: 90%
	}

	.art .art-content {
		text-align: center
	}

	.boxes-popup {
		width: 500px;
		background: #f1f1f1;
		border-radius: 4px;
		margin: 0 auto
	}

	.trailerPopUp .popup-content {
		padding: 5px;
		height: 320px
	}

	.box-title a {
		float: none;
		text-align: center
	}

	footer .pull-left,
	footer .pull-right {
		float: none !important;
		text-align: center;
		clear: both
	}

	footer .pull-right {
		margin-bottom: 20px
	}

	footer a {
		text-align: center;
		font-size: 14px
	}

	.getEmbed {
		height: 420px
	}

	.listInfo a {
		text-align: center;
		float: none;
		margin-left: 0
	}

	.listInfo {
		text-align: center
	}

	.btn_icon {
		float: none
	}

	.sec-info {
		display: block;
		width: 100%;
		float: none
	}

	.sec-info::after {
		min-width: 100%;
		transform: skew(0);
		-webkit-transform: skew(0)
	}

	.sec-menu {
		margin: 0 auto;
		display: block;
		width: 100%;
		float: none
	}

	.breaking span {
		padding: 13px 15px 5px 15px;
		text-align: center;
		display: block
	}

	.social {
		text-align: center;
		display: block;
		padding-bottom: 5px
	}

	#menu-footer {
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 100%
	}

	#menu-footer li {
		float: none
	}

	.poster img {
		border-radius: 4px;
		display: table;
		margin: 0 auto;
		height: 320px;
		width: 260px
	}

	.singleServers {
		height: auto;
		padding: 0;
		flex: 0 0 100%;
		float: none;
		display: inline-block;
		width: 100%
	}

	.signleWatch {
		float: none;
		width: 100%;
		height: auto;
		flex-wrap: wrap
	}

	.singleEps,
	.singleFrame {
		float: none;
		display: inline-block;
		width: 100%
	}

	.singleEps,
	.singleFrame {
		margin: 0
	}

	.sharethis {
		text-align: center
	}

	.sec-line .fRight {
		float: none
	}

	.list-eps li {
		width: 100%
	}

	.logoSecond {
		text-align: center
	}

	.logoSecond span:nth-child(1) {
		margin: 0
	}

	header form {
		position: relative;
		width: 350px;
		font-size: 13px;
		display: block;
		margin: 0 auto;
		left: auto
	}

	.sociaLinks {
		display: block;
		float: none;
		text-align: center;
		margin: 0
	}

	header .iconSearch {
		font-size: 25px;
		background: #fff0;
		border: none;
		position: relative;
		z-index: 9999;
		margin: 0;
		position: absolute;
		top: 15px;
		left: 20px
	}

	.singleAlert,
	.singleAlert span {
		width: 100%
	}

	.singleCenter .tax>li {
		width: 100%;
		flex: 0 0 100%
	}

	.containers.container {
		width: 100% !important
	}
}

@media only screen and (max-width:668px) {

	.ribbon,
	.episodeNum,
	.seasonName {
		font-size: 11px;
		padding: 2px 5px
	}

	.postEp .poster {
		height: 100px;
		max-height: 100px
	}

	.slider .slideContent .poster {
		display: none
	}
}

@media screen and (max-width:580px) {
	.forem-search .btn-primary {
		width: 100%;
		margin-left: 0;
		margin-top: 0
	}

	.box-title h3,
	.box-title span {
		font-size: 16px
	}

	boxes-popup {
		width: 350px;
		background: #f1f1f1;
		border-radius: 4px;
		margin: 0 auto
	}

	.getEmbed {
		height: 300px
	}

	.the-tags {
		display: none
	}

	.box-title h3,
	.box-title span,
	.box-title h5 {
		font-size: 13px
	}

	boxes-popup {
		width: 350px;
		background: #f1f1f1;
		border-radius: 4px;
		margin: 0 auto
	}

	.secTop .lBtns a {
		padding: 0 15px
	}
}

@media only screen and (min-width:220px) and (max-width:480px) {
	.trailerPopUp .popup-content {
		padding: 5px;
		height: 200px
	}

	.con_search input[type="submit"] {
		height: 50px;
		font-size: 14px;
		padding: 6px 10px
	}

	footer a {
		font-size: 13px;
		text-align: center
	}

	.boxes-popup {
		width: 250px;
		background: #f1f1f1;
		border-radius: 4px;
		margin: 0 auto
	}
}

.servers {
	display: none
}

.servers.active {
	display: block
}

.newly-loader-holder {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 35px 0;
	min-height: 120px
}

.newlyFilterApp {
	width: 100%
}

.newly-filters-wrap,
.newly-results {
	width: 100%;
	display: flex;
	flex-direction: column
}

.filter__items>li[data-filter] {
	position: relative;
	list-style: none
}

.filter__items>li[data-filter]>ul {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 20;
	min-width: 260px;
	max-height: 320px;
	overflow: auto;
	background: var(--color-dark);
	border: 1px solid rgb(255 255 255 / .08);
	border-radius: 12px;
	padding: 10px;
	margin-top: 10px
}

.filter__items>li[data-filter].open>ul {
	display: block
}

.filter__items>li[data-filter]>ul>li {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	padding: 10px;
	border-radius: 10px
}

.filter__items>li[data-filter]>ul>li.selected,
.filter__items>li[data-filter]>ul>li:hover {
	background: rgb(255 255 255 / .06)
}

.filter__items .go__filter {
	cursor: pointer
}

.filter__items .go__filter.disabled {
	opacity: .5;
	pointer-events: none
}

.newly-ajax-pagination {
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap
}

.newly-ajax-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	border-radius: 10px;
	background: var(--color-dark);
	color: #fff
}

.newly-ajax-pagination .page-numbers.current {
	background: #c80101
}

@media(max-width:767px) {
	.filter__items>li[data-filter] {
		width: 100%
	}

	.filter__items>li[data-filter]>ul {
		position: static;
		max-height: 260px;
		margin-top: 8px
	}
}

.pagination {
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px
}

.pagination a {
	display: flex;
	padding: 11px 16px;
	background: #1b223270;
	min-width: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 12px
}

.pagination span.page-numbers.current {
	background: #006cff;
	color: var(--color-white);
	display: flex;
	padding: 11px 16px;
	min-width: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 12px
}

.colRight {
	flex: 1;
	max-width: 67%;
	padding-left: 30px
}

@media (max-width:1200px) {
	.colRight {
		flex: 0 67%;
		max-width: 67%;
		margin-left: 0%
	}

	main {
		width: calc(100% - 80px);
		margin-right: 80px
	}

	.rightSideMenu {
		top: 35.5%
	}

	.singleRight {
		width: 100%;
		max-width: 70%;
		margin: 0 auto
	}

	.downloads__tabs ul li {
		padding: 0 10px;
		max-width: 100%;
		flex: 1 1 auto
	}

	.DownList ul li {
		padding: 0 10px;
		flex: 0 50%;
		margin-bottom: 20px
	}

	.leftCategorySlider {
		height: 340px
	}
}

@media (max-width:991px) {

	.colLeft,
	.colRight {
		flex: 0 50%;
		max-width: 50%;
		margin-left: 0%
	}

	.leftCategorySlider {
		height: 325px
	}

	.aseed-player-box.mirror-static {
		display: none
	}

	h1.post__name {
		font-size: 1.5rem !important;
		margin-top: 0 !important
	}

	.title__single {
		position: relative;
		bottom: 20px;
		z-index: 999;
		left: 0;
		width: 100%
	}

	.singleWrapper .containers.container {
		width: 100% !important
	}

	.tabs ul li {
		padding: 12px 10px
	}
}

@media (max-width:772px) {
	.secWrapper {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		flex-direction: column
	}

	.show__md {
		display: block !important
	}

	.top__footer .footer__menu>ul li {
		flex: 1 1 auto;
		padding: 0 10px
	}

	.top__footer .footer__menu>ul {
		flex-wrap: wrap;
		gap: 0;
		row-gap: 20px;
		justify-content: start
	}

	.watch__and__download.d__flex.gap__20 {
		width: 100%
	}

	.watch__and__download a.btton {
		width: 100%;
		padding: 16px 20px;
		justify-content: center
	}

	.singWatching {
		width: 100%
	}

	.bottoms.d__flex {
		flex-direction: column
	}

	.singleContent,
	.singleInfo {
		display: table;
		margin: 0 auto
	}

	.postLink {
		padding: 10px 9px
	}

	.colLeft,
	.colRight {
		flex: 0 100%;
		width: 100%;
		max-width: 100%;
		margin-left: 0%;
		padding: 0
	}

	.leftCategorySlider {
		height: 400px
	}

	.blockSlider a .blockSliderInfo ul.blockSliderList {
		display: none
	}

	.blockSlider a .blockSliderInfo {
		padding: 0 10px;
		min-height: 0;
		font-size: 12px
	}

	.secTop .wrap {
		flex-direction: column
	}

	.breadcrumb>li>a {
		margin: 0 0
	}

	.title__single {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.singleEps {
		min-width: auto
	}

	.itms__l.d__flex.flex__wrap.justify__content__between.align__items__center {
		display: flex;
		flex-direction: column
	}

	.servList ul li {
		flex: 0 0 calc(93% / 2);
		margin: 0 auto
	}
}

@media only screen and (max-width:480px) {
	.DownList ul li {
		padding: 0 10px;
		flex: 0 100%;
		margin-bottom: 20px
	}

	.singleNav a {
		padding: 10px 15px;
		gap: 5px
	}

	.categorySlider {
		width: 100%
	}

	.postBlockOne .post__info h3 {
		line-height: 1.4;
		font-size: 13px !important;
		font-weight: 600;
		text-align: center
	}

	.watch__and__download.d__flex.gap__20 {
		width: 100%;
		flex-direction: column
	}

	.title__single .user__actions {
		justify-content: center
	}

	a.episode__item .episode__title p {
		font-size: 12px;
		padding-top: 0
	}

	.series__box .ribbon {
		display: none
	}

	a.episode__item .episode__title p em {
		font-style: normal;
		font-size: 12px;
		line-height: 20px
	}

	.seasonsList ul {
		min-width: auto
	}

	.__head__text span {
		font-size: 19px
	}

	.__head__text i {
		font-size: 23px
	}
}

@media (max-width:770px) {
	main {
		width: calc(100% - 00px);
		margin-right: 0
	}

	.main__head.mb__20.search_head {
		display: flex;
		flex-direction: column;
		align-items: flex-start
	}

	.watch__and__download.d__flex.gap__10 {
		width: 100%;
		display: flex;
		flex-direction: column
	}

	.logo__and__bars {
		width: 100%;
		justify-content: space-between
	}

	.logo__and__bars.navbar {
		display: flex
	}

	.container {
		padding-right: 10px;
		padding-left: 10px
	}

	.header__left {
		display: none
	}

	nav .header__left {
		display: flex !important;
		justify-content: center;
		padding-top: 20px;
		align-items: center
	}

	.mobile-search-btn {
		width: 42px;
		height: 42px;
		border: 0;
		outline: none;
		border-radius: 12px;
		background: #d9e8ff;
		color: #006cff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 18px;
		font-weight: 700;
		transition: 0.25s ease
	}

	.mobile-search-btn i {
		font-weight: 700
	}

	.mobile-search-btn:hover {
		background: #e8eef7;
		color: #2563eb
	}

	.header__search {
		position: fixed;
		inset: 0;
		z-index: 999999;
		width: 100%;
		height: 100vh;
		background: rgb(0 0 0 / .92);
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding: 90px 15px 20px;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: 0.25s ease
	}

	.header__search.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto
	}

	.header__search .big__search__form {
		position: relative;
		width: 100%;
		max-width: 520px;
		min-height: 62px;
		background: var(--color-white);
		border-radius: 18px;
		padding: 10px 14px;
		display: flex;
		align-items: center;
		gap: 10px;
		box-shadow: 0 20px 55px rgb(0 0 0 / .35);
		transform: translateY(20px) scale(.97);
		transition: 0.25s ease
	}

	.header__search.is-open .big__search__form {
		transform: translateY(0) scale(1)
	}

	.header__search .big__search__form>i {
		color: #2563eb;
		font-size: 20px;
		min-width: 24px;
		text-align: center
	}

	.header__search .big__search__form input[type="text"] {
		width: 100%;
		height: 44px;
		border: 0;
		outline: none;
		background: #fff0;
		color: var(--color-dark);
		font-size: 15px;
		font-weight: 600;
		padding: 0 5px;
		padding-right: 30px
	}

	.header__search .big__search__form input[type="text"]::placeholder {
		color: #8b97a8;
		font-weight: 500
	}

	.mobile-search-close {
		position: fixed;
		top: 22px;
		left: 22px;
		z-index: 1000000;
		width: 44px;
		height: 44px;
		border: 0;
		outline: none;
		border-radius: 50%;
		background: rgb(255 255 255 / .12);
		color: var(--color-white);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 20px;
		transition: 0.25s ease
	}

	.mobile-search-close:hover {
		background: rgb(255 255 255 / .22);
		transform: rotate(90deg)
	}

	body.mobile-search-open {
		overflow: hidden
	}

	.header__search .search__type__drop {
		position: relative;
		min-width: 82px;
		height: 42px;
		border-radius: 12px;
		background: #f4f7fb;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.header__search .search__type__trigger {
		height: 42px;
		padding: 0 10px;
		color: var(--color-dark);
		display: flex;
		align-items: center;
		gap: 6px;
		cursor: pointer;
		font-size: 13px;
		font-weight: 700;
		white-space: nowrap
	}

	.header__search .search__type__drop ul {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		right: auto;
		width: 125px;
		background: var(--color-white);
		border-radius: 14px;
		padding: 7px;
		margin: 0;
		list-style: none;
		box-shadow: 0 15px 35px rgb(0 0 0 / .18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		transition: 0.2s ease;
		z-index: 20
	}

	.header__search .search__type__drop:hover ul,
	.header__search .search__type__drop.active ul,
	.header__search .search__type__drop.open ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(0)
	}

	.header__search .search__type__drop ul li {
		padding: 10px 11px;
		border-radius: 10px;
		color: #334155;
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
		transition: 0.2s ease
	}

	.header__search .search__type__drop ul li:hover,
	.header__search .search__type__drop ul li.selected {
		background: #eff6ff;
		color: #2563eb
	}

	.header__search .search__res__container {
		position: absolute;
		top: calc(100% + 12px);
		right: 0;
		left: 0;
		width: 100%;
		max-height: 60vh;
		overflow-y: auto;
		background: var(--color-white);
		border-radius: 18px;
		box-shadow: 0 20px 55px rgb(0 0 0 / .28);
		z-index: 6
	}

	.header__search .search__res__container .inner {
		padding: 14px
	}

	.header__search .most__search>span {
		display: block;
		color: var(--color-dark);
		font-size: 14px;
		font-weight: 800;
		margin-bottom: 10px
	}

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

	.header__search .top__search li a {
		display: block;
		padding: 10px 12px;
		border-radius: 12px;
		color: #334155;
		background: #f8fafc;
		margin-bottom: 7px;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		transition: 0.2s ease
	}

	.header__search .top__search li a:hover {
		background: #eff6ff;
		color: #2563eb
	}

	.rightSideMenu {
		top: 0%
	}

	.rightSideMenu li {
		margin-bottom: 20px
	}

	.eg-stream-box {
		width: 100%;
		margin-right: 0;
		padding: 20px;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px
	}

	.eg-stream-content {
		flex: 1
	}

	.eg-stream-btn {
		width: 100%;
		display: block;
		text-align: center;
		margin-top: 10px
	}
}

@media (max-width:430px) {
	.header__search {
		padding: 82px 10px 15px
	}

	.eg-stream-content h2 {
		font-size: 18px
	}

	.header__search .big__search__form {
		border-radius: 16px;
		padding: 9px 10px;
		gap: 7px
	}

	.eg-stream-content h2 {
		font-size: 14px;
		margin-bottom: 7px
	}

	.eg-stream-icon {
		width: 50px
	}

	.eg-stream-icon i {
		font-size: 36px
	}

	.eg-stream-content p {
		font-size: 12px
	}

	.header__search .big__search__form input[type="text"] {
		font-size: 13px
	}

	.header__search .search__type__drop {
		min-width: 72px
	}

	.header__search .search__type__trigger {
		font-size: 12px;
		padding: 0 8px
	}

	.mobile-search-close {
		top: 18px;
		left: 18px;
		width: 40px;
		height: 40px
	}
}