/* Developed by Descode (E-mail: info@descode.ru, Website: descode.ru ) */

/* 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;}

body {font: 16px 'Montserrat', Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0;        

color: #e6e6e6; background:#141414; 

height:100%; width:100%; font-weight:400;}

/*body:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    content: '';
    background: linear-gradient(to top, rgba(0,0,0,0) 25%,rgb(33 164 247 / 20%) 100%);
    z-index: 10;}*/

img {max-width:100%;}

.clr {clear: both;}

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

a {color: #e6e6e6; text-decoration: none; transition: all .3s ease;}

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

h1, h2, h3, h4, h5 {font-weight:600; font-size:18px;}

.berrors {
    background: #231b00!important;
    color: #a76846!important;
    margin: 0 0 20px 0!important;
    padding: 20px!important;
    border-radius: 4px;
}

.form-wrap {}

.sub-title h1 {margin-bottom:15px; font-size:28px; font-weight:700;}

.pm-page, .search-page, .static-page, .tags-page, .form-wrap {}

td.search > div {
    display: flex;
    align-items: center;
    margin: 0!important;
    margin-bottom: 10px!important;
}

#searchinput {margin-bottom: 0;margin-right: 10px!important;}

.search-now a {margin-right: 2px; margin-bottom: 5px;}

.sres-wrap {position: relative;
    background: none!important;
    border: 0!important;
    padding: 0px 0px 10px 215px!important;
    margin-bottom: 10px;
    border-bottom: 3px solid #222!important;}

.sres-wrap:hover {
    box-shadow:none!important;
}

.sres-text {
    color: #e6e6e6!important;}

.sres-text h2 {
    margin-bottom: 10px!important;
    color: #e6e6e6!important;}

.sres-img img {
    border-radius: 4px;
}

button, input, select, textarea {font: 16px 'Montserrat' !important;}



/*--- SET ---*/

.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]), 

html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a {background-color: #21a4f7;
    color: #fff;
    text-align: center;
    font-weight: 600!important;
    font-size: 12px!important;
    text-transform: uppercase;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--lightGray);
    border-radius: 20px;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    width: auto;
    padding: 0 30px; transition: all .3s ease;}

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

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

.button:hover, .button:active, .button:focus, .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, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover 

{background-color:#39acf7; color:#fff;}

button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 

{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

/*input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 

{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}*/

.button .fa {
    margin-left: -5px;
    margin-right: 10px;
    font-size: 18px;
}

.button.dark-btn {
    background-color: #222;
}

.button.dark-btn:hover, .button.dark-btn:active, .button.dark-btn:focus {
    background-color: #393939;
}


input[type="text"], input[type="password"] {display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    -webkit-appearance: none;
    height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    background: #2c2c2c;
    border-radius: 22px;
    border: 0;
    color: #e6e6e6;}

input[type="text"]:focus {}



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

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

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

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



select {height:40px; border:1px solid #e3e3e3; background-color:#fff; color: #000;}

textarea {overflow: auto;
    vertical-align: top;
    resize: vertical;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 10px 15px;
    -webkit-appearance: none;
    height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    background: #2c2c2c;
    border-radius: 4px;
    border: 0;
    color: #e6e6e6;}



.img-box, .img-wide, .img-resp-h, .img-resp-v, .img-resp-sq {overflow:hidden; position:relative; background-color:#000;border-radius: 4px;}

.img-resp-h {padding-top:60%;}

.img-resp-v {padding-top:150%;}

.img-resp-sq {padding-top:100%;}

.img-box img, .img-resp-h img, .img-resp-v img, .img-resp-sq img {width:100%; min-height:100%; display:block;}

.img-resp-h img, .img-resp-v img, .img-resp-sq img {position:absolute; left:0; top:0; object-fit: cover;}

.sers-wr .img-box img, .sers-wr .img-resp-h img, .sers-wr .img-resp-v img, .sers-wr .img-resp-sq img/*, .sect-video2 .img-resp-h img*/ {transform: scale(1.2);/*margin-top: -10px;height: calc(100% + 20px);*/}

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

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

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

button {transition: all .3s;}

.button, .th-mask, .th-inf, .th-ctrl a {transition: color .3s, background-color .3s, opacity .3s;}

.ps-link {cursor:pointer;}

.icon-l .fa {margin-right:10px;}

.icon-r .fa {margin-left:10px;}



.fx-row, .fx-in #dle-content {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-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}

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

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

.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}

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

.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}

.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex; 

-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}

.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}

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

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

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

.fx-1 {-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 

    max-width: 100%; min-width: 50px;}



b, strong, .comm-author {font-weight: 600;}

.fx-in #dle-content > *:not([class*=-item]) {width: 100%;}





/* BASIC GRID

----------------------------------------------- */

.wrap {min-width:320px; overflow:hidden; position:relative; min-height: 100vh;}

.center {max-width:1280px; margin:0 auto; position:relative; z-index:20;}

.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 200; 

        background-color: rgb(34 34 34 / 80%);
    backdrop-filter: blur(10px);
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 50%);
    color: #fff;}

.header-in {height: 70px;}
.cont {padding: 100px 0 0 0;}

.main {min-height: 80vh;}

.footer {padding: 30px 2000px; padding-left: 2200px; 

color: #fff; position: relative;

margin-right: -2000px; margin-left: -2000px;}

.pages-bg {/*max-width: 1000px;*/ margin-left: auto; margin-right: auto;}

.pages-bg + .sect {margin-top: 30px;}



#gotop{position:fixed; width:50px; height:50px; line-height:46px; right:10px; bottom:10px; cursor:pointer; font-size:20px;

z-index:9998; display:none; opacity:1; background-color: rgba(80,80,80,.8); color:#fff; 

border-radius:50%; text-align:center; box-shadow: 0 1px 4px rgba(0,0,0,0.5);}





/* HEADER

----------------------------------------------- */

.logo {width: 180px; height: 70px; display: inline-block; margin-right: 20px;display: flex;
    align-items: center;}

.hd-menu > li {display: inline-block;}

.hd-menu > li > a {display: block; line-height: 70px; padding: 0 20px; font-size: 18px; 

    color: #fff; text-transform: uppercase; font-weight: 600;}

.submenu > a:after {content:"\f107 "; font-family:'FontAwesome'; margin-left:7px; opacity: 0.8;}

.hd-menu .fa {color: #21a4f7;}

.hd-menu li.menuactive > a, .hd-menu > li > a:hover {color: #21a4f7;} 

.hidden-menu {position: absolute; left: 0; top: 100%; z-index: 200; width: 100%; 

    line-height: normal; display: none; background-color: #222;

box-shadow: 0 0 30px rgba(0,0,0,0.2); border-radius: 0 0 4px 4px;}

.hidden-tabs {width: 32.7%;}

.hidden-ul {/*width: 67%;*/ display: none; padding: 20px;}

.hidden-ul.visible {display: flex;flex-wrap: wrap;}

.hidden-ul li {width: 33%;}

.hidden-tabs {background-color: #edf2f9; padding: 20px 0;}

.hidden-tabs li {padding: 0 20px; line-height: 40px; cursor: pointer; font-size: 18px;}

.hidden-tabs li.current {background-color: #fff;}

.hidden-tabs li:hover {background-color: #e3e3e3;}

.hidden-tabs a {display: block; color: #222;}

.hidden-ul a {display: block; padding: 7px 20px; }



.search-box {flex:1; margin: 0 20px;text-align:right;}

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

.search-field input, .search-field input:focus {width:100%; padding:0 40px 0 10px; border-radius: 0; 

background-color:#fff; color:#000; height:40px; line-height:40px !important; box-shadow:none;}

.search-field input:focus {background-color:#fff; color: #000;}

.search-box button {position:absolute; right:0; top:0px; padding:0 !important; width:40px;

background:transparent !important; color:#000 !important;}

.search-box .fa {font-size:18px;}



.ctrl-btns {}

.ctrl-btns > li {position: relative; display: inline-block; vertical-align: top; 

    height: 70px; line-height: 70px; }

.ctrl-btns > li > a {text-align: center; font-size: 24px; color: #ccc; padding: 0 10px; display: block;}

.ctrl-btns > li > a:hover {color: #fff;}

.ctrl-av {width: 40px; height: 40px; border-radius: 50%; margin: 15px auto;}

.ctrl-btns > li.menuactive {background-color: #21a4f7;}

.ctrl-btns > li.menuactive > a {color: #222;}

.lb-menu {position: absolute; right: 0; top: 100%; z-index: 199; width: 260px; 

    background-color: #21a4f7; padding: 20px 10px; display: none; line-height: normal; border-radius: 0 0 4px 4px;}

.lb-menu li > a {display: block; padding: 5px 10px; color: #fff; }




.login-btns {font-size: 0; white-space: nowrap; line-height: 40px; padding-left: 20px}

.btn-login, .login-btns a {display: inline-block; height: 40px; line-height: 40px; 

padding: 0 20px; border-radius: 0px; background-color: #444; color: #fff !important; 

text-transform: uppercase; font-weight: 600; cursor: pointer; font-size: 16px;}

.btn-login:hover, .login-btns a:hover {background-color: #21a4f7;}

.login-btns .fa {color: #21a4f7; margin-right: 10px; font-size: 16px;}

.btn-login {margin-right: 10px;}





/* LOGIN

----------------------------------------------- */

.login-box {/*background-color:#FFF;*/ padding:20px; display:none;}

.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 

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

.lb-check input {display:none;}

.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;

border-radius:3px; border:1px solid #ccc; content:""; background-color:#f5f4ee; display:inline-block;}

.lb-check input:checked + label:before {background-color:#e5050b;}

.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f5f4ee; text-align:center;}

.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}

.lb-soc img {display:block; width:30px;}

.lb-lnk {font-size: 14px;}





/* SECT

----------------------------------------------- */

.sect {margin-bottom: 40px;}

.sect-header {margin-bottom: 20px;}

/*.sect-video .sect-header,
.sect-new .sect-header,
.sect-video .sect-header {flex-wrap: nowrap;}*/

.sect-title {font-size: 28px; display: block;
    /*display: flex;*/
    align-items: center;
    margin-right: 10px; font-weight: 600;}

.sect-title .fa {color: #21a4f7;}

.sect-link {display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; 

    background-color: #222;
    border-radius: 20px;}

.sect-link:hover, .sect-link:active, .sect-link:focus, .sect-link.active {background-color: #393939; color: #fff;}

.sect-items {}


.speedbar {margin-bottom: 20px; font-size: 14px; color: #aaa;}
.speedbar a { color: #aaa;}
.speedbar a:hover {}

.speedbar .fa {margin-right: 10px; margin-left: 1px; color: #21a4f7;}




.sect-short.sect-wide {height: 415px;}

.sect-ser {height: 270px;}

.sect-podb {height: 374px;}

.sect-rev {height: 262px;}

.sect-wide {background-color: #fff;

padding: 20px 2000px; margin-right: -2000px; margin-left: -2000px;}

.sect-viewed {height: 323px; background: url(../images/bg-watch.png) 0 0 repeat-x;}



.sect-video2 {height: 237px;}

.sect-video2 .video-item {width: 230px !important;}
/*@media screen and (max-width: 1220px) {*/
    .sect-video2 .video-item {width: 100% !important;}
/*}*/

.sect-video7 {height: 120px;}

.sect-video7 .video-item {width: 230px !important;}

.new-group .new-item {width: 32.2% !important; margin-bottom: 20px !important;}





/* VIDEO

----------------------------------------------- */

.vi-img:before, .si-img:before, .pi-img:before, .fposter:before {position:absolute; left:0; bottom:0; 

    width:100%; height: 70%; content: '';

background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); z-index: 10;}

.si-img:before, .fposter:before {height: 30%;}

.video-item {width: 24%; margin-bottom: 20px;}

.sect-slides .video-item {margin-bottom: 0; width: 304px;}

.vi-img {display: block;}

.vi-desc {position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; padding: 10px;}

.vi-rate {font-size: 14px; opacity: 0.8; margin-top: 10px; color: #fff;}

.vi-title {color: #fff; font-weight: 600;}

.video-more {border-radius: 4px; background: #222; transition: all .3s ease;}
.video-more .vi-img:before {display:none;}
.video-more .vi-desc {top: 0; display: flex; align-items: center; justify-content: center;}
.video-more .vi-title {color: #e6e6e6;text-transform: uppercase;}
.video-more .img-resp-h {background-color: inherit;}
.video-more:hover {background-color: #393939;}
.video-more:hover .vi-title {color: #fff;}

.sect-slides .v-item {width: 196px;}
.sect-slides .v-item .img-resp-h {padding-top: 150%;}
.sect-slides .v-item .img-resp-h img {object-fit: cover;}


/* SHORT

----------------------------------------------- */

.short-item {width: 15%; margin-bottom: 20px; position: relative;   overflow: hidden;}

.sect-slides .short-item {margin-bottom: 0; width: 178px;}

.si-in {display: block;}

.si-desc {margin-top: 10px;}

.si-cat {font-size: 14px; opacity: 0.6; margin-top: 10px;}

.si-title {font-weight: 600;}



.th-mask {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:10px; 

background-color:rgba(0,0,0,0.5); opacity:0; z-index:15; backdrop-filter: blur(10px);}

.with-mask:hover .th-mask {opacity:1;}

.th-mask span.fa {width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; 

color:#fff; background-color: #21a4f7; margin:0 auto; font-size:24px; padding-left: 3px; box-shadow: 0 0 0 0px #fff;}

.th-qual, .th-inf, .th-qual2 {display:inline-block; padding:5px 10px; position:absolute;}

.th-qual {bottom:0; right:0; top:auto; z-index: 20; background-color: #3498db; color: #fff; font-size: 14px;}

.th-qual2 {top:0; left:0; z-index: 20; background-color: #7f8c8d; color: #fff; font-size: 14px;}

.th-inf {right:0; top: 0; z-index:30; padding: 10px; text-align:center; cursor:help; 

background-color: #7f8c8d; color: #fff; font-size: 0; white-space: nowrap;}

.th-inf .fa {width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; 

box-shadow: inset 0 0 0 1px #fff; font-size: 14px; margin: 0;}

.with-mask:hover .th-inf {opacity:1; background-color: #95a5a6;}


.th-ctrl > a {display: inline-block; vertical-align: top;   width: 40px; height: 40px; 

line-height: 30px; text-align: center; border-radius: 50%;  

opacity: 0.8;   font-size: 24px; margin: 0 5px; color: #fff;}

.th-ctrl .fa {line-height: 30px;}

.with-mask:hover .th-ctrl {top: 50px;}

.th-ctrl > a:hover {opacity: 1;}



.th-active {z-index:100;}

.th-text {display:none; background-color:#fff; cursor:auto; padding:15px; text-align:left;

position:absolute; left:100%; top:0; z-index: 888; width:460px; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); 

border-radius:3px; min-height: 100px;}

.th-text:after {content:""; border:10px solid #fff; border-left-color:transparent; border-bottom-color:transparent; 

position:absolute; top:30px; right:100%;}

.pop-left .th-text:after {border:10px solid #fff; border-right-color:transparent; border-bottom-color:transparent; 

left:100%; right:auto;}

.pop-left .th-text {left:auto; right:100%;}

.th-text + .th-text {display: none !important;}

.th-text > .fa {font-size:50px; color:#CCC; display:block; text-align:center;}

.th-text .finfo {background-color:#f2f2f2; padding:15px; margin:15px -15px 25px -15px;}

.th-text li:not(.vis), .th-text img, .th-text .fsubtitle, #trailer-box {display:none;}

.th-text .finfo li {margin-bottom:0 !important;}

.th-text .fdesc {max-height:100px; overflow:hidden; line-height: 20px; font-size: 14px; margin: 10px 0;}

.th-text h1 {font-size:18px; width: 100%; padding-top: 0px; 

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

.th-text h1 .fa {display: none;}

.th-text .to-trailer2 .fa {display: none;}

.th-text .to-trailer {position: absolute; right: 0; bottom: 0; left: 0; display: block; 

width: auto; margin: 0;}





/* TOOLTIP

----------------------------------------------- */

#tooltip{text-align:center;color:#ffffff;background-color:#000000;background-color:rgba(0, 0, 0, 0.65);position:absolute;z-index:100;padding:.5em;font-size:.85em;line-height:1.2em;border-radius:3px;}

#tooltip:after{width:0;height:0;border-left:5px solid transparent;

    border-right:5px solid transparent;border-top:3px solid #000000;

    border-top-color:rgba(0, 0, 0, 0.65);content:'';position:absolute;left:50%;top:100%;margin-left:-5px;}

#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #111;top:auto;bottom:100%;}

#tooltip.left:after{left:10px;margin:0;}

#tooltip.right:after{right:10px;left:auto;margin:0;}





/* SEO DESCRIPTION

----------------------------------------------- */

.site-desc {/*line-height:1.5;*/ padding: 20px 2000px;  margin: 0 -2000px 0px -2000px;padding-top: 0;}

.site-desc h1, .site-desc h2, .site-desc h3 {font-size:24px; 

    font-weight: 600; margin: 10px 0 5px 0; }

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

.site-desc a {text-decoration: underline; color: #21a4f7;}

.site-desc p {text-align: justify;}



/* FOOTER

----------------------------------------------- */

.ft-menu li {display: inline-block; margin-left: 20px;}

.footer:before {width: 180px; height: 50px; content: ''; position: absolute; left: 2000px; top: 13px; 

background: url(../images/zlogo.png?7) no-repeat; background-size: contain; -webkit-filter:grayscale(1); filter:grayscale(1); opacity: 0.8;}

.footer a:not(:hover) {color: #fff;}





/* BOTTOM NAVIGATION

----------------------------------------------- */

.bottom-nav {line-height:40px; text-align:center; padding:20px 0 0 0;}

.pagi-nav {max-width:100%; display:inline-block;}

.pagi-nav > span {display:inline-block;}

.pagination {
    margin: 10px 0 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}
.pagination li a, .pagination li span {
    display: block;
    text-align: center;
    padding: 4px 0px;
}

.pnext a, .pprev a, .pprev > span, .pnext > span {display:block; width:40px; text-align:center;}

.navigation {text-align:center;}

.navigation a, .navigation span, .pagination span, .pagination a, .pnext a, .pprev a, .pprev > span, .pnext > span {display: inline-block;
    color: #fff;
    border-radius: 18px;
    margin-right: 2px;
    margin-left: 2px;
    padding: 13px 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 1px;    min-width: 40px;}

.navigation span, .pagination span {background: #d8d8dd; color: #000;}

.navigation span.nav_ext {background-color:#f2f2f2; color:#ccc;}

.pagi-nav a:hover {box-shadow: inset 0 0 0 1px #979797;}

.dle-comments-navigation .pagi-nav {margin-bottom:0;}





/* FULL

----------------------------------------------- */

.fright h1 { font-size: 28px; /*padding-right: 80px;*/}

/*.fright h1:before {width:25px; height:30px; border-radius:50%; text-align:center; line-height:30px; 

box-shadow:inset 0 0 0 2px #21a4f7; color: #21a4f7; padding-left:5px; font-size:14px; 

display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 3px; content: '\f04b'; 

font-family: FontAwesome;}*/

.fright h1 .fa {margin-left:10px; font-size:18px;}

.frels2 {margin-bottom: 35px;}

.subtitle {font-weight: 600; font-size: 24px;   margin-bottom: 10px;}

.subtitle .fa {color: #21a4f7;}

.fdesc {margin-bottom: 40px;}

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

.fusers { margin-bottom: 5px;}

.rating-box {line-height: 40px; height: 40px; margin-right: 10px;}
.rating-box > * {display: inline-block; vertical-align: middle; margin-right: 5px;}
.rating-box > span:nth-child(2) {color: #FFF;}
.unit-rating {margin-bottom: -2px!important;width: 170px!important;}


.fcols {}

.fleft {width:240px; margin-right: 40px;} 

.fright {position: relative;}


.fposter {}

.fposter .th-ctrl {top: auto !important; bottom: 20px;}

.fposter .th-qual {right: auto; bottom: auto; top: 0; left: 0;}

.fbtn .fa {font-size:24px; height:40px; line-height:40px; width:50px; text-align:center; background-color:rgba(0,0,0,0.2); 

position:absolute; left:0; top:0;}

.fbtn {width:100%; cursor:pointer; height:40px; line-height:40px; 

    text-transform: uppercase; font-weight: 600;

position:relative; padding-left:50px; text-align: center; margin-top: 10px; border-radius: 4px; font-size: 14px;}

.to-trailer {background-color:#e74c3c; color:#fff;}

.to-view {background-color: #444; color: #fff;}

.fbtn:hover {box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}



.f-rate {width: 60px; position: absolute; top: 0; right: 0;}

.fr-title {color: #21a4f7; text-align: center; font-size:14px;}

.fr-count {position: relative; width:60px; height:60px; border-radius: 50%; 

background-color:#f2f2f2; box-shadow:inset 0 0 0 5px #e3e3e3; margin-bottom:20px;}

.fr-count > div {position: absolute; left:0; top:0; z-index: 1; width: 100%; height: 100%; 

color: #21a4f7; display: block; text-align: center; font-size: 18px; font-weight: 600; padding-top:10px;}

.fr-count > div div {color:#93939e; margin-top:-2px; font-size: 12px;}

.finfo {margin-bottom: 20px; padding-right: 80px;}

.finfo li {padding:7px 0 7px 160px;}

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

.finfo22 li:nth-child(2n+1) {background-color: #f3f7f8;}

.finfo li > span:first-child {opacity:0.6; font-size: 14px; display:inline-block; width:140px; float:left; margin-left:-160px;}

.finfo a {text-decoration:underline; color: #21a4f7;}

#finfo {
    margin: 0 0 16px;
}

.fplayer {
    background-color: #222;
    position: relative;
}

.fplayer .tabs-sel span {display:inline-block; padding:0 15px; height:40px; line-height:40px; cursor:pointer; 

text-transform:uppercase; font-weight:600; margin-right:-4px; color:#fff; font-weight: 600;border-radius: 4px 4px 0 0;}

.fplayer .tabs-sel span.current {background-color:#21a4f7; color: #fff;}

.fplayer .tabs-sel span:not(.current):hover {color:#21a4f7;}

.fplayer .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto;}

.js .tabs-b {display:none;}

.js .tabs-b.visible {display:block;}

.fplayer .yx-share  {position: absolute; right: 7px; top: 7px; color: #fff;}

.yx-share > *:not(script) {display: inline-block; vertical-align: middle; margin-left: 5px;}

.fplayer + .fpanel > *:first-child {margin-right: auto;}


.rels {padding-top: 20px;}

.rels .short-item {width: 47%;}

.rels .si-title {font-weight: 400;} 



.fcols2 .fleft {margin: 0 0 0 40px;}

.fcols2 .f-rate {top: -12px;}

.fcols2 .fplayer {margin-bottom: 0;}

.sers-wr {margin: 0 -10px;}

.sers {padding: 0 10px 20px 10px; width: 33.33%;}

.sers-in {display: block; text-align: center;}

.sers-img {margin-bottom: 10px; box-shadow: 0 20px 10px -10px rgba(0,0,0,0.5);}

.sers-t {font-weight: 700;}

.sers-subt {font-size: 14px; color: #939393; margin-top: 10px;}

.sers-meta {position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 4px 4px; 

border-top: 2px solid #21a4f7; background-color: rgba(0,0,0,0.6); color: #fff;}

.sers-meta > div {margin: 1px; font-size: 14px;}

.fcols3 h1 {}

.fcols4 {padding-bottom: 40px;}

.fcol-in {width: 49%;}

.fcols4 .finfo {padding-right: 0; margin: 0;}

.fcols4 .finfo li {padding:3px 0 3px 120px;}

.fcols4 .finfo li > span:first-child {width:100px; margin-left:-120px; white-space: nowrap; 

overflow: hidden; -ms-text-overflow: ellipsis;

text-overflow: ellipsis;}





/* FULL STORY STATIC

----------------------------------------------- */

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame 

{width: 100%; max-width:100% !important; height:600px; display:block; margin:0 auto;border-radius: 4px;background-color: #000;}

.mejs-container {max-width:100% !important;}

#serial-kratko {text-align: justify; /*line-height: 1.5;*/}

.full-text {/*line-height:1.5;*/text-align: justify;}

.full-text img:not(.emoji) {max-width:100%; margin:10px auto;}

.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:#21a4f7;}

.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:10px 0;}

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

.full-text > ol li {list-style:decimal; margin-left:40px;}



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

.full-text table tr td {padding:3px 7px; border:2px solid #fff;}

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

.full-text222 table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}

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

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

.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 

display:inline-block; padding:0 15px; background:#0297dc;}

.attach-info {float:right;}

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

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

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

.full-taglist a {color:#4a61a3;}

.full-taglist {margin:0;}





/* COMMENTS

----------------------------------------------- */

.full-comms {}

.comms-title {line-height:40px; margin-bottom: 20px;}

.comms-title > span {font-size:16px;font-weight: 600;}

.add-comm-form {position:relative; margin:15px 0 0 0; padding: 20px;  display:none; background-color: #222;border-radius: 4px;}

.ac-soc {position:absolute; right:0px; top:-8px;}

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

.ac-soc a {display:inline-block; margin:0 0 0 3px; vertical-align:top;}

.ac-soc img {display:block; width:30px;}

.ac-inputs, .ac-textarea {margin-bottom:15px;}



.ac-av {width:40px; height:40px; border-radius:50%; float:left; margin-right:10px;

background:#111 url(../dleimages/noavatar.png) no-repeat; background-size:contain;}

.ac-title {font-weight:700; margin-bottom:15px; text-transform:uppercase;}

.ac-inputs input {width:49%;}

.ac-textarea textarea {height:85px;}

.ac-submit {}

.sec-answer + .sec-label {margin-top:10px;}

.ac-protect {margin-top:-10px; display:none;}

.ac-protect .label {font-size:12px;}

.ac-protect .sep-input {padding:10px 10px 10px 160px;}

.ac-protect input {}



.mass_comments_action {text-align:right; padding:5px 15px; background-color:#f2f2f2; margin:20px 0 0 0; display: none;}

.last-comm-link {font-size:16px; margin-bottom:10px;}

.last-comm-link a {text-decoration:underline; color:#21a4f7;}

.full-comms {}

#dle-comments-list {margin-top: 15px;}



.comm-item {padding-left:65px; margin-bottom:20px;}

.comm-left {width:50px; height:50px; margin-left:-65px; float:left; border-radius:50%;}

.comm-right {width:100%; float:right; padding:10px; position:relative; background-color: #222;
    border-radius: 4px;}



.comm-one {padding:0 80px 5px 0; position:relative; font-size:14px;}

.comm-one > span:nth-child(4) {color:#939393; float:right; margin-right:0;}

.comm-one > span {float:left; margin-right:20px; }

.comm-author {font-weight:600;}

.comm-author a {text-decoration:underline;}

.rate3-comm {position:absolute; right:0; top:0; white-space:nowrap; font-size:16px;}

.rate3-comm a {cursor:pointer; height:20px; line-height:20px; display:inline-block; font-size:14px;

color:#6cc43c; margin:0 5px 0 0; vertical-align:top}

.rate3-comm a:last-child {color:#f1656f; margin:0 0 0 5px;}

.rate3-comm a:hover {opacity:0.5;}

.rate3-comm > span {height:20px; line-height:20px; display:inline-block; font-size:11px; font-weight:700; vertical-align:top;}

.rate3-comm > span > span.ratingtypeplus {color: #06b601;}

.rate3-comm > span > span.ratingplus {color: #95c613;}

.rate3-comm > span > span.ratingminus {color: #ff0e0e;}

.comm-two {line-height:20px; padding-bottom:0; font-size:14px;}

.signature {font:italic 12px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; 

border-top:1px dashed #ccc; color: #939393;}

.comm-three {margin-top:10px; font-size:12px; text-align:right;}

.comm-three li {display:inline-block; margin-left:10px;}

.comm-three a {}

.comm-three li:first-child {margin-left:0px; float:left;}





/* 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-stage-outer:before, .owl-stage-outer:after {
	pointer-events: none;
    content: "";
    display: block;
    position: absolute;
    width: 90px;
    height: 100%;
    top: 0;
    opacity: 0.5;
}

.owl-stage-outer:before {
    left: -10px;
    z-index: 1;
    background: linear-gradient(90deg,#141414 13%,rgba(27,27,27,0));
}

.owl-stage-outer:after {
    right: -10px;
    z-index: 1;
    background: linear-gradient(270deg,#141414 13%,rgba(27,27,27,0));
}


.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%; 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;
    bottom: 0;
    font-size: 0;
    overflow: hidden;}

.owl-prev, .owl-next {    
    text-align: center;
    line-height: 54px;
    font-size: 36px;
    width: 54px;
    height: 54px;
    position: absolute;
    background-color: rgba(80,80,80,.8);
    border-radius: 50%;
    top: calc(50% - 27px);
    left:-27px;
    transition: all .3s ease;
}

.owl-next {
    right:-27px;
    left:auto;
}

.owl-prev span {margin-right: 5px;}
.owl-next span {margin-right: -5px;}

.owl-prev:hover, .owl-next:hover {color:#fff; background-color: #505050;}

.owl-dots {text-align:center; position: absolute; left: 15px; top: 15px;}

.owl-dot {display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 5px; 

border-radius:50%; background-color:#e3e3e3;}

.owl-dot.active {background-color:#ff505f;}



.sect-slide-items .owl-nav {margin-top: -65px;}

.sect-slide-items .owl-prev {left:-50px;}

.sect-slide-items .owl-next {right:-50px;}





/* ADAPTIVE

----------------------------------------------- */

.btn-menu {display:none;}

.side-panel {width:280px; height:100%; overflow-x:hidden; overflow-y:auto; background-color: rgb(20 20 20 / 80%);
    backdrop-filter: blur(10px);

padding:0 0px; z-index:888; position:fixed; left:-280px; top:70px; 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:887; display:none;}

.side-panel > li > a {display: block; padding: 10px 15px; color: #FFF;border-bottom: 1px solid #222;}

.side-panel .fa {display: none;}

.side-panel .hidden-menu {display: block; position: static; width: 100%;}

.side-panel .hidden-tabs, .side-panel .hidden-ul, .side-panel .hidden-ul li {width: 100%;}

.side-panel .hidden-ul.visible {padding: 0; display: block;}

.side-panel .hidden-tabs {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; padding: 0 10px;}

.side-panel .hidden-tabs li {padding: 0 10px; font-size: 14px; 

-ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; 

    max-width: 100%; min-width: 100px; text-align: center;}

.side-panel .hidden-tabs li.current {background-color: #fff; padding: 0 10px;}



@media screen and (max-width: 1220px) {

.center {max-width:1110px;}

.header-in, .cont {padding-left: 10px; padding-right: 10px;}

.hd-menu {display: none;}

.header {/*position: relative;*/ margin-bottom: 20px;   }

.header-in {height: auto; /*padding-bottom: 10px;*/}

.search-box {width:100%; margin: 0; order:99; -webkit-order:99; flex:auto;}

.cont {padding-top: 90px;}

.footer {padding-left: 2000px;  }

.footer:before, #gotop, .th-inf, .th-mask, .short-item .th-ctrl {display: none !important;}

.btn-menu {display: block; width: 22px; height: 40px; line-height: 40px; text-align: center; 

font-size: 24px; cursor: pointer;  color: #21a4f7; border-radius: 4px;}

.main-sc p {text-align: left!important;}
.site-desc p, #serial-kratko, .full-text {text-align: left;}

}



@media screen and (max-width: 950px) {

.center {max-width:768px;}

.short-item {width: 30%;}

.video-item {width: 30%;}

.fcols {display: block;}

.fleft {margin: 0 auto; width: 100%; max-width: 360px; display: none;}

.sers {width: 50%;}

.fcols2 .fleft {margin: 0; max-width: 100%; display: block; text-align: center; margin-bottom: 20px;}

}


.subtitle a {display: block;
    text-transform: none;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 5px;} 
@media screen and (max-width: 760px) {
.flex-row {padding-bottom: 10px;}
.center {max-width:640px;}

.ctrl-btns, .login-btns {width:100%; text-align: center; margin: 0; order:98; -webkit-order:98;}

.lb-menu {text-align: left;}

.login-btns {margin-bottom: 5px;}



.fplayer .yx-share, .yx-share-title {display: none;}

.f-rate {display: none;}

.fright h1, .subtitle {padding-right: 0px; /*align-items: center;*/}
.subtitle {display: flex; flex-direction: column;}
.subtitle h2 {line-height: 1.5!important;}
.btn.btn-warning {margin-bottom:10px;    margin-top: 10px!important;}
    .subtitle a .fa {display:inline-block!important} 

    .ftitle .yx-share {display: block!important;
    float: none!important;
    margin-bottom: 10px;
    text-align: center;}
    
    .ftitle .yx-share .yx-share-title {display:none!important}
    
.finfo {padding-right: 0; min-height: 50px; }

.finfo li {padding:7px 0 7px 100px;}

.finfo li > span:first-child {width:80px;  margin-left:-100px; 

overflow: hidden;   white-space: nowrap;    -ms-text-overflow: ellipsis;

text-overflow: ellipsis;    }

.move-mob {width: 240px; margin: 0 auto 20px auto;}

.fcol-in {width: 100%; margin-bottom: 20px;}

.fcol-in:last-child {margin-bottom: 0;}

.comm-three li:not(:first-child) {display:none;}

.dcont button {font-size:12px; padding:0 15px !important;}

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

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

.comments-tree-list .comments-tree-list:before {display:none;}

.mass_comments_action {display:none;}

.sub-title h1 {font-size:24px; line-height:24px;}

}



@media screen and (max-width: 590px) {
.soc-m {
    padding: 10px 0!important;
    }
.center {max-width:480px;}

.footer {display: block; text-align: center;    }

.ft-menu li {margin: 10px 0px 0 0; display: block;}

.short-item {width: 48%;}

.video-item {width: 48%;}



.sers {width: 50%;}

.fusers {display: block;}

.yx-share {margin-top: 10px;}

.comm-one {overflow: hidden; height: 20px; line-height: 20px;}



.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}



.ac-soc {position:static;}

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

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

.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;}

    .sect-video2 {height: 190px;}
    
}



@media screen and (max-width: 470px) {
    .frels2 {margin-bottom: 20px;}
    .fcols4 {padding-bottom: 25px;}
    .subtitle {}

    .pages-bg {}
    .sect + .subtitle {margin-top: 10px;}

.center22 {max-width:320px;}

.sect-link {display: none;}

.owl-nav {margin-top: -50px;}

.short-item {width: 48%;}

.video-item {width: 100%;}

.sect-title, .fcols3 h1 {font-size: 24px;}

.btn-login, .login-btns a {font-size: 14px;}



.fposter2 {height: 180px;}

.sers {width: 100%;}

.full h1:before, .subtitle .fa, .comms-title > span {display: none;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}

}

.mediablock {
    align-items: center;
    /*display: flex;*/
    /*position: absolute;*/
    right: 0;
    top: 3px;
}
.mediablock a {
    color: #fff;
}
.one-s {
    background: rgba(0, 0, 0, 0) url(../images/play-icon.png) no-repeat scroll 0 51%;
    padding-left: 30px;
    width: 130px;
    margin-right: 15px;
}
.mediablock .rat-kp {
    display: inline-block;
    width: auto;
    font-size: 15px;
    color: #fff;
    background: url(../images/kp-icon.png) 0 51% no-repeat;
    padding: 0px 1.2% 0px 30px;
    margin-right: 10px;
    outline: none!important;
}
.mediablock .rat-imdb {
    display: inline-block;
    width: auto;
    font-size: 15px;
    color: #fff;
    background: url(../images/imdb-icon.png) 0 51% no-repeat;
    padding: 0px 1.2% 0px 47px;
    outline: none!important;
}
.fcol-in.fposter3 {
    width: 40%;
}

.fcol-in.fdescr {
    position: relative;
    width: 58%;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: column;
}
.sez-wr a {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}
.sez-wr > span {
    color: #21a4f7;
    margin-right: 5px;
}

.all-sez {
    position: relative;
}
.all-sez .yx-share {
    position: absolute;
    right: 0;
    top: 7px;
}
.fpanel {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
}
.fpanel > * {
    margin-right: 10px;
    margin-top: 5px;
}
.fpanel > *:last-child {
    margin-left: auto;
    margin-right: 0;
}
.fdescr .fa.fa-question-circle-o {
    cursor: pointer;
    position: relative;
}
.fdescr .fa.fa-question-circle-o div {
    font: 14px 'Montserrat', Arial, Helvetica, sans-serif;
    display: none;
    background: #ff661e;
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 5px 0;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 300px;
}
.fdescr .fa.fa-question-circle-o:hover div {
    display: block;
}
.fpage {position: relative;}
.fpage .yx-share {
    /*position: absolute;
    top: 0;
    right: 0;*/ float:right;
}
.pleft {left: -12px}
.pright {right: -12px}
.pleft, .pright {
    margin-top: -20px;
    position: absolute;
    top: 50%;
    z-index: 99;
    height: 40px;
    width: 40px;
}
.pleft a .fa, .pright a .fa {
    background-color: #000;
    border-radius: 50%;
    color: #ddd;
    display: block;
    font-size: 38px;
    height: 40px;
    
    margin-left: 10px;
    padding-left: 11px;
    position: absolute;
    width: 40px;
    z-index: 99;
    background-color: rgba(80,80,80,.8);
}
.pleft a .fa{left: -7px;}
.pright a .fa {
    padding-left: 15px;
    right: 3px;
}
.pleft .ser-p, .pright .ser-p {
    background-color: #21a4f7;
    border-radius: 40px;
    color: #fff;
    opacity: 0;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    margin-top: -2px;
    min-width: 200px;
    padding: 0 0 0 40px;
    position: absolute;
    text-align: center;
    transition: all .3s ease;
    z-index: 33;    
    visibility: hidden;
}

.pleft .ser-p {
    padding: 0 0 0 50px;
    text-align: left;
}
.pright .ser-p {
    padding: 0 50px 0 0;
    right: 0;
    text-align: right;
}
.pleft a:hover .fa, .pright a:hover .fa {
    color: #fff;
    background-color: #21a4f7;
}
.pleft a:hover .ser-p, .pright a:hover .ser-p {
    opacity: 1;
    visibility: visible;
}
#ftitle {
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    overflow: hidden;
}
.ser-eng-rus {
    width: 100%;
    /*position: relative;
    top: -6px;
    right: -40px;*/
}
.sers-wr {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.sers-wr .video-item {
    margin: 10px;
    width: calc(20% - 20px);
}
.sers-wr .video-item.active .th-mask {
    display: flex!important;
    opacity: .8;
    backdrop-filter: none;
}
.sers-wr .sect-video2 .video-item {
    width: calc(100% - 20px)!important;
}
.sez-sers-wr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.fposter2 img {
    min-height: inherit;
    border-radius: 4px;
}
.fx-f-row {
    display: flex;
    align-items: center;
}
.fx-f-row a {margin-left: 10px}
.spec-new a {
    display: block;
    margin: 4px 4px 0 0;
    margin-left: 0;
    font-size: 14px;
    white-space: nowrap;
}
.soc-m{padding: 5px 0;filter: grayscale(50%);}
.seo-desc {position: relative;}
.main-sc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.spec-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin: 10px 0 0px;
    width: 100%;
} 
.sect-slides .spec-ser {
    flex-wrap: wrap;
    padding-right: 10px;
}
.full-sect {
    height: auto;
}
.th-ctrl {
    position: absolute;
    top: 10px;
    right: 10px;
}
.th-ctrl-fav .fa, .th-ctrl a {color: #21a4f7;}
.th-ctrl a {border: 4px solid;}
.full-sect .owl-nav {display: none;}
.th-text #serial-kratko {margin-bottom: 50px;}
.th-text span[itemprop="name"] {
    display: block;
    margin-bottom: 10px;
}
#nav-load {text-align: center;}
#nav-load a {
    display: inline-flex;
    height: 40px;
    border-radius: 30px;
    background-color: #222;
    border: none;
    padding: 0 25px;
    text-align: center;
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    width: auto;
}

#nav-load a:hover {
    background-color: #393939;
    color: #fff;
}

#bottom-nav {
    width: 100%;
    /*margin-top: 20px;*/
}
.main-sc p {
    text-align: justify;
    /*line-height: 1.5;*/
    margin-top: 7px;
}
.unit-rating li a {
	transition: none;
}
.frate {
    display: flex;
    background: #222;
    padding: 0 15px;
    line-height: 40px;
    white-space: nowrap;
    border-radius: 4px;
    margin-top: 5px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    color: #fff;
}
@media screen and (min-width: 1220px) {
    .fdescr .fpanel {
        /*position: absolute;
        bottom: 0px;*/
        width: 100%;
        margin-top: auto;
    }
}
@media screen and (max-width: 1220px) {
    .btn-menu {order: -1;margin-left: 20px;}
    .ctrl-btns {order: 10;margin-right: 40px;}
    .search-box {order: 8; width: auto;}
    .spec-new {
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
    }
    .sect-video .owl-nav, .sect-wide .owl-nav, .sect-video .owl-nav {display:none;}
    .logo {margin-left: 20px;margin-right: 0px;}
    .hidden-menu {
        background-color: #111;
        color: #FFF;
    }
    .hidden-ul a {
        color: #FFF;
    }
    .hidden-ul a:hover {background-color: initial;}
    .sers-wr .video-item {width: calc(25% - 20px);}
}
@media screen and (max-width: 950px) {
    .mediablock {top: 20px}
    .fpage .yx-share{display: none;}
    .fcol-in.fposter3 {
        width: 40%;
    }
    .fcol-in.fdescr {
        position: relative;
        width: 58%;
    }
}
@media screen and (max-width: 760px) {
    .mediablock{}
    .fpanel{}
    .rating-box {}
    .sers-wr .video-item {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .sers-wr {margin: 0 -5px;}
    .sers-wr .sect-video2 .video-item {width: calc(100% - 10px)!important;}
    .ctrl-btns {width: auto;}
}

@media screen and (max-width: 590px) {
    .all-sez .yx-share, .fpage .yx-share, .sps {display: none;}
    .fcol-in.fposter3, .fcol-in.fdescr {width: 100%;}
    /*.search-box {text-align: center;}*/
    .logo {width: 160px;height: 40px}
    .sres-wrap {
        padding: 0 0 10px 0!important;
    }
    .fpanel {
        justify-content: space-between;
    }
    .fpanel > *:first-child, .add-comm-btn {width:100%; margin-right:0;}
    .fpanel > *:last-child {margin-left: initial;}
}

@media screen and (max-width: 470px) {
    .ctrl-btns {margin-right: 10px;}
    /*.header-in, .cont {
         padding-left: 0;
         padding-right: 0; 
    }*/
    .sect, .fdesc {
        margin-bottom: 20px;
    }
    .seo-desc {
        padding: 20px 2000px;
        margin: 0 -2000px 0px -2000px;
        padding-top: 0;
    }
    /*.site-desc {padding: 20px 2010px;}*/
    /*.sect-header  {
        padding: 0 10px;
    }*/
    .ser-eng-rus {
        position: relative;
        top: 0px;
        right: 0px;
    }
    .sect-title {
        font-size: 24px;
        /*overflow: hidden;*/
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
    }
    .sect-mob{
        padding-top: 20px
    }
}
@media screen and (max-width: 440px) {
    .spc {display: none;}
    .logo {width: 140px;height: 40px}
    .frate > div {width: 100%;}
}

.released {color: #f00}.released:after {content: "*"}

.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0px;left:0;right:0;height:120px;pointer-events:none;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #141414 100%);}
.slice-btn {margin:1px 0 10px 0;width: 100%;}
.slice-btn span {    display: block;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    background-color: #222;
    border-radius: 20px;}

.pgs-player-block {
    background-image: url(/zzzz.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 0 0 5px 5px;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    text-align: center;
    height: 450px;
    padding-top: 360px;
    font-size: 1.1em;
                      }

#dofullsearch {display:none !important;}

.flex-row {display: flex;}
.go-online {background: #64A9DC;}

.scriptcode, .title_spoiler, .text_spoiler {
    background-color: #222!important;
    border-radius: 20px;
    border: 0!important;
    padding: 3px 10px!important;
    line-height: 30px;
}

.title_spoiler {
	display: flex;
}

.ui-dialog {
    background-color: #222!important;
    border-radius: 4px!important;
}
.ui-dialog-titlebar {
    border: 0!important;
}
.ui-dialog-title {
    font-weight: 600;
}
.ui-dialog .ui-dialog-buttonpane {
    background: none!important;
    border: 0!important;
    padding-bottom: 20px!important;
}
.ui-dialog .ui-dialog-buttonset button {
	padding: 0 30px!important;
}
textarea.ui-corner-all {
    padding: 10px 15px!important;
}

.quote {
    margin: 15px 0 10px 0!important;
    color: #e6e6e6!important;;
    background-color: #222222!important;;
    border-radius: 4px;
    font-style: normal!important;;
}

.fposter4 {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}