/* SET BASE
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display: block;}
img {max-width: 100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

body {font: 16px Arimo,sans-serif; line-height: normal; padding: 0; margin: 0;        
color: #a9a9a9; 
min-height: 100%; width: 100%; font-weight: 400;}
a {
	color: #a9a9a9;
	text-decoration: none;
	transition: color 0.3s;
	}
a:hover, a:focus {
    color:#fff;
	text-decoration: none;
	transition: color 0.3s;
}
h1, h2, h3, h4, h5 {font-weight: 600; font-size: 18px;}

button, textarea, input[type="text"], input[type="password"] {appearance: none; -webkit-appearance: none; 
	font-size: 16px;}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not(.add-comment-but):not(.add_comms_active):not(.saga_action_sect_button):not(.saga_action_sect_trailer):not(.search-but), 
html input[type="button"], vput[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {
height: 50px;
    color: #151515;
    background-color: #01a99f;
    box-shadow: 0px 2px 4px 2px #00000025;
    transition: background-color 0.3s;
    font-weight: 900;
    padding: 10px 20px;
    border-radius: 15px;
    cursor: pointer;
}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, 
.pagi-load a:hover, .usp-btn a:hover,
button:not(.color-btn):hover:not(.add_comms_active):hover:not(.add-comment-but):hover:not(.saga_action_sect_button):hover:not(.saga_action_sect_trailer):hover:not(.search-but):hover, html input[type="button"]:hover, input[type="reset"]:hover, 
input[type="submit"]:hover, .meta-fav a:hover 
{background-color: #2cbdb4; transition: background-color 0.3s;}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

html {
background-color: #111;
}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px;
border-radius: 4px; border: 0; padding: 0 15px;}
select {height: 40px; border: 0; padding: 0 15px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%;color: #fff; 
box-shadow: 0 0 5px 1px #01a99f;}
select {width: auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px #01a99f, inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #fff; opacity: 0.6;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

.img-box, .img-wide-top-seasons, .img-square, .img-resp, .img-resp-vert_hd_saga, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #151515;}
.img-resp {padding-top: 60%;}
.img-resp-vert_hd_saga {}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert_hd_saga img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;object-fit: cover;}
.img-resp img, .img-resp-vert_hd_saga img, .img-resp-sq img {border-radius: 10px; height: 200px;object-fit: cover;background: #272727;}
.img-wide-top-seasons img {width: 100%; display: block;object-fit: cover;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap_hd_saga {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fx-row_hd_saga {display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;
-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-col_hd_saga {display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-center {-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-middle {-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-start {-webkit-justify-content:flex-start;justify-content:flex-start;}
.fx-top {-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start}
.hd_saga_fx-first {-ms-flex-order: -1;-webkit-order: -1;order: -1;}
.fx-last {-ms-flex-order: 10;-webkit-order: 10;order: 10;}
.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px;}

b, strong, h1, h2, h3, h4, h5, .fw700 {font-weight: 600;}
.icon-left .fa, .icon-left .icon {margin-right: 10px;}
.icon-right .fa, .icon-right .icon {margin-left: 10px;}
.hidden, #dofullsearch {display: none;}
.anim {transition: color .3s, background-color .3s, opacity .3s;}
.anim-all {transition: all 1s;}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom: 30px; font-size: 24px; font-weight: 400; color: #fff;}
.pages11 {padding: 30px;}

/* BASIC GRID
----------------------------------------------- */
.wrap_hd_saga {min-width:320px; min-height: 100vw; position: relative; justify-content: center;}
.wrap-center_hd_saga {position: relative; width: 1200px; background: #1e1e1e; padding: 20px; border-top-right-radius: 18px;}
.container_serials{ padding: 30px; }
#dle-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-start;
}


.hd_saga_header {
  height: 80px;
  padding-top: 20px;
  justify-content: flex-end;
}
.hd_saga_col-left {background: #151515;}
.hd_saga_col-left, .col-right {width: 270px; padding: 30px;border-top-left-radius: 18px;}
.col-right {background-color: #171717; position: relative; z-index: 100;}
.main_hd_saga {min-height: 100vh;}
.footer_hd_saga{
	padding: 15px 130px 15px 30px;
    position: relative;
}

#gotop{position:fixed; width:40px; height:40px; line-height:40px; right:10px; bottom:10px;
z-index:9998; display:none; background-color:#272727; color: #fff; cursor:pointer; font-size:24px; 
border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.2);}


/* HEADER
----------------------------------------------- */
.logo {width: 200px; height: 55px; display: block; margin-top: 15px; margin-left: 25px; font-size: 25px; color: #fff; font-weight: 900;}
.logo span {color: #01a99f;}
.btn-login, .btn-fav {height: 40px; line-height: 40px; cursor: pointer; display: block; 
text-align: center; border-radius: 4px; padding: 0 15px;}
.saga_login_wrap {
    position: relative;
    cursor: pointer;
    text-align: center;
    margin-right: 30px;
}
.saga_login_wrap img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 2px solid #01a99f;
    padding:1px;
    border-radius:50%;
    box-shadow: 0px 1px 5px 5px #00000059;
}
.saga_login{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a9a9a9;
    text-shadow: 0 2px 5px black;
}
.btn-login {
    margin-right: 30px;
    border-radius: 20px;
    background: #272727;
    box-shadow: 0px 2px 12px 7px #00000025;
    transition: all 0.3s;
}
.btn-fav {color: #a9a9a9; font-size: 18px;}
.btn-login:hover {color:#fff; background:#303030;}
.btn-fav:hover {color: #fff;}
.hd-menu {margin: -30px; margin-bottom: 30px; background-color: #090a11; white-space: nowrap; 
overflow-y: hidden; overflow-x: auto; padding-left: 30px; box-shadow: 0 1px 2px rgba(0,0,0,0);}
.hd-menu li {display: inline-block; vertical-align: middle; margin-right: 30px; font-weight: 600; 
height: 40px; line-height: 40px;}
.search-wrap {padding: 10px 30px; margin-right: auto;}
.search-box {width:300px; position:relative;background: #272727; box-shadow: 0px 2px 12px 7px #00000025; border-radius: 25px;}
.search-box input, .search-box input:focus {box-shadow:none; padding: 0 15px 0 45px;font-size: 14px;}
.search-box button {position:absolute; left:0px; top:8px; padding:0 !important; 
background-color:transparent !important; color:#fff !important; font-size: 22px !important; width: 40px;}

.carou { color: #fff; position: relative;}
.carou:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.carou .sect-header_hd_saga {position: relative; z-index: 10;}
.carou .carou-in {position: relative; z-index: 20;}
.tc-img {height:170px; width:117px; display:block; float: left;border-radius: 10px;}
.tc-title {
	padding:7px;
	text-align:center;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	opacity: 0;
	font-size: 14px;
	transition: 0.5s;
}
.tc-img:hover .tc-title {opacity:1;}
.carou2 {padding-top: 30px;}
.carou2 .tc-img {width: 116px;}


/* LOGIN
----------------------------------------------- */
.login-overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
background-color: #0f101d; background: linear-gradient(140deg, #080808, #1c1c1c); opacity: 0.9; display: none;}
.login-box {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #1e1e1e;
    border-radius: 20px;
    padding: 30px 40px 40px 40px;
    width: 438px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    display: none;
}
.login-close {width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 24px; 
	cursor: pointer; position: absolute; top: -30px; right: -30px; color: #fff;}
.login-title {font-size: 24px; font-weight: 600; margin-bottom: 15px; text-align: center; 
	text-transform: uppercase; color: #fff;}
.login-title:first-letter {color: #a9a9a9;}
.login-avatar {width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 15px auto; 
text-align: center; line-height: 60px; font-size: 24px; background-color: #000; color: #939393;}
.login-input {margin-bottom: 15px;}
.login-btn button {width: 100%; margin: 15px 0;}
.login-btm a {border-bottom: 1px dotted #a9a9a9; color: #a9a9a9; font-size: 14px;margin: 15px;}
.login-check {position: relative; font-size: 14px;}
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {display: block; padding-left: 36px; height: 30px; line-height: 30px; color: #939393;}
.login-check span:before, .login-check span:after{content: '';position: absolute;top: 50%;transition: .3s;}
.login-check span:before{left: 0; height: 10px; margin-top: -5px; width: 26px; border-radius: 5px; 
	background: #000; box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);}
.login-check span:after{left: 1px; height: 12px; width: 12px; margin-top: -6px; background: #2ecc71;
	border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0);}
.login-check input:checked + span:before {background-color: #fff;}
.login-check input:checked + span:after {left: 13px; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
.login-menu {display: flex; flex-direction: column; flex-direction: row; flex-wrap: wrap; gap: 15px;justify-content: center;}
.login-menu li {text-align: center; width: 170px;}
.login-menu a {display: block; padding: 10px 5px; font-size: 14px; border-radius: 20px; background: #272727; box-shadow: 0px 5px 10px 5px #00000025; transition: all 0.3s;}
.login-menu a:hover {color: #fff; background: #303030;}
.login-menu li .fa {display: none; height: 28px; font-size: 22px; color: #06c;}
.login-admin {text-align: center; margin: -10px 0 25px 0;}
.login-soc-title {display: flex; align-items: center; margin: 30px 0 15px 0;}
.login-soc-title:before, .login-soc-title:after {content: ''; height: 1px; background-color: #000; flex: 1;}
.login-soc-title:before {margin-right: 15px;}
.login-soc-title:after {margin-left: 15px;}
.login-soc-btns {text-align: center;}
.login-soc-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login-soc-btns img {display:block; width:30px; height: 30px; border-radius: 50%;}


/* SIDE, NAV
----------------------------------------------- */
.nav li {position: relative;}
.nav li a {
	display: block;
	padding: 0 30px 0 0;
	line-height: 30px; 
	border-bottom: 1px solid #373737;
	font-size: 14px;
	transition: 0.5s;
}
.nav li span {position: absolute; right: 0; top: 0; display: inline-block; 
	line-height: 30px; font-size: 12px; opacity: 1;}
.side_menu_hd_saga a{color:#fff;}
.saga_cat_count {
    text-shadow: 0px 0px 2px #01a99f;
    color: #00fdee;
    font-size: 12px;
    margin-left: 8px;
    opacity: 1;
}
.no_count {display:none; opacity:0;}

.side_menu_icons{margin-right: 10px; font-size: 22px; vertical-align: sub;}
.side_menu_hd_saga{position:relative; font-size: 14px;font-weight: bold;padding: 10px; color: #a9a9a9; padding-right: 0; transition: all 0.3s;}
.side_menu_hd_saga:hover{box-shadow: -3px 0px 0px 0px #01a99f; transition: all 0.3s;}
.saga_side-box {display:flex; flex-direction:column;margin-top: 40px;}
.side_head_saga {padding:10px; cursor: default; font-size: 14px;margin-bottom: 10px;}
.hd_saga_side-bt {font-weight: 600; margin-bottom: 15px; color: #fff;}

.lcomm {margin-bottom: 20px; padding: 10px; font-size: 12px;display: flex; flex-direction: column;}
.lcomm-av {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; background-color: transparent;}
.saga_user_info {display:flex;align-items: center;}
.lcomm-meta {margin-top:10px;}
.lcomm-name {width: 140px; margin-bottom: 3px; opacity: 0.8;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.lcomm-date {font-size: 13px;}
.lcomm-text {background-color: #1e1e1e; padding: 5px 10px; line-height: 1.5; position: relative; margin-top: 15px; border-radius: 15px; text-overflow: ellipsis;}
.lcomm-text::before {content: ""; position: absolute; width: 0; height: 0; top: -20px; left: 20px;
border: 10px solid transparent; border-bottom-color: #1e1e1e;}
.lcomm-title {display: block; text-shadow: 0px 0px 2px #01a99f; color: #00fdee;}

.side-item {width: 46%; margin-bottom: 15px; display: block; font-size: 13px; overflow: hidden;}
.side-title {margin-top: 7px;}
.owl-side .side-item {width: 112px; margin-bottom: 0;}

.upd-item {padding: 7px 10px; margin-bottom: 3px; font-size: 13px; border-bottom: 1px solid rgba(0,0,0,1);}
.upd-right {text-align: right; margin-left: 15px;}
.upd-title {font-weight: 600; font-size: 14px;}
.upd-season {margin-top: 3px;}
.upd-voice {margin-top: 3px;}


/* SECTION
----------------------------------------------- */
.sect_hd_saga + .sect_hd_saga {margin-top: 30px;}
.sect-header_hd_saga {margin-bottom: 30px;}
.sect-title_hd_saga {font-size: 24px; font-weight: 600; color: #fff; margin-top: 10px; margin-bottom: 20px;}
.sect-items {margin: 0 -8px;}
.speedbar_hd_saga {font-size: 12px; margin-bottom: 20px; padding-bottom: 15px;}

/* COLLECTIONS
----------------------------------------------- */
.saga_collections_block_wrap {
    display: flex;
    gap: 30px;
    width:100%;
    padding-bottom: 30px;
}
.saga_collections_block {
    width: 200px;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    background: #272727;
    box-shadow: 0px 2px 12px 7px #00000025;
    transition:box-shadow 0.3s;
}
.saga_collections_head{
    box-shadow: 0px -16px 10px 9px #272727;
    position: relative;
    font-weight: bold;
}
.saga_collections_head span{
    float: right;
    vertical-align: text-top;
    margin-right: 0;
    font-size: 20px;
    font-weight: 900;
}

.saga_collections_block:hover {
    box-shadow: 0px 0px 0px 10px #00000025;
    transition:box-shadow 0.3s;
}
.saga_collections_blocks{
    display: grid;
    grid-template-columns: repeat(2, 80px);
    grid-template-rows: 91px;
    grid-auto-flow: row;
    justify-content: space-evenly;
    border-radius: 15px;
    overflow: hidden;
}
.saga_collections_link {
    padding:10px;
    color: #a9a9a9;
}


/* THUMB
----------------------------------------------- */
.th-item {float: left; width: 14%; min-width: 160px; position: relative; padding: 10px; margin: 10px; border-radius: 15px; background: #272727; box-shadow: 0px 2px 12px 7px #00000025;}
.th-in_hd_saga {display: block; position: relative;color: #272727;}
.hd_saga_th-img {border-radius: 10px;}
.th-desc {padding-top: 5px;display: flex; justify-content: space-between;}
.th-desc span {margin-right:4px;}
.th-title_serial {padding: 7px; padding-top:0; text-align: center; background-color: rgb(39 39 39); box-shadow: 0px 0px 3px 3px #272727; color: #fff; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; font-size: 14px; transition: 0.5s;}
.th-in_hd_saga:hover .th-title_serial {opacity:1;}
.th-cat {
	margin-top: 5px;
    font-size: 12px;
    color: #a9a9a9;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 51px;
    padding: 4px 8px 4px 8px;
}

.short_fav_add{
}

.short_fav_add a{
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: #2727279c;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 25px;
    transition:all 0.3s;
}
.short_fav_add a span{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    align-content: center;
}
.short_fav_add a:hover {
    background:#272727;
}


.th-meta_serials {position: absolute; z-index: 10; display: inline-block; color: #fff; font-size: 14px;}
.th-trl {
	right: 11px;
    bottom: 63px;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    cursor: pointer;
    background-color: #278dce;
    box-shadow: 0px 0px 5px 2px #278dce;
    color: #fff;
    border-radius: 5px;
}
.th-quality_serial {
	right: 5px;
    top: 30px;
    display: inline-block;
    padding: 2px 5px;
    background-color: #278dce;
    box-shadow: 0px 0px 10px 2px #278dce;
    color: #fff;
    border-radius: 5px;
}
.series_seasons {
	right: 5px;
    top: 5px;
    display: inline-block;
    padding: 2px 5px;
    background-color: #278dce;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    text-shadow: 1px 1px 2px #000;
    }
.th-rating {left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); padding: 5px 10px; font-size: 18px;}
.th-rating .icon {margin-right: 5px;}
.th-rating .icon {color: #a9a9a9; font-size: 22px;}
.th-percent {opacity: 0;}
.wdone {opacity: 1;}
.th-edit {position: relative; top: -10px;}
#trailer-box {display: none;
    background: #000;
    padding:0px;
    background-image: url(/templates/hdsaga/images/beepboop.gif);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}
.th-tip {display: none; background-color: #111; padding: 30px; border-radius: 4px; overflow: hidden; 
	box-shadow: inset 200px 0 300px -300px rgba(0,0,0,0.8), inset 0 1000px rgba(0,0,0,0.9);}
.th-tip .full-text22 {color: #e3e3e3;}
.th-tip-title_serials {font-size: 18px; font-weight: 600; color: #fff; 
background-color: #01a99f; margin: -30px; margin-bottom: 20px; padding: 10px 30px;}
.ui-tooltip {position: absolute; z-index: 97;}
.tooltip-text {color: #fff; padding: 5px 10px; background: rgba(35, 25, 15, 0.8); border-radius: 2px;}
.ui-tooltip .th-tip {display: block;}
.ui-tooltip .short-info {margin-left: 0;}


/* SEO DESCRIPTION
----------------------------------------------- */
.desc-text_hd_saga {
	padding: 30px;
    line-height: 1.7;
    font-size: 14px;
}

.desc-text_hd_saga h1, .desc-text_hd_saga h2, .desc-text_hd_saga h3 {
	font-size: 24px; 
	font-weight: 400; 
	color: #fff; 
	margin-bottom: 10px;
}
.desc-text_hd_saga span {color: #01a99f;}
.desc-text_hd_saga p {line-height:1.7;}
.desc-text_hd_saga p + p {margin-top:15px;}
.desc-text_hd_saga p + h1, .desc-text_hd_saga p + h2, .desc-text_hd_saga p + h3 {margin-top:30px;}
.desc-text_hd_saga a {text-decoration: underline; color: #01a99f;}
.desc-text_hd_saga img {float: left; margin: 0 20px 10px 0; max-width: 400px;}


/* FOOTER
----------------------------------------------- */
.footer_hd_saga> span {background-color:#090a11; display:inline-block; padding: 15px; 
position: absolute; left: 0; top: 0; font-size: 24px;}
.ft-two {font-size:14px; margin-top: 5px;}
.ft-counter {position: absolute; right: 70px; top: 15px;}
.footer_hd_sagaa {text-decoration: underline;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {line-height:36px; text-align:center; padding:30px 0 0 0;}
.pagi-nav {max-width:100%; display:inline-block;}
.pagi-nav > span {display:inline-block;}
.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:46px; text-align:center;}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
background-color:#151515; margin:5px 2px 0 2px; border-radius:50px; font-size:16px; box-shadow: 0 3px 7px 0px rgba(0, 0, 0, .85); 
min-width: 36px; transition:all 0.3s;}
.navigation span, .pagi-nav a:hover {background-color:#5d5e60; color:#fff;}
.navigation .nav_ext {background-color:#151515; color:#939393;}
.pagi-nav a:hover {background-color:#5d5e60; color:#fff;}
.dle-comments-navigation .pagi-nav {margin-bottom:0;}


/* FULL
----------------------------------------------- */
.fone-hd_saga {margin-bottom: 15px;}
.fthree-all-serials {background-color: #090909;}
.ffour-online-serials{padding: 10px 30px; color: #ccc; margin: 0 -30px 10px -30px;}
.fone-hd_saga h1 {font-weight: 400; font-size: 28px; color: #fff;margin-bottom: 20px;}
.fone-hd_saga h1 a {margin-left: 15px; font-size: 18px;}
.foriginal {font-size: 18px; color: #a9a9a9; margin-top: 5px;}
.fsubtitle-all-seasons {font-weight: 700; font-size: 18px; margin-bottom: 25px; text-align: center;}

.js-view.current {position: relative; padding-top: 15px; margin-top: -15px;}
.js-view.current:before {content: ''; width: 100%; height: 3px; background-color: #ec2828; 
position: absolute; left: 0; top: 0; z-index: 10;}
.js .tabs-b {display: none;}
.js .tabs-b.visible {display: block;}
.tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto; font-size: 0;}
.tabs-sel span {display:inline-block; padding:0 20px; height:40px; line-height:40px; cursor:pointer; 
background-color: #000; color: #fff; font-weight: 600; font-size: 16px;}
.tabs-sel span.current {color: #fff; background-color: #01a99f;}
.tabs-sel span:hover {text-decoration: underline;}
.fleft-serials {width: 200px; margin-right: 30px; margin-bottom: 15px; float: left;}
.fullposter-serials {box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3); width: 225px;}
.short-info {margin-bottom: 3px; line-height: 1.5; font-size: 14px; margin-left: 230px;}
.short-info > span {font-weight: 600; margin-right: 5px;}
.full_serials .short-info {padding: 1px 10px; font-size: 14px;}
.full_serials .short-info:nth-child(2n+1) {background-color: #191818;}
.short-info a {color: #a9a9a9; text-decoration: underline;}

.fctrl-all-episodes {color: #a9a9a9; text-align: center; font-size: 14px; margin-left: 15px;}
.fctrl-all-episodes .icon {margin-right: 10px;}
.fctrl-all-episodes a {color: #a9a9a9; display: block;}
.fctrl-all-episodes a:hover, .js-fshare:hover, .fctrl.js-login:hover, .js-view:hover {color: #a9a9a9; cursor: pointer;}
.yx-share-hd_saga {margin-left: 30px;}

.rate3-short {white-space:nowrap;}
.r3-hide {display:none;}


/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 
{max-width:100% !important; display:block; width:100%; height:600px;}
.mejs-container {max-width:100% !important;}
.caption_p{
	font-weight: bold;
}
.full-text {display: inline-block; line-height: 1.7; font-size: 14px; color: #dbdbdb;}
.full-text img:not(.emoji) {max-width:100%; margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text a {text-decoration:underline; color: #a9a9a9;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:18px; font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text ul, .full-text ol {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol li {list-style:decimal; margin-left:40px;}

.full-taglist a {color:#d20068;}
.full-taglist {margin-top:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}


/* COMMENTS
----------------------------------------------- */
.ac-inputs input {border: 1px solid #555; width: 48.5%; margin-bottom: 15px;}
.ac-textarea textarea {background: #555; height: 100px; margin-bottom: 15px;}
.add-comms input, .add-comms textarea, {box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}

.add-comment-but{
    color: inherit;
    cursor: pointer;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    transition: all 0.3s;
    padding: 5px 15px;
}
.add-comment-but span{
    margin-right:10px;
    font-size: 30px;
    vertical-align: middle;
}
.add-comment-but:hover{
    background: #2a2a2a;
}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {padding:10px; background-color:#ebebeb; margin:20px 0 0 0; text-align: right;}
.last-comm-link {font-size:16px; margin-bottom:10px; text-decoration: underline;}

.comm-item {margin-bottom: 30px; font-size: 14px;}
.comm-left {width: 50px; margin-right: 15px;}
.comm-img {height: 50px; border-radius: 50%; background-color: transparent;}
.comm-two {
    margin: 5px 0 10px 0;
    padding: 20px;
    background-color: #1e1e1e;
    line-height: 1.5;
    position: relative;
    margin-top: 15px;
    border-radius: 15px;
}
    
.comm-two::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -20px;
    left: 20px;
    border: 10px solid transparent;
    border-bottom-color: #1e1e1e;
}
.comm-one > span {margin-right: 15px; color: #939393;}
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-size: 18px; color: #01a99f;}
.comm-three-left > a, .comm-three-right li a {color: #939393;}
.comm-three-right li {display: inline-block; margin-left: 15px;}
.comm-rate3 {white-space:nowrap; font-size:18px; margin-right: 15px; height: 20px; line-height: 20px; 
	display: inline-block; vertical-align: top; color: #909090; position: relative; top: -3px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; color: #909090; 
position: relative; top: -2px;}
.comm-rate3 a:hover {color: #000;}
.comm-rate3 a:last-child {margin-bottom: -6px;}
.comm-rate3 > span {margin: 0 5px; font-size: 16px;}
.comm-rate3 > span > span.ratingtypeplus {color: #06b601;}
.comm-rate3 > span > span.ratingplus {color: #95c613;}
.comm-rate3 > span > span.ratingminus {color: #ff0e0e;}
.comm-three a:hover {text-decoration: underline;}

/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left;
/* -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */}
.owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item {display: none; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab {cursor: move; cursor: grab; }
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; 
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in {z-index: 0; }
.owl-carousel .owl-animated-out {z-index: 1; }
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
@keyframes fadeOut {0% {opacity: 1; } 100% {opacity: 0; } }
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%;
margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; background-color:#FFF;
-webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none; }
.owl-carousel .owl-video-tn {opacity: 0; height: 100%;
background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%; }

.owl-nav {position:absolute; left:0; right:0; top:15px;}
.owl-prev, .owl-next {
	width:auto;
	height:30px;
	position:absolute;
	top:-65px;
	z-index:200;
	text-align:center;
	line-height:30px;
	font-size:40px;
	border-radius: 50%; 
	color: #a9a9a9;
	transition: 0.5s;
}
.owl-prev {right:40px;}
.owl-next {right:0px;}
.owl-prev:hover, .owl-next:hover {color:#a9a9a9;}
.owl-dots {text-align:center; padding-top:25px; margin-bottom: -15px;}
.owl-dot {display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 5px; 
border-radius:50%; background-color:#fff;}
.owl-dot.active {background-color:#a9a9a9;}
/* ADAPTIVE
----------------------------------------------- */
.btn-menu {display: none; font-size: 40px; margin-right: 20px; cursor: pointer;}
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color:#191818;
padding:15px; z-index:99999; position:fixed; left:-320px; top:0; transition:left .4s; -webkit-transition:left .4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; background-color:rgba(0,0,0,0.5); 
position:fixed; left:0; top:0; z-index:99998; display:none;}
.btn-close {cursor:pointer; cursor: pointer;
  display: block;
  left: -280px;
  top: 80vh;
  position: fixed;
  z-index: 99999;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #191818;
  color: #fff;
  transition: left .4s;
  -webkit-transition: left .4s;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;}
.btn-close.active {left: 280px;background: #01a99f;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}


.xsort-area{
	margin-bottom: 5px;
	padding: 0 15px;
	font: normal 12px/32px Arial;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.xsort-area:after{
	content: "";
	display: table;
	clear: both;
}
.xsort-area>div{
	float: left;
	margin: 0 10px 10px 0;
}
.xsort-div{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #171717;
	position: relative;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.xsort-div:hover{
	box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}
.xsort-active{
	box-shadow: 0 0 5px 2px #278dce;
}
.xsort-selected{
	cursor: pointer;
	padding-right: 15px;
	position: relative;
}
.xsort-selected:after{
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 0;
	border: 4px solid transparent;
	border-top-color: #777;
	content:"";
}
.xsort-div-filler{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAvklEQVR42o3KsUqCYRiA0RPVZg6Fg2NgU0ME7g0KTg0SLtHaFYQ0VjRFDUGjEAhBi1vQ1Fx2BVJ4Aa4FQWT6tn38llTnWR//t+7MjY6mgh9mXYjUi4ZvzoVnDUXL9r35VJWxaqxvEcCGkSczkmNhR1ZHKEuuhZKsPWFbcimsyToS6pJd4YRkTs9IUZIzMLQFmNcSbk2oeBfuHDrVF8KHugllj0IIQ23daQsrNtUsIe9BWqbLuxde/WLBlQN/+wLDfD9iwnIihwAAAABJRU5ErkJggg==);
	background-position: 50% 50%;
	width: 32px;
	padding: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

.xsort-ul{
	display: none;
	background: #171717;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	max-height: 400px;
	overflow: auto;
	list-style: none;
	z-index: 999;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 0 3px rgba(0,0,0,.1);
	box-sizing: content-box;
}
.xsort-ul li{
	display: block;
	border-bottom: 1px solid #eee;
	padding: 0 35px 0 18px;
	line-height: 30px;
	white-space: nowrap;
	cursor: pointer;
	color: #666;
}
.xsort-ul li:last-child{
	border: none;
}
.xsort-ul li.current{
	color: #333;
	font-weight: bold;
	background: #f5f5f7;
	position: relative;
}
.xsort-ul li.current:after{
	position: absolute;
	top:0;
	right: 5px;
	bottom: 0;
	width: 5px;
	content: "";
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAJUlEQVQY01XIMQEAIAwDsDivroGe6Sg3OQNxBGLVCldVzbfECA+g/g9v8ooTNAAAAABJRU5ErkJggg==) no-repeat 50% 50%
}

.xsort-ul li:hover{
	background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAHElEQVQImWP4+vUrEwMDA9P///+ZGBgY4JjGfAByHhgFbrteLwAAAABJRU5ErkJggg==) repeat-x 0 0;
	color: #000;
}
.xsort-ul li.xdesc, .xsort-ul li.xasc{
	background-position: 6px 50%;
	background-repeat: no-repeat;
}
.xsort-ul li.xdesc, .xdesc{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAIElEQVQY02NgYGBgSPsPggwwQDQXwoRBFAHsekECEBoASUcnDSh9+RUAAAAASUVORK5CYII=);
}
.xsort-ul li.xasc, .xasc{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAHklEQVQYV2NgAIO0/xAaygFBFA5UAMGBq0BRTDwXAPWMJw0b8PLnAAAAAElFTkSuQmCC);
}
span.xasc, span.xdesc{
	padding-left: 10px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

.xsort_empty{
	margin-top: 15px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px;
	text-align: center;
	color: #444;
	border-radius: 3px;
	box-shadow: 0 2px 7px rgba(0,0,0,.1);
}

.xsort-admin-area{
	padding: 0 0 0 210px;
}
.xsort-admin-area:after{
	content: "";
	display: block;
	clear: both;
}
.xsort-admin-area ul{
	list-style: none;
	margin: 0 0 0 -210px;
	padding: 0;
	float: left;
	width: 200px;
	border-right: 1px solid #ddd;
}
.xsort-admin-area .loading{
	background: url(data:image/GIF;base64,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) no-repeat 50% 50%;
}
.xsort-admin-area ul li{
	display: block;
	color: #f43;
	cursor: pointer;
	padding: 1px 0;
}
.xsort-admin-area ul li.current,
.xsort-admin-area ul li:hover{
	color: #000;
}
.xsort-admin-area ul li.current{
	font-weight: bold;
}
.xsort-admin-area p{
	margin: 0;
	padding: 7px 0 0;
}
.xsort-admin-area code{
	max-height: 400px;
	overflow: auto;
}

.kpcol {
	box-shadow: #ff6c00 1px 1px 3px 0px;
}

.imdb_full {
	box-shadow: inset #fffb00 2px 2px 9px 0px;
color: #fff;
border-radius: 10px;
display: inline-block;
margin-left: 10px;
}
.kp_full{
	box-shadow: inset #ff8f00 2px 2px 9px 0px;
color: #fff;
border-radius: 10px;
display: inline-block;
margin-left: 0;
}


.fullstore_part{
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    right: 0px;
    bottom: 5px;
    display: inline-block;
    padding: 2px 5px;
    background-color: #278dce;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}


#full-comms {
	margin-top:30px;
}
/* Top-short-story */
.top-item-block{
	width: 100%; 
	display: block;
	position: relative;
	margin-bottom: 20px;
	min-height: 310px;
}

.top-item-block img{
	width: 150px;
	height: 225px;
	box-shadow: 0 0 5px 2px #071f2f;
	border-radius: 10px;
	transition: 0.2s linear;
	object-fit: cover;
}
.top-item-block img:hover {
	box-shadow: 0 0 5px 2px #278dce;
}
.top-item-block a{
	color: #fff;
}
.top-item-info {
	display: inline-block;
	margin-left: 15px;
	width: 910px;
	vertical-align: top;
	font-family: Arimo, sans-serif;
	line-height: 1.7;
	font-size: 14px;
	color: #dbdbdb;
}
.top-item-info span{
	font-weight: 600;
	color: #fff;
}
.header-top-item{
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #555;
	padding-bottom: 10px;
}

.trailer_top{
	top: 280px;
	background: #e74c3c;
	position: absolute;
	padding: 5px;
	color: #fff;
	border-radius: 10px;
	cursor: pointer;
	z-index: 999;
	font-weight: 600;
	width: 150px;
	text-align: center;
	transition: 0.09s linear;
}
.trailer_top:hover{
	box-shadow: inset 0 0 6px 0px #000;
}

.actors{
	padding-top: 5px;
	border-top: 1px solid #555;
	margin-top: 5px;
}

.top-rait{
	top: 315px;
	position: absolute;
	padding: 5px;
	width: 150px;
	text-align: center;
}

.top-rait span{
	display: inline-block;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
	z-index: 999;
	padding-left: 20px;
	padding-right: 15px;
}


.poster_search{
    width: 90px;
    height: 129px;
    object-fit: cover;
    float: left;
    padding: 10px;
    padding-top: 0px;
    padding-left: 0;
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}


/* mobmenu */
.hd_saga_menu-nav_mob {
  height: 90px;
  display: block;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.hd_saga_menu-nav_list_mob{
	display: flex;
	height: 100%;
	align-items: center;
	width: 100vw;
	list-style: none;
	justify-content: space-around;
    background-image: linear-gradient(transparent, #151515);
}

.hd_saga_menu-nav_link{
    width: 60px;
    height: 60px;
    position:relative;
    background: #202020;
    border-radius: 50%;
    display: flex;
    flex-direction:column;
    text-decoration: none;
    color: #a9a9a9;
    border: 1px solid #393636;
    box-shadow: 0px 0px 10px 2px #00000059;
    text-shadow: 0px 0px 2px #000000;
}

.menu-nav_icon {
	font-size:20px;
	margin:auto;
}


/* mobmenu */

/* CAPTION CAT */
.caption_desc{display: flex; flex-direction: row; overflow: hidden;margin-top: 50px; justify-content: center;}
.caption_desc_h1{ color: #fff; padding-bottom: 15px;}
.caption_desc_p{font-size: 14px; font-weight: bold; line-height: 1.5; padding: 40px; flex-basis: 50%;}
.caption_desc img {border-radius:20px;}
.caption_desc div {display:flex; position: relative; flex-direction:column;flex-basis: 50%;}
/* CAPTION CAT */

/* genres menu icon */
.genres-nav_icon{
	font-size: 20px;
  vertical-align: sub;
}
/* genres menu icon */
.form-item input {
    background:#555;
    }
.form-textarea textarea {
    background:#555;
}
/* NEW FULLSTORY */

.saga_serial_info{
    display: flex;
    flex-flow:row wrap;
    gap: 15px;
    width: 100%;

}
.saga_right_info {
    width: 20vw;
    height: fit-content;
    min-width:200px;
    max-width: 350px;
}
.saga_right_info .sect_p{
    margin-top:5px;
    font-size: 12px;
}


.saga_right_links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
}
.rait_section{
      right: 25px;
      top: 0;
      position: absolute;
      display: flex;
      gap: 15px;
      padding: 20px;
        padding-top: 20px;
      padding-top: 20px;
      padding-top: 0;
      font-size: 32px;
      font-weight: bold;
}
.kp_sect{
    display: flex;
    position: relative;
    cursor: pointer;
}
.kp_sect:before{
    content: '';
    background: url(../images/kp.svg);
    background-size: auto;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    margin-right: 5px; 
}
.imdb_sect{
    display: flex;
    position: relative;
    cursor: pointer;
}
.imdb_sect:before{
    content: '';
    background: url(../images/imdb.svg);
    background-size: auto;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    margin-right: 5px; 
}

.saga_left_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 750px;
}
.sect_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 12px;
    padding: 30px;
    border: 1px solid #393636;
    background: #272727;
    box-shadow: 0px 2px 20px 0px #0000000f;
    line-height: 1.5;
    color:#a9a9a9;
    font-size: 14px;
}
.saga_serial_headline{
    width:100%;
    display: flex;
    flex-direction: row;
}
.saga_serial_headline img {
    width: 200px;
    height: 300px;
    border-radius: 20px;
    object-fit: cover;
    box-shadow: 0px 2px 10px 5px #00000025;
    margin-bottom: 15px;
}

.saga_serial_headline iframe {
    position:absolute;
}
.poster_sect {
    width:100%;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    gap: 10px;
}
.poster_sect h1{
    font-size: 25px;
    color: #e9e9e9;
    margin-bottom: 10px;
}
.saga_action_sect{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    height: 50px;
    align-items: center;
}
.episodes{

}
.sz, .sr{
  background: #272727;
  border-radius: 15px;
  transition: all 0.3s;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid #393636;
}
.sz, .sr:hover{
    background: #2a2a2a;
}

.saga_action_sect_button{
    height: 50px;
    color: #151515;
    background-color: #01a99f;
    box-shadow: 0px 2px 4px 2px #00000025;
    transition: background-color 0.3s;
    font-weight: 900;
    padding: 10px 20px;
    border-radius: 15px;
    cursor: pointer;
}
.saga_action_sect_button span{
    font-size: 24px;
    vertical-align: middle;
    font-weight: bold;
}
.saga_action_sect_button:hover{
    background-color:#2cbdb4;
    transition:background-color 0.3s;
}
.saga_action_sect_trailer{
    height: 50px;
    color:#a9a9a9;
    background: #4d1818;
    border: 1px solid #393636;
    box-shadow: 0px 2px 4px 2px #00000025;
    border-radius: 51px;
    font-weight: 900;
    padding: 10px 20px;
    transition: all 0.3s;
    cursor: pointer;
}
.saga_action_sect_trailer:hover{
    color:#e9e9e9;
    background: #8b0b0b;
}
.saga_action_sect_trailer span{
    font-size: 22px;
    vertical-align: middle;
}

.saga_action_rate{
    font-size: 30px;
}
.saga_action_rate span:not(.inc_usr_fav){
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    align-content: center;
}
.saga_like_wrap{
    display:flex;
    gap: 5px;
}
.saga_like {
    display: flex;
    width: 50px;
    height: 50px;
    position:relative;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    transition:all 0.3s;
    cursor:pointer;
}
.saga_like:hover {
    background: #2a2a2a;
}
.saga_like span:not(.icon){
    font-family: Arimo, sans-serif;
    text-shadow: 0px 0px 2px #01a99f;
    color: #00fdee;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    top: 5px;
    right: 5px;
}

.saga_like:active {
    background: #026b65;
}

.saga_action_rate a {
    display: flex;
    width: 50px;
    height: 50px;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    transition:all 0.3s;
}
.inc_usr_fav{
    text-align: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    transition: all 0.3s;
}

.saga_action_rate a:hover {
    background: #2a2a2a;
}
.saga_action_rate a:active {
    background: #026b65;
}
.saga_action_comms {
    width:50px;
    height: 50px;
    position: relative;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    align-content: center;
    text-align: center;
    transition: all 0.3s;
    cursor: pointer;
}
.saga_action_comms:hover {
    background: #2a2a2a;
}
.saga_action_comms:active {
    background: #026b65;
}
.saga_action_comms span{
    font-size:25px;
}
.saga_action_comms_count {
    text-shadow: 0px 0px 2px #01a99f;
    color: #00fdee;
    position: absolute;
    font-size: 12px;
    font-weight:bold;
    top: 5px;
    right: 5px;
}
.add_comms_active {
    width: fit-content;
    color: inherit;
    cursor: pointer;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    transition: all 0.3s;
    padding: 5px 15px;
}
.add_comms_active:hover {
    background: #2a2a2a;
}
.add_comms_active span {
    font-size: 25px;
    font-weight: 900;
    margin-right: 10px;
    vertical-align: middle;
}

/* comms animations */
.add-comms {
    display: none;
}
.add-comms-activate {
    display: block;
}

.fadeInComms {
    animation: fadeIn 0.6s linear;
}
@-webkit-keyframes fadeInComms {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInComms {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.zoomIn {
    overflow: hidden;
    animation: zoomIn 0.6s linear;
}

.zoomOut {
    overflow: hidden;
    animation: zoomOut 0.6s linear;
}

@-webkit-keyframes zoomOut {
    0% {
        height: 160px; opacity: 1;
    }
    100% {
        height: 1px; opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        height: 160px; opacity: 1;
    }
    100% {
        height: 1px; opacity: 0;
    }
}
@-webkit-keyframes zoomIn {
    0% {
        height: 0px; opacity: 0;
    }
    100% {
        height: 160px; opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        height: 0px; opacity: 0;
    }
    100% {
        height: 160px; opacity: 1;
    }
}
/* comms animations */
.sect_p_head {
    font-size: 12px;
}
.sect_p {
    color: #e9e9e9;
}
.saga_right_info a {
    font-size: 12px;
    color: #a9a9a9;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
    transition:all 0.3s;
}
.saga_right_info a:hover {
    background: #2a2a2a;
}
.serial_reviews .comm-three-left a{
    float: right;
    padding: 10px 20px;
    background: #202020;
    border: 1px solid #393636;
    border-radius: 15px;
    text-decoration:none;
    transition: all 0.3s;
}
.serial_reviews .comm-three-left a:hover{
    background: #2a2a2a;
}
.serial_reviews .saga_like_wrap{
    display: inline-flex;
}


.carou_related_serials .sect_p {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.sect_p .th-item {
    margin: 0;
    width: 15%;
    min-width: auto;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.sect_p .th-item img{
    height:190px;
}
.sect_p_smart .th-item {
    width: 167px;
    box-shadow: none;
}

@media screen and (max-width: 1500px) {
    .th-item {height:230px;}
    .hd_saga_th-img img {height:180px;}
    .hd_saga_col-left {display: none;}
    .wrap-center_hd_saga {border-top-left-radius:18px;}
    .btn-menu {display:block;}
}

@media screen and (max-width: 1220px) {
.th-item {height:230px;}
.saga_left_info {width:100%;}
.saga_right_info {width: 100%; flex-direction: row; max-width: none; flex-wrap: wrap;}
.hd_saga_th-img img {height:180px;}
.wrap-center_hd_saga {max-width:1000px; overflow: hidden;}
.hd_saga_col-left {display: none;}
#gotop {display: none !important;}
.not-logged .login-avatar {display: none;}
.login-title {font-size: 18px;}
.login-box {max-width: calc(100% - 60px); padding: 15px;}
.container_serials {padding: 10px;}
}

@media screen and (max-width: 950px) {
.wrap-center_hd_saga {max-width:768px;}
.search-wrap {padding: 15px;}
.btn-login {width: calc(100% - 80px);}
.btn-login, .btn-fav {-ms-flex-order: 10;-webkit-order: 10;order: 10; display: none;}
.header.is-active {height: auto; padding-bottom: 15px;}
.saga_left_info {width: 100%;}
.saga_right_info {width: 100%; flex-direction: row; max-width: none; flex-wrap: wrap;}
.saga_action_sect {height:auto;justify-content: flex-start;}
.is-active .btn-login, .is-active .btn-fav, .is-active .search-wrap {display: block;}
.logo {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 
	max-width: 100%; min-width: 50px; margin-right: 15px; overflow: hidden;}
.desc-text_hd_saga, .carou, .main_hd_saga {padding-left: 15px; padding-right: 15px;}
.hd-menu, .footer_hd_saga{padding-left: 15px;}
.hd-menu {margin-left: -15px; margin-right: -15px;}
.hd-menu li {margin-right: 15px;}
.col-right {display: none;}
 .fctrl-all-episodes { display: block; margin-top: 15px; box-shadow: 0px 6px 5px -4px #2380b9; padding: 10px; margin-left: auto; margin-right: 15px; border-radius: 10px; background: #111; width: 200px; margin-bottom: 15px;}
.fctrl-all-episodes a {text-decoration: none; color:#fff;}
.add-comms, .ffour-online-serials{margin-left: -15px; margin-right: -15px;text-align: center;}
.fthree-all-serials, .ffour, .add-comms {padding-left: 15px; padding-right: 15px;}
.fthree-all-serials {width: auto; height:290px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe
{max-width:100% !important; display:block; width:100%; height: 240px;}
}

@media screen and (max-width: 760px) {
.wrap-center_hd_saga {max-width:640px; border-radius:0;}
.wrap_hd_saga {padding-top: 0;}
.th-item {width: 25%;}
.desc-text_hd_saga img {display: none;}
.footer_hd_saga{text-align: center; padding: 15px;}
.footer_hd_saga> span, .ft-counter {position: static; display: inline-block; margin-bottom: 10px;}
.ft-counter {margin: 15px 0 0 0;}
.hd_saga_header {margin-bottom: 90px;}
.dcont button {font-size:12px; padding:0 15px !important;}
.comments-tree-list .comments-tree-list {padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before {display:none;}
.mass_comments_action {display:none;}
.container_serials {padding: 10px;}
.search-wrap {display:none;}
}

@media screen and (max-width: 590px) {
.wrap-center_hd_saga {max-width:100%;}
.th-item {width: 33%;}
.wrap-center_hd_saga {width:100%;}
.ffour-online-serials{display: block; text-align: center;}
.hd_saga_menu-nav_list_mob {gap:15px; justify-content: center;}
.rate3-short {display: inline-block; white-space: nowrap;}
.yx-share-hd_saga {margin: 15px 0 0 0;}
.ac-inputs input {width: 100%;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
.ui-dialog {width:100% !important;}
.upop-left, .upop-right {float:none !important; width:100% !important; margin:0; padding:0 20px;}
.upop-left {margin-bottom:10px; text-align:center;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.seperator a {min-height:auto;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
     article {width: 95vw;}
     .btn-menu {display:none;}
     .saga_serial_info {flex-flow: column wrap;}
     .sect-title_hd_saga {padding: 10px;}
     .saga_left_info {width:100%;}
     .poster_sect {z-index: 1; background: #272727b5;border-radius: 20px;}
     .rait_section{padding:0; padding-bottom: 10px; font-size: 20px; bottom: 0; top: auto; gap:5px;}
     .imdb_sect::before, .kp_sect::before {width: 22px; height: 22px; background-size: 22px 22px;}
     .saga_right_info {width:100%; max-width:none;}
     .saga_serial_headline{position:relative;}
    .saga_serial_headline img {position: absolute; width: 95vw; height: 100%;margin-bottom: 0;}
    .saga_action_sect {height:auto;justify-content: flex-start;}
    .saga_side-box {margin-top: 20px;}
    .saga_collections_blocks {grid-template-columns: repeat(2, 50%);}
    .saga_collections_preview img {object-fit: cover;}
    .container_serials {padding:0;}
    .carou {padding:0; width: 310px;}
    .sect-items {display:flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin:0;}
    .wrap-center_hd_saga {padding:10px; width:100%;}
    .hd_saga_header {height: 80px; box-shadow:none; margin-bottom: 15px; justify-content: center;}
    .saga_login_wrap {display:none; margin-right: 0;}
    .login-menu {gap:10px; justify-content: center;}
    .login-menu li {width: 48%;} 
    .speedbar_hd_saga {padding:10px;}
    .search-box {width:100%;margin: auto;}
    .search-box input, .search-box input:focus {font-size:16px;}
    .main_hd_saga {padding:0;}
    #dle-content {gap: 15px; justify-content: center;}
    .saga_collections_block_wrap {gap:10px;justify-content: space-evenly;}
    .saga_collections_block {width:45%;}
    .wrap-center22 {max-width:320px;}
    .th-item {width: 45%; margin:0;height: auto; box-shadow: 0px 2px 7px 5px #00000025;}
    .hd_saga_th-img img {height:210px;}
    .bottom-nav {margin-bottom:15px;}
    .navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {width: 50px; height:50px; font-weight: bold; text-shadow: 0px 0px 2px #000000; line-height: 50px; margin:5px;}
    
    .logo {
        overflow: hidden;
        position: relative;
        max-width: 200px;
        margin-right: 0;
        margin-left: 0;
        margin-top: 0;
        text-align: center;
        
    }
    .logo img {position: absolute; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%);}
    .video-box embed, .video-box object, .video-box video, .video-box iframe
    {max-width:100% !important; display:block; width:100%; height:250px;}
    .fthree-all-serials {width:auto;margin-left: -30px; margin-right: -30px;}
    body {background-image: none;}
    .full_serials h1 {font-size: 24px; font-weight: 600;}
    .fleft-serials {width: 80px; margin: 0 15px 10px 0;}
    .fullposter-serials {width: 80px;}
    .short-info {margin-left: 0;}
    html {background-size: 150%;}
    .search-wrap {display: block; border: none;}
    .mob_search {
    display: none;
    position: absolute;
    z-index: 99;
    margin-top: 63px;
    }
    .mob_search_active {
    	display: block;
    	width: 100%;
    }
    .sect-header_hd_saga {margin-bottom: 0;}
    .owl-carousel .owl-item > img {display: block; width: 100%; /* -webkit-transform-style: preserve-3d; */}
    .nav li a {line-height: 40px;}
    .fctrl-all-episodes {display: block; margin-top: 15px; box-shadow: 0px 6px 5px -4px #2380b9; padding: 10px; margin-left: auto; margin-right: auto; border-radius: 10px; background: #111; width: 200px; margin-bottom: 15px;}
    .fctrl-all-episodes a {text-decoration: none; color:#fff;}
    .top-item-info {width: 100%; margin-top: 15px; margin-left: 0;}
    .trailer_top {top:49px; left:170px;}
    .top-rait {top:90px; left: 170px;}
    .top_menu {width: 100%; margin-top: 15px;}
    .owl-dot {width: 20px; height: 20px; background-color: #4a4a4a;}
    .login-close {width: 30px; height: 30px; line-height: 30px; font-size: 30px; cursor: pointer; top: 105%; right: 0;}
}