*::-webkit-input-placeholder {
color : #fff;
opacity : 1;}
*:-moz-placeholder {
color : #fff;
opacity : 1;}
*::-moz-placeholder {
color : #fff;
opacity : 1;}
*:-ms-input-placeholder {
color : #fff;
opacity : 1;}
:root {
--art-width : 25%;}
body {
background : #252525;
background-image : url(../images/bg-min.jpg);
font-family : 'Roboto', sans-serif;
font-size : 14px;
background-attachment : fixed;
margin : 0;
padding : 0;
overflow-x : hidden;}
body.hidden {
overflow : hidden;}
a {
color : #1E7BB1;
text-decoration : none;
font-weight:bold;}
a:hover {
color: #f00;} 
* {
box-sizing : border-box;
list-style : none;
padding : 0;
outline : none;}
img {
width : 100%;height : 100%;}
.backside {
z-index : -1;
width : 100vw;
height : 100vh;
position : fixed;
background : rgb(0 0 0 / 72%);
top : 0;
left : 0;
opacity : 0;}
.backside.active {
z-index : 3;
opacity : 1;}
#wrapper {
background : white;
border-radius : 30px;
width : 100%;
max-width : 1440px;
margin : 90px auto;}
.right_wrapper {
background : #F6F7F9;
width : 100%;
max-width : 280px;
min-width : 280px;
padding : 10px;
border-radius : 0 20px 0 0;
transition: .2s;}
#main_wrapper {
display : flex;    
justify-content : space-between;}
header {
display : flex;
padding : 20px 35px;
align-items : center;
justify-content : space-between;
width : 100%;
flex-wrap : wrap;
position : relative;}
footer {
background : #ececec;
padding : 20px;
border-radius : 0 0 20px 20px;}
nav ol {
display : flex;
font-family : 'Raleway', sans-serif;
width : 100%;}
nav ul {
display : flex;
font-family : 'Raleway', sans-serif;
width : 100%;}
a.nav_link {
margin : 0 5px 0 0;
padding : 5px;
letter-spacing : 0.5px;  
font-weight : 600;
text-decoration : none;}
a.nav_link:hover {
background : #eaeaea;
border-radius : 5px;}
a.nav_link:focus {
background : yellow;}
.cat_button {
position : absolute;
width : 40px;
height : 40px;
background-color : #ffe000;
top : 0;
right : 0;
border-radius : 5px;    
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
display : none;}
.cat_button.active {
background-color : #f5ad9d;}
.menu_button {
position : absolute;
width : 40px;
height : 40px;
background : #FFFFDF;
top : 0;
right : 40px;
border-radius : 5px;
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
display : none;}
.left_wrapper {
display : flex;
width : calc(100% - 280px);
flex-direction : column;}
.logo {
padding : 10px;
background : #04175E;
color : #F6E2C9;
font-size : 1.2em;
border-radius : 5px;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 1px;
font-family : 'Raleway', sans-serif;}
.logo:hover {
background : #1193DA;
color : white;}
.main_content {
display : flex;
padding : 0 20px 20px;}
.ac {
padding : 5px 10px;
background : white;
width : fit-content !important ;
border-radius : 5px;
margin : 10px 0 0 0;
font-size : 0.9em;}
.ac:hover {
background : #ffe000;}
.seotext {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
background : rgb(242 242 242);
border-radius : 10px;
padding : 10px;}
.seo_text {
box-shadow : 0 -10px 17px -10px #f2f2f2 inset;
position : relative;}
.seotext p {
padding : 0;
margin : 5px 0;
line-height : 1.5em;
color : #555;}
.seotext h1 {
padding : 0;
margin : 0 0 10px;}
article.fullstory {
display : flex;
flex-direction : column;
grid-gap: 10px;}
.dorama_info {
display : flex;}
.rating_full {
padding : 5px 10px 3px;
display : block;
background : #252525;
width : fit-content;
border-radius : 10px;}
.rating_kp {
background : #ffbc00;
padding : 0 0 0 5px;
display : flex;
align-items : center;
font-size : 0.8em;
margin : 0 7px;}
.rating_kp span {
padding : 5px;
display : block;
background : #ffda73;
margin-left : 5px;}
.rating_imdb {
background : #c3c3c3;
padding : 0 0 0 5px;
display : flex;
align-items : center;
font-size : 0.8em;
margin : 0 7px;}
.rating_imdb span {
padding : 5px;
display : block;
background : #e8e8e8;
margin-left : 5px;}
.dorama_info_img img {
width : 200px;
position : relative;
height : auto;
border-radius : 10px;}
main {
padding : 0 0 0 20px;
display : flex;
flex-direction : column;
grid-gap: 20px;
width : 100%;}
div#dle-content {
display : flex;
flex-direction : column;}
ul.dorama_ul li {
display : flex;
padding : 5px;
background : #f6f7f9;
margin : 5px 0;
font-size : 1em;}
.ul_left {
margin-right : 10px;
color : #bd4476;}
.dorama_soc {
display : flex;
grid-gap: 10px;
align-items : center;
flex-wrap : wrap;}
.dorama_soc > a {
display : flex;
align-items : center;
grid-gap: 2px;
background : #f6f7f9;
border-radius : 5px;
padding : 2px 4px;}
.dorama_soc > a:hover {
background : #ffb5b6;
color : white;}
.dorama_info_t {
margin-left : 20px;
width : 100%;}
.dorama_info_t p {
overflow-y : hidden;
font-size : 1em;
line-height : 1.5em;}
.vovie_title h1, .vovie_title {
font-size : 1.4em;
font-family : 'Raleway', sans-500;
font-weight : 500;
margin : 0;}
.vovie_title a:hover {
color : red;}
.dorama_info_img {
position : relative;
margin : 0 10px 0 0;}
.kachestvo {
position : absolute;
background : #1E7BB1;
top : 1px;
color : #FFFFFF;
left : 2px;
padding : 2px;
font-size : 0.9em;
letter-spacing : 1px;
border-radius : 5px;    }
div#dle-comments-list {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
background : #eaeaea;
border-radius : 10px;
column-gap : 20px;
grid-gap: 20px;
padding : 20px;}
div#dle-comments-list > div {
width : 100%;}
span.heading {
display : block;
background : #9285ca;
border-radius : 5px;
padding : 10px;
margin : 0 0 20px;
color : #f6f7f9;
width : fit-content;}
.comments-full {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
background : #f6f7f9;
border-radius : 10px;
column-gap : 20px;
grid-gap: 20px;
padding : 20px;}
.reload-full-block img {
width : 20px;
height : 20px;}
div#comment {
display : none;}
.reload-full-block {
display : flex;}
.userinfo-full {
display : flex;
grid-gap: 10px;}
.text-comments-fullbl {
width : 100%;}
.info_dorama_small {
display : flex;
justify-content : space-between;
border-left : 5px solid transparent;}
.info_dorama_small:hover {
border-left : 5px solid #416C28;}
.info_dorama_small img {
width : 45px;
height : 55px;
margin : 10px;
object-fit : cover;
border : #ababab solid 2px;
border-radius : 10px;}
.info_dorama_small__right {
display : flex;
flex-direction : column;
justify-content : center;
color : white;
width : 100%;}
.info_dorama_small__right span {
font-size : 0.65em;
color : #676767;
margin-top : 3px;}
.info_dorama_small__title {
letter-spacing : 0.5px;
font-family : 'Raleway', sans-500;
font-weight : 300;
font-size : 1.1em;}
.info_dorama_small__rate {
display : flex;
align-items : center;
justify-content : center;
min-width : 40px;
color : #416C28;
padding-right : 10px;}
ul.zhanr {
width : calc(100% + 70px);
margin : 15px -34px;
display : flex;
flex-wrap : wrap;
align-items : center;
background : #f6f7f9;}
ul.zhanr a {
color : #000;
display : inline-block;
text-align : center;
padding : 3px 0 2px;
background : #eaeaea;
border : #f6f7f9 solid 1px;
font-weight : 500;
text-transform : capitalize;
padding : 10px;
line-height : 18px;
font-size : 1em;
font-family : 'Raleway', sans-serif;
width : 100%;}
ul.zhanr a:hover {
background : #FFFFDF;  }
ul.zhanr li {
flex : 150px;}
ul.profile-block {
margin : 0;
width : 100%;
display : flex;}
.newserials {display: flex;
flex-direction: column;
grid-gap: 5px;}
.newserials a {
padding: 3px;
background: #eaeaea;
font-family: 'Raleway', sans-serif;
font-weight: 400;
border: #f6f7f9 solid 1px;}
.newserials a:hover {
background: #FFFFDF;}
.right_title {
padding : 10px;
display : block;
background : #252525;
color : white;
font-family : 'Raleway', sans-serif;
margin-bottom : 5px;}
ul.profile-block a {
padding : 5px;
background : #1E7BB1;
color : white;
width : 100%;
text-align : center;
border-radius : 5px;
font-family : 'Raleway', sans-500;
font-size : 0.9em;
margin : 5px;}
ul.profile-block a:hover {
background : black;}
ul.profile-block li {
display : flex;
width : 50%;}
.lastc {
background : #000000;
padding : 15px;
margin : 10px 0;
border-radius : 10px;
position: sticky;
top: 10px;
overflow : hidden;
color : white;}
.lastc__text {
overflow-y : hidden;
font-size : 0.9em;
line-height : 1.5em;
position : relative;
z-index : 2;
margin : 5px 0;}
.lastc__title {
margin : 0 0 10px 0;
z-index : 2;
position : relative;
font-family : 'Raleway', sans-serif;}
.lastc__title a {
color: white;}
.vovie_title:first-letter, .info_dorama_small__title:first-letter, .lastc__title:first-letter {
font-family : "Times New Roman", Times, serif;
font-size : 130%;
color : #bd4476;}
.ads_cont {
background : #416C28;
padding : 15px;
margin : 10px 0;
border-radius : 10px;
display : flex;
color : white;
align-items : center;
justify-content : center;
height : 140px;
text-transform : uppercase;
letter-spacing : 2px;
position : sticky;
top : 10px;}
.description-text {
background : #f6f7f9;
padding : 20px;
border-radius : 10px;}
.description-title {
font-size : 1.2em;
margin : 0;
width : 100%;}
.description-text p {
font-size : 1em;
margin : 5px 0;
line-height : 2em;}
.player_frame {
background : #000000;
padding : 10px;
border-radius : 5px;
margin : 0;}
.player_frame h2 {
color : white;
margin : 0;
font-size : 1.3em;
margin-bottom : 10px;
padding : 7px 5px;}
.player_frame iframe {
width : 100%;
height : 100%;
min-height : 400px;    }
.play_frame iframe {
width : 100%;
height : 100%;
min-height : 400px;}
.original-name {
margin : 10px 0;
font-size : 1em;
background : #f6f7f9;
width : fit-content;
padding : 5px;
border-radius : 10px;}
.dorama_limk {
position : absolute;
bottom : 0;
z-index : 2;
width : 100%;
background : #252525;
text-align : center;
font-size : 0.9em;
letter-spacing : 1px;
border-radius : 10px;}
.dorama_info:hover .dorama_limk a {
background : #75C71B;
color : white;
border-radius : 10px;}
.dorama_limk a {
display : inline-block;
width : 100%;
padding : 10px;
color : white;}
.dorama_limk:hover {
background : white !important ;}
.lastc::after {
content : "";
width : 500px;
height : 200px;
background : #3a3a3a;
top : 0;
left : 0;
z-index : 1;
transform : rotate(45deg) translateY(220px);}
.lastc:hover::after {
transform : rotate(0deg) translateY(70px);}
.search_block {
margin : 5px -10px 5px 0;}
form.art-search {
display : flex;}
button.btn.btn-danger {
cursor : pointer;
background : #252525;
padding : 7px;
border-radius : 0;
border : none;}
form.art-search input {
border : none;
background : #252525;
border-radius : 5px 0 0 5px;
color : white;
height : auto;
text-indent : 10px;
width : 100%;
line-height : 0;}
.content {
font-size : 0.8em;
line-height : 24px;
letter-spacing : 1px;
font-weight : normal;
display : none;
overflow : hidden;
padding : 10px;
position : sticky;
z-index : 999;
border-radius : 20px 20px 0 0;
background : white;
width : 100%;
max-width : 1440px;}
.content::after {
top : -70px;
left : -100px;
position : absolute;
content : "";
width : 100%;
transform : rotate(-5deg);
height : 100px;
background : #ffe000;}
.content p {
margin : 0 auto;
width : 100%;
max-width : 1440px;
position : relative;
z-index : 2;}
.content.open {
height : auto;
opacity : 1;}
.intro, .footer {
position : absolute;
transform : translateX(-100%) translateY(30px);}
.toggle {
background : white;
color : #B29F7B;
border : solid 2px;
border : none;
padding : 10px 5px 10px 10px;
border-radius : 10px 0 0 10px;
cursor : pointer;
font-weight : bold;}
.toggle:before {
content : "";
overflow : hidden;
font-size : 0;
transition-timing-function : linear;}
.toggle:hover:not(.open):before {
font-size : 0;}
@media screen and (min-width: 560px) {
.toggle:hover:not(.open):before {
font-size : 0.65em;}}
.toggle .open {
background : aquamarine;}
.toggle.intro.open {
background : #ffe000;}
.bottom-nav {
text-align : center;
padding-top : 10px;
position : relative;
display : flex;
justify-content : center;
align-items : center;}
.pagi-load > span {
display : none;}
.pagi-load a {
border-radius : 10px;
margin-bottom : 10px;
padding : 10px 80px;
background : aliceblue;
color : black;
display : block;
font-size : 0.9em;
text-transform : uppercase;
letter-spacing : 1px;}
.pagi-load a:hover {
background-color : #c829fc;
color : white;}
.navigation a:hover {
background-color : #7e79ba;
color : #fff;}
.pagi-nav {
width : 100%;
display : flex;
align-items : center;
justify-content : center;
margin-top : 10px;
flex-direction : column;}
.pagi-nav > span {
display : flex;}
.pnext a, .pprev a, .pprev > span, .pnext > span {
display : block;
width : 36px;
text-align : center;}
.navigation {
line-height : 36px;
width : fit-content;
display : flex;}
.flex-cont {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
background : #eaeaea;
border-radius : 10px;
column-gap : 20px;
grid-gap: 20px;
padding : 20px;}
.full_meta {
display : flex;
flex-wrap : wrap;
background : #EFEFEF;
column-gap : 20px;
grid-gap: 20px; 
padding : 5px;    
border-radius : 0 0 10px 10px;}
.full_meta span {
padding : 8px;
background : #252525;
border-radius : 5px;
color : white;
max-width : 200px;
overflow : hidden;
white-space : pre;}
.full_meta a {
color : #F6E2C9;}
.pages {
display : flex;
align-items : center;
justify-content : center;}
.bottom-nav {
clear : both;
padding-top : 20px;}
.nav-load {
text-align : center;}
.nav-load a {
padding : 0 60px;
display : inline-block;
height : 50px;
line-height : 50px;
border-radius : 20px;
font-weight : 700;
font-size : 1.2em;
background-color : #252525;
color : #fff;
box-shadow : 1px -3px 11px -10px #292929 inset;}
.nav-load a:hover {
background-color : #e4e4e4;
color : #131313;}
.nav-load span {
display : none;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
display : flex;
align-items : center;
justify-content : center;
padding : 0 10px;
margin : 5px 2px 0 2px;
border-radius : 4px;
color : white;
min-width : 36px;
background-color : #252525;}
.pnext a, .pprev a {
height : 46px;
background : #252525;}
.pnext a:hover, .pprev a:hover {
background : #eaeaea;
color : greenyellow;}
.navigation span, .pagi-nav a:hover {
background-color : #efefef;
color : #000000;
border : none;
box-shadow : 1px -3px 11px -10px #292929 inset;}
.navigation span.nav_ext {
background : #ffffff;
color : #7B8494;}
.pagi-nav a:hover {
color : #000;}
.baseform {
display : flex;
flex-direction : column;
align-items : center;
justify-content : center;}
.fieldsubmit {
width : 100%;}
@media only screen and (max-width: 1200px) {
:root {--art-width : 33.3%;}
#wrapper {
margin : 0;
width : auto;
border-radius : 0;}
.main_content {
flex-direction : column-reverse;}}
@media only screen and (max-width: 992px) {
:root {--art-width : 50%;}}
@media only screen and (max-width: 768px) {
:root {--art-width : 33%;}
header {
padding : 10px;
border-bottom : 5px solid #f6f7f9;
position : fixed;
background : white;
z-index : 9;
top : 0;}
.flex-cont {
padding : 10px;
column-gap : 10px;
grid-gap: 10px;}
.dorama_info_img img {
width : 120px;}
.fullstory .dorama_info {
grid-gap: 20px;
align-items : center;}
.dorama_info_t {
margin : 0;}
main {
margin : 0;
padding : 0;}
.main_content {
padding : 10px;}
.left_wrapper {
width : 100%;}
#main_wrapper {
padding-top : 110px;}
ul.zhanr {
width : 100%;
margin : 0;}
div#cat {
display : none;}
.menu_button, .cat_button {
display : block;}
.right_wrapper {
position : fixed;
transform : translateX(1000px);
overflow-y : scroll;
right : 0;
height : calc(100vh - 110px);
visibility : hidden;
border-radius : 0;}
.right_wrapper.active {
transform : translateX(0);
display : block;
z-index : 6;
visibility : visible;}
.ads_cont {
position : relative;}
nav {
overflow-x : scroll;
width : 100%;
margin-top : 10px;}
nav ul > li {
width : fit-content;
min-width : fit-content;}}
@media only screen and (max-width: 480px) {
:root {--art-width : 50%;}
ul.zhanr li {
flex : auto;}
.navigation {
flex-wrap : wrap;
align-items : center;
justify-content : center;
margin-bottom : 10px;}}
@media only screen and (max-width: 320px) {}
.relatednews img {
width: 18%;
height: auto;
position : relative;
border-radius : 14px;
border : #1E7BB1 solid 3px;
padding : 3px;
margin: 1px;    
background : #EAEAEA;}
.relatednews img:hover {
background : #bd4476;
color : white;}
.viator-text h3 {
font-size : 1.2em;
margin : 2px 0;
padding : 4px;
line-height : 1em;}
.epilog {
background : #f6f7f9;
padding : 2px;
border-radius : 20px;}
.form_dorama_small {
display: flex;
justify-content: space-between;
border-left: 1px solid transparent;
transition: .2s;}
.form_dorama_small img {
width: 70px;
height: 105px;
margin: 1px;
object-fit: cover;
border-radius: 10px;}
.form_dorama_small__right {
display: flex;
flex-direction: column;
justify-content: center;
color: black;
width: 70%;}
.form_dorama_small__title {
letter-spacing: .5px;
font-family: 'Raleway', sans-900;
font-weight: 300;
font-size: 1em;}
.form_dorama_small__right span {
font-size: .65em;
color: #676767;
margin-top: 3px;}
.form_dorama_small__rate {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
color: #416C28;
padding-right: 10px;
border-radius: 8px;}
.form_story_right {
font-size : 1em;}    
.img_top{
width: 80%;
height: auto; 
display: block;
margin-left: auto;
margin-right: auto   }
@media (min-width: 980px) {
.wind {
height: 330px;
background: black;  }}
.rate_stars { margin-top: 6px; }
.section {
width : 100%;
height : 100%; 
background: #EFEFEF}      
ul.tabs {
height: 28px;
line-height: 25px;
list-style: none;}
.tabs li {
float: left;
display: inline;
margin: 0 2px 2px 0;
padding: 0 13px 1px;
cursor: pointer;
background: #F9F9F9;
border: 1px solid #1E7BB1;
border-bottom: 1px solid #E4E4E4;
position: relative;}
.tabs li:hover,
.vertical .tabs li:hover {
color: #F70;
padding: 0 13px;
background: #FFFFDF;
border: 1px solid #FFCA95;}
.tabs li.current {
color: #ffffff;
background: #1E7BB1;
padding: 0 13px 2px;
border: 1px solid #D4D4D4;
border-bottom: 1px solid #EFEFEF;}
.boks {
width : 100%;
height : 100%;
min-height : 420px;
display: none;
background: #EFEFEF;
padding: 0 20px; }
.boks.visible {
display: block;}
.episode a.active {
color: #993300;
background: #FFFFDF; }
.episode li {
float: left;
display: inline;
margin: 0 4px 4px 0;
padding: 5px;
min-width : 73px;    
cursor: pointer;
background: #F9F9F9;
border: 1px solid #1E7BB1;
position: relative;
border-radius: 8px;  }
.episode li:hover {
color: #F70;
background: #FFFFDF;}
.bbread {
 float: left;
display: inline;
cursor: pointer;
position: relative;}
.kadr img {
width: 100%;
height: 100%;
border-radius: 10px;}    
.poster_episode img {
width: 120px;
height: auto;   
border-radius: 10px;}
@media only screen and (max-width: 768px){
.poster_episode img {
width: 90px;}}
.episode_full {
float: left;
display: inline;
margin: 7px;
padding: 12px;
cursor: pointer;
background: #252525;
position: relative;
border-radius: 8px;}
.episode_full a:hover {
color: #f75959;}
.statys {
position: relative;
background : #339966;
top : -36px;    
color : #FFFFFF;
padding : 2px;
font-size : 1em;
letter-spacing : 1px;
border-radius : 5px;}
.soz {
padding: 5px 5px 5px 20px;    
display: flex;}