.wrapper {
    min-width: 320px;
    position: relative;
    overflow: hidden
}

.container {
    position: relative;
    padding: 0 80px
}

.header {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient( 0deg,rgba(17,17,19,0),rgba(17,17,19,.6));
    padding:0 80px;
}

.header_full {
    position: relative;
    background-image: none
}


#trailer-place {display: none;}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:500px;}
.player-box {background-color:#232529;width: calc(100% - 300px - 2rem); max-height: 500px;}
.player-box-season {background-color:#232529;width: calc(100% - 300px - 2rem); overflow-x: hidden; overflow-y: auto; max-height: 500px;}
.player-box  img {width:100%; height:500px;}

.player-box-episode {background-color:#232529;width: 100%; max-height: 500px;}
.player-box-episode  img {width:100%; height:500px;}
.episode-nav {background-color: #232529;width: calc(100% - 300px - 2rem);}

.player-options {width: 300px; padding: 2rem; border-radius: 3px; background: #232529; overflow-x: hidden; overflow-y: auto; max-height:500px;}
.player-options .title-s {font-size: 18px; font-weight: 400; margin-bottom: 2rem;text-align: center;}
.player-options .subtitle-s {text-align: center;font-size: 12px;color: var(--main-color);}

.player-options-e {width: 300px; padding: 2rem; border-radius: 3px; background: #232529; overflow-x: hidden; overflow-y: auto; max-height:560px;}
.player-options-e .title-s {font-size: 18px; font-weight: 400; margin-bottom: 2rem;text-align: center;}
.player-options-e .subtitle-s {text-align: center;font-size: 12px;color: var(--main-color);}

.insideIframe {height:500px; width:100%;background-repeat: no-repeat; background-size: cover; background-position: center;}

.in_image {height: 100%; width: 100%; background: rgba(0,0,0,.2) linear-gradient(to top right,rgba(72,165,218,.2),#000); position: relative;}
#click_me {z-index: 1;border-radius: 50%;transform: translateX(-50%) translateY(-50%);box-shadow: 0 0 31px 0 var(--main-color);cursor: pointer!important;background: #fff;animation: jump_jump 1s ease infinite alternate;height: 90px;width: 90px;position: absolute;top: 50%;left: 50%;}
#click_me_ser {z-index: 1; border-radius: 33%; transform: translateX(-50%) translateY(-50%); cursor: pointer!important;background: #6c5ce7;;animation: jump_jump 1s ease infinite alternate; height: 90px; width: 90px; position: absolute; top: 50%; left: 50%;}
.in_image span {text-align: center;line-height: 91px; font-size: 80px;color: var(--main-color);}

.no-trailer {text-align: center; padding: 20px; background: #232529;}
.pagi-load {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row;}
.pagi-load a {display: inline-block;cursor: pointer;text-align: center;height: 40px;line-height: 40px;background: var(--main-color);color: #fff;font-size: 1.4rem;font-weight: 600;border-radius: 6px;padding: 0 60px;margin-bottom: 30px;margin-top: 10px;}
.main-color {color: var(--main-color);}

.embed-col .embed-captcha {
    height: 500px;
}
.embed-col {
    position: relative;
    height: 500px;
    background-color: #232529;
    width: calc(100% - 300px - 2rem);
    max-height: 500px;
}

.embed-col-ep {
    width: 100% !important;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
}

.embed-captcha {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: absolute;
    z-index: 2;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/*ADS
----------------------------------------------- */

#playerOver {position: absolute; z-index: 99; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
#playerOverClose.bottomleft {bottom: -6px;left: -6px;}
#playerOverClose {position: absolute;cursor: pointer; bottom: -10px; right: -10px; background-color: #232529;border-radius: 50%;color: #fff; font-size: 14px; padding:2px;}


.c-lefermeur .f-inner {
    width: 300px;
    height: 250px;
}
.salidor_b {
    position: relative;
    width: 300px!important;
    height: 250px!important;
    padding: 0!important;
    border: none!important;
    background: 0 0;
    margin: auto;
    clear: both;
}
.salidor_inner {
    width: 300px;
    height: 250px;
    border: 0;
    background-color: #232529;
    border-radius: 8px;
}

.salidor_register_i {
    font-family: Times New Roman!important;
    font-size: 60px!important;
    font-weight: 700!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 20px!important;
    padding-right: 10px!important;
    color: #ff542e!important;
    text-align: left!important;
    position: absolute!important;
    top: 0;
    left: 0;
    line-height: 60px;
}

.salidor_register_msg {
    font-family: Arial!important;
    font-size: 14px!important;
    font-weight: 700!important;
    margin-top: 0!important;
    margin-left: 50px!important;
    color: #fff!important;
    padding-top: 20px!important;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    text-align: left!important;
    opacity: .8;
}

.salidor_register_msg2 {
    font-family: Arial!important;
    font-size: 12px!important;
    font-weight: 400!important;
    margin-top: 5px!important;
    margin-left: 50px!important;
    color: #fff!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    text-align: left!important;
    line-height: 16px!important;
    opacity: .8;
}

.salidor_register_contbutton {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 300px;
    text-align: center!important;
}

.season-row .w3-search, .season-row .w3-search:hover, .player-main a.w3-search, .player-main a.w3-search:hover {
    background: #4875b7;    font-weight: 700;
}

.salidor_register_contbutton {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 300px;
    text-align: center!important;
}
a.w3-search {
    color: #fff;
    display: inline-block;
    padding: .5em 1em;
    background: var(--main-color);        font-size: 15px;
    text-align: center;
    margin-top: 1em;
    text-decoration: none;
    font-weight: 300;
    outline: none;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}

.player-main a.w3-search {
    margin-top: .3em;
}

a.w3-search, a.w3-search:hover {
    background: var(--main-color);
    font-weight: 700;
} 

#pub {
    /*position: absolute;*/
    top: 50%;
    left: 50%;
}


/* BUTTONS
----------------------------------------------- */
.g-buttons {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.myButton {
    color: #fff!important;
    box-shadow: inset 0px 1px 0px 0px #242227;
    background-color: var(--main-color);
    border-radius: 6px;
    display: inline-block;
    cursor: pointer;
    font-family: Arial;
    font-size: 25px;
    font-weight: bold;
    padding: 13px 50px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4875b7;
    text-align: center;
    margin: 5px;
}

a.myButton:hover {
    background: var(--main-color-hover);
}
.myButton:active {
    position:relative;
    top:1px;
}

/*PLAYER-LISTS
----------------------------------------------- */
.liens {background-color:#FFF; }
.liens-t {background-color:#64a536; background: linear-gradient(to bottom,#92b878 0,#67b72d 100%); 
padding:10px; font-size:12px; color:#e1e1e1;}
.lien {padding: 0 10px;height: 36px; line-height: 35px; align-items: center;opacity: .8;}
.lien:hover {color: #297fd7;}

.lien.active {color: #297fd7;}
.lien-left {height:35px; overflow:hidden; width:60%;}
.lien-right {height:35px; overflow:hidden; width:40%;}
.lien-num {float:left; width: 55px;}
.lien-left img {margin:11px 3px 0 10px; float:left; width:100px; height:13px;}
.lien-left b {font-weight:700;}
.lien-left span {height:22px; float:left; margin:6px 3px 0 0;}
.pl-1 {width:20px;}
.pl-1, .pl-2 {float:left;}
.pl-3,.pl-4, .pl-5 {float:right;}
.pl-2, .pl-3, .pl-4, .pl-5 {margin-left:10px;}
.pl-3 {font-size: 12px;}
.pl-5 {padding: 0px 10px; background: #297fd7; border-radius: 4px;font-weight: 500;line-height: 25px; margin-top: 4px; color: #ccc;}
.pl-4 img {height:20px; position:relative; top:3px;}
.serv {font-weight:600; text-transform: capitalize;}

.player-list {margin: 0 -2rem -2rem -2rem;}
.player-list li.current > a {color: #297fd7;}
.player-list li.current {color: #297fd7;}
.player-list li > div{cursor: pointer;}  
.player-list li > div:after {content: ""; display: table; clear: both;}

.tabs-seasons {padding: 20px; background: #232529; border-radius: 0 6px 6px 6px;}

i.server{background:url(../images/players_1.webp) no-repeat; border-radius:10px; margin-right:10px; display:inline-block; vertical-align:middle;}
i.server.player-allocine{width:20px;height:20px;background-position:0 -20px}
i.server.player-netu{width:20px;height:20px;background-position:0 -160px}
i.server.player-ok-ru, i.server.player-okru{width:20px;height:20px;background-position:0 -200px}
i.server.player-ok.ru{width:20px;height:20px;background-position:0 -220px}
i.server.player-t_l_charger-sur-uptobox{width:20px;height:20px;background-position:0 -280px}
i.server.player-uptobox{width:20px;height:20px;background-position:0 -320px}
i.server.player-uptostream{width:20px;height:20px;background-position:0 -340px}
i.server.player-vshare{width:20px;height:20px;background-position:0 -440px}
i.server.player-vidoza{width:20px;height:20px;background-position: 0 -600px;}
i.server.player-vidlox{width:20px;height:20px;background-position:-91px -3px}
i.server.player-uqload{width:20px;height:20px; background: url(../images/uqload_ico.webp) no-repeat;}
i.server.player-younetu{width:20px;height:20px; background: url(../images/younetu_ico_6.webp) no-repeat;}
i.server.player-youtube{width:20px;height:20px; background: url(../images/youtube_ico_2.png) no-repeat; margin-bottom: 6px;}
i.server.player-upvid{width:20px;height:20px; background: url(../images/upvid_ico.png) no-repeat;}
i.server.player-mixdrop{width:20px;height:20px; background: url(../images/mixdrop_ico.png) no-repeat;}
i.server.player-fembed{width:20px;height:20px; background: url(../images/fembed_ico.webp) no-repeat;}
i.server.player-vshare{width:20px;height:20px; background: url(../images/vshare_ico.png) no-repeat;}
i.server.player-vidlox{width:20px;height:20px; background: url(../images/vidlox_ico.png) no-repeat;}
i.server.player-doodstream{width:20px;height:20px; background: url(../images/doodstream_ico.webp) no-repeat;}
i.server.player-streamtape{width:20px;height:20px; background: url(../images/streamtape.png) no-repeat;}
i.server.player-filemoon{width:20px;height:20px; background: url(../images/filemoon.png) no-repeat;}
i.server.player-streamhub{width:20px;height:20px; background: url(../images/streamhub.png) no-repeat;}
i.server.player-voe{width:20px;height:20px; background: url(../images/voe.png) no-repeat;}

i.server-2{background:url(../images/players_2.png) no-repeat; border-radius:10px; margin-right:10px; display:inline-block; vertical-align:middle;}
i.server-2.player-streamango{width:20px;height:20px;background-position: 0 -40px;}
.undervideo {padding: 10px;}
.saisontab {margin: 10px 10px 10px 50px;}

.th-vf:before, .th-vostfr:before, .th-vo:before {content:""; width:65px; height:65px; position:absolute; left:0; top:0; z-index:20; 
background:url(../images/vf.webp) left top no-repeat;}
.th-vostfr:before {background:url(../images/vostfr.webp) left top no-repeat;}
.th-vo:before {background:url(../images/vo.png) left top no-repeat;}
.th-trad {width:22px; height:15px; display:inline-block; float:right; margin: 9px 3px 0 0;}
.th-vostfr_s {background:url(../images/vostfr_sss.png) no-repeat;}
.th-vf_s {background:url(../images/vf_sss.png) no-repeat;}
.th-vo_s {background:url(../images/vo_sss.png) no-repeat;}
.th-bd_s {background:url(../images/bd_ssss.png) no-repeat;}
.version-name {padding: 1rem 2rem; background: #191a1d; border-left: 1px solid #232529; border-right: 1px solid #232529;}
.season-name {padding: 1rem 2rem; background: #191a1d; border-left: 1px solid #232529; border-right: 1px solid #232529; text-align:center;border-bottom: 1px solid #232529;}
.season-name.active {color: var(--main-color); border-bottom: 2px solid var(--main-color);}
.season-name:hover {color: var(--main-color);}
.marg-bottom {margin-bottom:15px;}
#seasons-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: center;
}

.seasontab {
    background: #232529;
    border-radius: 0 6px 6px 6px;
    padding: 10px 10px 26px 10px;
}

.episodestab {
    background: #232529;
    border-radius: 0 6px 6px 6px;
    padding: 40px 20px;
}

.keywords-space {
    margin-bottom: 15px;
    background-color: var(--medium-color);
    padding: 20px;
    margin-top: 15px;
    border-radius: 6px;
    display: block;}

.th-item {float: left; width: 15%; padding: 0 8px; margin-top: 16px; position: relative;}
.th-in {display: block; position: relative; background-color: #191a1d; border-radius: 5px;}
.th-img {transition: box-shadow .2s linear;}
.th-desc {padding: 10px; padding-top: 0; height: 50px;}
.th-desc1 {text-align: center; padding: 10px;color: #fff;}
.th-title {font-size: 15px; font-weight: 600;}
.th-cat {margin-top: 5px; font-size: 12px; color: #939393;}

.th-in:hover {background-color: #35383e;transition: .2s;}
.th-in:hover .th-desc1 {color: var(--main-color);text-decoration: none;}

.img-box, .img-wide, .img-square, .img-resp, .img-resp-vert, .img-resp-sq, .img-fit 
{overflow: hidden; position: relative; background-color: #222;}
.img-resp {padding-top: 60%;}
.img-resp-vert {padding-top: 120%; border-radius: 5px 5px 0 0;}
.img-resp-sq {padding-top: 100%;}
.img-box img, .img-square img, .img-resp img, .img-resp-vert img, .img-resp-sq img {width: 100%; min-height: 100%; display: block;}
.img-resp img, .img-resp-vert img, .img-resp-sq img {position: absolute; left: 0; top: 0;object-fit: cover;}
.img-wide img {width: 100%; display: block;}
.img-fit img {width: 100%; height: 100%; object-fit: cover;}
.nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fsa-ep {
    color: #fff;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    padding: 10px;
    background: #191a1d;
    font-weight: 500;
    width: 110px;
    border-radius: 5px;}
.fsa-ep:hover {background: var(--main-color);}
.fsa-ep-s {position:relative;display:block;border-radius:6px;cursor:pointer;font-size:13pt;text-shadow:0 1px 1px #000; float:left; width:100%; color: #fff;padding: 0 7px 0 7px; margin-bottom: 15px;}
.fsa-ep-s .name {text-align:center;position:relative;display:block;float:left;background-color:#222222;line-height:40px;width:100%;border-radius:10px;}
.fsa-ep-s .name:hover {background-color:#920010;}

@keyframes upup {0%{box-shadow:0 0 0 0 #2196f3}100%{box-shadow:0 0 2px 0 #2196f3}}

.all-episodes {
    padding: 10px;
    text-align: center;
}

.flex-item-1 > * {
    text-align: center;
    flex: 1 1 0;
    max-width: 100%;
    min-width: auto;
    white-space: nowrap;
    position: relative;
    width: 100%;
    margin-bottom: 3px;
}

.flex-item-2 > * {
    text-align: center;
    flex: 1 1 0;
    max-width: 100%;
    min-width: auto;
    white-space: nowrap;
    position: relative;
    width: 100%;
    margin-bottom: 3px;
}

.flex-item-1 {
    width: 45%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.flex-item-2 {
    width: 45%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.all-seasons-episodes {
    align-items: flex-start;
    margin-top: 20px;
}

.side-seas {
    height: 36px;
    line-height: 36px;
    background-color: var(--medium-color);
    display:block;
}

.side-seas.active {
    box-shadow: 0 0 5px 0 var(--main-color);
    animation: upup 1s ease infinite alternate;
}

.side-seas-over.active {
    color: var(--main-color);
}

.side-seas-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 110px;
}

.side-seas-over_2.active {
    color: var(--main-color);
}

.side-seas:hover {
    color: var(--main-color);
}

/*Navigation episodes */

.full-ser-ctrl {background: #232529; padding: 10px; border-radius: 6px; width: 100%; gap: 10px;}
.full-ser-ctrl-bis {background: #1e2842; padding: 10px; margin: 20px 0 0 0; line-height: 17px;}
.full-ser-ctrl form {display: contents;}
select.nav-episode-select {display: none;}
.nav-episode-select.open {display: inline-block; border: 1px solid #000; color: #fff;border-radius: 2px;text-align: center;cursor: pointer; min-width: 130px;}
.full-ser-ctrl button[type="submit"] {border: 1px solid #000;background:#141a2c; border-width: 0px; padding: 0 20px;display: inline-block;border-radius: 2px!important;text-align: center;cursor: pointer; vertical-align: middle;}
.full-ser-ctrl button[type="submit"]:hover {background:#33436e;}
.full-ser-ctrl select#nav-season-select, .full-ser-ctrl select#nav-episode-select, .ctrl-prev, .ctrl-net {border: 1px solid #000; color:#fff; border-radius: 2px; text-align:center; cursor:pointer; min-width: 130px;}
.full-ser-ctrl option {background:#191a1d; color:#fff; padding:6px;}
.full-ser-ctrl select {width:22%; margin-right: 10px;}
.icon-left span.fa {margin-right:10px;width: 10px;}
.icon-right span.fa {margin-left:10px;}
.full-ser-ctrl .no-active {display: none; margin:0; background: #393d44; color:#fff; pointer-events:none; border:0; cursor:not-allowed; border: 1px solid #000;}
.yes-active {background-color: #2196f3; color:#fff;}

.full-ser-ctrl>* {text-align: center;flex: 1 1 0;max-width: 100%;min-width: auto;white-space: nowrap;position: relative;}
.full-ser-ctrl-bis .tagstitle {
    color: #8bc34a;
    font-weight: bold;
}

.ctrl-prev, .ctrl-net {padding: 0px 15px; height: 40px; line-height: 40px; vertical-align: middle;}
.ctrl-prev.yes-active:hover {background-color: var(--main-color-hover);}
.ctrl-net.yes-active:hover {background-color: var(--main-color-hover);}
.full-ser-keywords {background-color: #f6f6f6; padding: 10px;margin: 10px 0;}
.tagstitle {font-weight: bold;}
.flex-item-1 .section__title {text-transform:none!important;margin-bottom:10px;}
.flex-item-2 .section__title {text-transform:none!important;margin-bottom:10px;}

/*Main table seasons and episodes---------------------------------------- */

#Menu-icon {float: left;margin-right: 2px; color:#6c5ce7;}
#Maticon_star {color: #ffd700;margin-right: 5px;width: 10px;vertical-align: middle;padding-bottom: 2px;}
#Maticon {float: left;font-size: 30px;padding: 11px 0 10px 10px;color: #fff;margin-right: 10px;margin-top: -14px;line-height: 26px;margin-left: -18px;background: -webkit-linear-gradient(#2196f3,#2196f3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.material-icons-star {font-family: 'Material Icons';font-weight: 700;font-style: normal;font-size: 16px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;}

.section-main {margin-top:110px;}
.sect {background: var(--medium-color);border-radius: 6px;}
.sect + .sect {margin-top:5px;}
.sect-t {background: #232f3a;border-radius: 13px;overflow: hidden;}
.sect-t span {font-weight:700;}
.floats {margin:0 -5px;}
.sect-ser {margin-bottom:15px;}
.sect-ser .sect-t {margin-bottom:0;}
.col-ser {width: 50%;float: left;padding: 5px;}
.col-ser-capt {line-height: 22px;padding: 23px;font-weight: 700;font-size: 20px;color: #fff;position: relative;margin-bottom: 8px;}

.line-item {line-height: 25px;padding: 4px 2px 4px 15px;position: relative;background: #191a1d;margin: 4px;border-radius: 6px;color: #fff;transition: all .1s ease-in;-webkit-transition: all .1s ease-in;-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;-ms-transition: all .1s ease-in;}
.line-item:hover {background-color:#393c43;}
.col-ser-capt + .line-item {border:0;}
.l-right {height:22px; margin-top:1px; margin-right: 5px;}
.l-left {width:calc(100% - 90px); width:-webkit-calc(100% - 90px); display:block; width:80%;}
.l-left span {font-weight:700; text-transform:uppercase;}
.l-left span span {color: var(--main-color);}
.l-right span {height:22px; width:21px; display:inline-block; vertical-align:middle;}

.l-right .younetu {background: url(../images/younetu_ico_6.webp) no-repeat;}
.VFL {background: url(../images/vf_table.png) no-repeat;}
.VOSTFRL {background: url(../images/vostfr_table.png) no-repeat;}

.col-ser-capt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 6px;
    height: 4px;
    background: linear-gradient(90deg,#2196f3,#2196f3ad);
    width: 33%;
}

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

.fs-20 {
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-left: 16px;
    color: #cbcbcb;
    display: inline-block;
    position: relative;
}

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

.h1-main {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 1px #ffffff;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
}

.section-h1 {
    padding-top: 0!important;
}

.h3-full {
    font-size:16px;
    font-style: italic;
}

/*Speedbar---------------------------------------- */

#dle-speedbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.speedbar-link i, #dle-speedbar, .speedbar a:hover {
    color: var(--main-color);
}

.speedbar {
    background-color: var(--medium-color);
    padding: 10px;
    position: relative;
    z-index: 10;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 6px;
    
}

.speedbar a {
    color: #FFF;
    text-decoration: none;
    position: relative;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.625rem 0 0.3125rem;
    text-align: center;
}

.speedbar a:first-of-type {
    padding-left: 0.9375rem;
    -moz-border-radius: 0.25rem 0 0 0.25rem;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem 0 0 0.25rem;
}

.speedbar-inner {
    overflow: hidden;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.about,.section--last {
    padding: 30px 1000px;
    margin: 0 -1000px;
}

.footer {
    padding: 30px 0;
}

.about {
    background: #fff url(../images/bg2.jpg) center center/100vw auto no-repeat;
    box-shadow: inset 0 500px rgba(0,0,0,.7),0 4px 24px rgba(0,0,0,.05);
    color: #fff
}

.content {
    padding: 20px 0;
    min-height: 100vh
}

.footer {
    background: #111113d9;
    line-height: 2.6;
    margin-top: 60px;
}

.pages-bg {
    padding: 0 80px;
    margin: 0 auto
}

.logo {
    font-weight: 900;
    font-size: 3.4rem;
    line-height: 42px;
    text-transform: uppercase;
    position: relative;
    background: url(../images/logo.png) 0 center/100px no-repeat;
    padding-left: 50px
}

.logo span {
    display: inline-block;
    background-color: #2ed573;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    padding: 3px 6px;
    position: absolute;
    left: 50px;
    top: -20px;
    text-transform: none;
    font-weight: 400
}

.header__logo:hover {
    color: #000
}

.header__logo {
    width: 70px;
    z-index: 5;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-right: 50px
}

.header__logo img {
    width: 50px;
    height: 100%;
    margin-right: 10px;
    margin-top: -5px
}

.header__logo span {
    font-size: 35px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 0
}


.header__menu>li {
    margin-left: 40px;
    position: relative
}

.header__menu>li>a {
    height: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-transform:uppercase;
}

.header__menu-hidden {
    background-color: #2b2e33;
    box-shadow: 0 20px 20px rgba(0,0,0,.6);
    position: absolute;
    left: -200px;
    top: 100%;
    padding: 20px;
    z-index: 50;
    width: 700px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    column-width: 100px;
    column-gap: 20px;
    border-radius: 8px
}

.header__menu-hidden-item {
    color: #fff;
    padding: 0.4375rem 0;
    margin-right: 10px !important;
}

.header__menu-left .header__menu-hidden-item {
    width: 33px;
}

.header__menu-hidden a:hover {
    color: var(--main-color);
}

.header__menu>li:hover>a {
    color: #fff
}

.header__menu>li:hover>a:before {
    bottom: 20px;
    opacity: 1
}

.header__menu>li:hover .header__menu-hidden {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px)
}

.header__menu-left {
    width: 254px;
}

.header__menu-right {
    column-width: 150px;
}

.menu-col--title-1 {
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom:30px;
}

.menu-col--title-2 {
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-color);
}

.submenu>a:after {
    content: "\e904";
    font-weight: 300;
    font-family: "icomoon";
    margin-left: 7px;
    transition: all .2s;
    display: inline-block;
    font-size: .8em
}

li.submenu:hover>a:after {
    transform: rotate(90deg)!important
}

.header__register-link {
    margin-right: 20px;
    color: #e2e2e2;
    border-bottom: 1px dotted #e2e2e2
}

.header__register-link:hover {
    margin-right: 20px;
    color: #fff
}

.su pp {
    position: absolute;
    left: 0;
    top: -24px;
    white-space: nowrap;
    font-size: 1.2rem;
    line-height: 1.3;
    color: #999
}

.supp span {
    text-decoration: underline;
    color: #3742fa
}

.footer__container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}


.footer__left {
    margin-right: 80px
}

.footer__logo {
    margin-left: 40px
}

.footer__menu a {
    margin-right: 20px;
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
    color: #fff
}

.footer__copyright {
    opacity: .8;
    margin-top: 20px;
    font-size: 1.2rem
}

.section {
    margin-top: 50px
}

.section--last {
    margin-bottom: -40px
}

.section__column {
    width: calc((100% - 40px)/2)
}

.section__column--third {
    width: 33.33%;
    margin-left: 40px
}

.section__title {
    font-weight: 700;
    font-size: 2.8rem;
    display: inline-block;
}

.section-movie .section__title {
    text-transform: uppercase;
}

.section-movie-v2 .section__title {
    text-transform: uppercase;
}

.section__fulltitle {
    font-weight: 700;
    font-size: 2.8rem;
    display: inline-block;
    line-height: 40px;
    margin-bottom: 35px
}

.section__arrow {
    height: 20px;
    width: 8px;
    margin-left: 8px;
    top: 3px;
    background-image: url(data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIHZpZXdCb3g9Jy0xMCAwIDM5NSAxMDAxJz48ZyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDEwMDEpJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMCA1MmwyODIgNDQ5bC0yODIgNDQ4bDc2IDUybDI4NyAtNDU3cTEyIC0yMCAxMiAtNDMuNXQtMTIgLTQzLjVsLTI4NyAtNDU3eicvPjwvZz48L3N2Zz4=);
    display: inline-block;
    position: relative
}

.plot-section {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    border-radius: 6px;
    display: inline-block;
    padding: 8px 15px;
    margin-left: 15px;
    background: var(--medium-color)
}

.plot-section i {
    color: #ff542e;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    margin-right: 8px
}

.section__items {
    margin: 0 -5px -10px
}

.slider-button-next,.slider-button-prev {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    position: absolute;
    top: 15px;
    height: 100%;
    width: 100px;
    cursor: pointer;
    opacity: .9;
    z-index: 20
}

.slider-button-prev {
    left: 0;
    transform: rotate( 180deg )
}

.slider-button-next {
    right: 0
}

.sect__link {
    display: flex;
    align-items: center;
}
.catnew {
    padding: 4px 10px;
    border-radius: 5px;
    background: var(--light-color);
    margin-inline: 5px;
}

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

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

.section-movie,.section-movie-v2 {
    overflow: visible;
    padding-top: 30px;
    padding: 0 80px;
}

.section-movie:before,.section-movie-v2:before {
    pointer-events: none;
    right: -10px;
    background-image: linear-gradient( 90deg,rgba(25,26,29,0),#191a1d);
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 100%;
    top: 50px;
    z-index: 6
}

.section-movie:after,.section-movie-v2:after {
    pointer-events: none;
    left: -10px;
    background-image: linear-gradient( 270deg,rgba(25,26,29,0),#191a1d);
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 100%;
    top: 50px;
    z-index: 6
}

.section-movie-v2 .movie-img {
    padding-top: 56%
}

.related-movie {
    overflow: visible
}

.related-movie:before {
    pointer-events: none;
    right: -80px;
    background-image: linear-gradient( 90deg,rgba(25,26,29,0),#191a1d);
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 300px;
    top: 0;
    z-index: 6
}

.related-movie:after {
    pointer-events: none;
    left: -80px;
    background-image: linear-gradient( 270deg,rgba(25,26,29,0),#191a1d);
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 300px;
    top: 0;
    z-index: 6
}

.nbl-moreTile {
    position: relative;
    border-radius: 8px;
    height: 225px;
    display: block;
    text-align: center;
    background-color: #2e1b1b
}

.nbl-moreTile .nbl-moreTile__caption {
    font-size: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 12px;
    line-height: 20px;
    font-weight: 500
}

.movie-item {
    position: relative;
    margin: 0 20px 0 0;
    z-index: 5;
    display:block;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.movie-img-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(35 37 41/89%);
    border-radius: 6px
}

.movie-item:hover .movie-img {
    -webkit-transform: scale(1.04) translateY(0);
    -o-transform: scale(1.04) translateY(0);
    transform: scale(1.04) translateY(0);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.show-desc {
    display: none
}

.movie-img:hover .show-desc {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 12px;
    color: #e2e2e2;
    cursor: pointer;
    border-radius: 3px;
    padding: 5px 9px;
    font-size: 18px;
    display: block
}

.vion-rec {
    left: -4px;
    top: 28px;
    display: inline-block;
    height: 20px;
    padding: 2px 8px;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    z-index: 6
}

.vion-rec_green {
    background-color: #01c03a;
    box-shadow: 0 1px 12px rgb(1 192 58/50%)
}

.vion-badge {
    left: -4px;
    top: 4px;
    display: inline-block;
    height: 20px;
    padding: 2px 8px;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    z-index: 6
}

.vion-badge_collection {
    background-color: #a869f0;
    box-shadow: 0 4px 12px rgba(168,105,240,.4)
}

.vion-badge_exclusive {
    background-color: #ea0000;
    box-shadow: 0 1px 12px rgb(234 0 0/40%)
}

.vion-badge_soon {
    background-color: #2196f3;
    box-shadow: 0 1px 12px rgb(33 150 243/50%)
}

.vion-badge_prior {
    background-color: #ff542e;
    box-shadow: 0 1px 12px rgba(255,84,46,.4)
}

.vion-badge_text {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.movie_short-ageBadge {
    height: 20px;
    position: absolute;
    left: 8px;
    top: 8px;
    background: #1f2125;
    opacity: .9;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
    font-size: 11px;
    padding: 4px 6px;
    line-height: 15px;
    text-align: center;
    display: block;
    margin-right: 10px;
    z-index: 1;
}

.movie_short-quality {
    height: 17px;
    position: absolute;
    right: 0;
    bottom: 8px;
    background: #fff;
    opacity: 1;
    color: #000;
    border-radius: 3px;
    font-weight: 600;
    font-size: 11px;
    padding: 4px 3px;
    line-height: 10px;
    text-align: center;
    display: block;
    margin-right: 10px;
    z-index: 1;
}

.movie_short-rating {
    width: 36px;
    height: 15px;
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    background-color: #01c03a;
    color: #fff;
    position: absolute;
    margin-top: 2px;
    left: 8px;
    bottom: 8px;
    z-index: 1
}

.movie_short-rating.low {
    background-color: #e13535
}

.movie_short-rating.middle {
    background-color: #ff6702
}

.rating .masha_index {display:none;}

.movie_short-series {
    text-align: center;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    background-color: #b3c001;
    color: #fff;
    position: absolute;
    margin-top: 2px;
    padding: 2px;
    left: 8px;
    bottom: 30px;
    z-index: 1
}

.movie-detalis img {
    position: absolute;
    object-fit: cover
}

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

.movie-img {
    overflow: hidden;
    position: relative;
    padding-top: 150%;
    border-radius: 6px;
    background-color: rgb(255 255 255/7%);
    overflow: visible;
    -webkit-transform: scale(1) translateY(2%);
    -o-transform: scale(1) translateY(2%);
    transform: scale(1) translateY(2%)
}

.movie-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px;
}

.movie-img:hover,movie-img1:hover {
    -webkit-transform: scale(1.04) translateY(0);
    -o-transform: scale(1.04) translateY(0);
    transform: scale(1.04) translateY(0)
}

.movie-img:focus,movie-img1:hover {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.movie-img:active,movie-img1:hover {
    -webkit-transform: translateY(-10px) scale(.9);
    transform: translateY(-10px) scale(.9)
}

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

.movie-img1 {
    height: 225px;
    transition: transform .25s ease-in-out;
    border-radius: 4px;
    background-color: rgb(255 255 255/7%)
}

.movie-title {
    display: block;
    margin: 16px 0 1px;
    color: #eeecf9;
    overflow: hidden;
    font-size: 2rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.movie-tags a,.movie-tags {
    color: #8f82c6;
    font-size: 12px;
    line-height: 1.8rem;
    letter-spacing: -.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ratingbar {
    display: none;
}

.poster__properties {
    display: none;
    z-index: 3
}

.movie-img:hover .poster__properties {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 1;
    color: #e5e1fc;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    font-style: normal
}

.movie-img:hover .movie_short-rating,.movie-img:hover .movie_short-series,.movie-img:hover .movie_short-ageBadge {
    display: none
}

.poster__propertiesRow {
    margin-top: 4px
}

.ratingBlock_extraPosition_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ratingBlock_extraPosition_bottom,.ratingBlock_extraPosition_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ratingBlock__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.ratingBlock__valueInteger {
    font-size: 20px;
    line-height: 24px;
    font-weight: 900;
    font-style: normal
}

.ratingBlock__valueFraction {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal
}

.poster__propertiesRow {
    margin-top: 4px
}

.poster__barChart {
    width: 100%;
    max-width: 104px
}

.barChart__name {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #968acf;
    margin-bottom: 4px
}

.poster__barChart .barChart__name {
    color: #e5e1fc
}

.barChart__graph,.barChart__graphProgress {
    height: 4px;
    border-radius: 2px
}

.barChart__graph {
    background-color: rgb(128 128 128/32%)
}

.barChart__graphProgress {
    background-color: #2196f3
}

.poster__propertiesInfo {
    margin-top: 12px
}

.poster__propertiesInfo .poster__propertiesRow {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline
}

.navigation {
    text-align: center
}

.navigation a,.navigation span,.pnext a,.pprev a,.pprev>span,.pnext>span {
    display: inline-block;
    padding: 0 10px;
    margin: 0 3px 10px;
    line-height: 40px;
    min-width: 40px;
    background-color: var(--medium-color);
    border-radius: 6px
}

.navigation span:not(.nav_ext) {
    background-color: var(--main-color)
}

.pagi-nav a:hover {
    background-color: var(--two-medium-color)
}

.news-item__img {
    height: 160px;
    margin-bottom: 20px;
    border-radius: 16px
}

.news-item__title {
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 1px;
    color: #fff;
    padding-bottom: 2px
}

.news-item__title span {
    border-bottom: 1px dotted #444
}

.news-item__text {
    color: #999;
    font-size: 1.2rem;
    line-height: 1.6;
    margin-top: 15px
}

.news-item__btn {
    float: right;
    margin-top: 20px
}

.section-pod .section__title {
    margin-bottom: 20px
}

.movie-poster__shadow {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .4;
    pointer-events: none;
    height: 80px;
    width: 100%
}

.movie-poster__shadow img {
    filter: `(40px);
    border-radius: 8px;
    width: 100%;
    height: 100%
}

.xion-fullhead {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
    margin-top: 20px;
}

.xion-fullhead-bottom {
    margin-bottom: 20px;
}

.xion-fullhead-0 {
    margin-top: 0px;
}

.xion-fullhead_flex {
    display: flex
}

.xion-fullhead_flex.tab {
    justify-content: space-between
}

.xion-fullhead_title {
    font-weight: 600;
    font-size: 29px;
    line-height: 32px
}

.xion-fullhead_title-s {
    font-weight: 600;
    font-size: 29px;
    line-height: 32px
}

.xion-fullhead_title>small {
    font-size: 12px;
    font-weight: 400;
    opacity: .8;
    line-height: 1.4
}

.xion-fullhead_title_small {
    font-size: 14px;
    font-weight: 400;
    opacity: .8;
    line-height: 1.4;
    margin-top: 5px;
}

.xion-fullhead_description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 12px 0;
    opacity: .9
}

.xion-fullhead_description span {
    margin-right: 10px
}

.xion-fullhead_undertitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 18px;
    opacity: .9
}

.xion-fullhead_undertitle span {
    margin-right: 10px
}

.xion-fullhead_parameters {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 12px 0;
    opacity: .9;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.xion-fullhead_parameters span {
    margin-right: 10px;
}

.xion-fullhead_parameters .rating {
    color: #01c03a;
    font-weight: 800;
}

.xion-fullhead_parameters .rating.low {
    color: #e13535
}

.xion-fullhead_parameters .rating.middle {
    color: #ff6702
}

.xion-fullhead_parameters .age {
    opacity: .8;
    border: 1px solid rgb(255 255 255/43%);
    display: block;
    padding: 0 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

.xion-fullhead_parameters .quality {
    padding: 0 6px;
    border-radius: 4px;
    color: #000;
    opacity: 1;
    font-size: 12px;
    border: 1px solid #ffffff;
    background-color: #fff;
}

.xion-fullhead_btn {
    border: 0;
    color: #fff;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 20px;
    font-size: 13px;
    padding: 0 15px;
    background: var(--medium-color);
    text-transform: uppercase;
}

.xion-fullhead_btn:nth-child(3) {
    margin-right: 0
}

.xion-fullhead_flex .active {
    border: 1px solid var(--main-color);
}

.xion-fullhead_btn:hover,.xion-fullhead_goback:hover {
    background: var(--main-color)
}

.xion-fullhead_goback {
    padding: 0;
    width: 40px
}

.xion-fullhead_btn svg {
    width: 22px;
    height: 22px
}

.xion-fullhead_btn-right {
    margin-right: 10px
}

.tabs-block__select {
    margin-bottom: 30px;
    background-color: var(--medium-color);
    padding: 20px;
    margin-top: 15px;
    border-radius: 6px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    display: block
}

.tabs-block__select span {
    line-height: 40px;
    border-radius: 8px;
    margin: 0 15px;
    position: relative;
    cursor: pointer;
    display: inline-block
}

.tabs-block__select span:hover:before {
    background-color: var(--medium-color)
}

.tabs-block__select span:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    top: auto;
    width: 100%;
    height: 3px;
    background-color: initial;
    border-radius: 0 transition:background-color .3s ease,box-shadow .2s ease
}

.tabs-block__select span.is-active:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--main-color);
    right: -1px;
    left: -1px;
    transition: background-color .3s ease,box-shadow .2s ease
}

.frates {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.frate {
    width: 200px;
    height: 46px;
    position: relative;
    margin-right: 40px;
}

.frate-title {
    color: #ccc;
    position: absolute;
    left: 0;
    top: 0
}

.frate-count {
    color: #f7f7f7;
    position: absolute;
    right: 0;
    top: 0
}

.frate-votes {
    font-size: 12px;
    position: absolute;
    right: 0;
    bottom: 0
}

.frate-bar {
    background-color: #ccc;
    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: linear-gradient(to right,rgba(48,48,48,0) 0px,rgba(48,48,48,0) 3px,#131722 4px);
    background-size: 5px 5px;
    background-repeat: repeat-x
}

.frate-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right,#ff7902 0%,#ff6702 100%)
}

.frate-imdb .frate-fill {
    background: linear-gradient(to right,#ffa302 0%,#ffca02 100%)
}

.frate-site .frate-bar {
    background: #e13535
}

.frate-site .frate-fill {
    background: #1ee459
}

.frate-site .frate-count {
    display: none
}

.frate-site {
    margin-right: 80px
}

.likes,.dislikes {
    font-size: 12px;
    color: #f7f7f7;
    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;
    color: #e13535;
    background-color: #202020;
    position: absolute;
    top: 10px;
    right: -80px
}

.frate-up,.comm-rate3 a:first-child {
    right: -45px;
    color: #1ee459
}

.frate-up:hover,.comm-rate3 a:first-child:hover {
    background-color: #1ee459;
    color: #fff
}

.frate-down:hover,.comm-rate3 a:last-child:hover {
    background-color: #e13535;
    color: #fff
}

.movie__description-additional_no-trailer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 30px;
}

.movie__description-additional_no-trailer.fx-colum {
    flex-direction: column;
}

.movie__description-additional_no-trailer .section__title {
    margin-top: 0;
}

.movie__description-data_text {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.movie__description-additional_no-trailer .movie__description-data_text {
    width: 50%;
    padding-right: 80px;
    margin-bottom: 0
}

.movie__data-wrapper {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 236px auto;
    grid-gap: 8px
}

.movie__data-wrapper.description-persons {
    grid-template-columns: 130px auto
}

.movie__data-col_title {
    color: #565c67
}

.movie__data-col_title {
    color: #565c67
}

.pmovie__player-bottom {
    padding-top: 20px;
    padding-bottom: 30px;
}

.pmovie__rating-likes>* {
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 20px;
    background-color: var(--medium-color);
    padding: 5px;
    font-weight: 500;
    margin-right: 20px;
    padding-right: 15px
}

.pmovie__rating-likes>* .fal {
    background-color: #6ab04c;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pmovie__rating-likes>*+* .fal {
    background-color: #eb4d4b
}

.pmovie__rating-likes>a:hover {
    background-color: var(--two-medium-color);
    color: #fff
}

.pmovie__fav a {
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid var(--main-color);
    color: #fff
;cursor: pointer;}

.page__complaint {
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 15px;
    padding: 0 15px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 10px;
    letter-spacing: 1px;
    border: 1px solid #232529;
    background-color: #232529;
    color: #000
}

.movie__description-data_full {
    overflow: hidden;
    margin-top: 20px
}

.facts {
    overflow: hidden
}

.slice-btn {
    font-weight: 600;
    cursor: pointer;
    color: #a5a1b2;
    margin-bottom: 20px
}

.comments_title {
    box-shadow: 0 2px 0 var(--main-color),inset 0 0 0 var(--main-color);
    -webkit-transition: box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    -o-transition: box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    transition: box-shadow 400ms,color 400ms,box-shadow 400ms,color 400ms;
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal
}

.comments_title:hover {
    box-shadow: 0 0 0 var(--main-color),inset 0 -1.5em 0 var(--main-color)
}

.comments_superscript {
    margin-left: 4px;
    margin-right: 30px
}

.comments_counter {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #a5a1b2
}

.btn-vion {
    opacity: 1;
    transition: opacity 80ms,border-color 400ms,background-color 400ms;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid rgba(255,255,255,.32);
    user-select: none;
    height: 24px;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer
}

.btn-vion:hover {
    border: 2px solid rgb(255 255 255/86%)
}

.comments_subHeader {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 12px;
    font-style: normal;
    color: #a5a1b2
}

.info-nocomment {
    padding: 20px;
    background-color: rgba(86,92,103,.16);
    border-radius: 6px;
    text-align: center;
    color: #a5a1b2;
    font-weight: 600;
    transition-duration: .4s;
    margin-bottom: 10px;
}

.info-nocomment:hover {
    transform: scale(1.02);
    background-color: rgba(86,92,103,.24);
    transition-duration: .4s
}

.facts li {
    list-style: none;
    color: #bbb;
    padding: 16px 0 16px 24px;
    font-size: 14px;
    line-height: 20px;
    position: relative
}

.facts li:before {
    position: absolute;
    top: 21px;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    background-color: var(--main-color)
}

.main-slider {
    position: relative;
    width: 100%;
    height: 40vw;
    margin-bottom: -136px;
    overflow: hidden;
    margin-top: 80px;
}

.main-slider .main-slider__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in;
    z-index: 1;
    background-image: linear-gradient( 0deg,rgba(17,17,19,0),rgba(17,17,19,.6))
}

.main-slider .main-slider__left-shade {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: linear-gradient( 90deg,rgba(25,26,29,.6),rgba(25,26,29,0));
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 2
}

.main-slider .main-slider__bg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: opacity .5s ease;
    z-index: 1
}

.main-slider .main-slider__bg img {
    width: 100%;
    will-change: scroll-position;
    display: block
}

.main-slider .main-slider__content {
    position: absolute;
    bottom: 140px;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
    z-index: 3
}

.main-slider .main-slider__title {
    font-size: 4rem;
    line-height: 40px;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 3
}

.main-slider .main-slider__title img {
    width: auto;
    height: auto;
    max-width: 400px;
    max-height: 200px;
    display: block;
    border-radius: 0
}

.main-slider .main-slider__quote {
    margin-top: 24px;
    font-size: 20px;
    line-height: normal
}

.main-slider .main-slider__quote .main-slider__quote-text {
    width: 35%
}

.main-slider .main-slider__buttons {
    display: -webkit-flex;
    display: flex;
    margin-top: 24px;
    height: 48px;
    position: relative
}

.main-slider .main-slider__buttons .main-slider__play-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 270px;
    height: 100%;
    font-weight: 400;
    letter-spacing: .3px;
    border-radius: 8px;
    background-color: var(--main-color);
    font-size: 18px;
    line-height: normal;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.main-slider .main-slider__buttons .main-slider__play-btn:hover {
    background-color: var(--main-color-hover)
}

.main-slider .main-slider__buttons .main-slider__play-btn img {
    height: 22px;
    margin-right: 16px
}

.main-slider__next-btn,.main-slider__right-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 56px;
    height: 100%;
    margin-left: 16px;
    border-radius: 8px;
    background-color: rgba(86,92,103,.24);
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.main-slider__right-btn img {
    transform: scale(-1,1)
}

.main-slider__next-btn:hover,.main-slider__right-btn:hover {
    background-color: rgba(86,92,103,.48)
}

.main-slider__next-btn img,.main-slider__right-btn img {
    height: 26px
}

.main-slider .main-slider__shade {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient( 180deg,rgba(25,26,29,0) 3%,#191a1d 98%);
    z-index: 2
}

.main-slider .swiper-pagination {
    position: absolute;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    bottom: 10%;
    padding: 0 100px;
    box-sizing: border-box
}

.main-slider .swiper-pagination-bullet {
    position: relative;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 4px;
    border-radius: 8px;
    background-color: rgba(86,92,103,.4);
    transition: all .1s ease;
    position: relative;
    overflow: hidden
}

.main-slider .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-slider .swiper-pagination-bullet-active {
    -webkit-flex-grow: 2;
    flex-grow: 2
}

.main-slider .swiper-pagination-bullet-active::before {
    background-color: #fff;
    -webkit-animation: slide-progress 10s cubic-bezier(.3,0,.3,1) forwards;
    animation: slide-progress 10s cubic-bezier(.3,0,.3,1) forwards
}

.main-slider .swiper-paused .swiper-pagination-bullet-active::before {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@-webkit-keyframes slide-progress {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-progress {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

.search__title1 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 24px
}

.search__popular-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.search__popular-item {
    width: 50%;
    font-size: 16px;
    line-height: 36px
}

.text {
    line-height: 1.8;
    font-size: 1.6rem;
    color: #a5a1b2;
    word-wrap: break-word;
    margin-top: 20px;
    margin-bottom: 20px
}

.text-1 {
    font-size: 1.6rem;
    line-height: 24px;
    font-weight: 400;
    font-style: normal
}

.text a {
    text-decoration: underline;
    color: #686de0
}

.text img:not(.emoji),.text p,.text h2,.text h3,.text h4,.text h5,.text h1,.text>ul,.text>ol,.text table {
    margin-bottom: 20px
}

.text>img[style*=left],.text>.highslide img[style*=left] {
    margin: 0 10px 10px 0
}

.text>img[style*=right],.text>.highslide img[style*=right] {
    margin: 0 0 10px 10px
}

.text>ul li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 20px
}

.text>ul li:last-child {
    margin-bottom: 0
}

.text>ul li::before,.mwc-subtitle-paymethod::before {
    content: "\f058";
    font-weight: 400;
    font-family: "font awesome 5 pro";
    color: #2ed573;
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: -2px
}

.imgs-center {
    padding-top: 10px;
    text-align: center
}

.imgs-center a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border: 1px solid #eee
}

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

.text table {
    width: 100%
}

.text table tr td {
    padding: 10px;
    border: 2px solid #fff
}

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

.text table tr:nth-child(1) {
    background-color: #cee0ed
}

.text table img:not(.emoji) {
    margin: 0;
    max-width: 350px
}

.text>*:last-child {
    margin-bottom: 0
}

.section__content.text {
    font-size: 2rem
}

.container-table100 {
    padding: 0!important
}

.wrap-table100 {
    border-radius: 0!important
}

.add-comments-form {
    max-width: 800px
}

.add-comments-form__input {
    margin-left: 20px
}

.add-comments-form .hidden,.comments_subscribe+br {
    display: none
}

.mass_comments_action {
    display: flex;
    align-items: center;
    max-width: 800px
}

.mass_comments_action select {
    flex: 1 1 0;
    margin: 0 16px 0 20px
}

.comment-item__title {
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 20px
}

.comment-item {
    margin-bottom: 25px;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    background: var(--medium-color);
    -webkit-transition: background-color 400ms,background-color 400ms;
    -o-transition: background-color 400ms,background-color 400ms;
    transition: background-color 400ms,background-color 400ms
}

.comment-item:hover {
    background: rgba(86,92,103,.24)
}

.comment-item__header:not(.comment-item__header--admin) {
    border-left: 3px solid #eee;
    padding-left: 10px
}

.comment-item__img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.comment-item__author {
    font-weight: 500
}

.comment-item__date {
    color: #999;
    margin-top: 6px;
    font-size: 1.2rem
}

.comment-item__main {
    margin: 6px 0
}

.comment-item__rating {
    margin-left: 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #f2f6f917;
    padding: 0 10px;
    font-size: 1.2rem;
    color: #97a9b7
}

.comment-item__rating a {
    color: #97a9b7
}

.comment-item__rating>span {
    margin: 0 5px
}

.comment-item__rating>span>span.ratingtypeplus,.comment-item__rating>span>span.ratingplus {
    color: #06b601
}

.comment-item__rating>span>span.ratingminus {
    color: #ff0e0e
}

.comment-item__reply {
    font-size: 12px;
    margin-right: 20px
}

.comment-item__reply .fal {
    margin-left: 5px
}

.comment-item__reply+.comment-item__reply .fal {
    margin-left: 0;
    margin-right: 5px
}

.comment-item__controls {
    text-align: right;
    font-size: 12px;
    margin-right: -15px
}

.comment-item__controls {
    text-align: right;
    font-size: 1.2rem
}

.comment-item__controls li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    height: 20px;
    line-height: 20px
}

.comment-item__controls a:not(:hover) {
    color: #a5a1b2;
    -webkit-transition: color 400ms,opacity 400ms,color 400ms,opacity 400ms;
    -o-transition: color 400ms,opacity 400ms,color 400ms,opacity 400ms;
    transition: color 400ms,opacity 400ms,color 400ms,opacity 400ms
}

.header__search {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    font-style: normal
}

.header__search span {
    margin-right: 6px
}

.search-modal {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    background-color: rgb(25 26 29/97%);
    border-radius: 16px;
    width: 100%;
    height: 100%;
    box-shadow: 0 15px 45px #000;
    overflow-y: auto
}

.search__container {
    padding: 20px 150px
}

.search__header {
    padding: 20px 0
}

.search__title {
    font-size: 3.2rem;
    font-weight: 800
}

.search__close {
    cursor: pointer;
    font-size: 3.4rem;
    opacity: .6;
    margin-left: 20px;
    color: #fff;
    position: absolute;
    right: 32px;
    top: 32px
}

.search__title a {
    border-bottom: 1px dotted #444;
    margin-left: 10px;
    font-weight: 400;
    color: #999
}

.search__content {
    position: relative;
    margin-bottom: 30px;
}

.search__row {
    margin-bottom: 20px;
    position: relative;
    display: block;
    font-size: 1.2rem;
    color: #999
}

.search__caption {
    font-size: 12px;
    color: #333;
    margin-bottom: 10px
}

input.searchbox__input,input.searchbox__input:focus {
    display: block;
    width: 100%!important;
    margin-bottom: 10px;
    font-weight: 300;
    background-color: transparent;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0;
    color: #d8d8d8;
    font-size: 28px;
    line-height: 1;
    padding: 10px 0 30px 60px;
}

input.searchbox__input:not(:focus)::placeholder {
    font-size: 20px;
    color: #d8d8d8
}

.searchbox__btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 50px;
    cursor: pointer;
    background: 0 0;
    color: #d8d8d8;
    line-height: 40px;
    text-align: center
}

.header__search-voice {
    position: absolute;
    left: 0;
    display: block;
    border-radius: 12px;
    top: -10px;
    z-index: 10;
    font-size: 20px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background: var(--light-color);
    color: #d8d8d8;
    line-height: 45px;
    text-align: center;
}

.header__sign-in {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 2px solid rgba(255,255,255,.3);
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    transition: color .08s,border-color .08s,background-color .08s;
    padding: 3px 6px;
    cursor: pointer
}

.header__sign-in:hover {
    background-color: rgba(255,255,255,.08);
    border-color: rgba(255,255,255,.7)
}

.login {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    border-radius: 16px;
    width: 400px;
    box-shadow: 0 15px 45px #000;
    border-radius: 8px;
    border: 1px solid #565c67;
    background: rgb(31 33 37/95%)
}

.login__header {
    padding: 20px 40px;
    background-color: #131313
}

.login__title {
    font-size: 1.9rem;
    font-weight: 500;
    padding: 1px 0
}

.login__close {
    cursor: pointer;
    font-size: 2.4rem;
    opacity: .6;
    margin-left: 20px;
    color: #fff
}

.login__title a {
    border-bottom: 1px dotted #444;
    margin-left: 10px;
    font-weight: 400;
    color: #999
}

.login__content {
    padding: 20px 40px
}

.login__row {
    margin-bottom: 20px;
    position: relative;
    display: block;
    font-size: 1.2rem;
    color: #999
}

.login__caption {
    font-size: 12px;
    color: #a5a1b2;
    margin-bottom: 10px
}

.login__caption a {
    text-decoration: underline;
    margin-left: 6px;
    color: #928cab
}

.login__input input {
    padding-left: 40px
}

.login__row .far {
    opacity: .5;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 40px;
    width: 40px;
    text-align: center
}

.login__row button {
    width: 100%
}

.login__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px
}

.login__menu {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: -10px
}

.login__menu li {
    flex: 1 1 0;
    min-width: auto;
    max- width: 100%;
    margin: 0 5px 10px
}

.login__menu a {
    display: block;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    background-color: #f2f6f8;
    box-shadow: inset 0 0 10px rgba(0,0,0,.1);
    font-size: 1.2rem;
    color: #000
}

.login__menu a.login__menu-link--imp {
    background-color: var(--main-color);
    color: #fff
}

.login__menu .far {
    display: block;
    height: 30px;
    font-size: 2.4rem;
    opacity: .3
}

.login__menu a.login__menu-link--imp .far {
    opacity: .8
}

.overlay {
    position: fixed;
    z-index: 998;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: rgb(0 0 0/40%);
    cursor: pointer;
    display: none
}

.mobile-menu {
    width: 280px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 20px;
    z-index: 999;
    position: fixed;
    left: -320px;
    top: 0;
    transition: left .4s;
    background-color: var(--bg-main-color)
}

.mobile-menu.is-active {
    left: 0
}

.mobile-menu-close {
    cursor: pointer;
    display: block;
    left: 280px;
    top: -40px;
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    background-color: var(--main-color);
    box-shadow: 0 4px 15px 0 var(--main-color);
    color: #fff;
    transition: top .4s,opacity .4s
}

.mobile-menu-close.is-active {
    top: 0;
    opacity: 1
}

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

.mobile-menu .header__menu {
    margin: 0;
    padding: 0;
    display: block
}

.mobile-menu .header__menu>li {
    width: 100%;
    margin: 0
}

.mobile-menu .header__menu>li>a {
    height: 70px;
    padding: 5px 20px;
    margin: 10px 0;
    background-color: var(--medium-color);
    border-radius: 8px
}

.mobile-menu .header__menu li a:hover,.mobile-menu .header__menu li a:active {
    color: var(--main-color)
}

.mobile-menu .header__menu-hidden {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: calc(100% + 40px);
    margin: 15px -20px;
    opacity: 1;
    visibility: visible;
    transform: none
}

.mobile-menu .header__menu-hidden {
    padding: 10px;
    column-width: 100px;
    column-gap: 0
}

.mobile-menu .header__menu-hidden {
    display: none!important
}

.mobile-menu .header__menu-hidden.is-active {
    display: flex!important;
    flex-direction: column;
    gap: 20px;
    padding: 10px 20px;
}

.tabs_mobile {
    display: none
}

.fx-row {
    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-column {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

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

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

/*****************************MOD*****************************/

/*----favmod----*/
.favmod-add,.favmod-unset {
    display: block;
}
.favmod .favmod-unset,.favmod.active .favmod-add {
    display: none
}
.favmod.active .favmod-unset {
    display: block
}

/*----Coment----*/
.ac-textarea {
    padding-bottom: 20px;
}

/*----Knopki----*/
.fsubtitle {text-align: center; margin: 20px -20px -10px -20px; padding: 0 20px; padding-top: 10px; 
	border-top: 1px solid #111; font-weight: 600; font-size: 16px; width: calc(100% + 40px); color: #eee;}
.fplayer {position:relative; padding: 0 80px;}

.fctrl {background-color: #111; color: #ccc; padding-right: 20px;}
.fplayer .tabs-sel {white-space:nowrap; overflow-y:hidden; overflow-x:auto; font-size: 0;}
.fplayer .tabs-sel span {display:inline-block; padding:0 20px; height:40px; line-height:40px; cursor:pointer;font-weight: 600;font-size: 14px;background-color: #000;color: #eee;font-family: system-ui;}
.fplayer .tabs-sel span.current {background-color: var(--main-color); color: #fff;}
.fplayer .tabs-sel span:hover {text-decoration: underline;}
.fplayer .tabs-sel span span {display: none;}
.js .tabs-b {background-color: #000; display: none;}
.js .tabs-b.visible {display: block;}

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

.title {display: block;margin-block: 10px 10px;padding-top: 5px;color: #ffffff; font-size: 15px;text-transform: uppercase;text-align: center;}
            

/************************** ADAPTIVE ***************************/

.section-movie, .section-movie-v2, .fplayer, .header, .footer, .pages-bg, .relatedd-section .container {
    max-width: 1800px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 1200px) {
    .section-movie,.section-movie-v2, .fplayer, .header, .footer, .pages-bg, .relatedd-section .container {
        max-width: 1140px;
    }
}
@media (max-width: 992px) {
    .section-movie,.section-movie-v2, .fplayer, .header, .footer, .pages-bg, .relatedd-section .container {
        max-width: 960px;
    }
}
@media (max-width: 768px) {
    .section-movie,.section-movie-v2, .fplayer, .header, .footer, .pages-bg, .relatedd-section .container {
        max-width: 720px;
    }
}
@media (max-width: 576px) {
    .section-movie,.section-movie-v2, .fplayer, .header, .footer, .pages-bg, .container {
        max-width: 540px;
    }
}

@media screen and (max-width: 1920px) {
    .main-slider .main-slider__buttons .main-slider__play-btn {
        width:242px;
        font-size: 14px
    }

    .main-slider .main-slider__buttons .main-slider__play-btn img {
        height:18px
    }

    .main-slider .main-slider__title img {
        max-width:250px;
        max-height: 150px
    }
    
    .main-slider .main-slider__buttons {
        height:40px
    }
}

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

    .header__menu>li {
        margin-left:20px;
        position: relative
    }

    .section-movie,.section-movie-v2 {
        padding-top: 30px;
    }

    .h1-main {
        padding-top: 0px;
    }

    .section-pod .slider-button-next,.section-pod .slider-button-prev {
        top: 10%;
    }

    .main-slider {
        margin-bottom:-100px
    }

    .main-slider .main-slider__content {
        padding:0 60px;
        bottom: 200px
    }

    .main-slider .main-slider__quote {
        font-size:16px
    }

    .main-slider .main-slider__quote .main-slider__quote-text {
        width:35%
    }

    .main-slider .swiper-pagination {
        padding:0 60px;
        bottom: 12%
    }
    
    .main-slider .main-slider__buttons .main-slider__play-btn {
        width:236px
    }
    
}

@media screen and (max-width: 1365px) {
    .main-slider .main-slider__content {
        bottom:135px
    }
}

@media screen and (max-width: 1220px) {
    .pages-bg {
        padding:0 40px
    }
    .fplayer {
        padding:0 40px!important;
    }
    
    .header {
        height: 90px;
        padding:0 40px!important;
    }
    
    .section-movie, .section-movie-v2 {
        padding: 0 40px;
    }
    
    .container {
        max-width:1000px;
        padding: 0 40px
    }

    .header__menu {
        display: none
    }

    .header__btn-menu {
        cursor: pointer;
        font-size: 25px;
        margin-left: 20px;
        color: #fff;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .header__caption,.footer__logo {
        display: none
    }

    .fsa-ep { width: 25%; }
    
    .about {
        display: block;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        margin: 0 -20px;
        padding: 20px
    }

    .about__item {
        width: 260px;
        margin-right: 20px;
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

    .card {
        width: 33.33%
    }

    .inner-page__main {
        padding-left: 20px;
        padding-right: 20px
    }

    .inner-page__column-left {
        width: 410px;
        margin-right: 20px
    }
    .player-options-e {max-height:610px;}
    .header__menu-left {width:100%;}
    
        .service-pages__container {
        padding: 0;
    }

    .service-pages__sidebar {
        width: 100%;
    }

    .service-pages__menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .service-pages__menu li {
        flex: 1 1 0;
    }

    .service-pages__menu a {
        white-space: nowrap;
        padding: 10px;
        font-size: 12px;
    }
    
}

@media screen and (max-width: 1024px) {
    
    .main-slider .main-slider__content {
        bottom:123px;
        padding: 0 63px
    }

    .main-slider .main-slider__title img {
        max-width:300px;
        max-height: 60px
    }

    .main-slider .main-slider__quote {
        margin-top:8px;
        font-size: 12px
    }

    .main-slider {
        margin-bottom:-100px
    }

    .main-slider .main-slider__buttons {
        margin-top:16px;
        height: 32px
    }

    .section-pod .slider-button-next,.section-pod .slider-button-prev {
        top: 10%;
    }
    
    .main-slider .main-slider__buttons .main-slider__play-btn {
        width:174px;
        border-radius: 4px;
        font-size: 14px
    }
    
    .main-slider .main-slider__buttons .main-slider__play-btn img {
        height:14px;
        margin-right: 8px
    }
    
    .main-slider__next-btn,.main-slider__right-btn {
        width:40px;
        margin-left: 12px;
        border-radius: 4px
    }
    
    .main-slider__next-btn img,.main-slider__right-btn img {
        height:16px
    }
    
    .main-slider .swiper-pagination {
        bottom:17%;
        padding: 0 60px
    }
    
}

@media screen and (max-width: 950px) {
    
    .pages-bg {
        padding:0 30px
    }
    .fplayer {
        padding:0 30px!important;
    }
    
    .header {
        padding:0 30px!important;
    }
    
    .section-movie, .section-movie-v2 {
        padding: 0 30px;
    }

    .container {
        max-width:768px;
        padding: 0 30px;
    }

    .inner-page__column-left {
        width: 330px
    }

    .inner-page__subcolumn {
        width: 100%
    }
    
    .th-item {width: 25%;}
    .player-box {width:100%; max-height: none; margin-bottom: 10px;}
    .player-box-season {width:100%; max-height: none; margin-bottom: 10px;}
    .embed-col {width:100%; max-height: none; height:400px; margin-bottom: 10px;}
    .embed-col .embed-captcha { height: 400px; }
    .episode-nav {width:100%; max-height: none; margin-bottom: 10px;}
    .insideIframe {height: 400px;}
    .player-options {width:100%; max-height:none;}
    .player-options-e {width:100%; max-height:none;}
    
    .fsa-ep { width: 30%; }
    
}

@media screen and (max-width: 768px) {
    
    .container {
        max-width:640px;
    }

    .searchbox {
        margin: 30px 0 0;
        order: 10;
        min-width: 100%
    }

    .logo span,.header__register-link {
        display: none
    }

    .how-step__title {
        width: 100%;
        font-size: 1.8rem;
        padding: 20px;
        background-image: none
    }

    .how-step__items {
        padding: 20px;
        padding-bottom: 0
    }

    .how-step__item {
        margin-bottom: 20px
    }

    .section__column--third {
        width: 100%;
        margin: 20px 0 0
    }

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

    .footer__menu {
        justify-content: center;
        margin-left: 0
    }

    .footer__menu li {
        white-space: nowrap
    }

    .inner-page__column-left {
        width: 100%;
        margin: 20px 0 0;
        order: 10
    }

    .add-comments-form__input {
        min-width: 100%;
        margin: 0 0 10px
    }

    .add-comments-form__btn {
        width: 100%;
        order: 10
    }

    .add-comments-form .form__row--protect .form__caption {
        width: 100%;
        margin: 0 0 10px
    }

    .mass_comments_action,.comment-item__controls {
        display: none
    }

    #dle-speedbar {
        overflow: hidden;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-flex-wrap: unset;
        flex-wrap: unset!important;
    }

    .th-item {width: 33.3%;}
    
    .header__logo span {
        font-size:26px;
        color: #fff;
        font-weight: 900;
        letter-spacing: 3px
    }

    .header {
        height: 70px;
        padding:0 20px;
    }

    #scrolltop {display:none!important;}

    .footer__container {
        display:block
    }

    .footer__left {
        margin-right:0
    }

    .section__title {
        font-size:2.6rem;
        margin-top: 10px
    }

    .col-ser {width:100%;}
    .flex-item-1 {width:100%;}
    .flex-item-2 {width:100%;}
    .section-main {margin-top: 20px;}
    .main-slider {margin-top: 70px!important;}
    .filter-wrap {display: none;}
    .pagi-load a {width: 100%;}

    .section__fulltitle {
        font-size:2.6rem;
        line-height: 24px;
        max-height: 48px
    }

    .section-movie,.section-movie-v2 {
        padding:0 20px;
        padding-top: 25px;
    }

    .h1-main {
        padding-top: 20px;
    }

    .slider-button-next,.slider-button-prev,.section-movie:before,.section-movie:after,.section-movie-v2:before,.section-movie-v2:after {
        display:none
    }

    .movie-title {
        display:block;
        margin: 16px 0 1px;
        color: #eeecf9;
        overflow: hidden;
        font-size: 18px;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .xion-fullhead_description {
        font-size:13px;
        margin: 10px 0 0
    }

    .xion-fullhead_undertitle {
        font-size:16px;
        margin-top: 10px
    }

    .xion-fullhead_parameters {
        font-size:13px
    }

    .xion-fullhead_goback {
        width:65px
    }

    .xion-fullhead_btn svg {
        width:14px;
        height: 14px
    }

    .xion-fullplayer {
        height:350px
    }

    .xion-fullplayer_logo {
        max-width:150px;
        max-height: 200px;
        top: 45%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%,-50%)
    }

    .xion-fullplayer_poster-img {
        padding:0
    }

    .frate {
        width: 200px;
        height: 46px;
        position: relative;
        margin-right: 20px;
    }

    .frate-votes {
        font-size: 8px;
    }

    .xion-fullplayer_videoplayer,.xion-fullplayer_trailer,.xion-fullplayer_videoplayer1 {
        padding-top:55%
    }

    .movie__description-additional_no-trailer {
        -webkit-flex-direction:column;
        flex-direction: column;
        margin: 0;
        padding: 20px
    }

    .movie__description-additional_no-trailer .movie__description-data_text {
        width:100%;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 24px;
        padding: 0
    }

    .main-slider {
        height:60vw;
        margin-bottom: 0
    }

    .main-slider .main-slider__bg img {
        height:120vw;
        object-fit: cover
    }

    .main-slider .main-slider__title img {
        max-width:100%
    }

    .main-slider .main-slider__quote {
        margin-top:16px;
        line-height: normal
    }

    .main-slider .swiper-pagination {
        bottom:0%;
        padding: 0 17px
    }

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

    .header__search {
        display:inline-block;
        cursor: pointer;
        vertical-align: middle;
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
        font-style: normal
    }

    .search__container {
        padding:12px 25px
    }

    .tabs_mobile {
        bottom:0;
        background-color: #1f1b2e;
        box-shadow: 0 -2px 10px 0 rgb(7 5 14/24%);
        display: block;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: calc(52px + env(safe-area-inset-bottom));
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        left: 0;
        padding: 0 16px;
        position: fixed;
        right: 0;
        width: 100%;
        z-index: 20
    }

    .tabs_mobilev {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        color: #a5a1b2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 10px;
        font-weight: 400;
        height: 48px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-letter-spacing: .2px;
        -moz-letter-spacing: .2px;
        -ms-letter-spacing: .2px;
        letter-spacing: .2px;
        line-height: 12px;
        padding: 0 8px 4px;
        text-align: center;
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .tabs_mobilev::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 20px;
        margin-bottom: 4px;
        width: 20px
    }

    .all-seasons {display:none;}
    .nav-episode-select.open, .full-ser-ctrl select#nav-season-select {width:100%;}
    .full-ser-ctrl button[type="submit"] {width:100%; border-radius:2px!important; border: 1px solid #000;}
    .full-ser-ctrl .no-active {width:100%;}
    .full-ser-ctrl .ctrl-prev, .full-ser-ctrl .ctrl-net {width:100%;}
    .full-ser-ctrl select {margin-right:0;}
    .full-ser-ctrl {gap:0px;}
    .full-ser-ctrl a {width:100%;}

    .tabs-block__select {
        margin-bottom:10px
    }

    .main-slider .main-slider__buttons .main-slider__button,.main-slider .main-slider__buttons .main-slider__play-btn {
        width:100%
    }

    .main-slider__next-btn,.main-slider__right-btn {
        display:none
    }

    .search__popular-item {
        font-size:14px;
        line-height: 36px;
        text-align: center
    }

    .movie .description-persons {
        width:100%;
        font-size: 12px;
        line-height: 1.5;
        grid-template-columns: 90px auto;
        margin-bottom: 16px
    }

    .movie__data-wrapper.description-persons {
        grid-template-columns:90px auto;
        margin-bottom: 16px
    }

    .main-slider .main-slider__mobile-agemark {
        position:absolute;
        width: 32px;
        height: 24px;
        left: 16px;
        top: 76px;
        z-index: 100
    }
    
    .main-slider .main-slider__left-shade {
        width:75%
    }

    .main-slider .main-slider__content {
        bottom:30px;
        padding: 0 20px
    }

    .main-slider .main-slider__buttons .main-slider__button,.main-slider .main-slider__buttons .main-slider__play-btn {
        width:100%
    }

    .main-slider .main-slider__quote .main-slider__quote-text {
        width:100%
    }
    
    .up-first {padding:20px 10px; height:auto; text-align:center;}
    .up-img {position:relative; margin:10px auto; left:0; bottom:0;}
    .up-status {position:relative; margin:0 auto; left:0; bottom:0;}
    .up-second, .up-edit {padding:20px 10px;}
    .usp-left {width:100%;}
    .usp-right {width:100%}
    
    .service-pages__main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .form__caption:not(.form__caption--above), .form__table .addnews {
        width: 120px;
        font-size: 12px;
    }

    .form__content--admintag .checkbox {
        width: 100%;
    }

    .usp {
        margin-left: -20px;
        margin-right: -20px;
    }

    .usp__list li {
        width: 100%;
    }
    
    .fsa-ep {
        width: 48%;
    }
    
}

@media screen and (max-width: 700px) {
    .xion-fullhead {
        grid-template-columns:1fr!important;
    }
}

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

    .logo {
        flex: 1 1 0;
        max-width: 100%;
        min-width: 50px;
        margin-right: 20px;
        font-size: 2.4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .welcome-section {
        min-height: 100%;
        height: 80vh
    }

    .welcome-section .welcome-info h1 {
        font-size: 30px;
        line-height: 40px;
        font-weight: 600
    }

    .top-block {
        display: none
    }

    .swiper-button-next,.swiper-button-prev {
        display: none
    }

    .card,.how-step__item {
        width: 100%
    }

    .login {
        max-width: 90%;
        max-height: 90%;
        overflow-x: hidden
    }

    .login__header,.login__content,.login__social,.pages-bg {
        padding-left: 10px;
        padding-right: 10px
    }
    
    .fplayer {
        padding-left: 10px!important;
        padding-right:10px!important;
    }
    
    .header {
        padding-left: 10px!important;
        padding-right:10px!important;
    }
    
    .section-movie, .section-movie-v2 {
        padding: 0 10px;
    }
    
    .ratingBlock__main {
        height:24px
    }
    .ratingBlock__value {
        height:24px
    }
    
        .service-pages__container22 {
        max-width: 360px;
    }

    .form__title {
        font-size: 18px;
    }

    .form__header .form__btn .far {
        display: none;
    }

    .form__btn--find-related {
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .qq-upload-button, .pm__links li, .stats__list {
        width: 100% !important;
    }

    .form__row--without-label > .form__btn, .pm__links li a {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .form__content--sec-code input {
        max-width: 100%;
        width: 100%;
        margin: 0 0 10px 0;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .usp__right, .usp__meta .usp__btn {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

    .usp__left {
        width: 60px;
        margin-right: 10px;
    }

    .usp__img {
        width: 60px;
        height: 60px;
    }

    .usp__status {
        width: auto;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .usp__activity {
        justify-content: flex-end;
        text-align: right;
    }

    .ui-dialog {
        width: 100% !important;
    }

    .usp-popup__left {
        margin: 0 auto 15px auto;
        width: 100%;
    }

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

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

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

@media screen and (max-width: 470px) {
    
    .container {
        padding:0 16px
    }

    .inner-page__tabs {
        padding: 10px 0 20px
    }

    .inner-page__tab {
        width: 100%;
        margin-right: 0;
        margin: 10px 0 0
    }
    
    .th-item {width: 50%;}
    
    .fplayer {
        position: relative;
        padding: 0 16px;
    }
    
    .header {
        padding: 0 16px;
    }
    
}

@media screen and (max-width: 425px) {
    
    .main-slider .main-slider__title {
        font-size:3rem;
        line-height: 30px
    }

    .main-slider {
        height:120vw;
        margin-bottom: 0
    }

    .xion-fullhead_flex.tab {
        justify-content:center
    }

    .xion-fullhead_btn-right {
        display:none
    }

    .main-slider .swiper-pagination {
        bottom:0;
        padding: 0 20px
    }
    
    .shortstory_pod img {
        height:85px
    }
    
    .xsort-div {
        padding:0 10px;
        width: 40%
    }
}

@media screen and (max-width: 390px) {
    .header__logo span {
        font-size:22px;
        letter-spacing: 1px;
    }
    
    .header__logo {
        width: 30px;
    }
}


@media screen and (min-width: 1024px) {
    .header__search-voice {
        position: absolute;
        left: 0;
        display: block;
        border-radius: 12px;
        top: -10px;
        z-index: 10;
        font-size: 20px;
        width: 45px;
        height: 45px;
        cursor: pointer;
        background: var(--light-color);
        color: #d8d8d8;
        line-height: 45px;
        text-align: center;
    }
    
    /*
    @font-face {
        font-family: circe;
        src: url(../fonts/Circe-Regular.eot);
        src: local('Circe'),local('Circe-Regular'),url(../fonts/Circe-Regular.eot#iefix) format('embedded-opentype'),url(../fonts/Circe-Regular.woff) format('woff'),url(../fonts/Circe-Regular.ttf) format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: circe;
        src: url(../fonts/Circe-Bold.eot);
        src: local('Circe Bold'),local('Circe-Bold'),url(../fonts/Circe-Bold.eot#iefix) format('embedded-opentype'),url(../fonts/Circe-Bold.woff) format('woff'),url(../fonts/Circe-Bold.ttf) format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: circe;
        src: url(../fonts/Circe-ExtraBold.eot);
        src: local('Circe ExtraBold'),local('Circe-ExtraBold'),url(../fonts/Circe-ExtraBold.eot#iefix) format('embedded-opentype'),url(../fonts/Circe-ExtraBold.woff) format('woff'),url(../fonts/Circe-ExtraBold.ttf) format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }
    
    body {
        font-family: Circe;
    }
    */
}


@media screen and (min-width: 768px) {
    #scrolltop {
        position:fixed;
        width: 50px;
        height: 50px;
        line-height: 50px;
        right: 10px;
        bottom: 10px;
        z-index: 990;
        display: none;
        background-color: var(--medium-color);
        color: #848693;
        cursor: pointer;
        font-size: 20px;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0 5px 10px rgb(0 0 0/60%)
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 3px;
        position: relative;
        z-index: 10
    }

    ::-webkit-scrollbar-thumb {
        background-color: var(--main-color);
        border-radius: 16px
    }

    ::-webkit-scrollbar-thumb:focus {
        background-color: #7278e7;
        border-radius: 30px
    }

    ::-webkit-scrollbar-track {
        background-color: rgba(86,92,103,.16)
    }
}