/*
Author:			redissx (ICQ: 275116000, E-mail: redissx@gmail.com, Website: webrambo.ru )  */

@import "reset-settings.css" all;

.cs-item img, .c1-img img, .c2-img img, .top-img img, .ca-img img, .ct-img img, .cat-actor-img img {width:100%; min-height:100%;}
.cs-item img,
.c1-item img {width:100%; min-height:100%;object-fit: cover}
.main-menu a, .show-search, .show-login, .cs-item i, .c1-img i, .c2-img i, .c1-title, .c2-title, .ca-item, .ca-inner, .ca-img,
.ct-img, .ct-item:before, .go-cat, .f-addfavorit a, .add-com-but, button, .cat-actor-name {transition: all .5s;}


/* KARKAS
----------------------------------------------- */
.all-wrap {height:auto; width:100%; position:relative; overflow:hidden;}
.all-wrap:before {height:540px; width:100%; background:#000 url(../images/bg1.jpg) center top fixed no-repeat; 
position:absolute; left:0; top:0; z-index:50; content:"";}
.main-box {width:100%; min-width:320px; max-width:1200px; margin:0 auto; position:relative; z-index:100; 
background:#f8f8f8 url(../images/bg2.jpg) center 440px no-repeat;}
.top {height:70px; background-color:#818DA6; position:relative; z-index:300; padding:0 250px;}
.middle-wr {padding:40px 0; position:relative; z-index:200; min-height:500px;}

body.not-main, .not-main .main-box {background-position:center 70px;}
.cats-full-wr {padding:40px 40px 0 40px;}

.bottomus-box, .footerus-box {width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
.bottom-wr {background-color:#596773;}
.bottomus-box {padding:20px 0;}
.footerus-wr {background-color:#818DA6;}
.footerus-box {padding:10px 210px 10px 10px; position:relative;}

.top-rkl {margin: -15px 5px 5px 5px;text-align: center;}
.rel-rkl {margin:auto 10px auto;}


/* HEADER
----------------------------------------------- */
.logo-box {height:70px; width:250px; display:block; position:absolute; left:0; top:0;
background:url(../images/logo.png) no-repeat; overflow:hidden; text-indent:-1000px;}


/* MAIN MENU
----------------------------------------------- */
.main-menu {position:relative; text-align:center;}
.main-menu > li {display:inline-block; margin-right:-4px;}
.main-menu > li > a {display:block; line-height:70px; padding:0 10px; color:#fff; font-size:14px; text-transform:uppercase;}
.main-menu > li > a:hover {color:#fcdc02;}
.main-menu > li > a i {font-size:18px;}
.hidden-menu,.parentcat ul{background-color:#fff; padding:20px 10px; text-align:left;
top:70px; left:0; right:-180px; position: absolute; z-index: 9999; display:none;max-width: 100%}
.hidden-menu li , .parentcat ul li{display:inline-block; float:left; width:20%;}
.hidden-menu li a, .parentcat ul a {color:#000; display:block; padding:0 10px; line-height:30px; font-size:14px;}
.hidden-menu li a:hover, .parentcat ul li a:hover {background-color:#fcdc02; color:#000;}
.menuactive > a, li.menuactive > a:hover, li.menuactive > .parentcat ul li a:hover {color:#000 !important; background-color:#FFF;}
.alpha-sort {padding:20px 18px 15px 18px; left:-250px; right:-250px;}
.alpha-sort a {display:inline-block; float:left; margin:0 0.2% 5px 0.2%; width:2.63%; height:30px; text-align:center; line-height:28px; 
border:1px solid #e3e3e3; border-radius:3px; color:#5c5c5c;}
.alpha-sort a:hover {background-color:#fcdc02; color:#000; border:1px solid #fcdc02;}


/* LOGIN, SEARCH
----------------------------------------------- */
.show-search {width:70px; height:70px; cursor:pointer; position:absolute; right:0; top:0;
background-color:#fcdc02; color:#000; text-align:center; line-height:70px !important; font-size:18px !important;}
.show-search:hover {box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.1);}
.show-login {position:absolute; right:70px; top:0; display:inline-block; padding:0 20px; line-height:70px; 
background-color:#596773; color:#fff; font-size:14px; cursor:pointer;}
.show-login i {font-size:18px; margin-right:10px;}
.show-login:hover {background-color:#444;}

.search-wrap {width:auto; position:absolute; right:70px; left:250px; top:0; height:100%; padding:15px 20px; background-color:#FFF; 
z-index:100; display:none;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:38px; padding:0 100px 0 10px; border-radius:0;
background-color:#fff; color:#999; font:italic 14px Georgia; border:1px solid #e3e3e3;}
.search-box button {position:absolute; right:0; top:0; border-radius:0;
padding:0; background-color:#fcdc02; color:#000; text-align:center; width:80px; height:40px; line-height:40px;}


/* SLIDER
----------------------------------------------- */
.slide {height:auto; margin-bottom:20px; overflow:hidden; background-color:#818DA6; position:relative; z-index:100;}
.cs-item {display:block; position:relative; overflow:hidden;}
.cs-text {width:100%; height:100%; position:absolute; left:0; bottom:0; padding:10px 10px 10px 10px; display:table;}
.cs-text-inner {display:table-cell; vertical-align:top; width:100%;}
.cs-title {line-height:40px; padding:5px;width:100%}
.cs-title span {color:#000; font-size:14px; outline:#fcdc02 solid 5px; background-color:#fcdc02;}
.cs-cat {margin:20px 0 5px 0; font-size:16px; text-shadow:1px 1px 0 #000; color:#FFF;}
.cs-desc {font-size:14px; text-shadow:1px 1px 0 #000; color:#f0f0f0;}
.cs-item i {font-size:100px; width:100px; height:100px; text-align:center; line-height:100px; 
position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; color:#fcdc02; opacity:0;}
.cs-item:hover i {opacity:1; transform:scale(1.2,1.2);}

/** ONESLIDE
.slide {height:370px; overflow:hidden; background-color:#818DA6; position:relative; z-index:100;}
.cs-item {display:block; height:370px; position:relative; overflow:hidden;}
.cs-text {width:50%; height:100%; position:absolute; left:0; bottom:0; padding:20px 90px 20px 90px; display:table;}
.cs-text-inner {display:table-cell; vertical-align:middle; width:100%;}
.cs-title {line-height:40px; padding:10px 10px 0 10px;}
.cs-title span {color:#000; font-size:24px; outline:#fcdc02 solid 10px; background-color:#fcdc02;}
.cs-cat {margin:20px 0 5px 0; font-size:16px; text-shadow:1px 1px 0 #000; color:#FFF;}
.cs-desc {font-size:14px; text-shadow:1px 1px 0 #000; color:#f0f0f0;}
.cs-item i {font-size:100px; width:100px; height:100px; text-align:center; line-height:100px;
position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; color:#fcdc02; opacity:0;}
.cs-item:hover i {opacity:1; transform:scale(1.2,1.2);}
 */

/* MAIN CUSTOMS COMMON
----------------------------------------------- */
.main-section-one {padding:0 40px; position:relative; z-index:100;}
.main-section-two {position:relative; z-index:50;}
.main-section-three {padding-top:40px; text-align:center;}
.main-section-two:before, .main-section-two:after {content:""; width:1000px; height:100%; position:absolute; top:0;}
.main-section-two:before {background-color:#818DA6; right:50%;}
.main-section-two:after {background-color:#596773; left:50%;}

.section {margin-bottom:40px;}
.section-title {margin-bottom:20px; line-height:24px;}
.section-title h2 {display:inline-block; float:left; font-size:24px;}
.section-title a {display:inline-block; float:right; font-size:16px; color:#5c5c5c;}
.section-title a:hover {text-decoration:underline; color:#dd2143;}
.section-title i {color:#dd2143; margin-right:5px;}
.section-content {}

.trailer-wr {width:50%; float:left; position:relative; padding:20px 15px; z-index:100; text-align:center; background-color:#818DA6;}
.actors-wr {width:50%; float:right; padding:20px 15px; position:relative; z-index:100; text-align:center; background-color:#596773;
display: flex;align-items: center;justify-content: center;min-height: 510px;}
.ms-two-title {font-size:24px; text-align:center; color:#FFF; margin-bottom:20px;}
.ms-three-title {font-size:24px; text-align:center; color:#000; margin-bottom:20px;}

.go-cat {display:inline-block; margin:0 auto; background-color:#fcdc02; color:#000; padding:0 20px; line-height:30px; border-radius:15px;}
.go-cat i {margin-right:5px;}
.go-cat:hover {background-color:#dd2143; color:#fff;}


/* MAIN CUSTOMS
----------------------------------------------- */
.c1-item {width:18.4%; margin:0 2% 20px 0; float:left; position:relative;}
.section-content .c1-item:nth-child(5n), .cats-full-wr .c1-item:nth-child(5n) {margin-right:0;}
.c1-img {height:300px; overflow:hidden; position:relative; display:block;}
.c1-title {position:absolute; left:0; bottom:0; right:0; padding:10px; font-size:16px; 
background-color:rgba(0,0,0,0.5); color:#FFF;}
.c1-cat {color:#5c5c5c; height:20px; margin:10px 0;
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c1-desc {width:400px; padding:10px; background-color:#FFF; border-radius:3px; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); 
position:fixed; top:50%; left:0; z-index:999; display:none;}
.c1-desc .full-text, .c2-desc .full-text {font-size:14px !important; line-height:18px !important;}
.c1-desc img {display:block; margin:20px auto;}
.c1-img i.play-mark {font-size:40px; width:40px; height:40px; text-align:center; line-height:40px; 
position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; color:#fcdc02; opacity:0;}
.show-desc {position:absolute; right:0; top:0; width:34px; height:34px; background-color:#dd2143; color:#fff; cursor:pointer; 
text-align:center; line-height:34px !important;}
.show-desc:hover {background-color:#fcdc02; color:#000;}
.c1-img:hover .play-mark {opacity:1; transform:scale(1.2,1.2);}
.c1-img:hover .c1-title {background-color:#fcdc02; color:#000;}
.c1-rate {height:20px; line-height:20px;}
.kp-rate, .imdb-rate {display:inline-block; float:left; font-weight:700;}
.imdb-rate {margin-left:10px;}
.kp-rate:before, .imdb-rate:before {display:inline-block; margin-right:5px; border-radius:3px; 
padding:0 5px; font-weight:400; content:attr(data-label);}
.kp-rate:before {background-color:#F60; color:#FFF;}
.imdb-rate:before {background-color:#fcdc02; color:#000;}


.c2-item {display:block; float:right; width:17.5%; margin:0 0 20px 2%; position:relative;}
.section-content .c2-item:nth-child(5n) {margin-left:0;}
.c2-img {height:170px; overflow:hidden; position:relative;}
.c2-title {font-size:16px; color:#5c5c5c; height:40px; line-height:40px; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c2-desc img {display:block; margin:20px auto;}
.c2-img .c1-rate {position:absolute; left:0; bottom:0; right:0; padding:10px; height:auto; 
background-color:rgba(0,0,0,0.5); color:#FFF;}
.c2-img .c1-rate > div {}
.c2-img i.play-mark {font-size:40px; width:40px; height:40px; text-align:center; line-height:40px; 
position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; color:#fcdc02; opacity:0;}
.c2-img:hover .play-mark {opacity:1; transform:scale(1.2,1.2);}
.c2-item:hover .c2-title {background-color:#fcdc02; color:#000; padding:0 10px;}
.c2-item:not(.big) .c2-img img { object-position: top;}
.c2-item.big {width:22%; float:left; margin:0;}
.c2-item.big .c2-img {height:400px;}
.c2-item.big .c2-title {font-size:18px;}


/* MAIN CUSTOMS TRAILER, ACTORS, NEWS
----------------------------------------------- */
.ct-item {display:block; height:190px; float:left; width:46%; margin:0 2% 20px 2%; position:relative;}
.ct-img {position:relative; z-index:20; height:100%; overflow:hidden; background-color:#000000;}
.ct-item:before {position:absolute; z-index:10; width:100%; height:100%; left:0; top:0; display:table; 
background-color:#596773; color:#fff; font-size:16px; transform:scale(0.5,0.5); content:attr(data-title);box-sizing: border-box; padding:60px 10px 0 10px;}
.ct-title {position:absolute; width:100%; left:0; bottom:0; padding:10px; background-color:rgba(0,0,0,0.5); color:#fff; font-size:16px;}
.ct-item:hover .ct-img {transform:scale(0.5,0.5); opacity:0;}
.ct-item:hover:before {transform:scale(1,1);}

.cat-trailer {height:180px; width:23%; margin:0 1% 20px 1%;}

.ca-item {display:block; float:left; width:21%; margin:0 2% 20px 2%; height:120px; 
overflow:hidden; border-radius:60px; perspective: 800px;}
.ca-inner {width:100%; height:100%; position:relative; transform-style: preserve-3d;}
.face {position: absolute; width: 100%; height: 100%; backface-visibility: hidden;}  
.ca-img {z-index:20;}
.ca-name {background-color:#fcdc02; display:table; transform: rotateY(180deg); z-index:10;}
.ca-name span {display:table-cell; vertical-align:middle; width:100%; padding:10px; text-align:center; 
color:#000; font-size:16px;}
.ca-item:hover .ca-inner {transform: rotateY(180deg);}
.ca-item:hover .ca-img {opacity:0;}

.cat-actor {display:block; float:left; width:12.28%; margin:0 1% 20px 1%;}
.cat-actor-img {height:140px; overflow:hidden; border-radius:3px;}
.cat-actor-name {text-align:center; height:50px; overflow:hidden; padding-top:10px; color:#5c5c5c;}
.cat-actor:hover .cat-actor-name {background-color:#fcdc02; color:#000;}

.cn-item {float:left; color:#5c5c5c; width:29.33%; height:110px; margin:0 2% 20px 2%; text-align:left;}
.cn-title {font-size:16px; color:#000; margin-bottom:10px; text-decoration:underline; display:block; 
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cn-title:hover {text-decoration:none; color:#dd2143;}
.cn-item img {width:50px; height:50px; margin:0 10px 0 0; float:left;}


/* SEO DESCRIPTION AND BOTTOM
----------------------------------------------- */
#vk_groups, #vk_groups iframe {width:100% !important;}
.about {margin-bottom:20px;}
.soc-group {width:100%; float:left; margin-top:20px;}

.site-desc {color:#fff; width:100%; float:right;}
.site-desc h1, .site-desc h2, .site-desc h3 {font-size:18px; color:#fff; text-transform:uppercase; margin-bottom:10px; font-weight:700;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span {color:#fcdc02;}
.site-desc p {margin-bottom:10px;}

.nav-map {}
.nav-map-col {width:16.66%; padding-right:20px; float:left;}
.nav-item {display:block; margin-bottom:10px;}
.nav-item li a {color:#fff; display:block; line-height:20px; font-size:14px;}
.nav-item li.nv-title a {font-size:18px; color:#fcdc02; margin-bottom:10px; text-transform:uppercase; font-weight:700;}
.nav-item li a:hover {text-decoration:underline;}
.nav-item li + li.nv-title {margin-top:20px;}


/* FOOTER
----------------------------------------------- */
.footerus-box a, .site-desc a {color:#fcdc02; text-decoration:underline; font-weight:bold;}
.footerus-box a:hover {color:#fcdc02; text-decoration:none;}
.footerus-box p {width:100%; color:#fff; margin-bottom:10px;}
.counts {position:absolute; right:0; top:20px;}
.counts li {display:inline-block; width:88px; height:31px; margin-right:10px; background-color:#596773;}


.speedbar {padding:0 40px 0 40px;}
.speedbar a {color:#000;}
.speedbar a:hover {text-decoration:underline;}

/* RATING V3
----------------------------------------------- */
.full-rating {display:block; line-height:40px; height:80px; width:105px; background-color:#fff;
border-radius:3px; overflow:hidden; position:absolute; right:0; top:0;}
.full-rating > a {display:inline-block; width:50%; float:left; font-size:18px;}
.full-rating i {display:inline-block; color:#fff; width:40px; text-align:center; 
background-color:#83bf0a; line-height:40px;background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);}
.full-rating a:nth-child(3) i {color:#fff; background-color:#e56828;background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.full-rating > span {display:block; position:relative; background-color:#FFF; padding:0 10px; text-align:center; font-size:18px;}
.full-rating > span > span {color:#94bee6;}
.full-rating > span > span.ratingzero {color: #444444;}
.full-rating > span > span.ratingtypeplus {color: #06b601;}
.full-rating > span > span.ratingplus {color: green;}
.full-rating > span > span.ratingminus {color: red;}
.frating-stars {display:inline-block; position:relative; top:3px;}


.film-wr {}
.film-section-one {padding-left:220px;}
.film-left {width:220px; margin-left:-220px; float:left; padding:10px; background-color:#FFF;}
.film-right {width:100%; float:right; padding-left:40px; position:relative;}

.film-right h1 {font-size:24px; padding-right:100px;}
.film-right h1 i {color:#dd2143; margin-right:10px;}
.players-section {margin:20px 0;}
.box {display:none; background-color:#818DA6;}
.box.visible {display:block;}
.tabs {margin-bottom:10px; padding-right:100px;}
.tabs li {display:inline-block; height:30px; padding:0 20px; line-height:26px; cursor:pointer; margin:0 10px 10px 0;
background-color:#FFF; color:#000; font-size:16px; border-radius:3px;border:1px solid #999;}
.tabs li.current {background-color:#fcdc02;}

.film-poster {margin-bottom:10px;}
.film-info { margin:10px 0 20px 0;}
.fi-item {margin-bottom:10px;}
.fi-item a:hover {text-decoration:underline;}
.fi-label {font-weight:700; float:left; margin-right:5px;}
.film-screens {margin:-10px; background-color:#818DA6; padding:10px;}
.fs-label {color:#FFF; font-size:16px; margin-bottom:10px;}
.film-screens .owl-controls {height:25px !important; bottom:0 !important;}

.film-fav {margin-bottom:20px;}
.f-addfavorit a:hover {background-color:#dd2143; color:#fff;}
.f-addfavorit {display:inline-block; float:left; margin-right:10px;}
.f-addfavorit a {display:inline-block; padding:0 20px; line-height:30px; font-size:16px; 
background-color:#fcdc02; color:#000; border-radius:3px;}
.f-addfavorit i {margin-right:5px;}
.f-edit i {margin-right:0;}
.social-likes {display:inline-block; float:right; height:30px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:450px;}

.full-text {font-size:16px; line-height:24px; color:#5c5c5c}
.full-text a {text-decoration:underline; color:#06c;}
.full-text a:hover {text-decoration:underline; color:#C9070A;}
.full-text a:visited {text-decoration:underline; color:#06c;}
.full-text h2, .full-text h3 {font-size:20px;}
.full-text h4, .full-text h5 {font-size:18px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:0; left:0; width:20px; height:20px; line-height:20px; text-align:center;
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 

.film-section-two {margin:40px -40px;}
.rel-item {width:29.33%; margin:0 2% 20px 2%;}

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin: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 {margin:10px 0 20px 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}

.article-wr h1 {min-height:80px;}
.article-wr .film-fav {margin-top:20px;}
.article-wr .cn-item {float:none; width:100% !important; height:auto !important; margin:0 0 20px 0 !important;}

/* COMMENTS
----------------------------------------------- */
.comments-wrap {max-width:800px; padding:20px; margin:0 auto; background-color:#FFF;}
.comm-title {font-size:24px; margin:0 0 20px 0; text-align:center;}

.comm-item {padding:10px 10px 10px 90px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-80px; width:70px;}
.comm-right {float:right; width:100%;}
.comm-av {height:70px; overflow:hidden;}
.comm-av img {width:100%; min-height:100%;}
.comm-group-mark {padding:3px; text-align:center; font-size:10px; font-weight:normal !important; margin-top:5px;
background-color:#f0f0f0; color:#444; overflow:hidden;}
.comm-admin {background-color:#d60505; color:#fff;}
.comm-admin span, .comm-jour span {color:#fff !important;}
.comm-jour {background-color:#1ca101; color:#fff;}
.comm-user {background-color:#309; color:#fff;}
.comm-top-info {height:20px; line-height:20px;}
.comm-id, .comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:12px; font-weight:bold; margin:0 10px; color:#b43852;}
.comm-author a {color:#b43852;}
.comm-author:after {content:""; width:10px; height:10px; border-radius:50%; display:inline-block;
margin-left:10px; background-color:#888; position:relative; top:2px;}
.status-online:after {background-color:#3C0;}
.comm-text {line-height:18px; color:#444; padding:10px 0; min-height:80px;}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; padding:10px 0; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:10px;}
.comm-bottom-info ul li a {font-size:11px;}
.comm-bottom-info ul li:first-child {font-weight:bold; float:left;}
.comm-bottom-info ul li:first-child img {margin-right:5px;}
.comm-author a:hover, .comm-bottom-info ul li a:hover {text-decoration:underline;}
.comm-rate {float:right; position:relative; line-height:26px; border-radius:3px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px; background-color:#fff; color:#444; 
font-weight:bold; box-shadow:0 0 0 1px #ccc; background: linear-gradient(to bottom, #fff 0%,#f0f0f0 100%);}
.comm-rate a {display:block; width:22px; height:22px; position:absolute; top:2px; left:2px; 
text-align:center; line-height:22px; font-size:18px; background-color:#61b804; color:#fff; border-radius:3px; 
background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);}
.comm-rate a:last-child {left:auto; right:2px; line-height:20px; 
background-color:#ec000b; background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.comments-wrap > form {margin-bottom:40px;}
.add-com { margin:-20px;}

.add-com-but {display:block; font-size:18px; padding:0 15px; text-align:center;
border-radius:0; line-height:40px; cursor:pointer; background-color:#596773; color:#fff;}
.add-com-but:hover {background-color:#444; color:#FFF;}
#addcform {display:none; margin:20px 0;}
.mass_comments_action { height: 1%; text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0 0 0;}
.mass_comments_action .bbcodes { margin-bottom: 0 }
 
 
/* GO TOP BUTTON */
.gotop{position:fixed;width:40px;height:40px;right:0;bottom:0;background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}


/* LOGIN
----------------------------------------------- */
.overlay {display:none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 8888;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.overlay-close{cursor: pointer; position: absolute; right: 5px; top: 8px; 
width: 30px; height: 30px; color:#ec3204; font-size:24px !important; text-align:center; line-height:30px !important;}
#loginbox { background: #fff; width: 320px; margin-left: -160px; min-height: 150px; overflow:hidden;
 position: absolute; z-index: 9999; left: 50%; top: 20%; line-height:normal; border-radius:3px;}
.login-title, .log-register, .login-avatar { background-color:#f5f5f5; padding:15px 20px; font-size:16px; position:relative;}
.login-form ul {padding:20px;}
.login-form li {margin-bottom:20px;}
.login-form ul li label {display:inline-block; margin-bottom:5px;}
.login-form ul li input {display:block; height:40px; line-height:40px; border-radius:3px; border:1px solid #e3e3e3; 
width:100%; padding:0 10px;}
.login-form ul li a {float:right;}
.log-check {padding:0 20px; line-height:40px; margin-bottom:20px;}
.log-check input, .log-check label {float:left; display:inline-block; font-size:10px;}
.log-check input {display:none;}
.log-check input + label:before {width:20px; height:20px; margin-right:5px; cursor:pointer;
border-radius:3px; border:1px solid #e3e3e3; content:""; float:left; position:relative; top:8px;}
.log-check input:checked + label:before { background-color:#D80306;}
.log-check button {float:right;}
.log-register, .login-avatar {display:block; background-color:#818DA6; color:#fff !important; text-align:center;}
.avatar-box {width:70px; height:70px; overflow:hidden; border-radius:35px; float:left;}
.avatar-box img {width:100%; min-height:100%;}
.name-box {float:left; padding-left:20px; line-height:70px; font-size:20px; position:relative;}
.name-box a {color:#fff; font-size:12px; border-bottom:1px dotted #fff; line-height:14px;
position:absolute; left:20px; bottom:5px;}
.login-menu li a {display:block; height:36px; line-height:36px; padding:0 20px; border-left:5px solid transparent;}
.login-menu li a:hover, .login-menu li:nth-child(2) a {background-color:#f5f5f5; border-color:#fcdc02;}
.login-menu li:last-child a {background-color:#818DA6; color:#fff;}

.sociallogin {height:auto;}
.sociallogin a { float:left; margin:0 5px 10px 5px;}


/* Fade in effect */
.fade-in {
    animation: fadeIn 0.5s;
}

.DLEPush {
    z-index: 2001;
    position: fixed;
    right: 20px;
    top: 20px
}

@keyframes DLEPush-show {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.DLEPush-notification.wrapper {
    animation-name: DLEPush-show;
    animation-duration: 1s;
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    background: #fff !important;
    border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 45px;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
    scale: .8;
}

.DLEPush-notification .DLEPush-header {
    font-weight: 500;
    grid-column: 2;
    grid-row: 1;
    font-size: 1rem;
    margin-left: 1rem;
    margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
    margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
    grid-column: 2;
    grid-row: 2;
    font-size: .875rem;
    margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
    list-style-type: none;
    padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
    position: absolute;
    top: 4px;
    right: 4px;
    font-weight: 300;
    background: none;
    border: 0;
    font-size: 1.15rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    color: inherit;
    outline: 0;
    opacity: 0.75;
    z-index:2002
}

@media only screen and (min-width: 601px) {
    .DLEPush-notification.wrapper {
        min-width: 400px;
    }
}

.DLEPush-notification .DLEPush-close:hover {
    opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
    background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
    background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
    background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
    background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
    background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
    background-color: #FF5722;
}
.DLEPush-notification .DLEPush-message {
    background-color: #FFF !important;
    border-radius: 5px;
    PADDING:10PX;
}



@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* RESIZE
----------------------------------------------- */
.show-menu {display:none;}

@media screen and (max-width: 1220px) {
.main-box, .bottomus-box, .footerus-box {max-width:1000px;}
.all-wrap:before, body, .main-box {background-image:none;}
.top {z-index:300;}
.main-menu {position:absolute; text-align:left; top:70px; left:0; background-color:#596773; width:100%; padding:10px 0; display:none;}
.main-menu > li {display:block; margin-right:0; position:relative;}
.main-menu > li > a {padding:0 20px; line-height:30px;}
.hidden-menu {padding:10px 0; right:0; background-color:#f6f6f6;}
.hidden-menu li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.alpha-sort {padding:10px 6px 5px 8px; left:0; right:0;}
.alpha-sort a {margin:0 0.2px 5px 2px; width:30px; height:30px;}

.show-menu {display:inline-block; color:#FFF; cursor:pointer; font-size:18px; line-height:70px;}
.show-menu i {margin-right:5px;}
.top-rkl {margin:-20px 0 20px 0;}
.speedbar {padding:0 10px;}

.slide {}
.cs-item {width:100%;height:auto;aspect-ratio: 250/320;object-fit: cover;object-position: center;display: block}
.cs-item img{display: block;object-fit: cover;object-position: center;}
.cs-title {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cs-text {width:100%;max-width:100%}
.owl-theme .owl-controls .owl-buttons div {bottom:110px !important;}
.owl-theme .owl-controls {height:25px !important; bottom:0 !important;}

.middle-wr {padding:20px 0;}
.cats-full-wr {padding:20px 10px 0 10px;}
.main-section-one {padding:0 10px;}
.main-section-three {padding-top:20px;}
.section {margin-bottom:20px;}
.section-title {margin-bottom:20px; line-height:18px;}
.section-title h2 {font-size:18px;}
.section-title a {font-size:14px;}
.ms-two-title, .ms-three-title {font-size:18px;}

.c1-item {width:19.2%; margin:0 1% 20px 0; float:left; position:relative;}
.c1-img {height:270px;}
.c1-rate {overflow:hidden;}
.imdb-rate {margin-left:5px;}
.c2-item {width:18.4%; margin:0 0 20px 1%;}
.c2-item.big .c2-img {height:370px;}
.c2-img {height:155px;}
.show-desc, .show-desc2 {display:none !important;}

.ct-item {height:167px; width:48%; margin:0 1% 10px 1%;}
.cat-trailer {height:160px; width:24%; margin:0 0.5% 10px 0.5%;}
.ca-item {width:23%; margin:0 1% 10px 1%; height:108px; border-radius:54px;}
.cn-item {width:32.33%; height:120px; margin:0 0.5% 10px 0.5%;}
.cat-actor {width:15.66%; margin:0 0.5% 20px 0.5%;}
.cat-actor-img {height:160px;}

.bottomus-box {padding:20px 10px;}
.footerus-box {padding:10px 210px 10px 10px;}
.nav-item li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.film-right {padding-left:10px;}
.film-right h1 {padding-right:90px;}
.tabs {padding-right:90px;}
.film-section-two {margin:20px -10px;}
.rel-item {width:31.33%; margin:0 1% 10px 1%; height:200px;}
}

@media screen and (max-width: 950px) {
.main-box, .bottomus-box, .footerus-box {max-width:768px;}


.cs-cat {margin:10px 0 5px 0;}
.cs-text {padding:20px;}
.owl-theme .owl-controls .owl-buttons div {display:none !important;}

.c1-img {height:210px;}
.c2-item.big .c2-img {height:280px;}
.c2-img {height:110px;}
.c2-item:not(.big) .imdb-rate {display:none;}

.ct-item {height:128px;}
.cat-trailer {height:120px;}
.ca-item {height:82px; border-radius:41px;}
.cn-item {width:48%;}
.cat-actor {width:19%;}
.cat-actor-img {height:150px;}


.rel-item {height:150px;}
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:350px;}
}

@media screen and (max-width: 760px) {
.main-box, .bottomus-box, .footerus-box {max-width:640px;}

.top {height:120px; padding:70px 0 0 0;}
.show-menu {padding:0 20px; line-height:50px; background-color:#596773; display:block;}
.main-menu {top:120px;}
.hidden-menu li {width:50%;}
.logo-box {width:150px; background-size:contain; background-position:left 12px;}
.search-wrap {left:0; height:70px; padding:15px 10px;}

.cs-title {line-height:25px; padding:5px 5px 0 5px; margin-bottom:5px;}
.cs-title span {font-size:18px; outline:#fcdc02 solid 5px;}

.c1-item {width:49.5%; margin:0 1% 20px 0 !important;}
.section-content .c1-item:nth-child(2n), .cats-full-wr .c1-item:nth-child(2n) {margin-right:0 !important;}
.c2-item:not(.big) .imdb-rate {display:inline-block;}
.c2-item {width:32.63% !important; margin:0 1% 20px 0 !important; float:left !important;}
.section-content .c2-item:nth-child(3n) {margin-right:0 !important;}
.c2-img {height:200px !important;}
.c2-item:not(.big) .c2-img img {height:auto; margin-top:0;}

.trailer-wr {width:100%; float:none;}
.actors-wr {width:100%; float:none;}
.main-section-two:before, .main-section-two:after {display:none;}
.ct-item {height:160px;}
.cat-trailer {height:180px; width:49%;}
.ca-item {height:140px; border-radius:70px;}
.cn-item {height:140px;}
.cat-actor {width:24%;}
.cat-actor-img {height:150px;}

.nav-map-col {width:50%; padding-right:20px;}
.counts {display:none;}
.footerus-box {padding:10px;}

.film-section-one {padding-left:0;}
.film-left {width:100%; margin-left:0; float:none; margin-top:20px;}
.film-right {float:none; padding-left:0;}
.film-right h1 {font-size:20px; padding-right:0;}
.tabs {padding-right:0;}
.full-rating {float:none; width:100%; height:40px; position:relative; margin-top:20px;}
.full-rating > span {float:left; width:50%;}
.full-rating > a {width:25%;}
.full-rating > a i {width:100%;}
.full-text {font-size:14px; line-height:20px;}
.rel-item {height:220px;}
.rel-rkl {margin:10px 5px 0 5px;}
.comments-wrap {padding:20px 10px;}
.comm-title {font-size:20px;}
.add-com { margin:-20px -10px;}

.article-wr h1 {min-height:20px;}

.pprev, .pnext {display:none;}
.bottom-nav {margin:20px 0 70px 0;}
.navigation {margin:0; padding:0 10px;}
.navigation a, .navigation span {margin:0 5px 5px 0;}
#loginbox {top:0;}
}

@media screen and (max-width: 590px) {
.main-box, .bottomus-box, .footerus-box {max-width:480px;}

.cs-text {padding:10px;}
.cs-cat {display:none;}
.c2-item .kp-rate {display:block; float:none;}
.c2-item .imdb-rate {margin:5px 0 0 0; display:block; float:none;}
.ct-item {height:150px;}
.cat-trailer {height:140px;}
.ca-item {height:102px; border-radius:51px;}
.cn-item {height:auto; width:100%;}
.cat-actor {width:49%;}
.cat-actor-img {height:220px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:300px;}

.film-fav {margin-bottom:10px;}
.social-likes {display:block; float:none; width:100%; height:auto; padding-top:10px;}
.rel-item {height:180px;}

.comm-item {padding:10px 0 10px 60px;}
.comm-left {margin-left:-60px; width:50px;}
.comm-av {height:50px;}
.comm-group-mark, .comm-id, .mass_comments_action, .comm-bottom-info ul li {display:none;}
.comm-bottom-info ul li:first-child {display:inline-block;} 
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
}

@media screen and (max-width: 470px) {
.main-box, .bottomus-box, .footerus-box {width:100%;max-width:360px;}

.show-login i, .cs-desc, .section-title a {display:none;}
.logo-box {width:120px; background-position:left 18px;}
.search-box input, .search-box input:focus {padding:0 70px 0 10px;}
.search-box button {width:60px;}
.c2-item, .section-content .c2-item:nth-child(3n) {width:49.5% !important; margin:0 1% 20px 0 !important;}
.section-content .c2-item:nth-child(2n) {margin-right:0 !important;}
.c2-img {height:220px !important;}
.ct-item {height:110px;}
.ca-item {height:66px; border-radius:33px;}
.cat-actor-img {height:150px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:250px;}
.rel-item {width:48%; margin:0 1% 10px 1%; height:180px;}

.comm-top-info {height:auto;}
.comm-date {width:100%; float:none;}
.comm-rate {float:left;}
}

/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; width: 360px; font-size: 13px;
    background: var(--ui-bg); box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#searchsuggestions a, #searchsuggestions span {display: block;}
#searchsuggestions a, #searchsuggestions span.notfound {padding:10px 15px; border-bottom: 1px solid var(--ui-bg-darker);}
#searchsuggestions a:hover {background-color: var(--ui-bg-darker);}
#searchsuggestions span.searchheading {margin-bottom:10px; font-size: 16px;}
#searchsuggestions span.searchheading + span {color: #949494;}
#searchsuggestions span.seperator a {padding: 10px 0; text-align: center;
    background-color: var(--ui-bg-accent); color: var(--ui-text-color-on-accent);}
#searchsuggestions span.notfound {padding: 15px 20px;}
#searchsuggestions .break, #searchsuggestions span.seperator {display: none;}
@media screen and (max-width: 960px) {
    #searchsuggestions {width: calc(100% - 40px);}
}

/* Fix dle html5 player
----------------------------------------------- */
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}
.sec-capcha.clearfix{display: flex;margin-bottom: 40px;flex-direction: column}
#dle-captcha{display: block;width:160px;height:80px;background: url(../images/getcode.png) no-repeat !important;font-size: 0;}
span.titorigname{color:#666;font-weight:400}
span.origname{color:#666;font-size:14px;}
.movie-original{margin-top:5px}

.spoiler-content {
    max-height: 16px; /* Show approximately 1 lines */
    overflow: hidden;
    display: block;
}
.spoiler-content.expanded{background-color: var(--bg);padding:10px;top:100%;}
.show-more {
    cursor: pointer;
    color: var(--accent);
    text-decoration: underline dashed;
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
}
.f-addfavorit.show-login {
    background-color: #fcdc02;
    color: #000;
    position: relative;
    line-height: 1;
    left:unset;top:unset;right:unset;
    padding:10px
}
.moviefacts{max-height:32px;overflow: hidden}
.moviefacts.processed{max-height:unset;overflow: unset}

.preloader{display: flex;width:100%;height:auto;aspect-ratio: 16/9;align-items: center;justify-content: center}
.cloader {
    width: 40px;
    height: 40px;
    --c:no-repeat linear-gradient(#fcdc02 0 0);
    background: var(--c),var(--c),var(--c),var(--c);
    background-size: 21px 21px;
    animation: l5 1.5s infinite cubic-bezier(0.3,1,0,1);
}
@keyframes l5 {
    0%   {background-position: 0    0,100% 0   ,100% 100%,0 100%}
    33%  {background-position: 0    0,100% 0   ,100% 100%,0 100%;width:60px;height: 60px}
    66%  {background-position: 100% 0,100% 100%,0    100%,0 0   ;width:60px;height: 60px}
    100% {background-position: 100% 0,100% 100%,0    100%,0 0   }
}
.dopl:after{height:20px;width:20px;content:"";display:inline-block;margin-left:5px;background: url("../images/pbut.svg") no-repeat center/ 20px;transform:translateY(5px); }

.tab-switch{display: flex;align-items: center;justify-content: flex-start;background-color: #f8f8f8}
.tab-switch .tab-button.btn{background-color: #fcdc02d9;color:#535865; padding:10px 20px;margin-right:5px;border-radius:6px 6px 0 0;font-weight:600;cursor: pointer}
.tab-switch .tab-button.btn.l-light{background-color: #999;color:#535865; }

#toggleTvBtn {
    background-color: #bf090e;
    color: #fff;
    text-align: center;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    display: flex;
    width: 100%;
    position: relative;
    font-weight:600;
    font-size: 13px;
    max-width:1120px;
    margin:10px auto 20px;
}

#toggleTvBtn:hover {
    background-color: #292c33;
    color: #fff;
    cursor: pointer
}

#toggleTvBtn:before {
    display: block;content:"";width:30px;height:30px;
    background-image: url(../images/tvmode.svg);
    background-repeat: no-repeat;
    margin-right:10px;
}
#toggleTvBtn:after {
    display: block;content:"new";width:26px;height:14px;border-radius:4px;
    background: #222; color:white;padding:1px;
    font-size:11px;font-weight: 400;
    position:absolute;right:4px;top:4px;
}