/* Datalife Engine template 
by: redissx (E-mail: redissx@gmail.com, Website: webrambo.ru ),
design by: Dias Hasenov;
name: Kino Life,
creation date: 31 august 2019, 
version dle: 12-13
*/
/* Color stack
----------------------------------------------- */



/* SET BASE
----------------------------------------------- */



/* SHORT ITEM
----------------------------------------------- */
.th-item {width: 25%; padding: 0 15px 30px 15px;}
.th-in {display: block; position: relative; !important;}
.th-img {border-radius: 2px; margin-bottom: 5px;}
.th-title {font-weight: 600; font-size: 1em; text-align:left;word-break: break-word;font-variant: small-caps;}
.th-subtitle {font-weight: 500; font-size: 0.8em; margin-top: 1px; text-align:right; opacity: 80%;}
.th-rating {line-height: 18px; text-align: center; border-radius: 2px; font-weight: 400; position: absolute; top: 10px; left: -3px; font-size: 1.2em; padding: 4px 0px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);    width: 45px;}
.related  .th-rating{font-size: 1em;padding: 2px 0px;    width: 30px;}
.th-info {width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 2px; position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 10px; opacity: 0;}
.th-in:hover .th-img img, .collection-in:hover img, .upd-item:hover .upd-img img {filter: grayscale(0.5);}
.th-in:hover .th-info {opacity: 1;}
.fulls-tip{opacity: 1 !important;position: relative!important;top:0px!important;}
.sect-carou .th-item {width: 100%; padding: 0 0 0 3px;}
.popular-in .th-item {padding: 0;}
.ui-tooltip {position: absolute; z-index: 97;}
.tooltip-text {padding: 5px 10px;  border-radius: 2px;}
.ui-tooltip .th-tip {display: block;}
.th-tip {padding: 0 15px; border-radius: 3px;}
.th-tip-header {background-color: #eee; margin: 0 -15px 15px -15px; padding: 15px; border-radius: 3px 3px 0 0;}
.th-tip-header div {font-weight: 700;	font-size: 18px; text-transform: uppercase;}
.th-tip-header span {font-weight: 300; margin-left: 15px;}
.th-tip-text, .th-tip-list, .th-tip-meta {line-height: 1.6; margin-bottom: 15px;}
.th-tip-meta > span {margin-right: 15px; display: inline-block; border-radius: 3px;}
.th-tip-meta > span:first-child {padding: 2px 5px;}
.th-tip-list li {position: relative; padding-left: 100px; min-height: 14px;}
.th-tip-list li > span:first-child {display: inline-block; position: absolute; left: 0; top: 0;}
.th-tip-btm {margin: 0 -15px; padding: 15px;}
.th-tip-category {border-radius: 3px; padding: 5px 15px;}
.th-tip-rating {font-size: 18px;}
.th-tip-rating .fa-thumbs-up {margin-right: 10px;}
.th-tip-rating .fa-thumbs-down {margin: 0 10px;}
.th-userview{ -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); position: absolute; right: 0px; bottom: 36px; padding: 0.4em; font-size: 1.4em; background: #686968b3; border-radius: 3px;}
.th-userview span{font-size: 1.4em; color: aliceblue;font-weight: 500;}
.th-rel {width: 20%;}
.th-rel .th-subtitle {font-size: 14px;}
.th-rel .th-title {font-size: 16px; text-transform: uppercase;}
.th-lastser{position: absolute;left: 0px;bottom: 10px;padding: 0.4em;font-size: 1.4em;background: #0080008a;-webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px);width: 4em;color: aliceblue;text-transform: uppercase;}
.catleft{margin-top: 40px;}
.th-lastser span{
    font-weight: 500;
}
.th-lastser p{
    font-size: 0.6em;
}
/* COLLECTION ITEM, UPDATE ITEM
----------------------------------------------- */
.collection-item {width: 33.33%; padding: 0 15px 30px 15px;}
.collection-in {display: block; border-radius: 2px;}
.sect-carou .collection-item {width: 100%; padding: 0;}

.upd-item {width: 23%; margin-bottom: 15px; position: relative;     margin-left: 20px;}
.upd-img {width: 65px; height: 95px; border-radius: 2px; margin-right: 15px;}
.upd-title {color: #297fd7; margin-bottom: 2px;}
.upd-meta {font-size: 12px; font-weight: 300;}
.upd-desc {padding-top: 45px; position: relative;}
.upd-date {padding-left: 30px; text-transform: capitalize; position: absolute; left: 0; top: 10px; font-size: 11px; font-weight: 300;}
.upd-date > div:first-child {font-size: 24px; font-weight: 400; position: absolute; left: 0; top: -1px;}
.upd-fav {position: absolute; right: 0; top: 12px; font-size: 18px; cursor: pointer;}
.upd-sect{justify-content: end !important;}

/* SEO DESCRIPTION
----------------------------------------------- */
.site-desc {line-height: 1.6; padding-top: 20px;}
.site-desc h1, .site-desc h2 {font-size: 18px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;}
.site-desc li {position: relative;}
.site-desc li:before {content: '';  width: 5px; height: 5px; border-radius: 50%; 
position: absolute; left: -15px; top: 11px;}
.site-desc p, .site-desc ul {margin-bottom: 20px;}
.site-desc > *:last-child {margin-bottom: 0;}
.site-desc a {text-decoration: underline;}
.site-desc img {float: left; max-width: 200px; margin: 0 10px 10px 0;}

/* FOOTER
----------------------------------------------- */
.footer {padding-bottom: 60px;}
.footer-two {padding-top: 15px; padding-bottom: 15px; margin-top: 30px;}
.footer-left {width: 300px; padding-right: 30px;}
.footer-menu li {margin-right: 20px;}
.footer-sitename {font-weight: 900; font: 1.5em 'DIN Pro', sans-serif;}
.footer-sitename img{margin: 0px 10px -12px 0px;}
.footer-counter1 {opacity: 0.4;}
.footer-menu-col a {display: inline-block; padding: 1px 10px 4px 10px; border-radius: 2px;}
.footer-menu-col li + li {margin-top: 12px;}
.footer-cols {margin-left: -10px;}


/* BOTTOM NAVIGATION
----------------------------------------------- */
.bottom-nav {padding-top: 20px;}
.navigation {text-align:center; font-weight: 700;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {display:inline-block; padding:0 10px; 
margin:0 3px 15px 3px; line-height: 40px; min-width: 40px; border-radius: 20px; }

/* FULL
----------------------------------------------- */
.full  {padding-top: 0px;}
.fleft {width: 250px; margin-right: 45px;}
.fright2 {width: 250px; margin-left: 45px;}
.fimg, .fimg-in, .fimg1-in {width: 100%; height: 500px; position: absolute; left: 0; top: 0;}
.fimg-in {filter: grayscale(0.5);}
.fimg-in:before, .fimg1-in:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.2; z-index: 3;}
.fimg:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.8; z-index: 3;}
.fimg:after {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; z-index: 5;}
.fimg1 {width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.fimg1-in {filter: blur(10px) grayscale(0.5);}


.fposter {width: 100%; border-radius: 3px; margin-bottom: 10px;}
.ffav {font-size: 16px; padding: 10px; border-radius: 3px; 
	text-align: center; font-size: 16px;  cursor: pointer;}
.fleft-sect-title {font-weight: 500; margin: 30px 0 15px 0;text-transform: uppercase;}
.fscreens br, .fscreens > img {display: none;}
.fscreens a, .fscreens a img {display: block; width: 49%; overflow: hidden; border-radius: 3px;max-width: 150px;}
.fscreens a{padding-top: 5px;border-bottom: none;}
.fscreens a img {width: 100%; object-fit: cover;}
.ftrailer-btn {position: absolute; z-index: 5; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer;}
.ftrailer-btn .far {margin: auto; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; 
font-size: 20px; padding-left: 3px;}
.fdevices li {cursor: pointer; text-align: center;}
.fdevices [class*=fa] {display: block; height: 40px; font-size: 38px;}
.fdevices li:last-child [class*=fa] {font-size: 30px; padding-top: 6px;}
.fwidget {margin-top: 30px;}
.fheader {margin-bottom: 8px;}
.fquality {padding: 3px 10px; border-radius: 3px; 
	margin-right: 10px; text-transform: uppercase; font-style: italic; font-weight: 700; font-size: 16px;}
.fage {padding: 1px 6px; border-radius: 3px; margin-right: 10px;}
.fdate {text-align: right;}
.fheader > a {margin-left: 10px;}
.full h1 {margin-bottom: 15px; font-weight: 700; font-size: 34px; text-transform: none;}
.foriginal {font-size: 16px; margin: 10px 0px 25px 0px;}
.fmeta {margin-bottom: 30px;}
.fmeta > span {display: inline-block; position: relative; margin-right: 24px;}
.fmeta > span:not(:last-child):after {width: 4px; height: 4px; border-radius: 50%; content: ''; pointer-events:none; position: absolute; right: -14px; top: 8px;}
.flist {line-height: 1.5; margin-bottom: 27px;}
.flist li {padding-left: 150px; position: relative; min-height: 14px; margin-bottom: 3px;}
.flist li > span:first-child {position: absolute; left: 0; top: 0; font-weight: 500;}
.flist a:hover, .fmeta a:hover {border-bottom-color: transparent;}
.fright-title {text-transform: uppercase; margin-bottom: 23px;}
.fdesc {margin-bottom: 30px;}
.frate {width: 200px; height: 46px; position: relative; margin-bottom: 30px;} 
.frate-title {position: absolute; left: 0; top: 0;}
.frate-count {position: absolute; right: 4px; top: 0;}
.frate-votes {font-size: 12px; position: absolute; right: 0; bottom: 0;}
.frate-bar {position: absolute; left: 0; top: 22px; width: 100%; height: 5px;}
.frate-bar:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; 
background-size: 5px 5px; background-repeat: repeat-x;}
.frate-fill {position: absolute; left: 0; top: 0; height: 100%; width: 0; }
.frate-site .frate-count {display: none;}
.frate-site {margin-right: 80px;}
.likes, .dislikes {font-size: 12px;  position: absolute; bottom: 0; left: 0;}
.dislikes {left: auto; right: 0;}
.frate-up, .frate-down, .comm-rate3 a {width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 3px; 
font-size: 12px; cursor: pointer;  position: absolute; top: 10px; right: -80px;}
.frate-up, .comm-rate3 a:first-child {right: -45px;}

.fmessage {margin-bottom: 20px; font-weight: 300; line-height: 1.3; position: relative; padding: 10px 15px 10px 60px;}
.fmessage-icon {position: absolute; left: 0; top: 0; bottom: 0; text-align: center; font-size: 18px;width: 50px; height: 50px;border-radius: 4px;margin: auto 0;}
.fplayer-header {margin-bottom: 20px; margin-left: 20px;}
.fsubtitle {font-size: 18px; font-weight: 500;}
.fviews {font-size: 12px;}
.fplayer {position: relative;}
.fctrl {border-radius: 3px; overflow: hidden; margin-top: 10px;}
.fctrl > *, .fplayer .tabs-sel span {height: 40px; line-height: 40px;}
.series-tab > span {max-width: 34%;}
.fplayer .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto; font-size: 0;}
.fplayer .tabs-sel span {display:inline-block; padding:0 11px; cursor:pointer; 
font-size: 14px; font-weight: 500; text-transform: uppercase; }
.js .tabs-b {display: none;}
.js .tabs-b.visible {display: block;}
.fcompl {font-size: 18px; padding: 0 15px;}
.yx-share {margin-right: 15px; height: auto !important;}
.flight {padding: 0 65px 0 15px; position: relative; cursor: pointer;}
.flight:before, .flight:after{content: '';position: absolute;top: 50%;transition: .3s;}
.flight:before{height: 22px; width: 42px; border-radius: 11px; background-color: #3d455c; right: 15px; top: 9px;}
.flight:after{right: 38px;top: 12px; height: 16px; width: 16px; border-radius: 8px; }
.light-overlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99998;  display: none;}
.light-off .flight:after{right: 18px; background: #ccc;}
.light-off .light-overlay {display: block;}
.light-off .fplayer {z-index: 99999;}
.light-off #gotop, .light-off .header {display: none !important;}
.series-tab{ white-space: normal !important;}
.series-tab span{width: 101px; text-align: center;}

/* FULL STORY STATIC
----------------------------------------------- */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #playeriframe
{max-width:100% !important; display:block; width:100%; height:620px;}

#playeriframe {
	content: "";
	background: url(../images/select.png) center center no-repeat;
background-color: #ffffff8a;
}
.mejs-container {max-width:100% !important;}
.full-text {line-height: 1.5; font-size: 14px;}
.full-text img:not(.emoji) {max-width:100%; margin-top: 10px; margin-bottom: 10px;}
.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; }
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0; font-size:20px; font-weight:400;}
.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 {margin-top:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:","; display:inline;}

/* COMMENTS
----------------------------------------------- */
.add-comms {margin-bottom: 30px; padding-left: 76px; position: relative;}
.ac-av {width: 46px; height: 46px; border-radius: 50%; position: absolute; left: 0; top: 0;}
.ac-inputs input {width: 48.7%; margin-bottom: 15px;}
.ac-textarea textarea {height: 100px; margin-bottom: 15px;     width: 100%;}

.ac-rules {position: absolute; right: 0; bottom: 5px;    display: flex;
  justify-content: flex-end;}
  #dlereplypopup form textarea{width: 100%;}
.ac-protect, .ac-textarea .bb-editor + br {display: none;}
.comments_subscribe input {margin-right: 10px;}
.comments_subscribe {display: block;}
.mass_comments_action {    float: right;}
.last-comm-link {display: inline-block; padding-bottom: 20px; font-size: 18px;}

.comm-avatar {position: absolute; left: 0; top: 0; width: 48px; height: 48px; border-radius: 50%; }
.comm-letter {position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 48px; text-align: center; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.comm-item {margin-bottom: 40px; padding-left: 75px; position: relative; min-height: 85px;}
.comm-status {font-size: 11px; width: 50px; text-align: center; 
border-radius: 3px; padding: 1px 0; position: absolute; left: -2px; top: 60px;}
.comm-status:before {content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -4px; 
border: 4px solid transparent;}
.comm-two {margin: 6px 0 10px 0; padding: 10px 15px; border-radius: 0 3px 3px 3px; position: relative;}
.comm-two:before {content: ''; position: absolute; right: 100%; top: 0; border: 4px solid transparent; }
.comm-one {position: relative; padding-right: 30px;}
.comm-complaint {position: absolute; right: 0; top: 0; font-size: 16px;}
.comm-one > span {margin-right: 5px; font-weight: 300;}
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-weight: 500; font-size: 16px;}
.comm-one > span.comm-group, .comm-one > span.comm-group * { font-weight: 400;}
.comm-rate3 {margin-right: 15px; height: 26px; line-height: 26px;}
.comm-rate3 a {display: inline-block; vertical-align: middle; position: static;}
.comm-rate3 > span {margin: 0 10px;}
.comm-three-left{margin-top: 5px;}
.comm-three-left > a {display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 3px; }
.show-comms {text-align: center;}
.show-comms > a {display: inline-block; padding: 10px 30px; font-size: 16px; font-weight: 500; 
	border-radius: 3px; }
.fcomms-legend {margin-bottom: 20px;}
.fcomms-legend > div {margin: 0 30px 20px 0;}
.sect-title > span { padding: 3px 10px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-left: 5px; font-size: 12px;}
.comm-one > span:not(:first-child):before {content: ''; width: 4px; height: 4px; border-radius: 2px; 
display: inline-block; vertical-align: middle; margin-right: 8px; }

/* LOGIN
----------------------------------------------- */
.login-right {padding: 30px; padding-bottom: 20px;}
.login-title {font-size: 28px; font-weight: 700; margin-bottom: 2px;}
.login-header {margin-bottom: 30px; align-items: flex-start;justify-content: space-between;} 
.adminlink{padding: 15px; background: #181818; margin-left: 30px;}
.adminlink a{color: #fff;}
.login-header > a {margin-left: 15px;}
.login-avatar {width: 60px; height: 60px; border-radius: 50%; line-height: 60px; text-align: center; font-size: 24px;}
.login-logout, .login-profile {text-align: center; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; font-size: 24px; display: block; 
position: absolute; left: 30px; bottom: 30px;}
.login-profile {bottom: 105px;}
.login-input {margin-bottom: 15px;}
.login-btn button {width: 100%; margin: 15px 0;}
.login-check {position: relative;}
.login-check input {opacity: 0; position: absolute; cursor: pointer;}
.login-check span {display: block; padding-left: 36px; height: 30px; line-height: 30px;}
.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; }
.login-check span:after{left: 13px; height: 12px; width: 12px; margin-top: -6px; 
	border-radius: 6px; }
.login-check input:checked + span:after {left: 1px;}
.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: 2px;  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%; border: 2px solid #efa208;}

/* Owl Carousel v2.1.0 */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 10; }
.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; cursor: hand; -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%;}
.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; 
-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:-55px; z-index: 1;}
.owl-prev, .owl-next {font-size: 14px; position: absolute; top: 0;}
.owl-prev {right:25px;}
.owl-next {right:0px;}
.owl-dots {position: absolute; right: 0; top: 0; bottom: 0; width: 10px; 
display: flex; flex-direction: column; justify-content: center; align-items: center;}
.owl-dot {display:block; width:10px; height:10px; margin: 5px 0; 
border-radius:5px; }
.popular .owl-dots {right: -376px;}
.popular .owl-nav {right: -376px; top: auto; bottom: 25px;}

.banner, .b{
	width: calc(100% - 250px) !important;
}
/* ADAPTIVE
----------------------------------------------- */
.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; 
padding:10px; z-index:9999; position:fixed; left:-320px; top:0; transition:left .4s;backdrop-filter: blur(15px);-webkit-backdrop-filter:blur(15px);}
.side-panel.active {left:0;}
.close-overlay {width:100%; height:100%; 
position:fixed; left:0; top:0; z-index:9998; display:none;}
.btn-close {cursor:pointer; display:block; left: 280px; top: -40px; position: fixed; z-index: 9999;
width:40px; height:40px; line-height:40px; text-align:center; font-size:18px; transition:top .4s; -webkit-transition:top .4s;}
.btn-close.active {top:0px;}
body.opened-menu {overflow: hidden; width: 100%; height: 100%;}
.side-panel .header-menu {margin: 0; padding: 0;}
.side-panel .header-menu > li {width: 100%; margin: 0; padding: 0;}
.side-panel .header-menu > li > a {height: 40px; line-height: 40px; padding: 0 30px; text-align: center;}
.side-panel .hidden-menu {width: 100%; display: block; position: static;
width: calc(100% + 20px); margin-left: -10px; opacity: 1; pointer-events: auto; transform: none; 
box-shadow: none; display: none;}
.side-panel .header-menu > li > a:before {display: none !important;}
.side-panel .hidden-menu.is-active {display: block !important;}

@media screen and (max-width: 1650px) {
	.wrap-center {max-width:1110px;}
	.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #playeriframe
{height:460px;}
.header-menu{
    margin-right: 100px;
}
.pinfo.hotkeys{display: none}
}
@media screen and (max-width: 1220px) {
	.mlists {right: 166px!important;}
.wrap-center {max-width:1000px;}
.header .header-menu, #gotop, .col-right, .th-info {display: none !important;}
.btn-menu {display: block!important;}
.btn-search, .btn-login {width: auto; background: transparent !important; right: 81px;}
.btn-search {right: 134px;;}
.header-in {padding-left: 0;}
.sect-items {margin-left: -7px; margin-right: -7px;}
.th-item, .collection-item {padding-left: 7px; padding-right: 7px;}

.search-close, .overlay-box {cursor: pointer;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #playeriframe {/*height:400px;*/height:calc(100vw / 16 * 9)!important;}
}

@media screen and (max-width: 950px) {
	#main > div:first-child, #main > div:last-child{}
	.wrap-main{
	    margin: 0 auto !important;
}
	.footer-sitename {margin-bottom: 30px;}
	.fplayer {
        margin: 30px -30px;
}
.wrap-center {max-width:768px;}
.upd-item {width: 46%;}
.popular-in {padding: 96px 0 30px 0;}
.popular-desc {position: relative; height: 100px; width: 100%; text-align: center; margin-top: 30px;}
.popular-caption {padding: 0;}
.popular .owl-nav {display: none !important;}
.popular .owl-dots {position: static; width: 100%; display: block; margin-top: 15px; text-align: center;}
.popular .owl-dot {display:inline-block; margin: 0 5px;}
.footer-left {width: 100%; padding: 0 0 15px 0; text-align: center;}
.footer-two {display: block; text-align: center;}
.footer-menu {justify-content: center;}
.footer-menu li {margin: 0 10px 20px 10px;}
.th-item {width: 25%;}
.fscreens a{width: 33%;}
.fleft {margin: auto; width: auto;padding-top: 20px;}
.fright {min-width: 100%; margin-top: 15px;}
.th-rel:nth-child(5n) {display: none;}
}

@media screen and (max-width: 760px) {
	.xfseltitle p {
    display: block !important;
    padding-bottom: 5px;
}
.ui-dialog-buttonset{display: flex;}
.ui-icon .ui-icon-closethick{    height: 50px; width: 50px;}
.wrap-center {max-width:640px;}
.th-item {width: 33.33%;}
.collection-item {width: 50%;}

.flight, .fcompl {display: none;}
.fctrl {justify-content: center;}
.tabs-sel {min-width: 100%; display: flex; flex-wrap: wrap;}
.tabs-sel > span {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; min-width: 50%; text-align: center;}
.series-tab > span{min-width: 33% !important; max-width: 34%;}
.yx-share {text-align: center; padding: 15px;}
.comm-item {padding-left: 65px;}
.th-rel:nth-child(5n) {display: block;}

.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;}
.tabs-b.video-box.visible{

}
}

@media screen and (max-width: 590px) {
	a.sect-link { width: 100%;
}
	.fa-ellipsis-v{
	display: none !important;
}
	.sect-items {
    margin: 0 -30px;
}
	.th-rating {font-size: 1em; padding: 2px 0px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);    width: 30px;}

	.comm-three-left.fx-row.fx-start > a{
		height: auto;
		padding: 5px 10px;
	}
	.comm-three-left.edits{
		display: flex;
    	    margin-left: -56px;
	}
	.comm-three-left.edits a{
		margin-left:5px; 
	}
	.comm-three.fx-row.fx-middle{
		align-items: flex-end;
    flex-direction: column-reverse;
	}
.banner{
	width: 100% !important;
}
.logo img{height: auto;     padding-top: 12px;}
.filter-wrap{margin: 30px -30px;}
.wrap-center {max-width:480px;}
.footer-menu-col {width: 48%; margin-bottom: 10px; text-align: center;}
.footer-menu-col:nth-child(5) {display: none;}
.footer-cols {margin-left: 0;}
.login-box {width: 100%;}
.login-left {display: none;}
.login-title {font-size: 18px;}
.login-right {padding: 15px;}
.login-header {margin-bottom: 15px;}
.login-menu li {padding: 10px 10px; font-size: 14px;}

.add-comms {padding-left: 0;    margin: 30px -30px 30px -30px;}
.ac-av {display: none;}
.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;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
.infobox {
    display: block !important;
}
.fwidget{    margin: 30px -30px ;}
div.hidden.trailer-box {padding: 0px;}
}

@media screen and (max-width: 470px) {
	.short-data {
    flex-direction: column;
}
.fposter{

}
.wrap-center {max-width:360px;}
.logo {padding-left: 10px; width: calc(100% - 220px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.logo:before {display: none;}
.popular-desc {height: 80px;}
.popular-title {font-size: 20px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.upd-item {width: 100%;}
.sect-carou  .sect-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% ); 
padding-right: 0; margin-right: 10px; height: 35px; font-size: 18px; position: relative; top: 5px;}
.sect-carou  .sect-title:after {display: none;}
.sect-carou .sect-link {bottom: 8px;}
.th-item {width: 50%;}
.collection-item {width: 100%;}

.full {padding-top: 0;}
.full h1 {font-size: 24px;}
.full .sect-title {font-size: 18px;}
.fviews, .fmessage-icon {display: none;}
.th-rel:nth-child(5n) {display: none;}
.frates {justify-content: center;}
.frate {margin-bottom: 10px;}
.frate-site {margin-right: 0; margin-bottom: 30px;}
.frate-down {right: -36px;}
.frate-up {right: auto; left: -36px;}
.fmessage {padding: 15px;}
}

@media screen and (max-width: 356px) {
.wrap-center22 {max-width:320px;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}
.counter{counter-reset: section;}
.counter-list::before {
	counter-increment: section;  
	content: counter(section); 
	    font-weight: 400;
}
.lowbott{margin-bottom: 1px!important;}
#options{display: none;}
.sdesc{
	margin-top: 40px;
}
.sect h2{
	margin-bottom: 20px;
}
.short-data{
	display: flex;

}
.short-data div{
	padding-right: 15px;
	padding-bottom: 10px;
}
.fright > .short-data{
justify-content: flex-end;
}
.infobox{display: flex;}
.infobox > div{
padding-left: 15px;	
}

.seasons{
	font-size: 0.8em;
}
.seasons span a{
	font-size: 1.2em;
}
.ileft{
	min-width: 300px;
}
.iright> .fmessage{
	margin-bottom: 5px;
}
.fright_pos{
	float: right;
}
.fleft_pos{
	float: right;
}
#dle-content >.fullshort{
    padding: 20px;
        border-radius: 5px;
}
	.mylists-switch li {
	padding: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
	}
.mylists-switch li span{
	
	}
.mylists-switch li span:before {
	margin-right: 10px;
    content: "\f004";
    font-weight: 400;
	font-family: 'Font Awesome 5 Pro';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.mylists-switch li.active{
	    background: #9494943d;
}
.mylists-switch li.active span:before {
    font-weight: 900;
}
.mylists-switch span.animedone:before {
content: "\f14a";
}
.mylists-switch span.animecurrent:before {
content: "\f0fe";
}
.mylists-switch span.animefuture:before {
content: "\f005";
}
.mylists-switch span.animefail:before {
content: "\f556";
}
.th-itemb .mylists-switch li span:before {
        font-size: 1.1rem;
        float: none;
        }
.fullshort .mylists-switch{
	background: #92909026;
    float: left;
    display: flex;
    margin-top: -13px;
}

 .th-itemb ul.mylists-switch {
	position: absolute;
    z-index: 1111;
    right: 5px;
    bottom: 10px;
    text-align: center;
    background: #38383863;
    border-radius: 3px;
    backdrop-filter: blur(10px);
     -webkit-backdrop-filter:blur(10px);
    }
.th-itemb .mylists-switch li {
	margin: 6px;
	padding: 0px;
	  font-size: 0px;
	      color: #fff;
}  
.th-itemb .mylists-switch li span:before { 
     margin-right: 0px;
 }

.th-itemb{
	    position: relative;

}
#searchsuggestions{
	    display: flex;
    flex-direction: column;
}
#searchsuggestions img{
	float: left;
    padding: 10px;
    max-width: 200px;
}
.related{
	display: flex;
    flex-direction: row;
    margin-top: 30px;
    flex-wrap: wrap;
    width: 100%;
}
.related .th-item{
	width:50%;
	    max-width: 160px;
}
.bestcomm{

}
.title-margin{
		margin: 30px 0px;
}
.imgnews img{
	    max-height: 300px;
}
.firstwiget > .fwidget:first-child{
	margin-top:0px!important;
}
.sect.fcomms{
	width: 100%;
}
/*Preloader*/

#main{
	display: flex;
    flex-flow: row;
}


.nlist-rate{
	position: relative;
    position: relative;
    float: right;
    font-size: 2em;
    padding: 20px;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
        width: 116px;
            font-weight: 400;
    }
.nlist-rate .ratingscore{margin-bottom: 10px;    align-self: center;    font-weight: 600;}
.nlist-rate .ratingscore .subr{font-size: 0.6em; font-weight: 400;}
.nlist-rate .submrating{font-size: 0.5em; }
.sect.ignore-select.fullshort:nth-child(2n){
    background: #0000000a;
}
.btn-login.js-login.is-active img{
	display: none;
}
.btn-login.js-login span{    margin-top: 15px;}
.btn-login.js-login img{ border-radius: 50%;    width: 36px;
    height: 36px;}

.lowbott:hover{
	filter: contrast(0.8);
}
.metabody{display: flex;}
.metadesc{max-width: 600px;}
.speedbar {
    margin: 30px 0px;
}
.js-trailer .overlay,.js-trailer2 .overlay{display: none;}
.js-trailer:hover .overlay,.js-trailer2:hover .overlay{
	display: block;
	z-index: 22;
    width: 100%;
    background: #0000002b;
    height: 100%;
}
.js-trailer .overlay:after,.js-trailer2 .overlay:after{ 
content: "\f04b";
    font-weight: 600;
    font-family: 'Font Awesome 5 Pro';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 3em;
    position: relative;
    top: 50%;
    left: 50%;
    color: aliceblue;
    transform: translate(-50%, -50%);
}
.fcomms-legend > div {color: #ccc;}
div#trailer-box {
    overflow: hidden !important;
}
a:last-child .fa-ellipsis-v{
	display: none;
}
#sendmail textarea{
	width: 100%;
}
.xfseltitle p {
    display: none;
}
.xfseltitle select {
    width: 100%;
}
.comm-avatar {box-shadow: 0 0 0 2px #fff, 0 0 0 4px #949494;}
.red .comm-avatar {box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e13535;}
.red .comm-one > span.comm-group, .red .comm-one > span.comm-group * {color: #e13535 !important;}
.green .comm-avatar {box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1ee459;}
.green .comm-one > span.comm-group, .green .comm-one > span.comm-group * {color: #1ee459 !important;}
.yellow .comm-avatar {box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffa200;}
.yellow .comm-one > span.comm-group, .yellow .comm-one > span.comm-group * {color: #ffa200 !important;}
.red-group span {color: #e13535;}
.green-group span {color: #1ee459;}
.blue-group span {color: #297fd7;}
.yellow-group span {color: #ffa200;}