@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
*{
background:transparent;
margin:0;
padding:0;
outline:none;
border:0;
box-sizing:border-box}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
font-size:100%;
font:inherit;
vertical-align:baseline}
article, aside, details, figcaption, figure, figure img, hgroup, footer, header, hgroup, menu, nav, section, main{
display:block}
/*body{
font:14px/18px 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
line-height:normal;
padding:0;
margin:0;
height:100%;
width:100%;
font-weight:300;
overflow-x:hidden}*/
body{
font:14px/18px "Roboto Flex", Helvetica, sans-serif;
line-height:normal;
padding:0;
margin:0;
height:100%;
width:100%;
font-weight:300;
overflow-x:hidden}
h1{
font-size:25px;
font-weight:600
}
h2{
font-size:20px;
font-weight:600
}
h3{
font-size:17px;
font-weight:600
}
h4{
font-size:15px;
font-weight:600
}
h5{
font-size:13px;
font-weight:600
}
body{
line-height:1}

body {
--scrollbar-foreground: #8d8e94;
--scrollbar-background: #fff;
--scrollbar-size: 16px;
}

body::-webkit-scrollbar {
	height: var(--scrollbar-size);
	width: var(--scrollbar-size);
}

body::-webkit-scrollbar-thumb {
	background: var(--scrollbar-foreground);
	border: 6px solid #fff;
	border-radius: 10px;
}

body::-webkit-scrollbar-track {
	background: var(--scrollbar-background);
	border-radius: 0;
}



/* закомент пока 

body {
  --text-color: #222;
  --bkg-color: #fff;
}

         
@media (prefers-color-scheme: light) {
  
  body {
    --text-color: #eee;
    --bkg-color: #121212;
  }
  body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
    --trans-posit: translateX(10%);
  } 
}   

 

@media (prefers-color-scheme: dark) {
       
body.dark-theme {
  --text-color: #bbb;
  --bkg-color: #1f1f1f;
  --trans-posit: translateX(150%)
}
body.dark-theme {
    .wrapper {background-color: #1f1f1f}
.h__bottom-m-link, .h__menu-sublink {color: var(--text-color)}  
    .fa-moon-o:before {
    content: "\f185";}
    .fa-sun-o:before {
    content: "\f186";}
    .logotype-img{background-image:url(/templates/animav-new-dark/images/logi.webp);width: 93px;height: 70px;background-repeat: no-repeat}
    .grid__thumb .short {background-color:#2b2a2a;}
    .full__info {color: #868e96;}
    .perech {position: relative;
  background-color: var(--bkg-color);
  width: 20px;right: calc(5% - 5px);transform: translateX(150%);transition: all 750ms;}
}   
}


.perech {position: relative;
  background-color: var(--bkg-color);
  width: 20px;right: calc(5% - 5px);transform: translateX(10%);transition: all 750ms;}


.content {background-color: var(--bkg-color);}
       .h__bottom-m--dropdown {background-color: var(--bkg-color);}
       .grid__thumb .short {background-color: var(--bkg-color);}    
       .h__in-top {background-color: var(--bkg-color);}
h1, h2, h3, h4, h5, a, p {
  color: var(--text-color);
} 
*/

/* закомент пока 2 рабочий
body {
  --text-white: #ffffff;
  --text-dark: #4d5a68;
  --text-content: #4d5a68;
  --bg-grey-light: #f5f5f5;
  --bg-white: #ffffff;
  --bg-blue-dark: #142136;
  --bg-indigo: #6366f1;
.wrapper {background-color: var(--bg-grey-light)}
background-color: var(--bg-grey-light);
  
}
.dark {
  --text-white: #e6e6e6;
  --text-dark: #ddd;
  --text-content: #bbb;
  --bg-grey-light: #1d1d1d;
  --bg-white: #1f1f1f;
  --bg-blue-dark: #142136;
  --bg-indigo: #7577e1;
}
.dark {
 .logotype-img{background-image:url(/templates/animav-new-dark/images/logi.webp)}
        .perech {
  background-color: var(--bg-grey-light);right: calc(5% - 5px);transform: translateX(130%);transition: all 750ms;}
        .fa-moon-o:before {
    content: "\f185";}
    .fa-sun-o:before {
    content: "\f186";}
.text-copy:nth-child(1){stroke:#878787;animation-delay:-1s}
.text-copy:nth-child(2){stroke:#878787;animation-delay:-2s}
.text-copy:nth-child(3){stroke:#878787;animation-delay:-3s}
.text-copy:nth-child(4){stroke:#878787;animation-delay:-4s}
.text-copy:nth-child(5){stroke:#878787;animation-delay:-5s}
.text-copy-ru:nth-child(1){stroke:#878787;animation-delay:-1s}
.text-copy-ru:nth-child(2){stroke:#878787;animation-delay:-2s}
.text-copy-ru:nth-child(3){stroke:#878787;animation-delay:-3s}
.text-copy-ru:nth-child(4){stroke:#878787;animation-delay:-4s}
.text-copy-ru:nth-child(5){stroke:#878787;animation-delay:-5s}

.wrapper {background-color:#1d1d1d}
    
}
body { transition: unset !important; }
.perech {position: relative;
  background-color: var(--bg-grey-light);
  width: 20px;right: calc(5% - 5px);transform: translateX(0%);transition: all 750ms;}
*/

:root {
  --color-main: #333;
  --color-text: #333;
  --color-text-a: #4d5a68;
  --bg-color: #fff;
  --bg-content: #fff;
}
body.dark {
  --color-main: #ddd;
  --color-text: #bbb;
  --color-text-a: #bbb;
  --bg-color: #1d1d1d;
  --bg-content: #1f1f1f;
}

body.dark .menu-main, body.dark .menu-cat, body.dark .h__menu-subitem a {
   color: #ddd;
}
body.dark .h__bottom-m--dropdown {
border: 1px solid hsla(0,0%,87.1%,.1);
}


h1, h2, h3, h4, h5 {color: var(--color-text);}

.dark {
.shadow-text {color: var(--color-text);}
    /*
.logotype-img {
background-image: url(/templates/av/images/logo-dark.webp);}
*/
    
.fa-moon-o:before {content: "\f185";}

   

.text-copy:nth-child(1){stroke:#878787;animation-delay:-1s}
.text-copy:nth-child(2){stroke:#878787;animation-delay:-2s}
.text-copy:nth-child(3){stroke:#878787;animation-delay:-3s}
.text-copy:nth-child(4){stroke:#878787;animation-delay:-4s}
.text-copy:nth-child(5){stroke:#878787;animation-delay:-5s}
.text-copy-ru:nth-child(1){stroke:#878787;animation-delay:-1s}
.text-copy-ru:nth-child(2){stroke:#878787;animation-delay:-2s}
.text-copy-ru:nth-child(3){stroke:#878787;animation-delay:-3s}
.text-copy-ru:nth-child(4){stroke:#878787;animation-delay:-4s}
.text-copy-ru:nth-child(5){stroke:#878787;animation-delay:-5s}

}


.theme-switcher {
    &__light { display: none; }
    &__dark { }

    body.dark & {
        &__light { display: inline; }
        &__dark { display: none; }
    }
}

body.dark .color_text_no_a {
color:#bbb;
}

blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
html {
font-family : sans-serif;
height : 100%;
min-height : 100%;
}
body {
min-height : 100%;
overflow: auto !important;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
input, select {
vertical-align : middle;
}
img {
max-width : 100%;
height : auto;
vertical-align : middle;
min-height : 100%;
}
img[data-src] {
opacity : 0;
transition : opacity 0.3s;
}
img.lazy-loaded {
opacity : 1;
}
a {
color : var(--color-text-a);;
text-decoration : none;
cursor: pointer;
}
a:hover {
color : #f60;
text-decoration : none;
}
h1, h2, h3, h4, h5 {
font-weight : 500;
font-size : 17px;
position : relative;
}
b, strong {
font-weight : 500;
}
.button, .pagi__load a, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a {
padding : 0 10px;
color : #fff;
display : inline-block;
background-color : #f60;
height : 30px;
line-height : 30px;
border-radius : 3px;
cursor : pointer;
font-size : 13px;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border : 0;
padding : 0;
}
button[disabled], input[disabled] {
cursor : default;
}
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover, .pagi-load a:hover, button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {
color : #4d5a68;
background-color : #f4f6f8;
}
body.dark .button:hover {
background-color: #363636;
}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
box-shadow : 0 1px 4px 0 rgb(0, 0, 0, 0.1) inset;
}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button {
font-size : 12px !important ;
height : 30px !important ;
line-height : 30px !important ;
padding : 0 10px;
border-radius : 3px;
}
input[type="text"], input[type="password"] {
display : block;
width : 100%;
height : 40px;
line-height : 40px;
padding : 0 15px;
margin-bottom: 5px;
color : #000000;
border-radius : 5px;
border: 1px solid rgba(31,31,31,.1);
}
body.dark input[type="text"], body.dark input[type="password"] {
border: 1px solid rgb(255 255 255 / 10%);
color: #bbb;
}
input:focus::-webkit-input-placeholder {
color : transparent;
}
input:focus::-moz-placeholder {
color : transparent;
}
input:focus:-moz-placeholder {
color : transparent;
}
input:focus:-ms-input-placeholder {
color : transparent;
}
select {
height : 40px;
border : #e3e3e3 solid 1px;
background-color : #FFF;
border-radius: 5px;
}
body.dark select {
color: #bbb;
border: #454545 solid 1px;
background-color: #1d1d1d;
}
textarea {
display : block;
width : 100%;
padding : 10px;
border : #e3e3e3 solid 1px;
border-radius : 0 0 6px 6px;
box-shadow : 0 0 4px 0 rgb(0, 0, 0, 0.1) inset;
overflow : auto;
vertical-align : top;
resize : vertical;
}
body.dark textarea {
color: #bbb;
border: #454545 solid 1px;
}
.tooltip {
  position:absolute; z-index:10; display:block; visibility:visible;
  font-size:13px; line-height:1.4; opacity: 0; filter: alpha(opacity=0);z-index:1000;}
.tooltip.in {opacity:0.95; filter: alpha(opacity=95);}
.tooltip.top {margin-top:-5px; padding:5px 0;}
.tooltip.bottom {margin-top:5px; padding:5px 0;}
.tooltip-inner {
max-width:250px;
padding:7px 10px; 
color:#fff; 
text-align:center;
background: #f60;
border-radius:5px;
}  
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom:0px; left:50%; margin-left:-5px; border-width:5px 5px 0;border-bottom-color: #f60;}
.tooltip.bottom .tooltip-arrow {top:0px; left:50%; margin-left:-5px; border-width:0 5px 5px;border-bottom-color: #f60;}
.button .icon {
font-size : 15px;
}
.button:hover .icon {
color : #f60;
}
.fars {
position : relative;
}
.fb-check {
position : relative;
cursor : pointer;
font-weight : 400;
height : 30px;
line-height : 30px;
display : block;
margin-bottom : 2px;
}
.fb-check input {
opacity : 0;
position : absolute;
cursor : pointer;
}
.fb-check span {
display : inline-block;
padding-left : 50px;
height : 30px;
line-height : 30px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
width : 100%;
}
.fb-check span:before, .fb-check span:after {
content : '';
position : absolute;
top : 50%;
transition : 0.3s;
}
.fb-check span:before {
left : 0;
height : 16px;
margin-top : -8px;
width : 40px;
border-radius : 2px;
background : #fff;
background-color : #f4f9ff;
}
.fb-check span:after {
left : 1px;
height : 16px;
width : 16px;
margin-top : -10px;
border-radius : 4px;
border : #f60 solid 2px;
}
.fb-check input:checked + span:before {
background-color : #f6052;
}
.fb-check input:checked + span:after {
left : 21px;
background-color : #f60;
}
.fb-checkt label {
display : flex;
font-size : 16px;
margin-bottom : 5px;
cursor : pointer;
position : relative;
}
.fb-checkt label span {
display : inline-block;
position : relative;
background-color : transparent;
width : 18px;
height : 18px;
transform-origin : center;
border : #f60 solid 2px;
border-radius : 4px;
vertical-align : -6px;
margin-right : 10px;
transition : background-color 150ms 200ms, transform 350ms cubic-bezier(0.78,-1.22,0.17,1.89);
}
.fb-checkt label span:before {
content : "";
width : 0;
height : 2px;
border-radius : 2px;
background : #f60;
position : absolute;
transform : rotate(45deg);
top : 6px;
left : 4px;
transition : width 50ms 50ms ease;
transform-origin : 0% 0%;
}
.fb-checkt label span:after {
content : "";
width : 0;
height : 2px;
border-radius : 2px;
background : #f60;
position : absolute;
transform : rotate(305deg);
top : 11px;
left : 6px;
transition : width 50ms ease;
transform-origin : 0% 0%;
}
.fb-checkt label:hover span:before {
width : 5px;
transition : width 100ms ease;
}
.fb-checkt label:hover span:after {
width : 10px;
transition : width 150ms 100ms ease;
}
.fb-checkt input[type="checkbox"] {
display : none;
}
.fb-checkt input[type="checkbox"]:checked + label span {
border : 0;
}
.fb-checkt input[type="checkbox"]:checked + label span:after {
width : 10px;
left : 9px;
top : 12px;
transition : width 150ms 100ms ease;
}
.fb-checkt input[type="checkbox"]:checked + label span:before {
width : 7px;
top : 8px;
left : 6px;
transition : width 150ms 100ms ease;
}
.fb-checkt input[type="checkbox"]:checked + label:hover span:after {
width : 10px;
transition : width 150ms 100ms ease;
}
@font-face {
font-family : 'P_NovaExCn-Black';
src : url("../fonts/ProximaNovaExCn-Black.eot");
src : url("../fonts/ProximaNovaExCn-Black.woff2") format('woff2'), url("../fonts/ProximaNovaExCn-Black.woff") format('woff'), url("../fonts/ProximaNovaExCn-Black.ttf") format('truetype'), url("../fonts/ProximaNovaExCn-Black.svg#ProximaNovaExCn-Black") format('svg'), url("../fonts/ProximaNovaExCn-Black.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'P_NovaExCn-Bold';
src : url("../fonts/ProximaNovaExCn-Bold.eot");
src : url("../fonts/ProximaNovaExCn-Bold.woff2") format('woff2'), url("../fonts/ProximaNovaExCn-Bold.woff") format('woff'), url("../fonts/ProximaNovaExCn-Bold.ttf") format('truetype'), url("../fonts/ProximaNovaExCn-Bold.svg#ProximaNovaExCn-Bold") format('svg'), url("../fonts/ProximaNovaExCn-Bold.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'P_NovaExCn-Extrabld';
src : url("../fonts/ProximaNovaExCn-Extrabld.eot");
src : url("../fonts/ProximaNovaExCn-Extrabld.woff2") format('woff2'), url("../fonts/ProximaNovaExCn-Extrabld.woff") format('woff'), url("../fonts/ProximaNovaExCn-Extrabld.ttf") format('truetype'), url("../fonts/ProximaNovaExCn-Extrabld.svg#ProximaNovaExCn-Extrabld") format('svg'), url("../fonts/ProximaNovaExCn-Extrabld.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'P_NovaExCn-Regular';
src : url("../fonts/ProximaNovaExCn-Regular.eot");
src : url("../fonts/ProximaNovaExCn-Regular.woff2") format('woff2'), url("../fonts/ProximaNovaExCn-Regular.woff") format('woff'), url("../fonts/ProximaNovaExCn-Regular.ttf") format('truetype'), url("../fonts/ProximaNovaExCn-Regular.svg#ProximaNovaExCn-Regular") format('svg'), url("../fonts/ProximaNovaExCn-Regular.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'P_NovaExCn-Semibold';
src : url("../fonts/ProximaNovaExCn-Semibold.eot");
src : url("../fonts/ProximaNovaExCn-Semibold.woff2") format('woff2'), url("../fonts/ProximaNovaExCn-Semibold.woff") format('woff'), url("../fonts/ProximaNovaExCn-Semibold.ttf") format('truetype'), url("../fonts/ProximaNovaExCn-Semibold.svg#ProximaNovaExCn-Semibold") format('svg'), url("../fonts/ProximaNovaExCn-Semibold.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'P_Nova-Regular';
src : url("../fonts/ProximaNova-Regular.eot");
src : url("../fonts/ProximaNova-Regular.woff2") format('woff2'), url("../fonts/ProximaNova-Regular.woff") format('woff'), url("../fonts/ProximaNova-Regular.ttf") format('truetype'), url("../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format('svg'), url("../fonts/ProximaNova-Regular.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'fontello';
src : url("../fonts/fontello.eot?75091041");
src : url("../fonts/fontello.eot?75091041#iefix") format('embedded-opentype'), url("../fonts/fontello.woff?75091041") format('woff'), url("../fonts/fontello.ttf?75091041") format('truetype'), url("../fonts/fontello.svg?75091041#fontello") format('svg');
font-weight : normal;
font-style : normal;
}
@font-face {
font-family : 'BrandonGrotesque';
src : url("../fonts/BrandonGrotesque-Black.eot");
src : url("../fonts/BrandonGrotesque-Black.woff2") format('woff2'), url("../fonts/BrandonGrotesque-Black.woff") format('woff'), url("../fonts/BrandonGrotesque-Black.ttf") format('truetype'), url("../fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black") format('svg'), url("../fonts/BrandonGrotesque-Black.eot?#iefix") format('embedded-opentype');
font-weight : normal;
font-style : normal;
}
.cat-stat {
width : 100%;
padding : 5px 10px;
}
.cat-stat h1 {
font-size : 25px;
}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap, .full-pages {
padding : 0 10px;
}
.subtitle h1, .subtitle h2, .subtitle h3, .subtitle h4, .subtitle h5, .subtitle h6 {
margin-bottom : 15px;
font-size : 18px;
font-weight : 700;
color : #4d5a68;
}
.header__title-cat {
margin : 0;
padding : 5px 10px;
font-size : 17px !important ;
}
.header__title-cat p {
display : inline-block;
font-size : 20px;
}
.header__title h1:after, .header__title h2:after, .header__title h3:after, .header__title h4:after, .header__title h5:after {
position : absolute;
right : auto;
bottom : -3px;
display : block;
width : 125px;
height : 4px;
content : '';
background : #f60cf;
background : linear-gradient(to right, #bfddf957, #f60cf);
}
.clr {
clear : both;
}
.clearfix:after {
content : "";
display : table;
clear : both;
}
.img__box, .img__responsive-sm, .img__responsive-h, .img__responsive-v, .img__responsive-sq {
overflow : hidden;
position : relative;
}
.img__responsive-sm img, .img__responsive-h img, .img__responsive-v img, .img__responsive-sq img {
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
background-size : cover;
background-position : center center;
}
.img__responsive-sm {
padding-top : 40%;
}
.img__responsive-h {
padding-top : 60%;
}
.img__responsive-v {
padding-top : 133%;
}
.img__responsive-sq {
padding-top : 100%;
}
.img__box img {
width : 100%;
min-height : 100%;
display : block;
}
.img__wide img {
width : 130%;
min-height : 100%;
display : block;
}
.img__square img {
width : 150%;
min-height : 100%;
display : block;
}
.cover {
background-position : 50% 50%;
background-repeat : no-repeat;
background-size : cover;
display : block;
width : 100%;
height : 100%;
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
}
.nowrap {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.ps__link {
cursor : pointer;
margin-right: 10px;
}
.icon {
font-size : 20px !important;
}
.icon__xs {
font-size : 20px;
}
.icon__l .icon {
margin-right : 10px;
}
.icon__r .icon {
margin-left : 10px;
}
.fl__r {
float : right;
}
.fl__l {
float : left;
}
.d__block {
display : block;
}
.d__iblock {
display : inline-block;
}
/*
.button__mat, .topside__tabs span.current {
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
*/
.button__mat:hover {
box-shadow : none;
background-image : none;
}
button, .button, .h__top-m-link, .h__bottom-m-link, .h__top-mr-link, .column, .main, .right__sidebar, .is__side, .mosaic, .column.is__side:before, .items, .header, .c__top-item, .c__top-item--image, .s__mosaic-image img, .grid__select div, .schedule-tabs li, .carousel__item-text, .topside__tabs span, .coll__short, .button__mat, .coll__main {
transition : all 0.3s;
}
a, .highslide:before, .ts__left-item, .ts__right-item, .th-rate-in {
transition : color 0.2s, background-color 0.2s, opacity 0.2s;
}
.hide__text {
font : 0/0 a;
text-shadow : none;
color : transparent;
}
/*
.overlay {
width : 100%;
height : 100%;
background-color : #232931d1;
position : fixed;
left : 0;
top : 0;
z-index : 887;
display : none;
}
*/
.overlay {
width : 100%;
height : 100%;
display : none;
}
.dropdown-divider {
height : 0;
margin : 3px 0;
overflow : hidden;
border-top : 1px solid #e9ecef;
}
body.dark .dropdown-divider, body.dark .lb__user{
border-top : 1px solid #333333;
}
.lb__menu-link, .icon, .h__bot-mr-link:hover .lb__menu-link .icon, .h__top-m-link {
color : #839bb3;
}
body.dark .lb__menu-link, body.dark .lb__name-text {
color : #ddd;
}
body.dark .lb__menu-link:hover {
color : #f60;    
}
body.dark .icon, body.dark .h__bot-mr-link:hover .lb__menu-link .icon, body.dark .h__top-m-link {
color : #bbb;
}
.lb__name-text, .h__menu-subtitle {
color : #4d5a68;
}
.h__menu-sublink {
color : #617182;
padding : 3px;
}
.h__menu-subitem {
padding : 0 10px;
}
.h__menu-subitem:hover {
padding : 0 10px;
transition : 0.5s;
transform : translate(2px,0);
}
.h__menu-subitem:hover .h__menu-sublink {
color : #f60;
}
.h__menu-subitem.tags__subitem:hover {
background-color : transparent;
}
.h__menu-sublist.tags__sublist {
column-count : 7 !important ;
}
.h__menu-sublink.tags__sublink {
color : #4d5a68;
background-color : #f6024;
font-weight : 500;
border : transparent solid 2px;
margin-bottom : 7px;
padding : 0 20px;
line-height : 30px;
border-radius : 15px;
background : #f6024;
display : inline-block;
}
.h__menu-subitem:hover .tags__sublink {
color : #617182 !important ;
}
.h__menu-subitem .tags__sublink:hover {
background-color : #399AF2;
color : #fff !important ;
}
.grange {
position : relative;
margin-left : 10px;
min-height : auto;
}
.grange:before, .topside .cover:before {
content : "";
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
width : 100%;
height : 100%;
background : #151617c9;
background : linear-gradient(to bottom, #1516177a, #151617c9);
}
.figure .content {
position : absolute;
z-index : 5;
text-align : center;
padding : 20px;
width : 100%;
height : 100%;
color : #fff;
margin : 0;
}
.figure .content__title {
font-size : 30px;
}
.figure .content__text {
font-size : 15px;
}
.figure .content > div {
position : relative;
top : 32%;
}
.grange img {
height : 240px;
}
.login__box-dropdown, .grange:before, .grange img, .favourite__list-dropdown, .sorter form {
border-radius : 4px;
}
/*
.margin__position {
background : url(/templates/animav/images/fon-footer.webp) center no-repeat;
background-size : cover;
min-height : 350px;
position : relative;
}
.margin__position:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #151617c7;
background : linear-gradient(to bottom, #151617c7, #151617a1);
z-index : 0;
}
*/
.margin__position {
position : relative;
}
.badge {
font-weight : 400;
vertical-align : middle;
line-height : 1;
display : inline-block;
text-transform : lowercase;
border-radius : 2px;
color : #212529;
position : absolute;
right : 5px;
color : #fff;
top : 5px;
margin-bottom : 15px;
z-index : 1;
font-size : 0.9em;
color : #ddd;
}
.badge.badge-primary {
background-color : #736cc7;
}
.badge.badge-secondary {
background-color : #788db4;
}
.badge.badge-accent {
background-color : #F64A91;
}
.badge.badge-success {
background-color : #2fbfa0;
}
.badge.badge-danger {
background-color : #ff5c75;
}
.badge.badge-warning {
background-color : #f97709;
}
.badge.badge-info {
padding : 5px 10px;
color : #fff;
background-color : #1d78b7e3;
border : #1d78b7 solid 1px;
}
.badge.badge-light {
background-color : #fff;
color : #212529;
}
.badge.badge-dark {
color : hsl(0 0% 100% / 0.6);
background-color : #2a2d34ad;
}
.speedbar_block {
font-size: 14px;
padding: 10px 10px 20px 10px;
margin: 0;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;   
color: #878787;
}
.speedbar_block a {
color: #878787;
}
.speedbar_block a:hover {
color: #f60;
}
.seo__text {
width : 100%;
padding : 10px 0;
color: var(--color-text);    
}
.seo__title {
background-color : #f4f6f8;
padding : 17px;
font-size : 23px;
}
.shadow-cat {
position : relative;
display : inline-block;
width : 100%;
}
.shadow-cat img {
width : 100%;
}
.shadow-text {
font-family : 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
font-size : 15px;
border-radius : 5px;
padding : 10px 10px 10px 10px;
line-height : 25px;
width : 100%;
}
.god {
display : flex;
flex-wrap : wrap;
margin-bottom : 25px;
overflow-x : auto;
}
.god-li {
font-family : 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
display : flex;
justify-content : center;
align-items : center;
cursor : pointer;
border : rgb(0, 0, 0, 0.1) solid 1px;
border-radius : 4px;
width : 50px;
height : 33px;
font-size : 14px;
padding : 5px 10px;
margin-bottom : 10px;
float : left;
background : #f60;
color : #fff;
}
.god-li a {
color : #fff;
}
.god-li:hover {
box-shadow : none;
background : #242227;
}
.mask {
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
opacity : 0;
background-color : rgb(7, 5, 14, 0.8);
transition-duration : 0.4s;
pointer-events : none;
}
.with__mask:hover .mask {
opacity : 1;
pointer-events : auto;
}
.mask .icon {
width : 55px;
height : 55px;
border-radius : 50%;
text-align : center;
line-height : 59px;
background-color : #fff;
margin : 0 auto 15px auto;
padding-left : 5px;
font-size : 30px;
color : #f60;
opacity : 0.7;
z-index : 1;
}
.short_series-s {
display: inline-flex;
flex-direction: column;
align-items: flex-end;
right: 10px;
position: absolute;
margin-bottom: 40px;
}
.short_series {
color: #b7b7b7;
font-size: 13px;
z-index: 1;
font-weight: 500;
text-align: center
}
.short:hover .badg, .short:hover .stat {
display : none;
}
.flex__row {
display : flex;
flex-flow : row wrap;
justify-content : space-between;
}
.flex__col {
display : flex;
flex-direction : column;
justify-content : center;
}
.fx-flex {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
}
.fx__col {
display : flex;
flex-direction : column;
}
.fx__center {
justify-content : center;
}
.fx__middle {
align-items : center;
}
.fx__start {
justify-content : flex-start;
}
.fx__first {
order : -1;
}
.fx__last {
order : 10;
}
.fx__grow {
flex-basis : 0;
flex-grow : 1;
max-width : 100%;
min-width : 50px;
}
.topside, .topside__carousel {
order : 1;
}
.header {
order : 1;
}
.column {
order : 2;
}
.content {
order : 2;
}
.footer {
order : 3;
}
.col {
float : left;
flex-basis : 0;
flex-grow : 1;
width : 100%;
}
.wrapper {
width : 100%;
height : auto;
position : relative;
background-color: var(--bg-color);
}
.center {
max-width : 1300px;
margin : 0 auto;
position : relative;
}
.wrapper_inner {
overflow : hidden;
}
.wrapper > *, .wrapper_inner > *, .header__inner > *, .content > *, .main > * {
width : 100%;
}
.column {
position : relative;
padding: 1rem 0;
}
.column.is__side {
position : relative;
}
.showfull__is-side .is__side {
padding-right : 0;
}
.showfull__is-side .main {
padding : 0 10px !important ;
}
.content {
background-color: var(--bg-color);    
margin-top : 70px;
}
/*
.content_left {
margin-right: 10px;
}
@media screen and (max-width: 1200px) {
.content_left {
margin-right: 0px;
}
}
*/
.column.is__side .main {
width : 100%;
max-width : 75%;
float : left;
min-height : 800px;
padding : 20px 20px 20px 0;
}
.right__sidebar {
width : 25%;
float : left;
position : relative;
z-index : 20;
height : auto;
padding : 0px 0px 15px 10px;;
}
.main_page {
width: 100%;
padding: 0;
}
.main {
width : 75%;
float : left;
}
.lastviewed_block {
margin: 0 auto;
max-width: 1300px;
padding-bottom: 20px;
}
.footer {
background-color : #2a2d34eb;
margin : 0 auto;
border-top : 2px solid #2597ff;
position : relative;
}
.footer__inner {
align-items : center;
padding : 45px 15px 30px;
}
.mobvis_side .right__sidebar {
padding : 12px;
background-color : #fff;
overflow : visible;
display : block;
position : relative;
z-index : 300;
height : auto;
margin-right : -14px;
margin-left : -310px;
width : 306px;
}
.header {
height : 70px;
position : fixed;
left : 0;
top : 0;
z-index : 999;
}
.header__inner {
background-color: var(--bg-content);
box-shadow: 0 1px 1px 0 #1566ce12;
}
.sticky__hide {
top : -125px;
}
.sticky {
top : 0;
}
.h__in-top {
height : 70px;   
padding : 0;
}
.left-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
#js__header-btn--menu {
display : none;
}

/* --- DLE Расписание выхода аниме --- */
.graf {margin: 0 10px;}
.graf .main-title {
    margin: 0 0 30px;
    font-size: 28px;
}
.top-description {
    line-height: 22px;
    font-size: 16px;
    color: #333;
    margin-bottom: 25px;
}
.calendar-date {
    margin-top: 30px;
    margin-bottom: 30px;
}
.calendar-date__list {
    display: flex;
    overflow-y: auto;
}
.calendar-date__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
    cursor: pointer;
}
.calendar-date__item-number {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #f2f2f2;
    font-size: 1.4em;
    color: #1f1f1fab;
}
.calendar-date__item:nth-child(odd) .calendar-date__item-number {
    background-color: #e8e8e8ba;
}
.calendar-date .calendar-date__item.calendar-date__active .calendar-date__item-number {
    color: #f60;
    background-color: rgba(255,102,0,0.08);
    font-weight: 500;
}
.calendar-date .calendar-date__item.calendar-date__active .calendar-date__item-day {
    font-weight: 500;
}
.calendar-date__item-day {
    margin-top: 10px;
    color: rgba(31,31,31,.5);
}
.calendar-date__item:last-of-type {
    margin-right: 0;
}
.calendar-full .calendar__item {
    flex: 0 0 100%;
    max-width: 100%;
}
.calendar-date__item1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 0 0 123px;
    height: 70px;
    padding: 10px;
    border-radius: 5px;
    background-color: #f2f2f2;
    cursor: pointer;
    margin-right: 8px;
}
.calendar-date__item1:last-of-type {
    margin-right: 0px;
}
.calendar-date__item1:hover {
    border: 1px solid rgba(0,0,0,0.2);
}
.calendar-active {
    border: 1px solid rgba(0,0,0,0.05);
}
.calendar-active .calendar-date__item-day1 {
    color: #1f1f1f;
}
.calendar-date__item-day1 {
    color: #777;
    font-weight: 500;
    margin-bottom: 5px;
}
.calendar-date__item-month1 {
    color: rgba(31,31,31,.5);
    font-size: 0.85em;
}
.calendar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px !important;
    width: unset!important;
    text-align: unset!important;
}
.calendar__item {
    flex: 0 0 48%;
    margin-right: 15px;
    max-width: 48%;
}
.visible-calendar {
    border-bottom: solid 1px transparent;
}
.calendar__item-anime:last-of-type {
    border-bottom: none;
}
.calendar__item-number {
    opacity: 0.4;
    font-size: 14px;
    line-height: 1.29;
    color: #1f1f1f;
    margin-right: 5px;
    position: absolute;
    top: 5px;
    left: -25px;
}
.calendar__item-img  {
    margin-right: 10px;
    width: 40px;
    height: 60px;
    flex-shrink: 0;
}
.calendar__item-img img {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 3px;
}
.calendar__item-names {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    padding-right: 20px;
    margin-right: auto;
    overflow: hidden;
    padding-top: 3px;
    flex-shrink: 2;
}
.calendar__item-date {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 1.23;
    color: #797979;
}
.calendar__item-episode {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    text-align: right;
}
.calendar__item-serie {
    font-size: 15px;
    font-weight: 500;
    color: #797979;
}
.calendar__item-time {
    line-height: 1.23;
    color: #797979;
    font-size: 13px;
    margin-top: 5px;
}
.calendar__item-day {
    font-size: 24px;
    font-weight: 500;
    font-family: 'P_Nova-Regular', Tahoma, Geneva, sans-serif !important;
}
.calendar__item-month {
    font-size: 13px;
}
.calendar__item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #060077;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}
.calendar__item-name:hover {
    color: #f66600;
}
.calendar__item-english-name {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.38;
    color: rgba(31,31,31,0.4);
}
.calendar__item-bookmark,
.top-users__send-msg {
    display: none !important;
    background-color: #f4f4f4;
    height: 30px;
    width: 30px;
    color: #f66600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #cccccc7a;
    margin-left: 40px;
    cursor: pointer;
    flex-shrink: 0;
}
.calendar__item-weekday h3 {
    font-size: 16px;
    font-weight: 600;
    color: #1f1f1f;
    text-decoration: none;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    margin: 7px 0;
}
@media only screen and (max-width:768px){
    .calendar__item {
        max-width: 100%;
    }
    .calendar__item:last-of-type {
        display: none;
    }
    .calendar__item-bookmark {
        margin-left: 30px;
    }
    .calendar__item {
        flex: 0 0 100%;
        max-width: 100%;
    }
	.wblock {padding:unset}
    .calendar__item-anime {margin-left:unset;}
}
@media only screen and (max-width:480px){
    .calendar__item-date {
        display: none;
    }
}
@media only screen and (max-width:380px){
    .calendar__item-episode {
        margin-right: 20px;
    }
}
@media only screen and (max-width:360px){
    .calendar__item-episode {
        margin-right: 10px;
    }
}
.watchlist_btn_success .far.fa-bookmark {
    font-weight: 900;
}
.watchlist_btn_success i {
    color: #f60;
}
.dark .calendar__item-name, .dark .calendar-date__item-day1 {
	color: #ddd;
}
.dark .calendar__item-english-name {
    color: #868e96;
}
.dark .calendar__item-bookmark {
    background-color: hsla(240,5%,48%,.1);
    border-color: #2d3236;
}
.dark .calendar-date__item1 {
    background-color: hsl(240deg 1% 16%);
    color: #ddd;
    opacity: 1;
}
.dark .calendar-date__item-month1 {
    color: #868e96;
}
.dark .calendar-date__item1 {
    background-color: hsl(240deg 1% 16%);
    color: #ddd;
    opacity: 1;
}
.dark .calendar-date__item1:hover {
    border-color: #2d3236;
}
.dark .calendar-active .calendar-date__item-day1, .dark .calendar__item-name, .dark .top-description {
    color: #ddd;
}
/* --- Календарь на главной --- */

.calendar__item-anime {
    display: flex;
    padding-bottom: 12px;
    margin-top: 12px;
    border-bottom: solid 1px rgba(52,47,144,0.1);
    align-items: center;
    position: relative;
    margin-left: 25px;
}
.show-more-schedules {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 5px;
    cursor: pointer;
    color: rgba(31,31,31,.5);
}
.watchlist_btn_success i {
    color: #f60;
    font-weight: 900;
}
@media only screen and (max-width:768px){
    .calendar__item {
        max-width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .calendar__item:last-of-type {
        display: none;
    }
    .calendar__item-bookmark {
        margin-left: 30px;
    }
}
.dark .calendar__item-weekday h3 {
    color: #ddd;
}
.dark  .calendar__item-bookmark {
    background-color: hsla(240,5%,48%,.1);
    border-color: #2d3236;
}



/*
.menu {
position : fixed;
top : 120px;
left : 0;
width : 300px;
height : calc(100vh - 120px);
background-color : #fff;
}
.menu {
z-index : 99999;
top : 0;
width : 100%;
height : 100vh;
transform : translate3d(-100%,0,0);
transition : transform 0.3s;
}
.menu__wrap {
position : absolute;
top : 3.5em;
bottom : 0;
overflow : hidden;
width : 100%;
}
.menu__level {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
overflow : hidden;
overflow-y : scroll;
width : calc(100% + 50px);
height : 100%;
margin : 0;
padding : 0;
list-style-type : none;
}
.menu__level:focus {
outline : none;
}
.menu__level--current {
visibility : visible;
}
.menu__item {
display : block;
width : calc(100% - 50px);
}
.menu__link {
font-weight : 500;
position : relative;
display : block;
font-size : 15px;
padding : 1em 2.5em 1em 1.5em;
transition : color 0.1s;
}
.menu__link[data-submenu]::after {
content : '\f105';
font-family : 'FontAwesome';
position : absolute;
right : 0;
padding : 0.25em 1.25em;
color : #399AF2;
}
.menu__link:after {
content : '\f105';
font-family : 'FontAwesome';
position : absolute;
right : 0;
padding : 0.25em 1.25em;
color : #399AF2;
}
.menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {
color : #399AF2;
}
.menu__link--current::before {
content : '\00B7';
font-size : 2.5em;
line-height : 0;
position : absolute;
top : 41%;
left : 8px;
height : 4px;
color : #31C469;
}
[class^="animate-"], [class*=" animate-"] {
visibility : visible;
}
.animate-outToRight .menu__item {
animation : outToRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToRight {
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.animate-outToLeft .menu__item {
animation : outToLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToLeft {
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.animate-inFromLeft .menu__item {
animation : inFromLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromLeft {
from {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.animate-inFromRight .menu__item {
animation : inFromRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromRight {
from {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.menu__items {
display : block;
width : calc(100% - 50px);
}
.animate-outToRight .menu__items {
animation : outToRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToRight {
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.animate-outToLeft .menu__items {
animation : outToLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToLeft {
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.animate-inFromLeft .menu__items {
animation : inFromLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromLeft {
from {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.animate-inFromRight .menu__items {
animation : inFromRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromRight {
from {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.menu__breadcrumbs {
display : flex;
align-items : center;
font-size : 12px;
line-height : 1;
position : relative;
padding : 2.5em 3.75em 1.5em 2.5em;
}
.menu__breadcrumbs a {
font-weight : bold;
display : inline-block;
cursor : pointer;
vertical-align : top;
letter-spacing : 1px;
text-transform : uppercase;
color : #399AF2 !important ;
}
.menu__breadcrumbs a:last-child {
pointer-events : none;
}
.menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus {
color : #31c469;
}
.menu__breadcrumbs a:not(:last-child)::after {
content : '\f105';
font-family : 'FontAwesome';
display : inline-block;
padding : 0 0.5em;
color : #399AF2;
}
.menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {
color : #33353e;
}
.menu__back {
font-size : 1.05em;
position : absolute;
z-index : 100;
top : 0;
right : 2.25em;
margin : 0;
padding : 1.365em 0.65em 0 0;
cursor : pointer;
color : #2a2b30;
border : none;
background : none;
}
.menu__back--hidden {
pointer-events : none;
opacity : 0;
}
.menu__back:hover, .menu__back:focus {
color : #fff;
outline : none;
}
.action {
display : block;
margin : 0;
padding : 0;
cursor : pointer;
border : none;
background : none;
}
.action:focus {
outline : none;
}
.action--open {
display : none;
font-size : 20px;
color : #fff;
padding-left : 10px;
z-index : 1000;
}
.action--close {
font-size : 18px;
top : 5px;
right : 5px;
padding : 7px 5px;
line-height : 20px;
display : none;
position : absolute;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.action--close .icon {
color : #fff;
}
*/
@media screen and (max-width: 990px) {
#js__header-btn--menu {
display : block;
}
.action--open, .action--close {
display : inline-block;
}
/*
.menu--open {
transform : translate3d(0,0,0);
background : #ffffffe8;
background : linear-gradient(to left, #ffffffe8, #fff);
}
*/
}
.h__logotype {
position : relative;
height : 70px;
}
.logotype {
display : inline-flex;
align-items : center;
line-height : 1;
font-weight : 400;
}
.logotype:hover, .logotype:focus {
color : #4d5a68;
text-decoration : none;
opacity : 0.8;
}
.logotype-txt {
display : flex;
align-items : center;
}
svg {
display : block;
font-size : 9em;
height : 70px;
margin : 0 auto;
font-family : 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
}
.text-copy {
fill : none;
stroke : white;
stroke-dasharray : 6% 29%;
stroke-width : 5px;
stroke-dashoffset : 0%;
animation : stroke-offset 5.5s linear infinite;
}
.text-copy:nth-child(1) {
stroke : #6d6d6d;
animation-delay : -1s;
}
.text-copy:nth-child(2) {
stroke : #6d6d6d;
animation-delay : -2s;
}
.text-copy:nth-child(3) {
stroke : #6d6d6d;
animation-delay : -3s;
}
.text-copy:nth-child(4) {
stroke : #6d6d6d;
animation-delay : -4s;
}
.text-copy:nth-child(5) {
stroke : #6d6d6d;
animation-delay : -5s;
}
.text-copya {
fill : none;
stroke : white;
stroke-dasharray : 6% 29%;
stroke-width : 5px;
stroke-dashoffset : 0%;
animation : stroke-offset 5.5s linear infinite;
}
.text-copya:nth-child(1) {
stroke : #f60;
animation-delay : -1s;
}
.text-copya:nth-child(2) {
stroke : #f60;
animation-delay : -2s;
}
.text-copya:nth-child(3) {
stroke : #f60;
animation-delay : -3s;
}
.text-copya:nth-child(4) {
stroke : #f60;
animation-delay : -4s;
}
.text-copya:nth-child(5) {
stroke : #f60;
animation-delay : -5s;
}
.text-copy-ru {
fill : none;
stroke : white;
stroke-dasharray : 6% 29%;
stroke-width : 5px;
stroke-dashoffset : 0%;
animation : stroke-offset 5.5s linear infinite;
}
.text-copy-ru:nth-child(1) {
stroke : #6d6d6d;
animation-delay : -1s;
}
.text-copy-ru:nth-child(2) {
stroke : #6d6d6d;
animation-delay : -2s;
}
.text-copy-ru:nth-child(3) {
stroke : #6d6d6d;
animation-delay : -3s;
}
.text-copy-ru:nth-child(4) {
stroke : #6d6d6d;
animation-delay : -4s;
}
.text-copy-ru:nth-child(5) {
stroke : #6d6d6d;
animation-delay : -5s;
}
@keyframes stroke-offset {
100% {
stroke-dashoffset : -35%;
}
}
#js__header-btn--sidebar {
display : none;
}
.owl-random {
border-radius : 3px;
margin-bottom : 0;
overflow : hidden;
}
.owl-random .owl-box {
margin : 0;
}
.owl-random .owl-pagination {
position : static;
}
.owl-random .shortstory {
background : #526480;
}
.owl-random .short-images a img {
border : #304156 solid 3px;
}
.owl-random .short-link {
background : #38495C;
}
.owl-random .short-link:hover {
background : #24303D;
}
.short-images a img {
width : 100%;
display : block;
height : auto;
border : #222933 solid 3px;
border-radius : 3px;
}
.shortstory-trailer .short-images a img {
height : auto;
}
.shortstory:hover .short-images a img {
opacity : 0.8;
}
@media (max-width: 467px) {
.short-images a img {
height : auto;
}
#related-news .short-images a img {
height : auto;
}
.owl-random .short-images a img {
height : auto;
}
.shortstory-trailer .short-images a img {
height : auto;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : auto;
}
}
@media (min-width: 468px) {
.short-images a img {
height : 290px;
}
#related-news .short-images a img {
height : 250px;
}
.owl-random .short-images a img {
height : 250px;
}
.shortstory-trailer .short-images a img {
height : 170px;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : 150px;
}
}
@media (min-width: 600px) {
.short-images a img {
height : 390px;
}
#related-news .short-images a img {
height : 380px;
}
.owl-random .short-images a img {
height : 380px;
}
.shortstory-trailer .short-images a img {
height : 200px;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : 180px;
}
}
@media (min-width: 768px) {
.short-images a img {
height : 320px;
}
#related-news .short-images a img {
height : 290px;
}
.shortstory-trailer .short-images a img {
height : 150px;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : 220px;
}
}
@media (min-width: 992px) {
.short-images a img {
height : 230px;
}
#related-news .short-images a img {
height : 185px;
}
.owl-random .short-images a img {
height : 220px;
}
.shortstory-trailer .short-images a img {
height : 150px;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : 210px;
}
}
@media (min-width: 1200px) {
.short-images a img {
height : 275px;
}
#related-news .short-images a img {
height : 250px;
}
.owl-random .short-images a img {
height : 285px;
}
.shortstory-trailer .short-images a img {
height : 180px;
}
.owl-trailer .shortstory-trailer .short-images a img {
height : 240px;
}
}
.modal-open {
overflow : visible;
}
.modal {
display : none;
overflow : hidden;
position : fixed;
top : 0;
right : 0;
padding : 15px !important ;
bottom : 0;
left : 0;
z-index : 1040;
outline : 0;
}
.modal.fade .modal-dialog {
transform : translate(0,-25%);
transition : transform 0.3s ease-out;
}
.modal.in .modal-dialog {
transform : translate(0,0);
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto;
}
.modal-dialog {
position : relative;
width : auto;
}
.modal-backdrop {
position : absolute;
top : 0;
right : 0;
left : 0;
background-color : #00000094;
}
.modal-backdrop.fade {
opacity : 0;
}
.modal-backdrop.in {
opacity : 0.5;
}
.modal-content {
position : relative;
background-color : #222933;
border-top: 3px solid #f60;
border-bottom: 3px solid #f60;
border-radius: 5px;
background-clip : padding-box;
outline : 0;
}
.modal-body .video-responsive {
height : 400px;
}
.closes {
font-size : 35px;
font-weight : 500;
color : #fff;
position : absolute;
top: -15px;
right: -15px;
width : 44px;
height : 44px;
line-height : 44px;
text-align : center;
background : #f60;
z-index : 9999999;
}
.closes:hover, .close:focus {
color : #4d5a68;
text-decoration : none;
cursor : pointer;
}
button.closes {
padding : 0;
cursor : pointer;
border : 0;
}
.modal-body {
position : relative;
}
.modal-scrollbar-measure {
position : absolute;
top : -9999px;
width : 50px;
height : 50px;
overflow : scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width : 700px;
margin : 60px auto;
}
}
.block-carousel {
overflow : hidden;
}
.owl-box {
margin-left : 0px;
margin-right : 0px;
}
.owl-box .shortstory-in {
margin : 0 10px !important ;
width : auto;
float : none;
}
.owl-box .shortstory {
margin : 0 !important ;
}
.owl-box1 {
margin-left : -10px;
margin-right : -10px;
}
.owl-carousel .owl-wrapper:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.owl-carousel {
display : none;
position : relative;
width : 100%;
}
.owl-carousel .owl-wrapper {
display : none;
position : relative;
}
.owl-carousel .owl-wrapper-outer {
overflow : hidden;
position : relative;
width : 100%;
padding-top: 10px;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
transition : height 500ms ease-in-out;
}
.owl-item.loading {
min-height : 150px;
background : url(AjaxLoader.gif) center center no-repeat;
}
.owl-carousel .owl-item {
float : left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor : pointer;
}
.owl-controls {
user-select : none;
}
.owl-controls {
text-align : center;
}
.owl-controls .owl-prev, .owl-controls .owl-next {
position : absolute;
top : 50%;
color : #fff;
background : #9B59B6;
font-size : 20px;
opacity : 0.8;
z-index : 5;
border-radius : 3px;
margin-top : -30px;
width : 38px;
height : 60px;
line-height : 60px;
}
.owl-controls .owl-prev {
left : 10px;
}
.owl-controls .owl-next {
right : 10px;
}
.owl-controls.clickable .owl-buttons div:hover {
opacity : 0.8;
background : #151617;
}
.owl-pagination {
height : 30px;
line-height : 30px;
position : absolute;
top : -42px;
right : 10px;
}
@media (max-width: 467px) {
.owl-pagination {
position : static;
}
}
#related-news .owl-pagination {
position : static !important ;
margin-top : 20px;
}
.owl-controls .owl-page {
display : inline-block;
vertical-align : middle;
}
.owl-controls .owl-page span {
display : block;
width : 10px;
height : 10px;
margin-left : 4px;
opacity : 0.8;
background : #878787;
border-radius : 50%;
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
background : #9B59B6;
opacity : 1;
}
.owl-orange .owl-prev, .owl-orange .owl-next {
background : #FF6907;
}
.owl-blue .owl-prev, .owl-blue .owl-next {
background : #f60;
}
.owl-red .owl-prev, .owl-red .owl-next {
background : #FC1A3F;
}
.owl-green .owl-prev, .owl-green .owl-next {
background : #2ECC71;
}
.owl-violet .owl-prev, .owl-violet .owl-next {
background : #9B59B6;
}
.owl-yellow .owl-prev, .owl-yellow .owl-next {
background : #FFC146;
}
.owl-orange .owl-controls .owl-page.active span, .owl-orange .owl-controls.clickable .owl-page:hover span {
background : #FF6907;
}
.owl-red .owl-controls .owl-page.active span, .owl-red .owl-controls.clickable .owl-page:hover span {
background : #FC1A3F;
}
.owl-blue .owl-controls .owl-page.active span, .owl-blue .owl-controls.clickable .owl-page:hover span {
background : #f60;
}
.owl-green .owl-controls .owl-page.active span, .owl-green .owl-controls.clickable .owl-page:hover span {
background : #2ECC71;
}
.owl-violet .owl-controls .owl-page.active span, .owl-violet .owl-controls.clickable .owl-page:hover span {
background : #9B59B6;
}
.owl-yellow .owl-controls .owl-page.active span, .owl-yellow .owl-controls.clickable .owl-page:hover span {
background : #FFC146;
}
.h-owl-big {
font-size : 20px;
line-height : 32px;
margin : 10px 10px;
}
#owl-slider-main .owl-prev {
left: 0px;
}
#owl-slider-main .owl-next {
right: 0px;
}
/*
.h-owl-big a {
color : #383838;
}
.h-owl-big a:hover {
color : #02B0E4;
}
*/
body.dark .color-text {
color : #bbb;    
}
body.dark .color-text:hover {
color : #f60;    
}
.main-href i {
font-size : 0.7em;
transition : transform 0.2s linear;
}
.main-href:hover i {
transform : translateX(3px) scale(1.3);
}
body.dark .main-href i {
color : #bbb;
}
body.dark .main-href:hover i {
color : #f60;
}
.main-ongoing {
margin : 10px 10px;
line-height : 32px;
margin-bottom : 5px;
}
.main-genre {
margin : 10px 10px;
line-height : 32px;
margin-bottom : -5px;    
}
.main-lastviewed {
margin: 10px 10px;
line-height: 32px;
margin-bottom: -5px;
}
#owl-lastviewed-main .owl-pagination {
top: -27px;
}
.shortstory-in {
float : none;
width : 100%;
}
.shortstory {
background : #1D232C;
margin : 0 10px 20px 10px;
overflow : hidden;
}
@media (min-width: 468px) {
.shortstory-in {
float : left;
width : 50%;
}
.shortstory-in.shortstory-trailer {
float : left;
width : 50%;
}
}
@media (min-width: 600px) {
.shortstory-in {
float : left;
width : 50%;
}
.shortstory-in.shortstory-trailer {
float : left;
width : 50%;
}
}
@media (min-width: 768px) {
.shortstory-in {
float : left;
width : 33.333333333333%;
}
.shortstory-in.shortstory-trailer {
float : left;
width : 33.333333333333%;
}
}
@media (min-width: 992px) {
.shortstory-in {
float : left;
width : 25%;
}
.shortstory-in.shortstory-trailer {
float : left;
width : 33.333333333333%;
}
}
@media (min-width: 1200px) {
.shortstory-in {
float : left;
width : 25%;
}
.shortstory-in.shortstory-trailer {
float : left;
width : 33.333333333333%;
}
}
.short-content {
overflow : hidden;
}
.short-link {
overflow : hidden;
margin : 0 0 10px 0;
background : #222933;
padding : 10px;
}
.short-link a {
font-size : 13px;
line-height : 1.3;
display : block;
text-align : center;
height : 30px;
overflow : hidden;
text-transform : uppercase;
}
.short-link:hover {
background : #232F3D;
}
.short-rating {
padding : 0 0 10px 0;
overflow : hidden;
text-align : center;
}
.short-rating .rating {
margin : 0 auto;
}
.short-images {
margin : 5px;
position : relative;
}
.short-images .short-images-link {
display : block;
position : relative;
overflow : hidden;
}
.short-images short-images-link:before {
position : absolute;
left : -100%;
top : 0;
width : 100%;
height : 100%;
z-index : 2;
background : rgb(40, 40, 40, 0.3);
content : "";
transition : all 300ms ease-in;
}
.short-images short-images-link:hover:before {
left : 0;
transition : all 300ms ease-in;
}
.c__sitenews-list--items {
width : 100%;
position : relative;
}
.anime_list_coll_shot_mylist {
margin-bottom : 0;
}
.anime_block_csm {
display : flex;
padding : 10px 10px;
position : relative;
border-radius : 5px;
}
.anime_block_csm::before {
content : '';
display : block;
background : rgb(0, 0, 0, 0.09);
position : absolute;
left : 20px;
right : 20px;
height : 1px;
width : calc(100% - 40px);
top : 0;
transition : opacity 0.15s ease-out;
}
.anime_block_csm:hover {
background : #f7f7f7;
}
body.dark .anime_block_csm:hover {
background: #363636;
}
.anime_block_csm:hover::before, .anime_block_csm:hover + .anime_block_csm::before {
opacity : 0;
}
.anime_flex_csm {
display : flex;
margin-right : auto;
}
.anime_img_csm {
height : 95px;
width : 65px;
margin-right : 15px;
position : relative;
flex-shrink : 0;
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.anime_img_csm:hover {
transform : scale(1.10);
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.anime_img_csm_f {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 3px;
}
.anime_info_csm {
display : flex;
flex-direction : column;
}
.anime_name_csm {
font-size : 14px;
font-weight : 600;
line-height : 20px;
}
.anime_name_angl_csm {
line-height : 18px;
font-size : 13px;
color : #626262;
margin-bottom : 3px;
}
.anime_year_genres_csm {
font-size : 13px;
color : #777;
}
.anime_year_genres_csm_mylists {
font-size : 13px;
color : #777;
overflow: hidden;
text-overflow: ellipsis;
}
.genres_csm {
text-transform : capitalize;
}
.anime_data_csm {
display : flex;
flex-wrap : wrap;
align-items : center;
}
.anime_watchlist_csm {
height : 100%;
color : #333;
font-weight : 500;
font-size : 13px;
line-height : 1.23;
display : flex;
flex-shrink : 0;
position: absolute;
right: 0px;
}
.anime_rating_csm {
margin-right : 0px;
margin-left : 10px;
margin-top : 3px;
flex-shrink : 0;
}
.anime_number_csm {
font-size : 17px;
font-weight : 500;
line-height : 1.2;
margin-right : 6px;
}
.anime_count_csm {
color : #777;
font-size : 12px;
}
.anime_favourite_csm {
border : rgb(0, 0, 0, 0.1) solid 1px;
padding : 8px 10px;
border-radius : 4px;
cursor : pointer;
height : 33px;
color : #1d1d1d;
line-height : 1.15;
margin : 0;
font-size : 15px;
}
.anime_favourite_csm:hover {
color: #4ca9ff;
cursor: pointer;
border: solid 1px rgb(75 169 255 / 50%);
}
body.dark .anime_favourite_csm {
color : #bbb;
border: rgb(255 255 255 / 10%) solid 1px;
}
body.dark .anime_favourite_csm:hover {
color: #4ca9ff;
cursor: pointer;
border: solid 1px rgb(75 169 255 / 50%);
}
@media only screen and (max-width: 768px) {
.anime_block_csm {
flex-direction : column;
}
}
@media only screen and (max-width: 768px) {
.anime_flex_csm {
display : flex;
margin-bottom : 10px;
}
}
.watchlist-coll {
display : block;
}
.anime_status_csm {
line-height : 17px;
margin-right : 10px;
}
.coll__main {
position : relative;
width : 100%;
border-radius : 4px;
padding : 0;
display : inline-block;
margin-bottom : 0;
}
.coll__main .header__bg {
min-width : 300px;
min-height : 130px;
}
.coll__header__bg-image {
position : absolute;
margin : 10px;
top : 0;
bottom : 0;
right : 0;
left : 0;
background-size : cover;
background-position : center center;
}
.coll__header__bg-image:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #15161738;
background : linear-gradient(to bottom, #15161796, #151617a1);
z-index : 0;
}
.coll__header__bg-image {
overflow : hidden;
border-radius: 5px;
transition: all 0.3s;
}
.coll__header__bg-image:hover {
transform: scale(1.04) translateY(0);
transition: all 0.3s;
}
.main-short__title {
padding : 10px;
text-align : center;
}
.logotype {
display : inline-flex;
align-items : center;
line-height : 1;
font-weight : 400;
}
.logotype:hover, .logotype:focus {
color : #4d5a68;
text-decoration : none;
opacity : 0.8;
}
.logotype-img {
background-image : url(/templates/av/images/logo.webp);
width : 70px;
height : 60px;
background-repeat : no-repeat;
background-size: contain;
}
.logo {
height : 70px;
}
@media screen and (max-width: 1200px) {
.main {
width : 100%;
}
.right__sidebar {
width : 100%;
margin-right : 0;
}
}
@media screen and (max-width: 950px) {
.logo {
height : 65px;
}
}
.h__in-bottom {
display : block;
height : 70px;
background-color: var(--bg-content); 
padding : 0 10px;
margin : 0;
z-index : 1;
}
@media screen and (min-width: 1271px) {.h__in-bottom {display: block!important;}
    
}
.h__top-m-item {
display : inline-block;
}
.h__top-m-link, .h__bottom-m-link, .h__bot-mr-link {
cursor : pointer;
text-align : center;
line-height : 66px;
min-width : 80px;
display : block;
height : 70px;
position : relative;
font-weight : 400;
color : #383838;
font-size : 16px;
}
.h__top-m-link:hover, .h__bottom-m-link:hover {
box-shadow : 0 5px #f60 inset;
}
.h__top-m-link, .h__bottom-m-link {
padding : 0 10px;
}
.h__bottom-m-link .badge {
top : 5px;
font-size : 12px;
}
.h__bottom-menu {
float : left;
}
.h__bot-right {
float : right;
}
.h__bottom-menu--list, .h__bot-menu--right {
display : flex;
flex-direction : row;
align-items : center;
}
.h__bottom-m-item {
   color: #383838;
}
.h__bot-mr-item {
list-style : none;
}
.h__bot-mr-link:hover .icon__hover:after {
content : "";
position : absolute;
height : 45px;
width : 45px;
border-radius : 50%;
background-color : #ff660017;
left : 0;
top : 9px;
z-index : -1;
}
body.dark .h__bot-mr-link:hover .icon__hover:after {
background-color: #363636;
}
.h__bot-mr-link:hover .icon {
color : #f60;
}
.h__bot-mr-link {
min-width : 45px;
}
.h__bottom-m--dropdown {
position : absolute;
top : 100%;
z-index : 1000;
display : none;
min-width : 140px;
color : #212529;
text-align : left;
background-color : var(--bg-content);
width : 100%;
left : 0;
padding : 20px;
border: 1px solid hsla(0,0%,87.1%,.5);
border-radius: 5px;
}
.h__menu-subtitle {
font-size : 22px;
}
.h__menu-sublist {
column-count : 4;
line-height : 2.5;
margin : 0;
padding : 0;
list-style : none;
margin-right : 5px;
}
.f__column {
display : flex;
margin : 0 auto;
width : 100%;
padding : 0 30px;
}
@media screen and (max-width: 700px) {
.f__column {
display : inline-flex;
flex-wrap : wrap;
margin : 0 auto;
width : 100%;
}
}
.dropdown.is__active .h__bottom-m--dropdown {
display : inline-block;
border-top: 3px solid #f60;
border-bottom: 3px solid #f60;
}
/*
.dropdown b:after {
content : "\f107";
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
display : inline-block;
margin-left : 5px;
}
.is__active b:after {
content : "\f106";
}
*/
.menu-cat:after {
content : "\f107";
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
display : inline-block;
margin-left : 5px;
}
.is__active .menu-cat:after {
content : "\f106";
}
.menu_genre {
max-width : 60%;
padding : 5px;
left : auto;
right : auto;
margin : 0 auto;
}
.menu_cat_type {
max-width : 200px;
left : auto;
padding : 5px;
}
.h__bottom-m--dropdown .col:first-child .h__menu-sublist {
column-count : 1;
}
.h__bottom-m--dropdown .col:first-child .h__menu-sublink {
font-size : 14px;
font-weight : 400;
}
.h__menu-subitem {
font-size : 14px;
cursor : pointer;
transition: 0.5s;
}
.h__bottom-m--dropdown .col:first-child .tags__subitem .h__menu-sublink {
font-family : unset;
font-size : 13px;
}
.login-reasons {
width : 325px;
background-size : cover;
background-position : bottom;
background-repeat : no-repeat;
flex-grow : 0;
flex-shrink : 0;
display : flex;
overflow : hidden;
background-image : url(/templates/av/images/login-img.webp);
}
.login-reasons-color {
background : rgb(14, 13, 32, 0.4);
flex-grow : 1;
display : flex;
flex-direction : column;
padding : 85px 40px 40px;
}
.login-reasons-title {
margin : 0 0 24px;
font-weight : 500;
line-height : 1.22;
letter-spacing : 0;
color : #fff;
text-transform : uppercase;
font-size : 17px;
}
.login-reasons-item {
font-size : 1em;
line-height : 22px;
color : #fff;
margin-bottom : 10px;
}
.login-form, .report-form {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
max-width : 300px;
margin : 0 auto;
padding : 20px;
}
/*
.main-title {
margin-bottom : 10px;
color : #1f1f1f;
font-size : 28px;
line-height : 36px;
font-weight : 500;
}
*/
.login-form__social-btn {
display : flex;
justify-content : space-between;
align-items : center;
padding-bottom : 20px;
margin-bottom : 20px;
width : 100%;
position : relative;
border-bottom : 1px solid #cccccc7a;
}
.login-form__social-btn:after {
content : "\438\43B\438";
position : absolute;
display : inline-block;
bottom : -8px;
left : 50%;
transform : translateX(-50%);
background : #f9f9f9;
padding : 0 15px;
color : rgb(31, 31, 31, 0.5);
font-size : 13px;
}
body.dark .login-form__social-btn:after {
background: #1f1f1f;
color: #bbb;
}
.login-av {
width : 325px;
background-size : cover;
background-position : bottom;
background-repeat : no-repeat;
flex-grow : 0;
flex-shrink : 0;
display : flex;
overflow : hidden;
background-image : url({THEME}/images/login-img.webp);
}
.login-av-color {
background : rgb(14, 13, 32, 0.4);
flex-grow : 1;
display : flex;
flex-direction : column;
padding : 85px 40px 40px;
}
.login-av-title {
margin : 0 0 24px;
font-weight : 500;
line-height : 1.22;
letter-spacing : 0;
color : #fff;
text-transform : uppercase;
font-size : 17px;
}
.login-av-item {
font-size : 1em;
line-height : 22px;
color : #fff;
margin-bottom : 10px;
}
.login-form, .av-form {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
max-width : 300px;
margin : 0 auto;
padding : 20px;
}
body.dark .login-form {
background: #1f1f1f;
}
.main-title {
margin-bottom : 10px;
color : #1f1f1f;
font-size : 28px;
line-height : 36px;
font-weight : 500;
}
body.dark .main-title {
color: #ddd;
}
body.dark .login-form__group-title {
color: #bbb;
}
.login-form__social-av {
display : flex;
justify-content : space-between;
align-items : center;
padding-bottom : 20px;
margin-bottom : 20px;
width : 100%;
position : relative;
border-bottom : 1px solid #cccccc7a;
}
.login-form__social-av:after {
content : "\438\43B\438";
position : absolute;
display : inline-block;
bottom : -8px;
left : 50%;
transform : translateX(-50%);
background : #f9f9f9;
padding : 0 15px;
color : rgb(31, 31, 31, 0.5);
font-size : 13px;
}
.log-imga {
display : block;
width : 45px;
height : 45px;
cursor : pointer;
border-radius : 50%;
border : #f60 solid 2px;
margin-bottom : 5px;
margin-left: 5px;
line-height : 0;
}
.login__box-dropdown, .favourite__list-dropdown {
background-color : #333;
margin-top : 162px;
margin : 5px 0 0;
border : none;
font-size : 12px;
width : 250px;
position : absolute;
z-index : 1001;
top : 90% !important ;
background-color : var(--bg-content);
display : none;
right : 0;
left : auto;
}
.lb__user, .favourite__list-text {
display : flex;
flex-flow : row wrap;
padding : 15px;
align-items: center;
overflow: hidden;
}
.favourite__list-text {
font-size : 15px;
}
body.dark .favourite__list-text, body.dark .favourite__list-link {
color: #ddd;
}
body.dark .favourite__list-link:hover {
color: #f60;
}
.text-ef {
transition: 0.5s;
}
.text-ef:hover {
transition: 0.5s;
transform: translate(2px,0);
}
.lb__avatar-drop {
width : 45px;
height : 45px;
border-radius : 50%;
border : #ff7600 solid 2px;
margin-right : 10px;
}
.lb__avatar-drop img {
vertical-align : top;
}
.lb__name-text {
font-size : 16px;
font-weight : 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}
.lb__name-link {
color : #f60;
text-decoration : underline;
}
.lb__menu-link, .favourite__list-link {
display: flex;
align-items: center;
font-size : 13px;
width : 100%;
text-align : left;
line-height : 1;
height : auto;
padding : 10px 20px 10px 0px;
}
.lb__menu-link {
padding : 10px 20px 10px 10px; 
}
.lb__menu-item {
margin: 3px 0;   
}
.favourite__list-link {
position : relative;
}
.favourite__list-link .badge {
margin : 0;
font-size : 10px;
padding : 6px 7px;
top : 5px;
right : 20px;
}
.favourite__list-item a {
display : flex;
justify-content : space-between;
}
.favourite__list-item {
margin : 3px 0;
}
.fa-lock:before {
margin-right: 0.3em;
line-height: 1em;
margin-left: 0.3em;
}
.av_mylist_watch_type {
display: flex;
align-items: baseline;
}
.av_mylist_watch_type::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    margin: 2px 7px 0 10px;
    background-color: #f60;
    border-radius: 50%;
}
    .av_mylist_watch_type:nth-child(1)::before {
    background-color: #f60;
}
    .av_mylist_watch_type:nth-child(2)::before {
    background-color: #42b512;
}
    .av_mylist_watch_type:nth-child(3)::before {
    background-color: #9835d5;
}
    .av_mylist_watch_type:nth-child(4)::before {
    background-color: #a7a7a7;
}
.av_mylist_watch_type:nth-child(5)::before {
    background-color: #cfb70e;
}
.lb__menu-link:hover, .favourite__list-link:hover {
background-color : #f6014;
}
.lb__menu-link .icon {
font-size : 16px;
}
.lb__name {
line-height : 1.3;
}
.login__box-dropdown, .h__bottom-m--dropdown, .favourite__list-dropdown {
animation-name : slideUpIn;
animation-duration : 0.3s;
animation-fill-mode : both;
}
.dropdown.is__active .login__box-dropdown, .dropdown.is__active .favourite__list-dropdown {
display : block;
border: 1px solid hsla(0,0%,87.1%,.5);
border-top: 3px solid #f60;
border-bottom: 3px solid #f60;    
}
body.dark .dropdown.is__active .login__box-dropdown, body.dark .dropdown.is__active .favourite__list-dropdown{
border: 1px solid hsla(0,0%,87.1%,.1);
border-top: 3px solid #4ca9ff;
border-bottom: 3px solid #4ca9ff;
}
.login__box {
display : none;
padding : 50px 60px;
max-width : 385px;
width : auto;
}
/*
.login__box:before, .footer__inner:before {
content : '';
position : absolute;
top : 0;
left : 0;
right : 0;
height : 2px;
display : block;
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
}
*/
.lb__title {
margin-bottom : 35px;
text-align : center;
}
.lb__title span {
font : 29px 'BrandonGrotesque', Tahoma, Geneva, sans-serif;
color : #839bb3;
line-height : 1;
font-weight : 900;
}
.login__box input[type="text"], .login__box input[type="password"], .lb__checkbox {
display : block;
margin-bottom : 10px;
width : 100%;
}
.login__box input:-webkit-autofill, .login__box textarea:-webkit-autofill, .login__box select:-webkit-autofill {
background-color : rgb(240, 246, 255, 0.7) !important ;
}
.login__box button {
width : 100%;
display : inline-block;
margin-bottom : 20px;
margin-top : 20px;
}
.login__box button:nth-child(2) {
background-color : #f4f6f8;
-webkit-transition: all 0.5s;
}
.login__box button:nth-child(2) > a {
color : #4d5a68;
}
.login__box button:nth-child(2):hover {
-webkit-transform: rotate(45deg);
-webkit-transition: all 0.5s;
color: #f60;
}
.login__box input[type="text"], .login__box input[type="password"] {
padding : 0 15px 0 45px;
background-color : #f4f6f8;
box-shadow : none;
height : 49px;
line-height : 49px;
}
body.dark .login__box input[type="text"], body.dark .login__box input[type="password"] {
background-color: #363636;
color: #bbb;
}
.login__box .lb__icon-name, .login__box .lb__icon-password {
position : relative;
}
.login__box .lb__icon-name:before, .login__box .lb__icon-password:before {
content : '\e81b';
position : absolute;
left : 10px;
top : 14px;
font-size : 18px;
color : #839bb3;
}
.login__box .lb__icon-password:before {
content : '\e8ad';
}
.lb__checkbox input {
display : none;
}
.lb__checkbox input + label:before {
width : 14px;
height : 14px;
margin-right : 7px;
cursor : pointer;
position : relative;
top : 3px;
border-radius : 3px;
content : "";
background-color : #f6f6f6;
display : inline-block;
}
.lb__checkbox input:checked + label:before {
background-color : #e5050b;
}
.lb__social {
margin: 0px 0 20px 0;
padding: 5px 20px 15px 20px;
text-align : center;
color : #fff;
}
.lb__social span {
color : #839bb3;
margin-right : 5px;
}
.lb__social a {
display : inline-block;
vertical-align : top;
padding : 3px;
color : #f60;
}
.sign__text {
margin-top : 5px;
display : block;
text-align : center;
}
body.dark .sign__text{
color: #bbb;
}
.sign__text a {
position : relative;
color : #f60;
}
.login__box-btn {
width: 100%;
}
.sign__group--checkbox {
width : 100%;
display: flex;
}
body.dark .sign__group--checkbox {
color: #bbb;    
}
.sign__group--checkbox input:not(:checked), .sign__group--checkbox input:checked {
position : absolute;
left : -9999px;
}
.sign__group--checkbox input:not(:checked) + label, .sign__group--checkbox input:checked + label {
font-size : 14px;
position : relative;
cursor : pointer;
padding-left : 34px;
line-height : 22px;
margin : 0;
}
.sign__group--checkbox input:not(:checked) + label a, .sign__group--checkbox input:checked + label a {
color : #ff5860;
opacity : 0.75;
}
.sign__group--checkbox input:not(:checked) + label a:hover, .sign__group--checkbox input:checked + label a:hover {
opacity : 1;
}
.sign__group--checkbox input:not(:checked) + label:before, .sign__group--checkbox input:checked + label:before {
content : '';
position : absolute;
left : 0;
top : 0;
width : 20px;
height : 20px;
background-color : #f4f6f8;
border : #2a9aff solid 1px;
}
body.dark .sign__group--checkbox input:not(:checked) + label:before, body.dark .sign__group--checkbox input:checked + label:before {
background-color: #1f1f1f;    
}
.sign__group--checkbox input:not(:checked) + label:after, .sign__group--checkbox input:checked + label:after {
font-family : 'fontello';
content : '\e868';
position : absolute;
left : 5px;
top : 0;
font-size : 14px;
line-height : 20px;
text-align : center;
transition : 0.4s;
color : #2e9cff;
}
.sign__group--checkbox input:not(:checked) + label:after {
opacity : 0;
transform : scale(0);
}
.sign__group--checkbox input:checked + label:after {
opacity : 1;
transform : scale(1);
}
.sign__group--checkbox label::-moz-selection {
background : transparent;
color : rgb(255, 255, 255, 0.5);
}
.sign__group--checkbox label::selection {
background : transparent;
color : rgb(255, 255, 255, 0.5);
}
/* Профиль пользователя */
.tabs_box_user {
position: relative;
overflow: hidden;
}
.tabs_box_user .tabs_sel_user {
display: flex;
background-color: #f5f5f5;
border-radius: 5px;
}
body.dark .tabs_sel_user {
background-color: #232222;
}
.tabs_box_user .tabs_sel_user span {
display: inline-block;
padding: 15px;
vertical-align: top;
font-size: 14px;
color: #4d5a68;
cursor: pointer;
}
body.dark .tabs_sel_user span {
color: #bbb;
}
.tabs_box_user .tabs_sel_user span.current {
color:#f60;
}
.js .tabs_box_user .tabs_b_user {
display: none;
}    
.js .tabs_box_user .tabs_b_user.visible {
display: block;
}
  .av_profile_content {
    padding: 0 25px;
    display: flex;
}
    .av_profile_body {
    width: 75%;
    padding-right: 30px;
    margin-bottom: 20px;
}
@media screen and (max-width: 990px) {
.av_profile_body {
padding-right: 0;
}
}
.av_profile_user {
    display: flex;
    margin-bottom: 30px;
    margin-top: 10px;
}
.av_profile_avatar {
width: 100px;
height: 100px;
position: relative;
margin-top: -50px;
z-index: 2;
border-radius: 50%;
}
@media screen and (max-width: 590px) {
.av_profile_avatar {
width: 80px;
height: 80px;
}
.av_profile_content {
padding: 0 15px;
}
.tabs_box_user .tabs_sel_user {
justify-content: space-between;
}
}
.av_profile_avatar {
    border: 4px solid #0000;
    background: linear-gradient(#131219, #131219) padding-box, linear-gradient( var(--angle), #ff4c4c, #f60 ) border-box;
    animation: 8s rotate linear infinite;
}
    .av_profile_avatar img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
    
    .av_profile_actions {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 15px;
}
    .av_profile_action-btn {
    background: 0 0;
    border: none;
    cursor: pointer;
    margin-right: 2px;
    font-size: 1em;
    padding: 0 3px;
}


.av_profile_user-info {
    margin-left: 20px;
}
    .av_profile_name {
    display: flex;
    align-items: center;
    font-size: 1.4em;
    font-weight: 500;
}
body.dark .av_profile_name {
color: #ddd;
}
    .av_profile_status {
    font-size: .8em;
    color: #707277;
    margin-top: 4px;
}
    .av_profile_user-info-bottom {
    margin-top: 7px;
}
    .av_profile_param {
    font-size: .8em;
}
    .av_profile_param span:not(:last-child):after {
    content: "/";
    margin: 0 5px;
}
    .av_profile_dashed {
    border-bottom: 1px dashed #bbb;
    cursor: pointer;
}
body.dark .av_profile_dashed {
color: #bbb;
}
    .av_profile_watch_list {
    margin-bottom: 20px;
}
    .av_profile_title_between {
    display: flex;
    justify-content: space-between;
}
.av_profile_title_title {
color: #4d5a68;
font-size: 1.1em;
font-weight: 600;
margin: 20px 0 10px;
}
/*
body.dark .av_profile_title_title {
color: #bbb;
}
body.dark .av_profile_title_title:hover {
color: #f60;
}
*/
.av_profile_watch_bar {
height: 10px;
background-color: #505050;
border-radius: 4px;
display: flex;
}
.av_profile_watch_bar div {
height: 100%;
}
    .av_profile_watch_bar div:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
    .av_profile_watch_bar div:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
    .av_profile_watch_types {
    display: flex;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 1em;
    flex-direction: column;
}
.av_profile_watch_type {
    display: flex;
    align-items: baseline;
    width: 100%;
    margin-right: 15px;
    color: rgb(99 98 98 / 87%);
    border-bottom: 1px solid #eee;
}
body.dark .av_profile_watch_type {
border-bottom: 1px solid #282828;
}
    .av_profile_watch_type::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 8px;
    height: 8px;
    margin: 2px 7px 0 0;
    background-color: #f60;
    border-radius: 50%;
}
    .av_profile_watch_type:nth-child(1)::before {
    background-color: #f60;
}
    .av_profile_watch_type:nth-child(2)::before {
    background-color: #42b512;
}
    /*
    .av_profile_watch_type span:first-child:after {
    content: "–";
    margin: 0 5px;
}
    */
    .av_profile_watch_type:nth-child(3)::before {
    background-color: #9835d5;
}
    .av_profile_watch_type:nth-child(4)::before {
    background-color: #a7a7a7;
}
.av_profile_watch_type:nth-child(5)::before {
    background-color: #cfb70e;
}
    .av_profile_user-stats {
    color: #505050;
    margin-bottom: 20px;
}
    .av_profile_user-stats strong {
    font-weight: 500;
}
    .av_profile_user-stats a {
    font-size: .85em;
    color: #d5d5d5;
}
    .av_profile_user-stats a:not(:last-child):after {
    content: ", ";
}
    .av_profile_activity_history {
    display: grid;
    grid-auto-flow: column dense;
    grid-gap: 8px 4px;
    grid-template-rows: repeat(7,1fr);
    justify-items: center;
    max-width: 340px;
    margin-bottom: 30px;
}
    .av_profile_sidebar {
    width: 25%;
    padding-top: 20px;
    flex-shrink: 0;
}
    .av_profile_user-status {
    display: flex;
    margin-bottom: 15px;
    overflow: hidden;
    align-items: center;
}
    .av_profile_user-status-emoji {
    width: 29px;
    font-size: 18px;
    flex-shrink: 0;
}
    .av_profile_user-status-text {
    font-size: 15px;
    color: #505050;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
    .av_profile_history {
        margin-top: 10px;
}
    .av_profile_history-item {
    display: flex;
    margin-bottom: 10px;
}
    .av_profile_history-image {
    width: 42px;
    height: 59px;
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    background-color: #f4f4f4;
}
    .av_profile_history-info {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
    .av_profile_history-name {
    font-weight: 500;
    color: #505050;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
    .av_profile_history-desc {
    font-size: .9em;
    color: rgba(31,31,31,.5);
}
    .av_profile_history-date {
    font-size: .85em;
    color: rgba(31,31,31,.5);
}
    .av_profile_history-item {
    display: flex;
    margin-bottom: 10px;
}
    .av_profile_history-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}
    
 @media only screen and (max-width: 580px){
.new-profile__bg {
    height: 200px;
    min-height: 200px;
}   
    }
    
@media only screen and (max-width: 990px){
.av_profile_content {
    flex-direction: column;
}
.av_profile_body {
    width: 100%;
    margin-right: 0;
}
.av_profile_sidebar {
    width: 100%;
    padding-top: 0;
}
}   
    #owl-slider-user .owl-wrapper-outer {
            padding-top: 0px;
    }
    .far {
       font-size: 17px !important; 
    }
    .mylist_spis {
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
    color: rgb(99 98 98 / 87%);
    width: 100%;
    }
.new_profile_block_comment {
margin-top: 20px;
margin-bottom: 15px;
}
.new_profile_comment {
color: #4d5a68;
font-size: 1.2em;
font-weight: 600;  
}
/*
body.dark .new_profile_comment {
color: #bbb;
}
body.dark .new_profile_comment:hover {
color: #f60;
}
*/
.lastviewed_user {
margin-top: 10px;   
}
.h-big {
font-size: 20px;
line-height: 32px;
margin: 10px;
}
.av-main-block-ong_rate {
display: flex;
}
.av-main-block-ong_rate-b {
width: 50%;
}
@media screen and (max-width: 690px) {
.av-main-block-ong_rate {
flex-direction: column;
}
.av-main-block-ong_rate-b {
width: 100%;
}
}
.av-block-main-film {
display: flex;
justify-content: space-between;
position: relative;
align-items: flex-start;
padding: 10px;
}
.av-block-main-fs-img {
margin-right: 10px;
width: 65px;
height: 95px;
flex-shrink: 0;
transition: all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.av-block-main-fs-img img {
display: block;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 3px;
}
.av-block-main-fs-img:hover {
transform: scale(1.10);
transition: all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.av-block-main-fs-img-f {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
}
.av-block-main-info {
display: flex;
flex-direction: column;
padding-right: 10px;
margin-right: auto;
overflow: hidden;
padding-top: 3px;
flex-shrink: 2;
}
.av-block-main-info-text {
font-size: 13px;
color: #777;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.dark .av-block-main-info-text {
color: #999;
}
body.dark .av-block-main-info-text span {
color: #bbb;
}
.av-block-main-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 500px) {
.av-block-main-overflow {
overflow: hidden;
text-overflow: clip;
white-space: break-spaces;
}
}
body.dark .av-block-main-overflow span {
color: #bbb;
}
body.dark .av-block-main-overflow span:hover {
color: #f60;
}
.av-block-main-eng {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 2px;
font-size: 13px;
line-height: 1.38;
color: rgba(31,31,31,.4);
}
body.dark .av-block-main-eng {
color: #777;
}
.av-block-main-right {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: center;
line-height: 1.23;
color: #797979;
}
.av-block-main-right-info {
font-size: 24px;
font-weight: 500;
}
.av-block-main-right-info-top {
height: 100%;
color: #333;
font-weight: 500;
font-size: 13px;
line-height: 1.23;
display: flex;
flex-shrink: 0;
}
.av-block-main-right-info-top-text {
display: flex;
margin-top: 3px;
}
.av-block-main-right-info-top-number {
font-size: 17px;
font-weight: 500;
line-height: 1.2;
margin-right: 6px;
}
body.dark .av-block-main-right-info-top-number {
color: #bbb;
}
.av-block-main-right-info-top-age {
font-size: 17px;
font-weight: 600;
line-height: 1.2;
margin-right: 6px;
}
.av-block-main-right-info-top-smail {
color: #777;
font-size: 12px;
}
.av-block-main-right-info-bottom {
font-size: 13px;
}
body.dark .av-block-main-right-info-top-smail {
color: #bbb;
}
body.dark .av-block-main-right-info-bottom {
color: #bbb;
}
.av-block-main-right-info-top-number-rate {
font-size: 17px;
font-weight: 500;
line-height: 1.2;
margin-right: 6px;
}
.av_block_main_lastviewed_main {
white-space: nowrap;
}
/*
.search__wrapper {
width : 100%;
position : absolute;
left : 0;
top : 70px;
z-index : 8888;
height : 65px;
display : none;
background-color : #2a2d34;
box-shadow : 0 1px 1px 1px #1566ce12;
}
.search__box {
width : 100%;
position : relative;
max-width : 705px;
margin : 0 auto;
}
.search__box input, .search__box input:focus {
width : 100%;
height : 65px;
line-height : 65px;
padding : 0 60px 0 10px;
box-shadow : none;
background-color : #f600f;
color : #fff;
}
.search__box .button {
position : absolute;
right : 0;
top : 0;
border-radius : 0;
height : 65px;
line-height : 65px;
background-color : transparent;
}
.search__box .button .icon {
color : #4d5a68;
font-size : 22px;
}
*/
.data_shortstory_season_next {
font-size: 14px;
}
.av_text_vs_block_svas_season-next {
display: inline-block;
background: #ddd;
padding: 2px 10px;
color: #555;
border-radius: 3px;
font-weight: 600;
font-size: 12px;
}
body.dark .av_text_vs_block_svas_season-next {
background: #2f2f2f;
color: #bbb;
}
.bottom_status_shortstory_season_next {
font-size: 13px;
}
body.dark .av-block-main-film::before {
background:rgb(163 163 163 / 9%);
}
/* Блок в полной новости с другими сезонами */
.av_block_full_season_next {
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 10px 0;
}
@media screen and (max-width: 500px) {
.av_block_full_season_next {
flex-direction: column;
}
}
.av_block_full_season_next::before {
content: '';
display: block;
background: rgb(0, 0, 0, 0.09);
position: absolute;
left: 20px;
right: 20px;
height: 1px;
width: calc(100% - 40px);
top: 0;
transition: opacity 0.15s ease-out;
}
body.dark .av_block_full_season_next::before {
background: rgb(147 147 147 / 9%);
}
.av_block_full_season_next_img_info {
display: flex;
width: 100%;
}
.av_block_full_season_next_img {
width: 65px;
height: 75px;
margin-right: 10px;
flex-shrink: 0;
transition: all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.av_block_full_season_next_img:hover {
transform: scale(1.10);
transition: all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.av_block_full_season_next_img_f {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 3px;
}
.av_block_full_season_next_img img {
display: block;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 3px;
}

.search_main {
padding: 10px 8px;
}
.search__wrapper {
position: relative;
z-index: 8888;
height: 40px;
display: none;
margin-right: 5px;
}
.search__box {
position: relative;
margin: 0 auto;
min-width: 400px;
}
.search__box input, .search__box input:focus {
width : 100%;
height : 40px;
line-height : 40px;
padding : 0 60px 0 10px;
box-shadow : none;
background-color : #f5f5f5;
color : #383838;
box-shadow: 0 0 0 1px #e5e4e4;
}
.search__box input:focus {
background-color : #e5e5e5;
}
body.dark .search__box input {
background-color : #1d1d1d;
box-shadow: 0 0 0 1px #2b2b2b;
color : #bbb;
}
body.dark .search__box input:focus {
background-color : #363636;    
}
.search__box .button {
position : absolute;
right : 0;
top : 0;
border-radius : 0;
height : 40px;
line-height : 40px;
background-color : transparent;
padding: 0 10px;
border-radius: 5px;
}
.search__box .button .icon {
font-size : 22px;
}
.topside, .topside__carousel {
width : auto;
position : relative;
}
.topside {
max-height : 390px;
margin-bottom : 20px;
border-top : 4px solid #fff;
overflow : hidden;
}
.topside__right-inner {
position : relative;
width : 100%;
height : 100%;
}
.topside__left {
border-left : 4px solid #fff;
width : 50%;
}
.topside__right {
width : 50%;
}
.ts__left-item {
position : relative;
padding-top : 30%;
margin-bottom : 0;
overflow : hidden;
width : 100%;
}
.ts__right-item {
position : relative;
display : block;
width : 50%;
overflow : hidden;
}
.ts__right-item:first-child {
border-left : 4px solid #fff;
border-right : 4px solid #fff;
border-bottom : 4px solid #fff;
}
.ts__right-item:nth-child(2) {
border-right : 4px solid #fff;
border-bottom : 4px solid #fff;
}
.ts__right-item:nth-child(3) {
border-left : 4px solid #fff;
border-right : 4px solid #fff;
}
.ts__right-item:nth-child(4) {
border-right : 4px solid #fff;
}
.ts__right-item a {
color : #fff;
}
.ts__left-item:hover, .ts__right-item:hover {
opacity : 0.8;
}
.ts__left-header {
position : absolute;
background-color : rgb(0, 0, 0, 0.5);
padding : 5px 15px;
font-size : 17px;
font-weight : 400;
z-index : 1;
left : 0;
bottom : 0;
margin : 20px;
color : #fff;
transition : 0.5s;
transform : translate(1px,0);
}
.ts__left-header:hover {
background-color : rgb(0, 0, 0, 0.7);
transition : 0.5s;
transform : translate(2px,0);
}
.ts__right-header {
background-color : rgb(0, 0, 0, 0.5);
padding : 5px 15px;
font-size : 15px;
font-weight : 400;
z-index : 1;
position : absolute;
left : 0;
bottom : 0;
margin : 10px;
color : #fff;
transition : 0.5s;
transform : translate(1px,0);
}
.ts__right-header:hover {
background-color : rgb(0, 0, 0, 0.7);
padding : 5px 15px;
transition : 0.5s;
transform : translate(2px,0);
}
.topside .cover:before {
background : #15161700;
background : linear-gradient(to top, #1516176e, #15161700);
}
.topside .scroll {
position : absolute;
z-index : 1;
bottom : 0;
left : 48%;
min-height : auto;
}
.topside__tabs span {
display : inline-block;
vertical-align : top;
color : #fff;
font-size : 16px;
padding : 10px 0 10px 5px;
}
.topside__tabs {
display : inline-block;
vertical-align : top;
}
.topside__tabs span {
cursor : pointer;
}
.topside__tabs span.current {
color : #fff;
background-color : #f60;
}
.topside__tabs span:not(.current):hover {
color : #f60;
}
.lastvi {
display : flex;
margin : 0 auto;
max-width : 1300px;
margin-bottom : 10px;
padding : 5px 15px;
}
.ts__bot-item {
position : relative;
display : block;
width : 49%;
overflow : hidden;
float : left;
margin : 5px 5px;
}
.ts__bot-header {
background-color : rgb(0, 0, 0, 0.5);
padding : 5px 5px;
font-size : 12px;
z-index : 1;
position : relative;
left : 0;
bottom : 0;
margin : 20px 10px;
color : #fff;
transition : 0.5s;
transform : translate(1px,0);
}
.ts__bot-header:hover {
background-color : rgb(0, 0, 0, 0.5);
padding : 5px 15px;
transition : 0.5s;
transform : translate(2px,0);
}
.ts__bot-title {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.block-carousel {
overflow : hidden;
}
/*
.owl-box {
margin-left : 10px;
margin-right : 10px;
}
.owl-box .shortstory-in {
margin : 0 10px !important ;
width : auto;
float : none;
}
*/
.owl-box .shortstory {
margin : 0 !important ;
}
.owl-carousel .owl-wrapper:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
/*
.owl-carousel {
display : none;
position : relative;
width : 100%;
}

.owl-carousel .owl-wrapper {
display : none;
position : relative;
}

.owl-carousel .owl-wrapper-outer {
overflow : hidden;
position : relative;
width : 100%;
}
*/
.owl-carousel .owl-wrapper-outer.autoHeight {
transition : height 500ms ease-in-out;
}
.owl-item.loading {
min-height : 150px;
background : url(AjaxLoader.gif) center center no-repeat;
}
/*
.owl-carousel .owl-item {
float : left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor : pointer;
}
.owl-controls {
user-select : none;
}
.owl-controls {
text-align : center;
}
.owl-controls .owl-prev, .owl-controls .owl-next {
position : absolute;
top : 50%;
color : #fff;
background : #9B59B6;
font-size : 20px;
opacity : 0.8;
z-index : 5;
border-radius : 3px;
margin-top : -30px;
width : 38px;
height : 60px;
line-height : 60px;
}
.owl-controls .owl-prev {
left : 10px;
}
.owl-controls .owl-next {
right : 10px;
}
.owl-controls.clickable .owl-buttons div:hover {
opacity : 0.8;
background : #151617;
}
.owl-pagination {
height : 30px;
line-height : 30px;
position : absolute;
top : -42px;
right : 10px;
}
*/
@media (max-width: 467px) {
.owl-pagination {
position : static;
}
}
#related-news .owl-pagination {
position : static !important ;
margin-top : 20px;
}
/*
.owl-controls .owl-page {
display : inline-block;
vertical-align : middle;
}
.owl-controls .owl-page span {
display : block;
width : 10px;
height : 10px;
margin-left : 4px;
opacity : 0.8;
background : #b3b3b3;
border-radius : 50%;
}
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
background : #9B59B6;
opacity : 1;
}
*/
.owl-orange .owl-prev, .owl-orange .owl-next {
background : #FF6907;
}
/*
.owl-blue .owl-prev, .owl-blue .owl-next {
background : #02B0E4;
}
*/
.owl-red .owl-prev, .owl-red .owl-next {
background : #FC1A3F;
}
.owl-green .owl-prev, .owl-green .owl-next {
background : #2ECC71;
}
.owl-violet .owl-prev, .owl-violet .owl-next {
background : #9B59B6;
}
.owl-yellow .owl-prev, .owl-yellow .owl-next {
background : #FFC146;
}
.owl-orange .owl-controls .owl-page.active span, .owl-orange .owl-controls.clickable .owl-page:hover span {
background : #FF6907;
}
.owl-red .owl-controls .owl-page.active span, .owl-red .owl-controls.clickable .owl-page:hover span {
background : #FC1A3F;
}
/*
.owl-blue .owl-controls .owl-page.active span, .owl-blue .owl-controls.clickable .owl-page:hover span {
background : #02B0E4;
}
*/
.owl-green .owl-controls .owl-page.active span, .owl-green .owl-controls.clickable .owl-page:hover span {
background : #2ECC71;
}
.owl-violet .owl-controls .owl-page.active span, .owl-violet .owl-controls.clickable .owl-page:hover span {
background : #9B59B6;
}
.owl-yellow .owl-controls .owl-page.active span, .owl-yellow .owl-controls.clickable .owl-page:hover span {
background : #FFC146;
}
.topside__carousel {
margin : 0 0;
padding : 0 0 0;
}
.topside__tabs {
width : 100%;
margin-bottom : 0;
}
.ts__carousel-item {
display : block;
}
.carousel__item-title {
padding : 7px;
text-align : center;
font-size : 17px;
width : 100%;
}
.carousel__item-text {
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
color : #fff;
}
.ts__carousel-item:hover .carousel__item-text {
color : #f60;
text-decoration : none;
}
.column.is__side .mosaic {
column-width : 280px;
}
.mosaic {
column-width : 290px;
column-gap : 15px;
padding : 30px 5px;
}
.short__mosaic {
width : 100%;
margin : 0 0 15px 0;
padding : 15px;
display : inline-block;
border-radius : 3px;
overflow : hidden;
background-color : #fff;
}
.s__mosaic-image {
margin : -15px -15px 15px -15px;
display : block;
position : relative;
}
.s__mosaic-image:after {
bottom : 0;
left : 50%;
border : transparent solid;
content : " ";
height : 0;
width : 0;
position : absolute;
pointer-events : none;
border-color : rgb(255, 255, 255, 0);
border-bottom-color : #fff;
border-width : 10px;
margin-left : -10px;
}
.s__mosaic-top {
margin-bottom : 15px;
}
.s__mosaic-th {
width : 50px;
height : 50px;
border-radius : 50%;
}
.s__mosaic-info {
width : 100%;
line-height : 20px;
}
.s__mosaic-title {
font-size : 20px;
display : block;
margin-bottom : 6px;
}
.s__mosaic-meta {
opacity : 0.6;
}
.s__mosaic-meta > span + span {
margin-left : 10px;
}
.s__mosaic-meta .icon {
margin-right : 5px;
font-size : 15px;
}
.s__mosaic-desc {
line-height : 20px;
opacity : 0.8;
margin-bottom : 15px;
}
.s__mosaic-btm {
padding-top : 15px;
font-size : 12px;
}
.s__mosaic-image:hover img {
opacity : 0.8;
}
.s__mosaic-btm > a {
background-color : #f6024;
border-radius : 20px;
padding : 9px;
}
.s__mosaic-info a:hover, .s__mosaic-btm > a:hover {
text-decoration : underline;
}
.short__header h1, .short__header h2, .short__header h3 {
color : #4e4e4e;
padding: 5px 0 0px 10px;
}
.short__header h2:after, .short__header h3:after {
content : '';
position : absolute;
bottom : 0;
left : 0;
right : 0;
height : 2px;
display : block;
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.short__header .button {
border-radius : 5px;
color : #6d90a8;
background-color : #f4f9ff;
}
.short__header .button:hover, .short__header .button:hover .icon {
color : #399AF2;
}
.short__header {
margin-bottom : 0px;
}
.accordion .panel:first-child .link {
border-top-left-radius : 3px;
border-top-right-radius : 3px;
}
.accordion .panel:last-child .link {
border-bottom-left-radius : 3px;
border-bottom-right-radius : 3px;
}
.accordion .link {
display : block;
padding : 10px 55px 15px 0px;
color: #4d5a68;
position : relative;
font-size : 17px;
font-weight : 600;
box-shadow : 0 1px 1px 0 #1566ce12;
transition : 0.5s;
}
.accordion .collapsed.link:hover {
color: #f60;
transition : 0.5s;
}
.accordion-orange .link, .accordion-orange .collapsed.link:hover {
background : #FF6907;
background : rgb(255, 105, 7, 0.7);
}
.accordion-blue .link, .accordion-blue .collapsed.link:hover {
background : #02B0E4;
background : rgb(2, 176, 228, 0.7);
}
.accordion-red .link, .accordion-red .collapsed.link:hover {
background : #FC1A3F;
background : rgb(252, 26, 63, 0.7);
}
.accordion-green .link, .accordion-green .collapsed.link:hover {
background : #2ECC71;
background : rgb(46, 204, 113, 0.7);
}
.accordion-yellow .link, .accordion-yellow .collapsed.link:hover {
background : #FFC146;
background : rgb(255, 193, 70, 0.7);
}
.accordion .collapsed.link {
color: #4d5a68;
}
.accordion .accordion-marker {
position : absolute;
top : 50%;
right : 10px;
margin-top : -10px;
width : 22px;
height : 22px;
line-height : 1;
color : #686868;
border : #686868 solid 1px;
border-radius : 50%;
text-align : center;
}
.accordion .collapsed .accordion-marker {
color : #6e879f;
border-color : #899CB9;
}
.accordion .collapsed.link:hover .accordion-marker {
color : #fff;
border-color : #fff;
}
.accordion .accordion-open, .accordion .accordion-close {
display : block;
font-size : 10px;
width : 100%;
height : 100%;
}
.accordion .accordion-open {
display : inline-block;
}
.accordion .accordion-close {
display : none;
}
.accordion .collapsed .accordion-close {
display : inline-block;
}
.accordion .collapsed .accordion-open {
display : none;
}
.fade {
opacity : 0;
transition : opacity 0.15s linear;
}
.fade.in {
opacity : 1;
}
.collapse {
display : none;
visibility : hidden;
}
.collapse.in {
display : block;
visibility : visible;
}
.collapsing {
position : relative;
height : 0;
overflow : hidden;
transition-property : height, visibility;
transition-duration : 0.35s;
transition-timing-function : ease;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 6px;
vertical-align : middle;
border-top : 4px solid;
border-right : 4px solid transparent;
border-left : 4px solid transparent;
}
.is__side .right__sidebar {
height : auto;
overflow : visible;
}
.r__sidebar-box {
margin-bottom : 20px;
}
.r__sidebar-box--content {
display : flex;
justify-content : space-between;
}
.r__sidebar-box--content.fx-flex {
padding-bottom : 0;
}
.r__sidebar-box--title {
font-size : 17px;
color: #4d5a68;
font-weight : 600;
margin-bottom : 10px;
padding : 5px 0 10px 0;
}
.r__sideb {
transition : 0.5s;
}
.r__sideb:hover {
margin : 0 0 0 5px;
transition : 0.5s;
transform : translate(2px,0);
}
.r__sideb span {
font-size : 14px;
text-transform : none;
font-weight : 400;
}
.r__sideb i {
font-size : 8px;
}
.element::-webkit-scrollbar {
width : 0;
}
.c__nowviews-item:nth-child(1n+1):nth-child(-1n+4) {
width : 140px;
display: flex;
flex-direction: column;
margin : 0 5px;
}
.c__nowviews-item {
min-height : 230px;
overflow : hidden;
position : relative;
}
.c__nowviews-item:nth-child(1n+1):nth-child(-1n+4) {
margin-bottom : 9px;
border-radius : 4px;
}
.c__nowviews-item:nth-child(1n+5):nth-child(-1n+10) .c__nowviews-item--image {
margin : 0 10px 4px 5px;
border-radius : 4px;
}
.c__nowviews-item:nth-child(1n+5):nth-child(-1n+10) .c__nowviews-item--image img {
width : 45px;
height : 65px;
}
.c__nowviews-item:nth-child(1n+5):nth-child(-1n+10) > a {
align-items : center;
display : flex;
flex-wrap : wrap;
justify-content : space-between;
}
.c__nowviews-item:nth-child(1n+5):nth-child(-1n+10) .c__nowviews-item--title {
width : 80%;
font-size : 16px;
}
.c__nowviews-item:nth-child(1n+1):nth-child(-1n+4) .c__nowviews-item--title {
padding : 5px 0;
position : relative;
left : 0;
bottom : 0;
width : 100%;
font-weight : 400;
font-size : 13px;
}
.custom__top .r__sidebar-box--content {
padding : 5px;
}
.c__top-item {
margin-bottom : 10px;
width : 45%;
margin : 0 0 15px 5px;
display : inline-block;
}
.img__box-height {
padding-top : 50%;
}
.img__box-height .image {
width : 100%;
min-height : 100%;
display : block;
position : absolute;
left : 0;
top : 0;
background-size : cover;
background-position : center center;
}
.c__top-item--image {
border-radius : 4px;
}
.c__top-item:hover .c__top-item--image {
opacity : 0.8;
}
.c__top-item--title {
font-size : 12px;
font-weight : 400;
text-align : center;
margin-top : 4px;
}
.custom__sitenews-list {
list-style : hiragana;
line-height : 20px;
overflow : hidden;
}
.c__sitenews-list--item {
margin-left : 30px;
margin-bottom : 10px;
}
.c__nowviews-item--text {
max-width : 100%;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.c__nowvi a .c__nowviews-item--text:hover {
color : #ff7600;
}
.c__top-item:hover .c__top-item--text, .c__nowviews-item:hover .c__nowviews-item--text, .c__sitenews-link:hover {
color : #399AF2;
}
.r__sb-content--title {
font-size : 15px;
font-weight : 500;
margin-bottom : 10px;
}
.nowviews-h {
max-height : 230px;
overflow : hidden;
}
.nowviews-h div {
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.nowviews-h div:hover {
transform : scale(1.10);
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.side_ongoing a {
display : flex;
margin-bottom : 10px;
}
.side_ongoing_img {
margin-right : 10px;
flex : 0 0 60px;
height : 80px;
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.side_ongoing_img:hover {
transform : scale(1.10);
transition : all 0.3s 0s cubic-bezier(0.4,0,1,1);
}
.side_ongoing_txt {
color: var(--color-main);
overflow : hidden;
width : 100%;
padding-right : 10px;
display : flex;
flex-direction : column;
align-items : flex-start;
justify-content : space-around;
}
.side_ongoing_title {
max-width : 100%;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.side_ongoing_title:hover {
color : #f60;
}
.side_ongoing_subtitle {
max-width : 100%;
color : #7e7e7e;
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.side_ongoing_data {
max-width : 100%;
color : #7e7e7e;
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
text-transform : lowercase;
}
.ksupdate_block_list_item {
list-style : none;
}
.rand i {
font-size : 15px;
margin-right : 5px;
}
#yohoho {
width : 100% !important ;
height : 460px !important ;
}
#yohoho-iframe {
width : 100% !important ;
height : 460px !important ;
}
.sorter {
display : inline-block;
float : left;
position : relative;
padding : 0 10px;
line-height : 35px;
color : #4d5a68;
}
body.dark .sorter {
color: #bbb;
}
.sorter:before {
content : attr(data-label);
float : left;
padding : 0 10px 0 0;
cursor : pointer;
}
.sorter > .fa {
font-size : 15px;
}
.sorter form {
margin-top : 5px;
font-size : 12px;
width : 180px;
position : absolute;
z-index : 1000;
background-color : #2a2d34;
display : none;
right : 0;
left : 0;
padding : 10px 15px;
}
.sorter a {
display : block;
color : #fff;
}
.sorter a:hover, .sorter a:focus {
text-decoration : underline;
}
.sort li.asc a:after, .sort li.desc a:after {
content : "\f107";
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
display : inline-block;
margin-left : 10px;
}
.sort li.desc a:after {
content : "\f106";
}
.block_info_bottom {
width: 100%;
display : flex;
align-items : center;
justify-content : space-between;
/*background-color: #f5f5f5;*/
padding: 10px;
border-radius: 5px;
margin-top: 10px;
border: 1px solid transparent;
box-shadow: rgba(145, 158, 171, .16) 0px 1px 2px 1px;
border-radius: .3rem;
}
body.dark .block_info_bottom {
background-color: #232222;
}
.block_info_bottom_left {
display: flex;
justify-content: flex-start;
align-items: center;
}
.av-block-main-left-time {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: center;
line-height: 1.23;
color: #797979;
}
.block_info_bottom_left_time {
margin-right: 10px;
}
.dropdown_list_info {
width: 120px;
padding: 10px 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.dropdown_list_info {
margin: 5px 0 0 0;
padding: 6px 0;
list-style: none;
position: absolute;
top: 125%;
opacity: 0;
z-index: 2;
visibility: hidden;
border-radius: 3px;
background: #f5f5f5;
transition: opacity 0.25s linear, top 0.25s linear;
}
body.dark .dropdown_list_info {
background: #232222;
}
.c-dropdown.is-open .dropdown_list_info {
opacity: 1;
visibility: visible;
top: 165%;
}
.av-block-main-right_info_b {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 1.23;
color: #797979;
}
.mylists-switch, .mylists-tabs {
display : flex;
flex-wrap : wrap;
list-style : none;
border-radius : 4px;
font-size : 12px;
padding : 0 10px;
}
.mylists-tabs li {
display : flex;
margin-right : 25px;
color : rgb(40 40 40 / 60%);
padding-bottom : 5px;
margin-bottom : 5px;
font-size : 17px;
font-weight : 500;
border-bottom : 3px solid transparent;
flex-shrink : 0;
}
.mylists-switch li {
display : block;
text-decoration : none;
line-height : 20px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
transition : background-color 0.25s linear;
margin-right : 3px;
margin-left : 3px;
border : rgb(0, 0, 0, 0.1) solid 1px;
padding : 5px 10px !important ;
border-radius : 4px;
cursor : pointer;
font-size : 13px !important ;
}
.mylists-switch li:hover {
color: #4ca9ff;
cursor: pointer;
border: solid 1px rgb(75 169 255 / 50%);
}
body.dark .mylists-switch li {
color : #bbb;
border: rgb(255 255 255 / 10%) solid 1px;
}
body.dark .mylists-switch li:hover {
color: #4ca9ff;
cursor: pointer;
border: solid 1px rgb(75 169 255 / 50%);
}
.mylists-tabs li span {
font-size : 13px;
margin-left : 7px;
align-self : end;
font-weight : 300;
color: #4d5a68;
}
body.dark .mylists-tabs li span {
color: #bbb;
}
.mylists-switch li:hover, .mylists-tabs li:hover {
color : #f60;
cursor : pointer;
}
.mylists-switch li.active {
background : #f60;
color : #fff;
}
.mylists-tabs li.active {
color : #9f9f9f;
border-bottom : 3px solid #f60;
}
body.dark .mylists-switch li.active {
background: #f60;
color: #fff;
}
.mylists-tabs li.active a {
color : #4d5a68;
}
body.dark .mylists-tabs li.active a {
color: #f60;
}
.spi-mobile {
display : none;
}
.no-spi-mobile {
width : 100%;
position : relative;
display : flex;
align-items : center;
justify-content : flex-start;
}
/*
.short-des-one a {
color : #060077;
}
.short-des-one a:hover {
color : #f60;
}
*/
.vieve_mobile {
display: none;
}
@media screen and (max-width: 400px) {
.vieve_no_mobile {
display: none;
}
.vieve_mobile {
display: block;
}
}
.info_mobile {
display: none;
}
.info_no_mobile {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 690px) {
.info_no_mobile {
display: none;
}
.info_mobile {
display: block;
}
}
.av_info_block_right {
align-items: flex-start;
margin-right:20px;
}
.s_header-right > div {
display : inline-block;
}
.t-lef {
display : inline-flex;
justify-content : space-between;
align-items : center;
width : 100%;
margin-top : 10px;
}
.t-rig {
float : left;
margin-left : 10px;
}
.short-rela-tex {
bottom : 0;
}
.short-rela-tex-rat {
bottom : 0 !important ;
display : flex;
width : 100% !important ;
text-align : center !important ;
padding : 0.4rem !important ;
justify-content : space-around;
}
.grid__select {
padding : 5px 0;
}
.grid__select div {
height : 33px;
width : 33px;
line-height : 35px;
text-align : center;
margin-right : 4px;
float : left;
cursor : pointer;
border-radius: 5px;
}
.grid__select div:hover, .grid__select div.current {
background-color : rgb(240, 246, 255, 0.7);
}
body.dark .grid__select div:hover, body.dark .grid__select div.current {
background-color: #363636;
}
.grid__select div:hover .icon, .grid__select div.current .icon {
color : #f60;
}
.grid__select div .icon {
color : #6d90a8;
font-size : 20px;
}
.grid__thumb .short {
position : relative;
width : calc(100% / 5);
width : calc(100% / 5);
padding : 10px;
height : auto;
display : inline-block;
}
.column.is__side .grid__thumb .short {
width : calc(100% / 4);
width : calc(100% / 4);
}
.short-main {
position : relative;
width : calc(100% / 7);
width : calc(100% / 7);
padding : 10px;
height : auto;
border-radius : 4px;
display : inline-block;
}
.short__image {
display : block;
transition : all 0.3s;
border-radius: 5px;
}
.short__image:hover {
transform : scale(1.04) translateY(0);
transition : all 0.3s;
}
.grid__thumb .short__image {
display : block;
}
.grid__thumb .short__image img {
position : absolute;
left : 0;
top : 0;
}
.short__image .badge.badge-dark {
top : 13px;
}
.slide_short_img {
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: center;
position: relative;
padding-bottom: 144%;
}
/*
.short_full_posle {
width: 150px;
}
@media screen and (max-width: 1285px) {
.short_full_posle {
width: 140px;
}
}
*/
.badge-year {
font-size : 14px;
background-color : #399AF2;
right : 5px;
top : 6px;
}
.badge-year a {
color : #fff;
}
.imdb-shot-span {
top : 10px;
left : 5px;
padding : 3px 0;
position : absolute;
z-index : 1;
}
.kp-shot-span {
position : absolute;
top : 45px;
left : 10px;
padding : 3px 5px;
background-color : #1d78b7e3;
border : #1d78b7 solid 1px;
border-radius : 2px;
color : #fff;
font-size : 13px;
text-transform : lowercase;
z-index : 2;
}
.age {
font-size : 19px;
font-weight : 600;
line-height : 1.11;
letter-spacing : -2px;
pointer-events : none;
font-family : 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
color : hsl(0deg 0% 46% / 96%);
position : absolute;
z-index : 1;
right : 0;
padding : 0 10px;
bottom : 100px;
overflow : hidden;
}
.anime-ifoo {
position: absolute;
right: 10px;
bottom: 10px;
color: #fff;
display: inline-flex;
width: auto;
justify-content: center;
flex-direction: column;
align-items: flex-end;
}
.anime-ifoo-time {
display: inline-flex;
justify-content: flex-start;
align-items: flex-start;
left: 10px;
font-size: 13px;
color: #bbb;
width: auto;
}
/*
@media screen and (max-width: 350px) {
.anime-i {
display: none;
}
}
*/
/*
.anime-ifoo {
position : absolute;
left : 0;
bottom : 15px;
color : #fff;
display : inline-flex;
width : 100%;
justify-content : center;
}
*/
.rate-ifoo {
font-size : 13px;
color : #bbb;
display : flex;
flex-direction : column;
align-items: flex-end;
padding: 3px 0 0 0;
}
.short__image .badge-infosh {
bottom : 70px;
top : auto;
left : auto;
width : 100%;
padding : 7px;
border-radius : 0;
background-color : #399AF2;
}
.short__image .badge-info {
top : 32px;
right : 5px;
padding : 7px;
z-index : 1;
}
.badge-info a {
color : #fff;
}
.grid__thumb .short__description, .coll_shortstory-full .short__description {
font-size : 14px;
font-weight : 500;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.short__description a, .color-text {
white-space: inherit;
overflow: inherit;
text-overflow: inherit;
}
.grid__thumb .short .short__inner, .coll_shortstory-full .short__inner {
position : relative;
}
.grid__thumb .short__description, .coll_shortstory-full .short__description {
position : relative;
width : 100%;
padding : 0.4rem 0 0;
}
.short-des-one {
position : relative;
width : 100%;
padding : 0.4rem 0;
bottom : 0 !important ;
font-size : 14px;
font-weight : 400;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
margin-bottom : 5px;
}
.short-des-one-color {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;   
}
body.dark .short-des-one-color {
color:#ddd;
}
body.dark .short-des-one-color:hover {
color: #f60;
}
.short-des-ong {
position : relative;
width : 100%;
padding : 0.4rem 0;
bottom : 0 !important;
font-size : 14px;
font-weight : 500;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
margin-bottom : 5px;
}
.short__subtitle-main {
display: flex;
justify-content: space-between;
max-width : 100%;
color : #bbb;
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
/*
.short-des-one a {
color : #ddd;
}
.short-des-one a:hover {
color : #009bf5;
}
*/
.movie-desc {
position: absolute;
right: 100%;
top: 10px;
z-index: 150;
width: 300px;
padding: 15px;
background-color: #4a4a4afa;
display: none;
border-radius: 4px;
}
.short__list .movie-desc {
display: none !important;
}
.pop-right .movie-desc {
right: auto;
left: 100%;
}  
.movie-desc:before {
left: 100%;
top: 30px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-left-color: #4a4a4afa;
border-width: 10px;
margin-top: -10px;
}
.pop-right .movie-desc:before {
right: 100%;
left: auto;
border-color: rgba(255, 255, 255, 0);
border-right-color: #4a4a4afa;
}
.movie-genre {
width: 100%;
float: left;
color: #ddd;
font-size: 15px;
}
.movie-date {
width: 100%;
font-size: 12px;
float: left;
text-align: left;
color: #bbb;
}
.movie-text {
margin-top: 10px;
color: #ddd;
line-height: 18px;
}
.movie-quality {
    display: inline-block;
    margin-top: 15px;
    background-color: #1dd2af;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.short-des-dv {
display : flex;
float : right;
align-items : center;
justify-content : space-evenly;
bottom : 0 !important ;
padding : 0.4rem !important ;
}
.rand-w {
width : calc(100% / 5) !important ;
width : calc(100% / 5) !important ;
}
.short__subtitle {
max-width : 100%;
color : #7e7e7e;
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.short__subtitle-god {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: lowercase;
}
/*
.short__subtitle .years {
float: right;
}
*/
body.dark .short__subtitle-god {
color: #858585;
}
.short__subtitle_car {
font-size : 12px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
color : #444;
}
.grid__thumb .short_bottom, .coll_shortstory-full .short_bottom {
font-size : 15px;
display : flex;
justify-content : center;
}
.grid__thumb .short .header__bg, .short .short__text, .grid__thumb .short__actions {
display : none;
}
.r__worldart span, .r__shikimori span {
display : inline-block;
padding : 1px 5px;
margin-left : 2px;
border-radius : 4px;
}
.ifrat {
display : inline-block;
padding : 0 5px;
}
.imdb {
background : #f5c518;
color : #000000;
font-size : 15px;
font-weight : 500;
font-family : Roboto, Helvetica, Arial, sans-serif;
}
.imdb-rat {
padding : 1px 5px;
font-size : 17px;
font-weight : 600;
pointer-events : none;
}
.kp {
background : #fd6400;
color : #000000;
font-size : 15px;
font-weight : 500;
font-family : Tahoma, Arial, Verdana, sans-serif;
}
.ifrat-2 {
margin-right : 5px;
}
.grid__thumb .full__info-short {
display : none;
}
.grid__thumb .gridder-list, .grid__thumb .gridder-show {
font-size : 12px;
}
.grid__thumb .gridder-list {
display : inline-block;
vertical-align : top;
}
.grid__thumb .gridder-show {
padding : 3%;
padding-top : 30px;
background : #222;
position : relative;
display : block;
float : left;
width : 100%;
margin-bottom : 0.5%;
text-align : left;
color : #CCC;
min-height : 100%;
}
.grid__thumb .gridder-navigation .gridder-nav.prev, .grid__thumb .gridder-navigation .gridder-nav.next {
display : none;
}
.grid__thumb .gridder-navigation .gridder-close {
cursor : pointer;
padding : 5px;
position : absolute;
right : -7px;
top : -10px;
font-size : 28px;
z-index : 2;
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.grid__thumb .gridder-navigation .gridder-close .icon {
color : #fff;
}
.grid__thumb .gridder.hasSelectedItem .gridder-list:not(.selectedItem) {
opacity : 0.2;
}
.movie-retin {
color : #79b757;
pointer-events : none;
font-weight : 500;
}
.movie-retin.low {
color : #ff5032;
}
.movie-retin.middle {
color : #fd9b27;
}
.rating_size_l .rating__value {
font-size : 23px;
color : #88b669;
font-weight: 600;
}
.rating__value.low {
color : #ff5032;
}
.rating__value.middle {
color : #fd9b27;
}
.movie-retin-a {
color : #7ba365;
font-size : 20px;
border : solid 1px;
letter-spacing : -1px;
pointer-events : none;
font-weight : 500;
}
.movie-retin-a.low {
color : #ffffff;
background : #f00;
border : #4d5a68 solid 2px;
}
.movie-retin-a.middle {
color : #ffffff;
background-color : #31c469;
border : #1c743d solid 2px;
}
.rating_size_l .rating__value-a {
font-size : 20px;
color : #88b669;
}
.rating__value-a.low {
color : #ff5032;
}
.rating__value-a.middle {
color : #fd9b27;
}
.rating__source {
font-size: 13px;
font-weight: 400;
color: #999;
}
.age-h {
color : #fba852;
}
.age-h.low {
color : #7ba365;
}
.age-h.middle {
color : #ff6262;
}
.full_title_rate_big {
font-size: 20px;
}
.no-rate-color {
font-size: 17px;
color: #999;
font-weight: 500;
}
.stat {
padding : 5px 5px;
color : #fff;
font-size : 12px;
top : 10px;
left : 8px;
position : absolute;
z-index : 1;
}
/*
[data-text="Онгоинг"] {
padding : 0 5px;
background-color : #1d78b7;
border : #1c74b0 solid 1px;
color : #fff;
font-size : 13px;
}
[data-text="Завершён"] {
padding : 0 5px;
background : #3f903f;
border : #3f903f solid 1px;
color : #fff;
font-size : 13px;
}
[data-text="Анонс"] {
padding : 0 5px;
background-color : #ca4929;
border : #c44728 solid 1px;
color : #fff;
font-size : 13px;
}
*/
[data-text="Онгоинг"] {
color : #f60;
font-size: 14px;
font-weight: 600;
}
[data-text="Завершён"] {
color: #3f903f;
font-size: 14px;
font-weight: 600;
}
[data-text="Анонс"] {
color : #ca4929;
font-size: 14px;
font-weight: 600;
}
.grid__list .gridder-list, .grid__thumb .gridder-show {
font-size : 12px;
}
.grid__list .gridder-list {
display : block;
overflow : hidden;
vertical-align : top;
}
.grid__list .gridder-show {
padding : 4%;
background : #222;
position : relative;
display : block;
float : left;
width : 100%;
margin-bottom : 0.5%;
text-align : left;
color : #CCC;
max-height : 605px;
}
.grid__list .gridder-navigation .gridder-nav.prev, .grid__thumb .gridder-navigation .gridder-nav.next {
display : none;
}
.gridder-nav.next {
display : none;
}
.grid__list .gridder-navigation .gridder-close {
cursor : pointer;
padding : 5px;
position : absolute;
right : -7px;
top : -10px;
font-size : 28px;
z-index : 2;
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.grid__list .gridder-navigation .gridder-close .icon {
color : #fff;
}
.grid__list .gridder.hasSelectedItem .gridder-list:not(.selectedItem) {
opacity : 0.2;
}
.grid__list .nit .gridder.hasSelectedItem .gridder-list:not(.selectedItem) {
opacity : 0;
}
.header__bg-image {
overflow : hidden;
border-radius : 4px;
border-top: 5px solid #f60;
border-bottom: 5px solid #f60;
}
.header__bg-image img {
width : 100%;
opacity : 0;
}
.short__list {
min-width : 100% !important ;
position : relative;
padding : 10px;
padding-bottom : 5px;
}
.short__list:hover {
    background: rgb(0 0 0 / 9%);
    border-radius: 5px;
}
body.dark .short__list:hover {
    background: rgb(253 253 253 / 9%);
}
.short__list::before {
    content: '';
    display: block;
    background: rgb(0 0 0 / 9%);
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    width: calc(100% - 40px);
    top: 0;
    transition: opacity 0.15s ease-out;
}
body.dark .short__list::before {
background: rgb(253 253 253 / 9%);
}
.short__list:hover::before {
    opacity: 0;
}
.full__story .header__bg-image, .short__list .header__bg-image, .coll__short, .header__bg-image {
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
background-size : cover;
background-position : center center;
}
.short__list .header__bg-image:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #ffffffe8;
background : linear-gradient(to left, #ffffffe8, #ffffffd1);
z-index : 0;
}
.short__list .img__box {
background-color : transparent;
}
.short__list .short__inner {
display : flex;
padding : 10px 10px;
position : relative;
border-radius : 5px;
}
.short__list .short__image {
width : 160px;
height : 100%;
display : block;
float : left;
border-radius : 5px;
}
.short__list .short__description {
width : 100%;
margin-left : 15px;
color : #4d5a68;
}
.short__list .short_bottom {
color : #4d5a68;
display : flex;
justify-content : flex-start;
}
.short__list .short_bottom > div {
margin-bottom : 10px;
}
.short__list .short__subtitle {
font-size : 13px;
color : #747474;
margin-bottom : 10px;
}
.short__list .short__text {
font : 14px/18px 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
}
.short__list .short__description > a {
font-size : 17px;
font-weight : 600;
}
.short__list .short__actions {
display : block;
}
.short__list .short__actions .button {
width : 100%;
text-align : center;
background-color : #839bb352;
margin-top : 5px;
color : #4d5a68;
}
.short__list .short__actions .button:hover {
color : #399AF2;
}
.short__list .years {
display : none;
}
.short .e_angl {
display : none;
}
.vis-a {
padding : 3px 0;
font-size : 14px;
}
body.dark .vis-a {
color: #bbb;
}
.vis-a span {
color : #7e7e7e;
font-size : 14px;
font-weight : 500;
}
.vis-a a {
font-weight : 400;
}
.th-rate {
display : flex;
flex-direction : column;
align-items : flex-end;
font-size : 17px;
right : 10px;
top : 15px;
z-index : 20;
position : absolute;
color : #fff;
}
.th-rate > span {
font-weight : 600;
}
.rate-nu {
font-size : 0.6em;
color : #ddd;
}
.th-rate-in {
font-size : 12px;
opacity : 0;
position : absolute;
left : -4px;
top : 0;
bottom : 0;
padding : 0 10px;
line-height : 35px;
border-radius : 4px;
color : #4d5a68;
background-color : #fff;
min-width : 70px;
white-space : nowrap;
}
.th-rate:hover .th-rate-in {
opacity : 1;
}
.sr-plus, .sr-minus {
display : inline;
cursor : pointer;
}
.sr-plus .icon, .sr-minus .icon {
font-size : 19px;
color : #31c469;
}
.sr-minus .icon {
color : #ff293d;
}
.sr-minus {
margin-left : 10px;
}
.sr-plus .fa {
color : #83bf45;
margin-right : 5px;
}
.sr-minus .fa {
color : #ee3442;
margin-right : 5px;
}
.th-rate.low {
background-color : #ff293d;
}
.rate3-short {
text-align : center;
}
.rate3-short span {
padding : 0;
}
.sr-plus1, .sr-minus1 {
width : 35px;
float : left;
margin-left : 15px;
color : #939393;
font-size : 12px;
display : flex;
align-items : center;
}
.sr-plus1 .icon, .sr-minus1 .icon {
font-size : 25px;
display : block;
color : #31c469;
}
.sr-minus1 .icon {
color : #ff293d;
}
.sr-plus1:hover {
transform : skew(-10deg);
}
.sr-minus1:hover {
transform : skew(-10deg);
}
.r3-hide {
display : none;
}
.sr-plus1:hover, .sr-minus1:hover {
color : #fff;
cursor : pointer;
}
.rate3-short .psc {
color : #31c469;
font-size : 15px;
}
.rate3-short .msc {
color : #ff293d;
font-size : 15px;
}
.block-player .rate3-short {
display : flex;
}
.full__content-poster .rate3-short {
display : inline-block;
}
.th-age {
top : 60px;
left : 11px;
z-index : 20;
line-height : 39px;
text-align : center;
font-weight : 600;
position : absolute;
height : 33px;
color : #fff;
width : 33px;
border-radius : 50%;
}
.th-age span {
left : -0.21em;
top : -0.23em;
position : absolute;
height : 42px;
width : 42px;
border-radius : 50%;
}
.age-tex {
font-size : 19px;
letter-spacing : -1px;
pointer-events : none;
font-family : 'P_Nova-Regular', Tahoma, Geneva, sans-serif;
}
.schedule-tabs {
list-style : none;
margin-top : 20px;
margin-bottom : 35px;
position : relative;
padding : 7px 65px 0;
background-color : #f4f6f88a;
box-shadow : 0 10px 24px -6px rgb(148, 149, 160, 0.18);
}
.schedule-tabs li {
font-size : 16px;
display : inline-block;
margin-right : 4px;
line-height : 40px;
padding : 0 30px;
text-align : center;
}
.schedule-tabs li.active, .schedule-tabs li:hover {
cursor : pointer;
color : #f60;
border-radius : 4px;
background-color : #f4f6f8;
}
.schedule-tabs li.active {
background-color : #f60;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.schedule_item {
display : inline-block;
box-sizing : border-box;
padding : 10px;
text-align : center;
overflow : hidden;
position : relative;
}
.schedule_item[data-time]:after {
content : attr(data-time);
position : absolute;
top : 160px;
left : 10px;
background-color : #3394e6e6;
padding : 5px 10px;
color : #fff;
border-radius : 0 4px 4px 0;
}
.column.is__side .schedule_item {
width : calc(100% / 4);
width : calc(100% / 4);
}
.schedule_item {
width : calc(100% / 6);
width : calc(100% / 6);
}
.schedule_item .short__image {
border-radius : 4px;
}
.schedule_item .short__description {
margin-top : 10px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.schedule_item .short__title {
font-size : 21px;
}
.schedule_item .badge {
font-size : 15px;
}
.pagi__nav {
margin-top : 20px;
}
.bottom__nav {
line-height : 36px;
text-align : center;
padding : 20px 0 10px 0;
}
.pagi__nav {
max-width : 100%;
display : inline-block;
}
.pagi__nav > span {
display : inline-block;
}
.pnext a, .pprev a, .pprev > span, .pnext > span {
display : block;
width : 36px;
text-align : center;
}
.navigation {
text-align : center;
}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
display : inline-block;
padding : 0 5px;
min-width : 36px;
background-color : #f4f6f8;
margin : 0 5px 10px 5px;
border-radius : 3px;
}
body.dark .navigation a{
background-color: #363636;
}
body.dark .navigation a:hover {
background-color: #f60;
}
.navigation span, .pagi__nav a:hover {
background-color : #596172;
color : #fff;
}
.navigation span.nav_ext {
background-color : #fff;
color : #888;
}
.pagi__nav a:hover {
background-color : #f60;
color : #fff;
}
.dle-comments-navigation .pagi__nav {
margin-bottom : 0;
}
.pnext a .icon, .pprev a .icon, .pprev > span .icon, .pnext > span .icon {
font-size : 14px;
}
.pnext a:hover .icon, .pprev a:hover .icon {
color : #fff;
text-decoration : underline;
}
.collection {
display : flex;
justify-content : space-between;
flex-wrap : wrap;
}
.collection__main .coll__short {
width : calc(100% / 3.03);
width : calc(100% / 3.03);
margin-bottom : 5px;
}
.collec-full {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
}
.coll__short {
position : relative;
width : calc(100% / 3.2);
width : calc(100% / 3.15);
border-radius : 4px;
margin : 5px;
padding : 0;
display : inline-block;
margin-bottom : 10px;
}
.coll__short:hover {
opacity : 0.9;
}
.coll__short:hover .short__title, .c__sh-text > a {
color : #f60;
}
.coll__short-full {
margin-bottom : 40px;
}
.c__sh-image {
position : relative;
margin-bottom : 20px;
width : 100%;
padding-top : 20%;
overflow : hidden;
display : block;
border-radius : 4px;
}
.c__sh-image img {
position : absolute;
left : 0;
top : -85%;
width : 100%;
}
.coll__short .header__bg {
min-width : 230px;
min-height : 130px;
}
.coll__short .header__bg-image .coll__main {
border-radius : 4px;
}
.coll__short-description, .coll__short-full .subtitle {
padding : 15px;
text-align : left;
color : #fff;
position : absolute;
left : 0;
bottom : 0;
width : 100%;
z-index : 2;
font-size : 17px;
}
.short__title_col {
position: relative;
left: 10px;
bottom : 10px;
}
.coll_shortstory-full {
position : relative;
padding : 10px;
height : auto;
width : calc(100% / 5);
width : calc(100% / 5);
border-radius : 4px;
display : inline-block;
}
.short__title a {
color : #fff;
}
.short__title a:hover {
color : #ff7600;
}
.collection-item {
overflow : hidden;
transition : all 0.2s;
}
.header__bg-image:before, .collection-img:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #15161738;
background : linear-gradient(to bottom, #15161796, #151617a1);
z-index : 0;
}
.collection-item:hover .collection-img:hover {
transform : translateY(1px);
}
.collection-img {
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
margin: 10px;
background-size : cover;
background-position : center center;
z-index : 1;
border: 0;
}
.collection-img1 {
position : absolute;
top : -13px;
left : 20px;
right : 20px;
bottom : 13px;
margin: 10px;
border-radius : 4px;
opacity : 0.35;
}
.collection-item:hover .collection-img1:hover {
transform : translateY(1px);
}
.collection-img2 {
position : absolute;
top : -7px;
left : 10px;
right : 10px;
bottom : 7px;
margin: 10px;
border-radius : 4px;
opacity : 0.55;
}
.collection-item:hover .collection-img2:hover {
transform : translateY(1px);
}
@media only screen and (max-width: 1320px) {
.coll__short {
width : 31%;
}
}
@media only screen and (max-width: 893px) {
.coll__short {
width : 46%;
}
}
.coll_header {
height : 300px;
}
.coll_poster {
margin-top : -100px;
padding-left : 10px;
}
.coll_title {
margin : 50px;
}
.coll_title_h {
color : #ddd;
}
.full_coll_inner {
width : 100%;
position : relative;
padding-left : 0;
margin-top : 10px;
}
.coll_mobile_title {
display : none;
}
.block-title-coll {
align-items : baseline;
justify-content : space-between;
}
.add-comm-btn {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid rgba(31,31,31,.1);
padding: 0px 15px;
border-radius: 5px;
cursor: pointer;
}
body.dark .add-comm-btn {
border: 1px solid rgb(255 255 255 / 10%);
}
.comms-title {
line-height : 40px;
margin-bottom : 10px;
}
.comms-title > span {
font-size : 16px;
}
.not_comments_news {
text-align: center;
padding: 10px;
color: #777;
background-color: #f5f5f5;
border-radius: 5px;
margin-top: 20px;
}
body.dark .not_comments_news {
background-color: #232222;
color: #bbb;
}
.bb-editor {
display : flex;
}
.add-comm-form {
position : relative;
padding : 10px 0;
display : none;
border-bottom: 1px solid rgb(0, 0, 0, 0.09);
}
body.dark .add-comm-form {
border-bottom: 1px solid rgb(163 163 163 / 9%);
}
.add_comm_not_login {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
}
.ac-soc {
position : relative;
margin-bottom: 20px;
}
.ac-soc:before {
content : attr(data-label);
display : inline-block;
vertical-align : top;
line-height : 30px;
margin-right : 5px;
}
.ac-soc a {
display : inline-block;
margin : 0 0 0 3px;
vertical-align : top;
}
.ac-soc img {
display : block;
width : 30px;
border-radius : 4px;
}
.ac-inputs, .ac-textarea {
margin-bottom : 15px;
}
.ac-av {
width : 50px;
height : 50px;
float : left;
margin-right : 10px;
border-radius : 50%;
border : #f60 solid 3px;
background : url(../dleimages/noavatar.webp) no-repeat #4f555f;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 390px) {
.ac-textarea {
display: flex;
flex-direction: column;
}
}
.ac-title {
font-weight : 700;
margin-bottom : 15px;
text-transform : uppercase;
}
.add_comm_login {
margin-top: 35px;
}
@media screen and (max-width: 390px) {
.add_comm_login {
margin-top: 0;
}
}
/*
.ac-inputs input {
width : 49%;
}
*/
.ac-textarea textarea {
height : 85px;
}
.ac-submit {
float : right;
margin-right: 5px;
margin-top: 5px;
}
.sec-answer + .sec-label {
margin-top : 10px;
}
/*
.ac-protect {
margin-top : -10px;
}
*/
.ac-protect .label {
font-size : 12px;
}
.ac-protect .sep-input {
padding : 10px 10px 10px 160px;
}
.mass_comments_action {
text-align : right;
padding : 5px 15px;
background-color : #f4f6f8;
margin : 0;
}
.last-comm-link {
font-size : 17px;
}
.last-comm-link a {
font-weight: 600;
}
.full-comms {
font-size : 14px;
}
.comm-item, .comm-left, .comm-left-side {
position : relative;
padding : 10px 0;
}
.side-comm {
padding-top: 5px;
border-bottom: 1px solid rgba(31,31,31,.1);
}
body.dark .side-comm {
border-bottom: 1px solid #2c2c2c;
}
.comm-left {
border-bottom: 1px solid rgb(0, 0, 0, 0.09);
}
body.dark .comm-left {
border-bottom: 1px solid rgb(163 163 163 / 9%);
}
.comm-sad-image {
float : left;
margin-right : 10px;
border-radius : 50%;
border : #f60 solid 2px;
width : 40px;
height : 40px;
}
.comm-left-side {
padding-bottom: 0;
}
.comm-left.fx-flex {
justify-content : left;
}
.comm-left-image {
float : left;
margin-right : 10px;
border-radius : 50%;
border : #f60 solid 3px;
width : 50px;
height : 50px;
}
.comm_login_data_rate {
display: flex;
justify-content: space-between;
align-items: center;
}
body.dark .comm_login_data_rate {
color: #bbb;
}
.comm_login_data {
display: flex;
align-items: baseline;
}
@media screen and (max-width: 360px) {
.comm_login_data {
flex-direction: column;
}
}
.comm_otvet_rate {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.comm_otvet {
font-size: 12px;
color: #878787;
margin-bottom: 10px;
}
.comm_otvet:hover  {
color: #f60;
}
.comm-left .up-status {
bottom : -35px;
left : -14px;
width : 80px;
}
.comm-right {
width : 100%;
padding : 5px 0;
border-radius : 6px;
}
.comm-one {
position : relative;
}
.comm-one > span {
padding-right: 5px;
}
.comm-one-side {
position : relative;
white-space : nowrap;
overflow : hidden;
font-weight : 500;
text-overflow : ellipsis;
}
.comm-author {
display: flex;
align-items: baseline;
font-weight : 700;
opacity : 1 !important ;
}
@media screen and (max-width: 590px) {
.comm_av_login {
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.comm-author span {
font-weight : 600;
font-size : 12px;
}
.comm-author a {
text-decoration : underline;
}
.comm-date {
font-size : 12px;
}
.comm_av_data {
font-size: 12px;
color: #878787;
margin-left: 10px;
}
.rate3-comm {
white-space : nowrap;
font-weight : 700;
}
.rate3-comm a {
cursor : pointer;
width : 28px;
font-size : 15px;
color : #31c469;
text-align : center;
}
.rate3-comm a:last-child {
color : #eb3344;
}
.rate3-comm a:hover {
opacity : 0.5;
}
.rate3-comm > span {
color : #c4d3e3;
}
.rate3-comm .ratingtypeplusminus {
color : #4d5a68;
}
.rate3-comm > a > span.ratingplus {
font-size : 18px;
color : #88B669;
}
.rate3-comm > a > span.ratingminus {
font-size : 18px;
color : #EB6C65;
}
.comm-two {
margin: 5px 0;
}
body.dark .comm-two {
color: #bbb;
}
.comm-three {
margin-top : 10px;
font-size : 12px;
text-align : right;
position : relative;
}
.comm-three li {
display : inline-block;
margin-left : 10px;
}
.comm-three li:first-child a {
margin-left : 0;
float : left;
position : absolute;
bottom : -34px;
left : 50px;
padding : 10px 15px;
border-radius : 24px;
color : #fff;
background-color : #97abbf;
}
.comm-three li .fb-check {
top : 11px;
}
.gray-theme.fr-box.fr-basic .fr-element, .gray-theme.fr-toolbar {
background-color : #302f33;
color : #fff !important ;
}
.gray-theme.fr-toolbar {
color : #fff !important ;
background-color : #151617 !important ;
}
/*
.gray-theme.fr-toolbar .fr-command.fr-btn i, .gray-theme.fr-popup .fr-command.fr-btn i, .gray-theme.fr-toolbar .fr-command.fr-btn svg, .gray-theme.fr-popup .fr-command.fr-btn svg {
color : #fff !important;
}
*/
.gray-theme.fr-box .fr-counter {
background : #151617 !important ;
border-top : 1px solid #151617 !important ;
border-left : 1px solid #151617 !important ;
}
.gray-theme .fr-separator, .gray-theme.fr-desktop .fr-command:hover, .gray-theme.fr-desktop .fr-command:focus {
background-color : transparent !important ;
}
.fb-check input {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
z-index : 5;
opacity : 0;
cursor : pointer;
}
.fb-check input:hover + label:after {
box-shadow : 0 2px 15px 0 rgb(0, 0, 0, 0.2), 0 3px 8px 0 rgb(0, 0, 0, 0.15);
}
.fb-check input:checked + label:after {
left : 32px;
}
.footer_av {
width : 100%;
}
.text_footer_av {
max-width : 1300px;
margin : 0 auto;
padding : 15px 25px;
color : #9a9a9a;
position : relative;
z-index : 1;
}
.text_footer_av p {
text-align : center;
color : #bdbdbd;
}
.text_footer_av p a {
color : #bdbdbd;
}
.img_footer_av {
background-color : #0c0c0c;
background : url(/templates/av/images/fon-footer.webp) center no-repeat;
background-size : cover;
min-height : 350px;
}
.img_footer_av:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #151617c7;
background : linear-gradient(to bottom, #151617c7, #151617a1);
z-index : 0;
}
.road_av {
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
}
.road_av .menu_av .menu_av-r {
width : 100%;
margin-left : auto;
left : auto;
right : auto;
}
.road_av .menu_av {
box-sizing : border-box;
padding : 0 5px;
min-height : 1px;
}
.content_menu_av {
padding : 20px 1rem 0;
max-width : 1300px;
margin : 0 auto;
}
.footer_menu_av ul {
display : flex;
justify-content : center;
flex-direction : row;
flex-wrap : wrap;
}
.footer_menu_av a {
font-size : 1.1em;
margin-right : 15px;
color : #fff;
opacity : 0.5;
}
.footer_text_av {
position : relative;
margin-top : 30px;
text-align : center;
}
.footer_text_av p {
font-size : 0.89em;
margin : 5px 0;
color : #9a9a9a;
}
.copyright_av {
width: 100%;
overflow : hidden;
min-height : 50px;
display : flex;
align-items : center;
justify-content : space-between;
padding : 10px 27px;
color : rgb(255, 255, 255, 0.8);
}
.title_footer_av {
margin-bottom : 10px;
text-align : center;
color : #bdbdbd;
}
.corpus_copyright_av {
width : 100%;
padding : 15px 25px;
display : inline-flex;
justify-content : space-between;
align-items : baseline;
flex-wrap : wrap;
}
.copyright_av span {
margin-right : 10px;
}
.copyright_av a, .copyright_av span {
color : #ddd;
}
.corpus_copyright_av .icon {
font-size : 15px;
margin-right : 5px;
}
.border_login_on, .new-profile__avatar, .lb__avatar-drop, .log-imga {
border: 3px solid #0000;
background: linear-gradient(#131219, #131219) padding-box, linear-gradient( var(--angle), #3197ff, #f60 ) border-box;
animation: 8s rotate linear infinite;
}
@keyframes rotate {
to {
--angle: 360deg;
}
}
@property --angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
/*
.is-cat {
overflow : hidden;
line-height : 20px;
padding : 10px 0 0 5px;
}
.is-cat-t {
display : inline-block;
float : left;
padding : 5px 10px 5px 1px;
font-size : 15px;
font-weight : 500;
}
.is-cat span {
float : right;
padding : 0;
border-radius : 3px;
}
.is-cat a {
font-size : 14px;
padding : 5px 10px;
margin-left : 5px;
margin-bottom : 5px;
float : left;
background : #f60;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(55 161 255 / 26%), 0 4px 12px 0 rgb(121 155 254 / 25%);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.is-cat a:hover {
box-shadow : none;
background : #242227;
}
*/
.full__header {
position : relative;
margin-top : 10px;
}
.mobile {
display : none;
position : absolute;
width : 100%;
min-height : 460px;
}
.quality {
font-size : 25px;
font-weight : 600;
line-height : 1.11;
letter-spacing : -2px;
position : relative;
pointer-events : none;
border : none;
float : right;
right : 15px;
top : 10px;
}
.full__header-bg {
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
overflow : hidden;
border-radius : 4px;
}
.full__header-bg--img {
position : absolute;
top : 0;
bottom : 0;
right : 0;
left : 0;
background-size : cover;
background-position : center;
}
.full__header-bg--img:before {
content : '';
display : block;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #15161738;
background : linear-gradient(to bottom, #15161796, #151617);
z-index : 0;
}
.full__header-inner {
text-align : center;
padding-top : 40px;
padding-bottom : 130px;
margin-top : 10px;
position : relative;
}
.full_title_top {
width : 100%;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.full__header-title {
z-index : 1;
position : relative;
}
.full__header-title .full__content-poster {
display : none;
}
.full__header-title h1 {
/*font-size : 20px;
font-weight : 700;
color: #555;*/
font-size: 25px;
font-weight: 600;
color: #333;
}
body.dark .full__header-title h1 {
color: #bbb;
}
.full__header-subtitle {
color : #878787;
font-size : 15px;
margin-top : 5px;
cursor: pointer;
}
.av_fullstory_season {
margin-left: 10px;
}
.full__header-season {
font-size : 17px;
color : #fff;
font-weight : 500;
margin-top : 20px;
}
.full__header-actions {
margin-top : 70px;
}
.full__header-actions a {
margin-right : 15px;
}
.full__header-actions a:last-child {
background-color : #242227;
}
.full__header-actions a .icon {
color : #fff;
}

.angle-down{
background-image:url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M16.0686 9H7.9313C7.32548 9 7.02257 9 6.88231 9.1198C6.76061 9.22374 6.69602 9.37967 6.70858 9.53923C6.72305 9.72312 6.93724 9.93731 7.36561 10.3657L11.4342 14.4343C11.6322 14.6323 11.7313 14.7313 11.8454 14.7684C11.9458 14.8011 12.054 14.8011 12.1544 14.7684C12.2686 14.7313 12.3676 14.6323 12.5656 14.4343L16.6342 10.3657C17.0626 9.93731 17.2768 9.72312 17.2913 9.53923C17.3038 9.37967 17.2392 9.22374 17.1175 9.1198C16.9773 9 16.6744 9 16.0686 9Z' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-position:100%;
background-repeat:no-repeat;
background-size:25px;
width:24px;
height:10px;
display:inline-block
}
.is-open .angle-down{
background-image: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7.9313 14.9999H16.0686C16.6744 14.9999 16.9773 14.9999 17.1175 14.8801C17.2393 14.7762 17.3038 14.6203 17.2913 14.4607C17.2768 14.2768 17.0626 14.0626 16.6342 13.6342L12.5656 9.56561C12.3676 9.3676 12.2686 9.2686 12.1544 9.2315C12.054 9.19887 11.9458 9.19887 11.8454 9.2315C11.7313 9.2686 11.6323 9.3676 11.4342 9.56561L7.36561 13.6342C6.93724 14.0626 6.72305 14.2768 6.70858 14.4607C6.69602 14.6203 6.76061 14.7762 6.88231 14.8801C7.02257 14.9999 7.32548 14.9999 7.9313 14.9999Z' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
body.dark .angle-down{
background-image:url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M16.0686 9H7.9313C7.32548 9 7.02257 9 6.88231 9.1198C6.76061 9.22374 6.69602 9.37967 6.70858 9.53923C6.72305 9.72312 6.93724 9.93731 7.36561 10.3657L11.4342 14.4343C11.6322 14.6323 11.7313 14.7313 11.8454 14.7684C11.9458 14.8011 12.054 14.8011 12.1544 14.7684C12.2686 14.7313 12.3676 14.6323 12.5656 14.4343L16.6342 10.3657C17.0626 9.93731 17.2768 9.72312 17.2913 9.53923C17.3038 9.37967 17.2392 9.22374 17.1175 9.1198C16.9773 9 16.6744 9 16.0686 9Z' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
body.dark .is-open .angle-down{
background-image:url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7.9313 14.9999H16.0686C16.6744 14.9999 16.9773 14.9999 17.1175 14.8801C17.2393 14.7762 17.3038 14.6203 17.2913 14.4607C17.2768 14.2768 17.0626 14.0626 16.6342 13.6342L12.5656 9.56561C12.3676 9.3676 12.2686 9.2686 12.1544 9.2315C12.054 9.19887 11.9458 9.19887 11.8454 9.2315C11.7313 9.2686 11.6323 9.3676 11.4342 9.56561L7.36561 13.6342C6.93724 14.0626 6.72305 14.2768 6.70858 14.4607C6.69602 14.6203 6.76061 14.7762 6.88231 14.8801C7.02257 14.9999 7.32548 14.9999 7.9313 14.9999Z' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")
}
.dropdown_list_alt-title{
width:auto;
line-height:1.3;
list-style:none;
position:absolute;
top:125%;
opacity:0;
color: #878787;
z-index:2;
visibility:hidden;
transition:opacity 0.25s linear, top 0.25s linear
}
.c-dropdown.is-open .dropdown_list_alt-title{
opacity:1;
visibility:visible;
/*top:165%;*/
position:relative
}



.size-poster {
max-height: 320px;
/*border-top : 5px solid #f60;
border-bottom : 5px solid #f60;
border-radius : 5px;
position : relative;
overflow : hidden;*/
}
.size-poster-img {
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: center;
position: relative;
padding-bottom: 144%;
}
.info {
display: none;
}
.info.show {
display: block;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.verify {
background-image: url(/templates/av/images/ani18.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center; 
align-items:center;
bottom:0;
display:flex;
justify-content:center;
left:0;position:fixed;
right:0;
top:0;
z-index:9999;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.verify:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffffffd6;
    background: -webkit-linear-gradient(top,#ffffffb3,#ffffffd6);
    background: -moz-linear-gradient(top,#ffffffb3,#ffffffd6);
    background: linear-gradient(to bottom,#ffffffb3,#ffffffd6);
    z-index: 0;
}
body.dark .verify {
background-image: url(/templates/av/images/ani18dark.webp);
}
body.dark .verify:before {
    background: #151617e8;
    background: -webkit-linear-gradient(top,#151617c9,#151617e8);
    background: -moz-linear-gradient(top,#151617c9,#151617e8);
    background: linear-gradient(to bottom,#151617c9,#151617e8);
}
.verify_modal {
position: relative;
font-size:15px;
max-width:500px;
padding:15px;
text-align:center;
top: 50px;
}
.verify_modal_text {
padding: 10px;
}
.verify_modal_text_content {
position: relative;
z-index: 1;
}
.verify_modal_text_content_p {
font-size: 17px;
font-weight: 600;
}
.verify_modal p {
color: #000;
padding:5px 0;
}
body.dark .verify_modal p {
color:#ddd;
}
.verify_modal_btn {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.verify_modal svg {
height:80px;
width:80px
}
.verify_close, .verify_confirm {
display: block;
width: 60px;
border:0;
border-radius:5px;
color:#fff;
cursor:pointer;
font-size:inherit;
outline:none;
padding:10px 15px
}
.verify_confirm {
background-color:#3f903f;
}
.verify_confirm:hover {
background-color: #333;
}
.button_disable {
opacity:1;
}
.info__btn a {
color: #fff;
}
.info__close a {
color: #fff;
}
.verify_close {
background-color:#de2600;
margin-left:10px
}
.verify_close:hover {
background-color:#333;
}
.verify_home {
color:#6f6f6f;
font-weight:700;
}
#verify_check {
margin-right:10px;
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
.verify_check_wrap {
bottom:-15px;
left:0;
position:absolute;
right:0;
top:-15px
}
.player_stop_user {
background-image: url(/templates/av/images/regist.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
align-items:center;
bottom:0;display:flex;
flex-direction: column;
justify-content: center;
left:0;
position:fixed;
right:0;
top:0;
z-index:9999;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.player_stop_user:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffffffc4;
    background: -webkit-linear-gradient(top,#ffffffa6,#ffffffc4);
    background: -moz-linear-gradient(top,#ffffffa6,#ffffffc4);
    background: linear-gradient(to bottom,#ffffffa6,#ffffffc4);
    z-index: 0;
}
body.dark .player_stop_user {
background-image: url(/templates/av/images/registdark.webp);
}
body.dark .player_stop_user:before {
    background: #151617d9;
    background: -webkit-linear-gradient(top,#151617c4,#151617d9);
    background: -moz-linear-gradient(top,#151617c4,#151617d9);
    background: linear-gradient(to bottom,#151617c4,#151617d9);
}
.player_stop_user_content {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
position: relative;
max-width: 450px;
padding: 15px;
}
.player_stop_user_p {
font-size: 17px;
font-weight: 600;
}
.player_stop_user_content p {
color: #000;
padding:5px 0;
}
body.dark .player_stop_user_content p {
color: #ddd;
}
.player_stop_user_text {
font-size: 15px;
text-align : center;
}
body.dark .player_stop_user_text {
color: #ddd;
}
/*
.player_stop_user_span {
color : #fff;
display : inline-flex;
align-items : center;
white-space : nowrap;
justify-content : center;
cursor : pointer;
border : 0;
outline : 0;
height : 34px;
font-size : 15px;
padding : 0 20px;
border-radius : 4px;
margin-top : 10px;
width : 100%;
max-width : 300px;
}
*/
.player_stop_user_btn {
cursor: pointer;
margin: 5px 0;
}
/*
.player_stop_user_span a {
color : #fff;
}
.player_stop_user_span a:hover {
color : #4d5a68;
}
*/
.denied {
color:#de2600;
font-weight:700
}
.full__content-poster {
width : 23%;
position : relative;
}
.full__content-poster img {
border-radius : 4px;
min-height : auto;
display : block;
object-fit: cover;
object-position: bottom;
cursor: zoom-in;
z-index: 1;
position: relative;
max-height: 320px;
width: 100%;
}
.poster_rotate{
-webkit-animation-duration:0.5s;
animation-duration:0.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.full__content {
position : relative;
margin-left : auto;
margin-right : auto;
}
.full__content-inner {
width : 77%;
position : relative;
padding-left : 20px;
color : var(--color-text);
}
.full__content-inner.full__inner {
width : 100%;
padding : 0;
}
.full__content-inner.half__inner {
width : 33%;
padding : 0;
}
.full__footer .full__content-inner.half__inner {
width : 100%;
padding : 0;
margin-bottom: 20px;
}
.full__content-actions {
width : 30%;
}
.full__rating {
margin-bottom : 54px;
}
.full__content-screens {
width : 100%;
}
.full__content-desc {
color : #646464;
font-size : 14px;
line-height : 1.5;
}
body.dark .full__content-desc {
color : #959595;
}
.full__content-desc h2 {
margin-bottom : 5px;
font-weight : 600;
font-size : 15px;
color : #4d5a68;
}
body.dark .full__content-desc h2 {
color : #bbb;
}
.full-to {
color : #4e4b4b;
text-align : left;
margin-bottom : 5px;
font-weight : 500;
font-size : 22px;
margin-top : 10px;
}
.coll-poster {
margin-top : -230px;
}
.colle {
padding-bottom : 0;
}
.deco {
width: 100%;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
}
.block-18-img {
background-image: url(/templates/av/images/18.png);
background-repeat: no-repeat;
top: 0;
bottom: 0;
right: 0;
width: 100%;
max-height: 200px;
max-width: 200px;
background-size: contain;
background-position: center;
position: absolute;
opacity: 0.3;
z-index: 1;
}
.full__content-rate {
display : inline-flex;
flex-wrap : wrap;
align-items : center;
align-items : flex-start;
}
.full-rate {
display: inline-flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 0px;
margin-right: 30px;
}
.full-rate-big {
display : inline-flex;
align-items : baseline;
margin-left : 20px;
}
.rate-big {
border : 0;
border-radius : 4px;
font-size : 30px !important ;
padding : 0;
}
.rate-num {
font-size : 15px;
color : rgb(31, 31, 31, 0.4);
margin-left : 8px;
}
.full-rate-fly {
display : inline-flex;
align-items : baseline;
}
.rating-right {
display : inline-block;
vertical-align : middle;
}
.rating_type_text {
display: inline-block;
padding: 0 10px 0 0;
line-height: 22px;
}
.full__content-info--inner {
display : flex;
flex-wrap : wrap;
}
.full__info {
display : inline-flex;
flex-direction : column;
width : 100%;
position : relative;
margin-bottom : 10px;
}
.full__info li {
display : inline-block;
border-bottom: 1px solid transparent;
border-image: linear-gradient(to left, #ffffff , #e3e3e3);
border-image-slice: 1;
padding : 5px 0;
font-size : 14px;
line-height : 20px;
}
body.dark .full__info li {
border-image: linear-gradient(to left, #1d1d1d , #2f2f2f);
border-image-slice: 1;
}
.full__info_dark_light {
    color: #333;
}
body.dark .full__info_dark_light {
    color: #bbb;
}
.gridder-expanded-content .no-grid {
display : none;
}
.full__info-sec {
display : inline-flex;
flex-direction : column;
width : 100%;
position : relative;
margin-bottom : 10px;
}
.full__info-sec li {
font-size : 14px;
line-height : 20px;
}
.full__info-sec li > a {
text-decoration : none;
border-radius : 3px;
}
.full__content-info--inner .full__info li {
padding : 0 10px 15px 110px;
}
.full__info li > span:first-child {
display : inline-block;
width : 150px;
position : relative;
float : left;
font-weight : 400;
font-size : 14px;
color: #777;
flex-shrink : 0;
}
.full__info li > a {
display : inline-block;
text-decoration : none;
border-radius : 3px;
}
.vis_display_genre {
display: flex;
text-transform: capitalize;
}
.vis_display_act {
display: flex;
}
.vis_studios a {
color: #f60;
}
.vis_studios a:hover {
color: #333;
}
body.dark .vis_studios a:hover {
color: #bbb;
}
.play_btn {
width : 100%;
background-color: #f60;
color : #fff;
height : 30px;
line-height : 32px;
margin-top: 10px;
}
.play_btn:hover {
background-color: #333;
color : #fff;
}
.play_btn_trailer {
background-color: #f23939d9;
margin-bottom: 10px;
margin-top: 0;
}
.full_content_info_rate_title {
width: 100%;
font-size: 15px;
line-height: 36px;
font-weight: 600;
color: #4d5a68;
}
body.dark .full_content_info_rate_title {
color: #bbb;
}
.full__content-info--title {
width : 100%;
font-size : 20px;
line-height : 36px;
font-weight : 600;
margin-bottom : 0px;
padding : 0 10px;
}
.full_content_title-info {
width: 100%;
color: #555;
font-size: 17px;
line-height: 36px;
font-weight: 600;
margin-top: 10px;
padding: 0 0px;
}
body.dark .full_content_title-info {
color: #bbb;
}
.full__content-info--title h3 {
margin-left : 5px;
}
.lef {
width : 100%;
margin-top: 10px;
}
.full_content_text_season_next h3{
width: 100%;
font-size: 17px;
color: #4d5a68;
line-height: 36px;
font-weight: 600;
margin-bottom: 5px;
margin-top: 5px;
}
body.dark .full_content_text_season_next h3{
color: #bbb;
}
.rig {
width : 100%;
}
.ret {
padding : 6px 10px;
margin-right : 5px;
}
.full-opi {
width : 100%;
}
.block-title {
width : 100%;
display : flex;
justify-content: space-between;
align-items: flex-end;
padding : 10px 0;
}
.block-title h2 {
font-size: 15px;
font-weight: 600;
color: #4d5a68;
}
body.dark .block-title h2 {
color: #bbb;
}
.block_mylists_age {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
/*background-color: #f7f7f7cf;*/
padding: 10px;
border-radius: 5px;
margin-top: 10px;
border: 1px solid transparent;
box-shadow: rgba(145, 158, 171, .16) 0px 1px 2px 1px;
border-radius: .3rem;
}
body.dark .block_mylists_age {
background-color: #232222;
}
.hide, .hide + label ~ div {
display : none;
}
.hide + label, .hide:checked + label {
font-size: 14px;
position: relative;
text-align: center;
float: right;
cursor: pointer;
margin: 10px 0;
padding: 5px 15px;
width: 100%;
border-bottom: 1px solid #cccccca6;
}
body.dark .hide + label, .hide:checked + label {
border-bottom: 1px solid #cccccc1f;
}
.post-har label:after {
content: "Открыть весь список!";
position: absolute;
top: 1px;
display: inline-block;
transform: translateX(-50%);
background: #fff;
padding: 0 15px;
color: #4d5a68;
width: 150px;
font-size: 15px;
font-weight: 600;
}
.post-har label:hover:after {
color: #f60;
}
body.dark .post-har label:after {
background: #1f1f1f;
color: #bbb;
}
body.dark .post-har label:hover:after {
color: #f60;
}
.hide:checked + label {
display : none;
color : #dbdbdb;
border-bottom : 0;
box-shadow : none;
background : #242227;
}
.hide:checked + label + div {
display : block;
}
/*
.hide:checked + label:after {
content : "\f106";
}
.hide + label:after {
content : "\f107";
font : normal normal normal 14px/1 FontAwesome;
font-size : inherit;
text-rendering : auto;
display : inline-block;
margin-left : 10px;
}
*/
.tabse {
width : 100%;
font-size : 0;
}
.tabse > input[type="radio"] {
display : none;
}
.tabse > div {
display : none;
padding : 5px 0;
font-size : 16px;
}
#tab-btn-1:checked ~ #content-1, #tab-btn-2:checked ~ #content-2, #tab-btn-3:checked ~ #content-3 {
display : block;
}
.tabse > label {
display : inline-block;
text-align : center;
vertical-align : middle;
user-select : none;
margin-right : 10px;
padding : 5px 0 5px 0;
font-size : 17px;
font-weight : 600;
line-height : 1.5;
transition : color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor : pointer;
position : relative;
color: #4d5a68;
}
body.dark .tabse > label {
color: #bbb;
}
.tabse > label:not(:first-of-type) {
border-left : none;
}
.tabse > input[type="radio"]:checked + label {
border-bottom : 2px solid #42a4ff;
}
.chronos-season {
margin-left : 10px;
}
.chronos-relad {
display : inline-block;
font-size : 15px;
margin-right : 5px;
padding : 5px 15px;
text-align : center;
background : #f60;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(55 161 255 / 26%), 0 4px 12px 0 rgb(121 155 254 / 25%);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.chronos-relad a {
color : #fff;
}
.botse {
margin-bottom : 10px;
}
.full__favourite {
position: relative;
padding : 10px 0;
text-align : center;
z-index : 1;
}
/*
.full_block_social {
padding-bottom: 10px;
padding-top: 10px;
}
*/
.f__fav {
color : #98a19d;
width : 100%;
display : block;
max-width : 220px;
text-align : center;
text-decoration : none;
line-height : 20px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
transition : background-color 0.25s linear;
border : rgb(75 169 255 / 50%) solid 1px;
padding : 5px 10px;
border-radius : 4px;
cursor : pointer;
color : rgb(75 169 255 / 80%);
background : #fff;
font-size : 13px;
}
.f__fav-add {
color : rgb(255 39 39 / 80%);
border : rgb(255 39 39 / 50%) solid 1px;
}
.f__fav a {
color : #90b23d;
}
.f__fav:hover {
color : rgb(255 39 39 / 80%);
border : rgb(255 39 39 / 50%) solid 1px;
}
.f__fav-add:hover {
color : rgb(75 169 255 / 80%);
border : rgb(75 169 255 / 50%) solid 1px;
}
.f__fav.guest__registration:before {
content : attr(title);
}
.full__content-inner .subtitle {
color : #4e4b4b;
text-align : left;
margin-bottom : 5px;
font-weight : 500;
font-size : 22px;
margin-top : 10px;
}
.player-control-head {
display : block;
width : 100%;
margin-top : 20px;
margin-left : 190px;
}
.player_stop {
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-color : rgb(0 0 0);
z-index : 0;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.player_stop_text {
color : #dcdcdc;
font-size : 1.1em;
text-align : center;
max-width : 340px;
}
.player_stop_span {
color : #fff;
display : inline-flex;
align-items : center;
white-space : nowrap;
justify-content : center;
cursor : pointer;
border : 0;
outline : 0;
height : 34px;
font-size : 15px;
padding : 0 20px;
border-radius : 4px;
margin-top : 10px;
width : 100%;
max-width : 300px;
}
.player_stop_span a {
color : #fff;
}
.player_stop_span a:hover {
color : #4d5a68;
}
.nicely {
overflow : hidden;
margin-top : 10px;
margin-left : 0;
padding : 5px;
text-align : center;
border : solid 5px;
color : rgb(255, 255, 255);
box-shadow : 0 2px 5px 0 rgb(55 161 255 / 26%), 0 4px 12px 0 rgb(121 155 254 / 25%);
}
.views-comment {
display : flex;
color : #4d5a68;
}
.full__subcontent {
background-color : #1e1d21;
padding : 13px 20px;
}
.complaint__btn a {
border : rgb(0, 0, 0, 0.1) solid 1px;
padding : 8px 10px;
border-radius : 4px;
cursor : pointer;
height : 33px;
display : flex;
align-items : center;
font-size : 13px;
}
body.dark .complaint__btn a {
border: rgb(255 255 255 / 10%) solid 1px;
}
.complaint__btn .fa {
font-size: 15px;
}
.complaint__btn a:hover {
color : rgb(255 39 39 / 80%);
border : rgb(255 39 39 / 50%) solid 1px;
}
body.dark .complaint__btn a:hover {
border : rgb(255 39 39 / 50%) solid 1px;
}
.full_tag {
line-height : 17px;
padding : 5px 0px;
}
.full_tag-tags {
display : flex;
}
.full_tag-tags a {
font-size : 14px;
padding : 3px 7px;
margin-right : 5px;
margin-bottom : 5px;
float : left;
background : #f60;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(55 161 255 / 26%), 0 4px 12px 0 rgb(121 155 254 / 25%);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.full_tag-tags a:hover {
background : #242227;
}
.full_ser {
width : 100%;
position : relative;
}
.full_ser li {
display : inline-flex;
width : 100%;
justify-content : space-between;
padding : 5px 5px;
font-size : 14px;
border-bottom : 1px dashed #c7c7c7;
margin-bottom : 5px;
}
.full_ser span {
padding : 5px 5px 5px 5px;
}
.se {
flex : 0 0 16%;
max-width : 16%;
}
.na {
flex : 0 0 49%;
max-width : 49%;
}
.da {
flex : 0 0 21%;
max-width : 21%;
display : flex;
justify-content : flex-end;
}
#lesc {
overflow : hidden;
padding : 0 0 0 3px;
cursor : pointer;
width : 13px;
height : 13px;
top : 2px;
position : relative;
border : none;
margin : 0 !important ;
}
#player {
background : #1a1a1a;
min-height : 400px;
}
.b-player {
background: #1a1a1a !important;
position: relative;
padding-top: 0px !important;
}
.b-player iframe {
overflow : hidden;
width : 100%;
height : 460px;
}
.b-player iframe::-webkit-scrollbar {
display : block;
}
.b-player__restricted {
background : #000;
height : 360px;
position : relative;
}
.b-player__restricted_string {
color : #fff;
display : block;
font-size : 14px;
font-weight : bold;
margin-top : -30px;
position : absolute;
top : 50%;
left : 0;
text-align : center;
text-transform : uppercase;
width : 100%;
}
.b-player__restricted_string a {
text-decoration : underline;
}
.b-post__lastepisodeout {display: none !important;}
.b-post__lastepisodeout {
background : 13px 50% no-repeat #ccc;
overflow : hidden;
padding : 10px 7px 10px 5px;
}
.b-post__lastepisodeout h2 {
color : #222;
font-size : 14px !important ;
font-weight : bold;
line-height : 16px;
margin : 0 0 0 0;
}
#player-loader-overlay {
background : url(../images/ajax-loader-big-black.gif) 50% 50% no-repeat #000;
display : none;
height : calc(100% - 50px);
position : relative;
width : 100%;
}
.b-translators__block {
background : #151515;
padding-top : 10px;
padding-left : 10px;
padding-bottom : 10px;
text-align : left !important ;
}
.b-translators__title {
color : #fff;
font-size : 15px;
font-weight : bold;
}
.b-translators__title h2, .b-translators__title h3 {
display : inline;
}
.b-translators__list {
overflow : hidden;
margin : 0 0 0 0;
}
.b-translator__item {
box-sizing : border-box;
background : #2d2d2d;
color : #fff;
cursor : pointer;
float : left;
font-size : 14px;
margin-left : 3px !important ;
margin-top : 3px;
overflow : hidden;
padding : 5px 0 5px 10px;
text-overflow : ellipsis;
white-space : nowrap;
width : 32.5%;
}
.b-translator__item.single {
float : none;
display : inline-block;
margin-left : 0;
padding : 5px 10px;
width : auto;
}
.b-translator__item:nth-child(3n+1) {
margin-left : 0;
}
.b-translator__item.active, .b-simple_season__item.active, .b-simple_episode__item.active {
background : #5d5d5d !important ;
cursor : default;
}
.b-translator__item:hover, .b-changeplayer__list li:hover, .b-simple_season__item:hover, .b-simple_episode__item:hover {
background : #4d4d4d;
}
.b-changeplayer__list {
overflow : hidden;
}
.b-changeplayer__list li {
box-sizing : border-box;
background : #2d2d2d;
color : #fff;
cursor : pointer;
float : left;
font-size : 14px;
margin-top : 5px;
overflow : hidden;
padding : 5px 10px;
}
.b-changeplayer__list li.active {
background : #000 !important ;
cursor : default;
}
.b-episodes__wrapper {
border-bottom : 1px solid #dcdcdc;
margin-bottom : 18px;
transition : opacity 0.5s ease;
}
.b-episodes__list {
margin-left : -16px;
padding : 32px 0 15px;
transition : opacity 0.5s ease;
}
.b-episodes__list li {
float : left;
margin : 0 0 17px 17px;
}
.b-episodes__list .resume-main img {
background-position : 50% 0;
background-size : 166px;
}
.b-episodes__list .string {
z-index : 1;
}
.b-episodes__list .string span {
background : #000;
padding : 2px 4px;
}
.b-episodes__list .play {
z-index : 2;
}
.b-simple_seasons__list {
margin : 0 auto;
padding : 10px 5px 12px 13px;
list-style : none;
position : absolute;
right : 0;
}
.b-simple_seasons__title {
color : #fff;
font-size : 15px;
font-weight : bold;
padding-top : 10px;
padding-left : 11px;
text-align : left;
}
.b-simple_season__item {
background : #2d2d2d;
color : #fff;
cursor : pointer;
float : left;
font-size : 13px;
margin : 0 2px 2px 0 !important ;
min-width : 11.8%;
padding : 10px;
text-align : left;
list-style : none !important ;
}
.b-simple_episodes__list {
margin : 0 auto;
padding : 10px 10px 12px 13px;
text-align : left;
}
.b-simple_episode__item {
background : #2d2d2d;
color : #fff;
cursor : pointer;
display : inline-block;
font-size : 13px;
margin : 0 2px 2px 0 !important ;
min-width : 11.8%;
padding : 5px 7px;
text-align : left;
}
#kodik_player_ajax {
min-height : 400px;
}
#simple-episodes-tabs {
white-space : nowrap;
overflow : hidden;
margin : 0 30px 0 30px;
display : block;
position : relative;
}
@media only screen and (max-width: 590px) {
#simple-episodes-tabs {
overflow-x : scroll;
}
#kodik_player_ajax {
min-height : 300px;
}
#player {
background : #000;
min-height : 300px;
}
.b-player iframe {
overflow : hidden;
width : 100% !important ;
height : 200px !important ;
}
}
#simple-episodes-list {
text-align : left;
}
.b-simple_episode__item {
display : inline-block;
font-size : 11px;
background : #242424;
color : #F0F0F0;
cursor : pointer;
padding : 10px;
margin : 0 3px;
transition : background 0.3s ease;
text-align : left;
}
.b-simple_episode__item.active {
background : #3a9af2 !important ;
cursor : default;
}
.prenext {
position : relative;
}
.prevpl, .nextpl {
position : absolute;
top : 8px;
font-size : xx-large;
width : 25px;
height : 20px;
color : #D5D9D9;
cursor : pointer;
font-weight : bold;
z-index : 999;
}
.prevpl {
left : 0;
}
.nextpl {
right : 0;
}
#player_wrap.premact {
width : 100%;
}
.js .related__news .tabs__b {
display : none;
}
.js .related__news .tabs__b.visible {
display : block;
}
.related__news .tabs__sel {
position : relative;
margin-left : 0;
margin-right : 0;
padding : 0;
}
.related__news .tabs__sel span {
color: #849cb4;
position: relative;
display: inline-block;
padding: 13px 0px;
vertical-align: top;
font-size: 17px;
font-weight: 600;
cursor: pointer;
margin-right: 10px;
}
@media screen and (max-width: 320px) {
.related__news .tabs__sel span {
font-size: 15px;
}
}
.related__news .tabs__b {
width : 100%;
}
.related__news .tabs__sel span.current {
color : #4d5a68;
}
body.dark .related__news .tabs__sel span.current {
color: #bbb;
}
.related__news .tabs__sel span.current:before {
transform : translateY(0);
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
}
.related__news .tabs__sel span:before {
content : '';
position : absolute;
bottom : 0;
left : 0;
right : 0;
height : 2px;
display : block;
box-shadow : none;
transition : 0.4s ease;
transform : translateY(2px);
}
.block-player-top {
display: inline-flex;
width: 100%;
align-items: center;
padding: 10px;
position : relative;
}
.block-player-top:after {
content : '';
position : absolute;
bottom : 0;
left : 0;
right : 0;
height : 2px;
display : block;
background-image : linear-gradient(90deg, #54adff 0%, #2296ff 100%);
box-shadow : 0 2px 5px 0 rgb(55, 161, 255, 0.26), 0 4px 12px 0 rgb(121, 155, 254, 0.25);
}
.full__story .sub__title {
font-size : 15px;
font-weight : 400;
color : #4d5a68;
margin-top : 10px;
padding : 10px 5px;
}
.sub__screen {
display : none;
}
#owl-screen .owl-wrapper-outer .owl-wrapper .owl-item img {
border: 1px solid #fff;
}
body.dark #owl-screen .owl-wrapper-outer .owl-wrapper .owl-item img {
border: 1px solid #1f1f1f;
}
#owl-screen .owl-pagination {
position: static;
}
.shares a {
color : #fff;
}
.shares a:hover {
color : #f60;
}
.alt-views {
margin : 5px;
}
.alt-views-vis {
font-size : 15px;
letter-spacing : -1px;
}
.alt-comments {
margin : 5px;
}
.alt-comments-vis {
font-size : 15px;
letter-spacing : -1px;
}
.chronos__item, .full__creators-item > a {
margin-top : 7px;
align-items : center;
display : flex;
}
.chronos__image {
width : 18%;
border-radius : 4px;
}
.ch {
display : flex;
justify-content : space-between;
align-items : center;
}
.ch li {
max-width : 100%;
padding : 0 !important ;
}
.ch a {
padding : 0;
}
.ch span {
padding : 1px 5px;
}
.seas-bor {
display : block;
}
.seas-bor-top {
display : flex;
justify-content : space-between;
}
.img-block {
display : none;
}
a.img-linka:hover + span + div {
display : block;
position : absolute;
left : 0;
overflow : hidden;
background : #fff;
width : 100%;
height : 95px;
padding : 7px;
box-shadow : -2px 2px 10px -1px #333;
border-radius : 5px;
z-index : 2;
}
.img-block-txt {
position : absolute;
overflow : hidden;
bottom : 5px;
background-color : rgb(0, 0, 0, 0.7);
padding : 5px;
color : #e1e1e1;
margin-left : 5px;
}
.img-block-txt-2 {
position : absolute;
overflow : hidden;
bottom : 5px;
background-color : rgb(0, 0, 0, 0.7);
padding : 5px;
color : #e1e1e1;
margin-right : 5px;
right : 0;
top : 10px;
max-height : 25px;
line-height : 15px;
}
.c__nowvi a {
display : flex;
margin-bottom : 10px;
color : #342f90;
}
.nowvi_img {
margin-right : 10px;
flex : 0 0 50px;
height : 80px;
}
.nowvi_text {
overflow : hidden;
width : 100%;
padding-right : 10px;
display : flex;
flex-direction : column;
align-items : flex-start;
}
.txt-ser {
top : 40px;
}
.full__c-image img {
width : 100%;
height : 220px;
min-height : 100%;
display : block;
border-radius : 4px;
}
.full__c-image {
width : 50px;
}
.full__heroes .full__c-image {
width : 165px;
}
.chronos__desc, .full__c-title {
border-bottom : 1px solid rgb(31, 31, 31, 0.1);
padding : 0 10px;
}
.chronos__subtitle {
font-size : 12px;
font-weight : 500;
}
.chronos__title, .chronos__link, .full__c-title {
font-size : 14px;
display : block;
max-width : 500px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
padding : 0 5px;
font-weight : 500;
}
.fullc-title {
font-size : 14px;
display : block;
text-overflow : ellipsis;
max-width : 165px;
font-weight : 700;
}
.chronos__title, .chronos__subtitle {
opacity : 0.8;
}
.full__heroes-inner {
display : flex;
flex-wrap : wrap;
justify-content : left;
}
.full__heroes .full__creators-item {
width : 135px;
}
.full__heroes .full__creators-item a {
display : block;
}
.related__news {
}
.related__news .short {
width : calc(100% / 6);
width : calc(100% / 6);
}
.related__news .sub__title {
background-color : transparent;
margin-top : 0;
font-size : 15px;
font-weight : 500;
}
.video_box {
background-color : #000;
color : #fff !important ;
display : none;
background : url(../images/load-player.gif) 50% 50% no-repeat #1a1a1a;
width : 100%;
height : 460px;
}
.tabs_box {
position : relative;
border-radius: 5px;
overflow: hidden;
}
.block-player_content {
position: relative;
}
.js .tabs_box .tabs_b {
display : none;
}
.js .tabs_box .tabs_b.visible {
display : block;
}
.tabs_box .tabs_sel {
background-color : #1a1a1a;
}
.tabs_box .tabs_sel span {
display : inline-block;
padding : 15px 30px;
vertical-align : top;
font-size : 14px;
background-color : #2b292f;
color : #fff;
cursor : pointer;
}
.tabs_box .tabs_sel span.current {
background-color : #f60;
color : #fff;
}
.player_stop_flex {
display: flex;
align-items: center;
}
.player_stop_text p {
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
}
.player_stop_data {
margin-top: 10px;
color: #49a8ff;
}
.block-player {
position : relative;
width : 100%;
margin : 10px 0 10px;
border-top : 0;
}
.shares {
color : #4d5a68;
}
.full__heacse, .full__news {
padding-top : 40px;
}
.full__heacse .full__header, .full__news .full__header {
margin : 0;
padding-left : 30px;
padding-right : 30px;
margin-bottom : 30px;
}
.full__heacse .full__header:after, .full__news .full__header:after {
display : none;
}
.full__heacse .full__header h1, .full__news .full__header h1 {
color : #4d5a68;
font-size : 35px;
}
.full__heacse .full__content-poster, .full__news .full__content-poster {
margin-top : 0;
}
.full__heacse .full__info li > span:first-child {
width : 155px;
}
.full__story.badge.badge-warning {
margin-bottom : 0;
position : relative;
}
.full__story .badge.badge-warning {
background-color : #ff293d;
}
.full__news .full__content-poster {
position : relative;
margin-bottom : 20px;
width : 100%;
padding-top : 20%;
overflow : hidden;
display : block;
border-radius : 4px;
}
.full__news .full__content-poster img {
position : absolute;
left : 0;
top : -85%;
width : 100%;
}
.full__news .related__news .short {
width : calc(100% / 2) !important ;
width : calc(100% / 2) !important ;
}
.full__news .related__news .short__image {
padding-top : 60%;
}
.full__news .short_bottom {
display : none;
}
.full__manga .full__header-title h1 {
font-size : 27px;
}
.gridder-expanded-content .full__header-title h1 {
font-size : 25px;
}
.gridder-expanded-content .full__header-title {
margin : 0;
margin-bottom : 15px;
}
.gridder-expanded-content .full__header-title h1 {
color : #fff;
}
.gridder-expanded-content .full__info, .gridder-expanded-content .full__content-desc, .gridder-expanded-content .button {
position : relative;
width : 49%;
float : left;
margin : 5px 0;
padding-right : 10px;
}
.gridder-expanded-content .button {
margin : 0 20px;
float : right;
}
@media screen and (max-width: 400px) {
.gridder-expanded-content .full__info, .gridder-expanded-content .full__content-desc, .gridder-expanded-content .button {
position : relative;
width : 100%;
float : left;
}
}
@media screen and (max-width: 950px) {
.gridder-expanded-content .full__info, .gridder-expanded-content .full__content-desc, .gridder-expanded-content .button {
position : relative;
width : 100%;
margin : 5px 0;
float : left;
}
}
.gridder-expanded-content .full__info li > span:first-child {
font-weight : normal;
color : #919296;
font-size : 14px;
}
.gridder-expanded-content .full__info li {
color : #fff;
}
.gridder-expanded-content .full__info li a {
color : #fff;
}
.gridder-expanded-content .full__info li a:hover {
color : #ff7600;
}
.gridder-expanded-content .badge {
position : relative;
margin : 0;
}
.gridder-expanded-content .full__content-desc {
max-height : 100%;
margin : 5px 0;
color : #c1c1c1;
}
.gridder-expanded-content .full__content-desc h2 {
color : #48a8ff;
}
.gridder-expanded-content .full__info a {
color : #c5c5c5;
background-color : transparent;
}
.gridder-expanded-content .full__info a:hover {
color : #46a6ff;
}
.gridder-expanded-content .full__content-desc p {
max-height : 170px;
overflow : hidden;
}
.nav-page-list {
width : calc(100% - 20px);
position : relative;
float : left;
margin-left : 10px;
padding : 10px 0 10px;
}
.nav-page-list .take-glav {
float : left;
line-height : 35px;
padding : 0 23px;
background-color : #ec4956;
border-radius : 4px;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(255, 21, 43, 0.37), 0 4px 12px 0 rgb(255, 19, 41, 0.33);
background-image : linear-gradient(90deg, #fb5766 0%, #ff1027 100%);
}
.nav-page-list .seltheme select {
background-color : #f9fafb;
outline : none;
display : inline-block;
appearance : none;
cursor : pointer;
color : #4d5a68;
padding : 0 30px 0 23px;
height : 35px !important ;
border-radius : 4px;
margin-left : 10px;
text-transform : uppercase;
float : left;
width : 130px;
border : #f2f2f4 solid 1px;
}
.nav-page-list .__pages {
float : left;
margin-left : 30px;
line-height : 35px;
padding : 0 23px;
text-transform : uppercase;
font-size : 12px;
display : table;
border-radius : 21px;
color : #7a6656;
background-color : #ec4956;
border-radius : 4px;
color : #fff;
box-shadow : 0 2px 5px 0 rgb(255, 21, 43, 0.37), 0 4px 12px 0 rgb(255, 19, 41, 0.33);
background-image : linear-gradient(90deg, #fb5766 0%, #ff1027 100%);
}
.nav-page-list .backnext {
float : right;
margin-top : 8px;
}
.nav-page-list .backnext li {
float : left;
position : relative;
width : 32px;
height : 32px;
margin-left : 8px;
background-color : #f4f6f8;
border-radius : 4px;
list-style : none;
}
.nav-page-list .backnext li:hover {
background-color : #f60;
}
.nav-page-list .backnext li .icon {
font-size : 20px;
}
.nav-page-list .backnext li:hover .icon {
color : #fff;
}
.nav-page-list .backnext li a {
height : 32px;
width : 32px;
float : left;
text-align : center;
line-height : 32px;
color : #000;
}
.nav-page-list .backnext li a b {
height : 32px;
width : 32px;
float : left;
color : #7d6a5a;
font-size : 24px;
text-align : center;
line-height : 32px;
}
.nav-page-list .backnext li a i {
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
margin : auto;
height : 10px;
width : 6px;
}
#manga_view_start {
text-align : center;
border-radius : 4px;
background-color : #ec4956;
clear : both;
color : #fff;
font-weight : bold;
cursor : pointer;
box-shadow : 0 2px 5px 0 rgb(255, 21, 43, 0.37), 0 4px 12px 0 rgb(255, 19, 41, 0.33);
background-image : linear-gradient(90deg, #fb5766 0%, #ff1027 100%);
}
.ripple-effect {
position : relative;
overflow : hidden;
}
.ink {
display : block;
position : absolute;
pointer-events : none;
border-radius : 50%;
transform : scale(0);
}
.ink {
background-color : #f604a;
opacity : 1;
}
.ink.animate {
animation : ripple-effect 0.5s linear;
}
@keyframes ripple-effect {
100% {
opacity : 0;
transform : scale(2.5);
}
}
[class^="iicon-"]:before, [class*=" iicon-"]:before, .login__box .lb__icon-name:before, .login__box .lb__icon-password:before {
font-family : "fontello";
font-style : normal;
font-weight : normal;
speak : none;
display : inline-block;
text-decoration : inherit;
width : 1em;
margin-right : 0.2em;
text-align : center;
font-variant : normal;
text-transform : none;
line-height : 1em;
margin-left : 0.2em;
}
.iicon-thumbs-up-alt:before, .iicon-thumbs-down-alt:before {
font-weight: 600;
display : inline-block;
text-decoration : inherit;
width : 1em;
margin-right : 0.2em;
text-align : center;
font-variant : normal;
text-transform : none;
line-height : 1em;
margin-left : 0.2em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iicon-gallery:before {
content : '\e820';
}
.iicon-th-large-1:before {
content : '\e804';
}
.iicon-th-1:before {
content : '\e805';
}
.iicon-play:before {
content : '\e802';
}
.iicon-thumbs-up-1:before {
content : '\e800';
}
.iicon-thumbs-down-1:before {
content : '\e801';
}
.iicon-bookmark-remove:before {
content : '\e806';
}
.iicon-chat:before {
content : '\e80f';
}
.iicon-circle-check:before {
content : '\e811';
}
.iicon-edit:before {
content : '\e81a';
}
.iicon-email:before {
content : '\e81b';
}
.iicon-shome:before {
content : '\e824';
}
.iicon-money:before {
content : '\e82c';
}
.iicon-ssearch:before {
content : '\e82f';
}
.iicon-tag:before {
content : '\e833';
}
.iicon-ui:before {
content : '\e836';
}
.iicon-checkmark:before {
content : '\e868';
}
.iicon-align-justify:before {
content : '\e83e';
}
.iicon-align-left:before {
content : '\e83f';
}
.iicon-align-right:before {
content : '\e840';
}
.iicon-bell:before {
content : '\e853';
}
.iicon-checklist:before {
content : '\e867';
}
.iicon-chevron-left:before {
content : '\e86a';
}
.iicon-chevron-right:before {
content : '\e86b';
}
.iicon-cross:before {
content : '\e879';
}
.iicon-dots-3:before {
content : '\e888';
}
.iicon-download:before {
content : '\e889';
}
.iicon-duplicate:before {
content : '\e88a';
}
.iicon-enter:before {
content : '\e88b';
}
.iicon-exit:before {
content : '\e88c';
}
.iicon-experiment:before {
content : '\e88f';
}
.iicon-gear:before {
content : '\e898';
}
.iicon-graph-bar:before {
content : '\e89a';
}
.iicon-heart:before {
content : '\e89e';
}
.iicon-home:before {
content : '\e8a0';
}
.iicon-information:before {
content : '\e8a3';
}
.iicon-lightbulb:before {
content : '\e8a7';
}
.iicon-link:before {
content : '\e8a8';
}
.iicon-location:before {
content : '\e8ac';
}
.iicon-media-next:before {
content : '\e8b2';
}
.iicon-media-play:before {
content : '\e8b4';
}
.iicon-media-shuffle:before {
content : '\e8b7';
}
.iicon-message:before {
content : '\e8bb';
}
.iicon-power:before {
content : '\e8d0';
}
.iicon-preview:before {
content : '\e8d1';
}
.iicon-scale:before {
content : '\e8da';
}
.iicon-search:before {
content : '\e8db';
}
.iicon-star:before {
content : '\e8df';
}
.iicon-tags:before {
content : '\e8e6';
}
.iicon-thumbs-down:before {
content : '\e8e7';
}
.iicon-thumbs-up:before {
content : '\e8e8';
}
.iicon-toggles:before {
content : '\e8ec';
}
.iicon-user:before {
content : '\e8f0';
}
.iicon-view-apps:before {
content : '\e8f4';
}
.iicon-view-list:before {
content : '\e8f5';
}
.iicon-view-thumb:before {
content : '\e8f7';
}
.iicon-lock:before {
content : '\e8ad';
}
.iicon-thumbs-up-alt:before {
content: "\f106";
}
.iicon-thumbs-down-alt:before {
content: "\f107";
}
.iicon-youtube:before {
content : '\f313';
}
.miniNoty {
position : fixed;
right : 0;
top : 40px;
max-width : 50%;
min-width : 150px;
z-index : 99999;
transition : all 0.5s;
}
.miniNoty_message {
position : relative;
right : 10px;
opacity : 0;
color : #fff;
cursor : pointer;
float : right;
clear : both;
padding : 0 10px;
margin : 0;
max-height : 0;
border-radius : 5px;
overflow : hidden;
box-sizing : border-box;
transform : scale(1,0);
transition : all 0.5s;
}
.miniNoty_message-show {
margin : 0 0 10px;
padding : 7px 10px;
max-height : 500px;
opacity : 1;
transform : scale(1,1);
}
.miniNoty_message-remove {
padding : 0;
margin : 0;
overflow : hidden;
}
.miniNoty_message {
background : #ff293d;
box-shadow : 0 2px 5px #ff293d;
}
.miniNoty_btn {
display : inline-block;
padding : 5px 7px;
border-radius : 4px;
color : #fff;
margin : 5px 5px 0 0;
text-decoration : none;
border : #eee solid 1px;
background : rgb(255, 255, 255, 0.3);
}
.miniNoty_btn:hover {
background : rgb(255, 255, 255, 0.5);
}
@media screen and (max-width: 480px) {
.miniNoty {
max-width : 100%;
width : 100%;
}
.miniNoty_message {
margin : 0 0 5px;
border-radius : 0;
text-align : center;
padding : 5px;
right : 0;
float : none;
}
.miniNoty_message:last-child {
margin : 0;
}
.miniNoty_message-show {
bottom : 5px;
}
}
.c-dropdown {
position : relative;
display : inline-block;
margin-right : 5px;
text-align : left;
width : 100%;
}
.c-dropdown__list {
margin : 5px 0 0 0;
padding : 6px 0;
list-style : none;
position : absolute;
top : 125%;
left : 0;
width : 100%;
opacity : 0;
z-index : 2;
visibility : hidden;
border-radius : 3px;
background : #fff;
transition : opacity 0.25s linear, top 0.25s linear;
}
body.dark .c-dropdown__list {
background: #333;
}
.c-dropdown.is-open .c-dropdown__list {
opacity : 1;
visibility : visible;
top : 100%;
}
.c-dropdown__item {
padding : 6px 12px;
font-size : 14px;
line-height : 20px;
cursor : pointer;
color : #434A54;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
transition : background-color 0.25s linear;
}
.c-dropdown__item:hover {
background-color : #f6014;
}
.c-button {
margin : 0;
border : 0;
overflow : visible;
font : inherit;
text-transform : none;
display : inline-block;
vertical-align : middle;
text-decoration : none;
text-align : center;
user-select : none;
}
.c-button:hover, .c-button:focus {
outline : none;
text-decoration : none;
}
.c-button:not(:disabled) {
cursor : pointer;
}
.c-button--dropdown {
padding : 6px 34px 6px 12px;
width : 100%;
line-height : 20px;
min-height : 32px;
display : block;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
transition : background-color 0.25s linear;
border : rgb(0, 0, 0, 0.1) solid 1px;
border-radius : 4px;
cursor : pointer;
font-size : 13px;
}
body.dark .c-button--dropdown {
border: rgb(255 255 255 / 10%) solid 1px;
color : #bbb;
}
/*
.c-button--dropdown:hover {
background-color : #f9fafb;
color : #4d5a68;
}
*/
.c-button--dropdown:after {
content : "";
position : absolute;
top : 14px;
right : 11px;
width : 0;
height : 0;
border : transparent solid 5px;
border-top-color : #8d8e8f;
}
/*
.owl-carousel {
display : none;
width : 100%;
position : relative;
z-index : 1;
}
*/
.owl-carousel .owl-stage {
position : relative;
touch-action : manipulation;
}
.owl-carousel .owl-stage:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
.owl-carousel .owl-stage-outer {
position : relative;
}
/*
.short__description-slide {
padding : 5px 0;
font-size : 14px;
font-weight : 500;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.owl-carousel .owl-item {
position : relative;
min-height : 1px;
float : left;
}
*/
.owl-carousel .owl-item img {
display : block;
width : 100%;
border-radius : 4px;
opacity : 1;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display : none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor : pointer;
user-select : none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
background : none;
color : inherit;
border : none;
padding : 0 !important ;
font : inherit;
}
.owl-carousel.owl-loaded {
display : block;
overflow : hidden;
margin-bottom : 10px;
}
.owl-carousel.owl-loading {
opacity : 0;
display : block;
}
.owl-carousel.owl-hidden {
opacity : 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility : hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action : pan-y;
user-select : none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
opacity : 0.8;
top : 100px;
}
.topside__carousel:hover .owl-carousel .owl-nav button.owl-prev, .topside__carousel:hover .owl-carousel .owl-nav button.owl-next {
opacity : 1;
top : 100px;
}
.owl-carousel .owl-nav button.owl-prev .icon, .owl-carousel .owl-nav button.owl-next .icon {
color : #fff;
}
.owl-carousel.owl-drag .owl-item {
max-width : none;
margin : 0 auto;
position : relative;
z-index : 100;
padding-bottom : 10px;
padding-right : unset;
padding-left : unset;
margin-right : auto;
margin-left : auto;
}
.owl-carousel.owl-grab {
cursor : move;
cursor : grab;
}
.owl-carousel.owl-rtl {
direction : rtl;
}
.owl-carousel.owl-rtl .owl-item {
float : right;
}
.no-js .owl-carousel {
display : block;
}
.owl-carousel .animated {
animation-duration : 1000ms;
animation-fill-mode : both;
}
.owl-carousel .owl-animated-in {
z-index : 0;
}
.owl-carousel .owl-animated-out {
z-index : 1;
}
.owl-carousel .fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.owl-height {
transition : height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity : 0;
transition : opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height : 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style : preserve-3d;
}
/*
.owl-prev, .owl-next {
width : 40px;
height : 40px;
position : absolute;
top : 75px;
z-index : 200;
text-align : center;
line-height : 40px;
color : #ccc;
font-size : 16px;
}
.owl-next {
right : 0;
border-radius : 4px 0 0 4px;
}
.owl-prev {
left : 0;
border-radius : 0 4px 4px 0;
}
*/
@keyframes slideUpIn {
100% {
transform : translateY(0);
}
0% {
transform : translateY(40px);
}
}
.menu {
position : fixed;
top : 120px;
left : 0;
width : 300px;
height : calc(100vh - 120px);
background-color : #fff;
}
body.dark .menu {
background: #1f1f1f;
}
.menu {
z-index : 99999;
top : 0;
width : 100%;
height : 100vh;
transform : translate3d(-100%,0,0);
transition : transform 0.3s;
}
.menu__wrap {
position : absolute;
top : 3.5em;
bottom : 0;
overflow : hidden;
width : 100%;
}
.menu__level {
position : absolute;
top : 0;
left : 0;
visibility : hidden;
overflow : hidden;
overflow-y : scroll;
width : calc(100% + 50px);
height : 100%;
margin : 0;
padding : 0;
list-style-type : none;
}
.menu__level:focus {
outline : none;
}
.menu__level--current {
visibility : visible;
}
.menu__item {
display : block;
width : calc(100% - 50px);
}
.menu__link {
font-weight : 500;
position : relative;
display : block;
font-size : 15px;
padding : 1em 2.5em 1em 1.5em;
transition : color 0.1s;
}
.menu__link[data-submenu]::after {
content : '\f105';
font-family : 'FontAwesome';
position : absolute;
right : 0;
padding : 0.25em 1.25em;
color : #f60;
}
.menu__link:after {
content : '\f105';
font-family : 'FontAwesome';
position : absolute;
right : 0;
padding : 0.25em 1.25em;
color : #f60;
}
.menu__link:hover, .menu__link:focus, .menu__link[data-submenu]:hover::after, .menu__link[data-submenu]:focus::after {
color : #f60;
}
.menu__link--current::before {
content : '\00B7';
font-size : 2.5em;
line-height : 0;
position : absolute;
top : 41%;
left : 8px;
height : 4px;
color : #31C469;
}
[class^="animate-"], [class*=" animate-"] {
visibility : visible;
}
.animate-outToRight .menu__item {
animation : outToRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToRight {
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.animate-outToLeft .menu__item {
animation : outToLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToLeft {
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.animate-inFromLeft .menu__item {
animation : inFromLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromLeft {
from {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.animate-inFromRight .menu__item {
animation : inFromRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromRight {
from {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.menu__items {
display : block;
width : calc(100% - 50px);
}
.animate-outToRight .menu__items {
animation : outToRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToRight {
to {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.animate-outToLeft .menu__items {
animation : outToLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes outToLeft {
to {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.animate-inFromLeft .menu__items {
animation : inFromLeft 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromLeft {
from {
opacity : 0;
transform : translate3d(-100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.animate-inFromRight .menu__items {
animation : inFromRight 0.6s cubic-bezier(0.7,0,0.3,1) both;
}
@keyframes inFromRight {
from {
opacity : 0;
transform : translate3d(100%,0,0);
}
to {
opacity : 1;
transform : translate3d(0,0,0);
}
}
.menu__breadcrumbs {
display : flex;
align-items : center;
font-size : 12px;
line-height : 1;
position : relative;
padding : 2.0em 3.0em 1.5em 2.0em;
}
.menu__breadcrumbs a {
font-weight : bold;
display : inline-block;
cursor : pointer;
vertical-align : top;
letter-spacing : 1px;
text-transform : uppercase;
color : #f60; !important ;
}
.menu__breadcrumbs a:last-child {
pointer-events : none;
}
.menu__breadcrumbs a:hover, .menu__breadcrumbs a:focus {
color : #f60;
}
.menu__breadcrumbs a:not(:last-child)::after {
content : '\f105';
font-family : 'FontAwesome';
display : inline-block;
padding : 0 0.5em;
color : #f60;
}
.menu__breadcrumbs a:not(:last-child):hover::after, .menu__breadcrumbs a:not(:last-child):focus::after {
color : #33353e;
}
.menu__back {
font-size : 1.05em;
position : absolute;
z-index : 100;
top : 0;
right : 2.25em;
margin : 0;
padding : 1.365em 0.65em 0 0;
cursor : pointer;
color : #2a2b30;
border : none;
background : none;
}
.menu__back--hidden {
pointer-events : none;
opacity : 0;
}
.menu__back:hover, .menu__back:focus {
color : #fff;
outline : none;
}
.action {
display : block;
margin : 0;
padding : 0;
cursor : pointer;
border : none;
background : none;
}
.action:focus {
outline : none;
}
.action--open {
display : none;
font-size : 20px;
color : #fff;
padding-left : 10px;
z-index : 1000;
}
.action--close {
font-size : 18px;
top : 5px;
right : 5px;
padding : 7px 5px;
line-height : 20px;
display : none;
position : absolute;
color : #fff;
background: #f60;
}
.action--close .icon {
color : #fff;
}
@media screen and (max-width: 70em) {
.action--open, .action--close {
display : inline-block;
}
.menu--open {
transform: translate3d(0,0,0);
background: #fff;
background: linear-gradient(to left, #fff, #fff);
}
body.dark .menu--open {
background: #1f1f1f;
background: linear-gradient(to left, #1f1f1f, #1f1f1f);
}
}
@media screen and (max-width: 770px) {
.shadow-text {
display : none !important ;
position : relative;
bottom : 0;
}
.text-sp {
display : none;
}
}
@media screen and (max-width: 1219px) {
.column.is__side .grid__thumb .short {
width : calc(100% / 3);
width : calc(100% / 3);
}
}
@media screen and (max-width: 990px) {
#js__header-btn--menu {
display : block;
}
.h__bottom-menu {
display : none;
}
.shadow-cat {
display : block !important ;
width : 100% !important ;
}
.shadow-text {
display : block !important ;
width : 100% !important ;
}
.column .is__side .grid__thumb .short {
width : calc(100% / 2);
width : calc(100% / 2);
}
}
@media screen and (max-width: 1270px) {
#js__header-btn--sidebar {
display : block;
}
.h__in-bottom {
display : none;
}
}
@media screen and (max-width: 1220px) {
#js__header-btn--sidebar {
display : block;
}
.h__in-bottom {
display : none;
}
}
@media screen and (max-width: 950px) {
#js__header-btn--menu, #js__header-btn--sidebar {
display : block;
}
.sale-full {
display : none;
}
.full__footer .full__content-inner.half__inner {
width : 100%;
}
.related__news .tabs__b {
width : 100%;
}
.r__sidebar-box--content {
display : flex;
}
#h__top-menu, .h__bottom-menu, .h__in-bottom, .topside__right, .topside .scroll, .gridder-expanded-content .full__info {
display : none;
}
.logotype__second {
font-size : 12px;
}
/*
.header, .header__inner {
height : 65px;
}
*/
.h__bot-menu--right {
height : 70px;
justify-content : flex-end;
}
.topside__left {
width : 100%;
border-left : 0;
}
.ts__left-header {
font-size : 17px;
margin : 10px;
}
.ts__left-item {
padding-top : 30%;
}
.short__header h1, .short__header h2, .short__header h3 {
width : 100%;
font-size : 17px;
}
.short__header .button {
width : 100%;
}
.login__box-dropdown {
right : 0;
}
.favourite__list-dropdown {
right : 0;
}
.grid__thumb .short {
width : calc(100% / 4);
width : calc(100% / 4);
}
.rand-w {
width : calc(100% / 5) !important ;
width : calc(100% / 5) !important ;
}
.short__list .short__description {
width : 100%;
}
.full__news .related__news .short__image {
padding-top : 144%;
}
.xfieldimagegallery li {
width : 49.5%;
}
.full__content-poster {
width : 30%;
}
.full__content-inner {
width : 70%;
}
.lef {
width : 100%;
}
.rig {
width : 100%;
padding-left : 0;
}
.column.is__side {
padding-right : 0;
position : relative;
}
}
@media screen and (max-width: 690px) {
.no-text {
display : none;
}
.full__header {
position : relative;
margin-right : -10px;
margin-left : -10px;
margin-top : 10px;
height : 50px;
}
.full__content-poster img, .size-poster, .full__content-poster .badge {
display : block;
width : 200px;
margin-top: 20px;
border: 0;
}
.sub__screen img {
display : block;
}
.xfieldimagegallery li {
width : 42.5%;
}
.full__content-poster {
width : 100%;
min-height : 460px;
display : flex;
flex-direction : column;
align-items : center;
float : none;
margin-top : 0;
margin-bottom : 10px;
background : transparent;
}
.full__content-inner {
width : 100%;
padding-left : 0;
}
.login-reasons {
display : none !important ;
}
}
@media screen and (max-width: 1100px) {
.short-main {
width: calc(100% / 6);
width: calc(100% / 6);
}
}
@media screen and (max-width: 949px) {
.grid__thumb .short {
width : calc(100% / 4);
width : calc(100% / 4);
}
.short-main {
width : calc(100% / 4);
width : calc(100% / 4);
}
}
@media screen and (max-width: 705px) {
.grid__thumb .short {
width : calc(100% / 3);
width : calc(100% / 3);
}
.short__year {
display : none !important ;
}
}
@media screen and (max-width: 768px) {
.god {
flex-wrap : nowrap;
}
.video_box {
height : 400px;
}
.b-player iframe {
height: 400px;
}
.short__list .short__inner {
flex-direction : column;
}
.short__list .short__description {
margin-left: 0;
margin-top: 15px;
}
.short__list .short__image {
width: 200px;
}
}
@media screen and (max-width: 650px) {
.video_box {
height : 300px;
}
.b-player iframe {
height: 300px;
}
}
@media screen and (max-width: 1200px) {
.r__sidebar-box--content {
display : inline-flex;
width : 100%;
}
}
@media screen and (max-width: 590px) {
.f__fav {
line-height : 1.9;
font-size : 12px;
max-width : 35px;
}
/*
.mylists-switch li {
font-size : 11px;
margin-right : 0;
border-radius : 0;
}
*/
.video_box {
height : 200px;
}
.ch {
display : block;
}
.fancybox-slide--html .fancybox-close-small {
right : 0;
}
.shares, .shares * {
display : none;
}
.grid__thumb .gridder-navigation .gridder-close {
right : -7px;
}
.user-prof {
padding : 0;
margin-top : 20px;
}
.up-first, .user-prof .tabs_box {
flex : 0 0 100%;
max-width : 100%;
}
.grid__thumb .short__description, .coll_shortstory-full .short__description {
font-size : 14px;
}
.schedule_item {
width : calc(100% / 2);
width : calc(100% / 2);
}
.schedule-tabs {
padding : 7px 0;
}
.full__content-poster img, .full__content-poster .badge {
display : block;
}
.full__header-inner {
padding-bottom : 0;
text-align : left;
}
.full__header-title {
margin-left : 5%;
margin-right : 5%;
}
.full__header-title .full__content-poster {
width : 90px;
display : block;
float : left;
margin-right : 16px;
margin-top : 0;
margin-bottom : 10px;
border-radius : 4px;
box-shadow : 0 3px 20px rgb(0, 0, 0, 0.4);
}
.full__header-subtitle {
font-size : 15px;
}
.full__header-actions {
margin-top : 10px;
margin-bottom : 10px;
margin-left : 0;
}
.full__header-title h1, .full__manga .full__header-title h1, .gridder-expanded-content .full__header-title h1 {
font-size : 20px;
}
.full_title_rate_big {
font-size: 20px;
}
.full__header {
position : relative;
margin-right : -10px;
margin-left : -10px;
margin-top : 10px;
height : 50px;
}
.full__header-actions a {
font-size : 14px;
width : auto;
text-align : left;
display : block;
border-radius : 0;
margin-bottom : 0;
box-shadow : none;
color : #fff !important ;
margin : 0;
}
.full__content-poster {
width : 100%;
min-height : 460px;
display : flex;
flex-direction : column;
align-items : center;
float : none;
text-align : center;
margin-top : 0;
margin-bottom : 10px;
background : transparent;
}
.full__content-inner, .full__content-actions {
width : 100%;
}
/*
.full-opi {
padding : 0 5px;
}
*/
/*
.block-title {
padding : 10px 5px;
}
*/
.full__header-title .full__content-poster img {
display : block;
}
.full__content-inner.half__inner {
width : 100%;
}
.full__heroes .full__creators-item {
width : 120px;
margin-right : 20px;
}
.xfieldimagegallery li {
width : 49.5%;
}
.full__content-screens {
margin-bottom : 0;
}
.full__info li > span:first-child {
width : 110px;
}
.sub__screen img {
display : block;
}
.h__in-bottom {
width : 100%;
}
.related__news .short .rand-w {
width : calc(100% / 2) !important ;
width : calc(100% / 2) !important ;
}
.col {
flex-basis : unset;
flex-grow : 1;
text-align : center;
width : 100%;
max-width : 100%;
}
.footer__copyright {
flex-direction : column;
}
.grid__thumb .short {
width : calc(100% / 2) !important ;
width : calc(100% / 2) !important ;
}
.short__list {
padding-left: 0;
}
.short__list .short__image {
width: 180px;
display : block;
}
.short__list .short__description, .short__list .short_bottom {
width : 100%;
display : inline-block;
}
.short__list .short_bottom > div {
margin-bottom : 0;
display : inline-block;
margin-right : 25px;
margin-left : 25px;
}
.short__list .short__description > a {
font-size : 17px;
}
.short__subtitle {
font-size : 11px;
}
.collection__main .coll__short {
width : calc(100% / 1);
width : calc(100% / 1);
margin-bottom : 5px;
}
.coll_shortstory-full {
width : calc(100% / 2);
width : calc(100% / 2);
}
.c__sh-image {
padding-top : 45%;
}
.c__sh-image img {
top : 0;
}
.coll__short {
width : calc(100% / 1);
width : calc(100% / 1);
}
.s_header-right {
width : 100%;
}
.full__content {
margin-left : auto;
margin-right : auto;
padding-left : 0;
padding-right : 0;
}
.full__header-title {
margin-left : 0;
margin-right : 0;
z-index : 1;
position : relative;
}
.full__heacse .full__header, .full__news .full__header {
margin : 0;
padding-left : 0;
padding-right : 0;
margin-bottom : 30px;
}
.full__heacse .full__header, .full__news .full__header {
margin : 0;
padding-left : 0;
padding-right : 0;
margin-bottom : 30px;
}
.related__news .tabs__b, .full__footer .full__content-inner.half__inner {
width : 100%;
}
.full__heacse .full__header h1, .full__news .full__header h1 {
font-size : 19px;
}
.full__content-desc h2 {
font-size : 17px;
}
}
@media screen and (max-width: 590px) {
.short-main {
width : calc(100% / 2) !important ;
width : calc(100% / 2) !important ;
}
.no_mobile {
display : none;
}
.size-poster {
display : inline-block;
width : 200px;
}
.topside__carousel {
display : block;
}
.is-cat {
display : none;
}
.coll__short {
margin : 0;
margin-bottom : 20px;
}
.badge {
font-size : 11px;
}
.search__wrapper {
top: 70px;
position: absolute;
width: 100%;
right: 0;
margin-right: 0;
}
}
@media screen and (max-width: 660px) {
.search__wrapper {
top: 70px;
position: absolute;
width: 100%;
right: 0;
margin-right: 0;
}
.search__box input {
box-shadow: none;
}
.search__box {
min-width: 100%;
}    
}
@media screen and (max-width: 1123px) {
.h__in-bottom {
width : 100%;
}
/*
.search__wrapper {
position: relative;
}
*/
}
@media screen and (max-width: 1270px) {
.h__in-bottom {
width : 100%;
}    
}
@media screen and (max-width: 690px) {
.text_footer_av p {
display : none;
}
.short-main {
width : calc(100% / 3);
width : calc(100% / 3);
}
.mobile {
display : block;
}
.coll_mobile_title {
display : block;
}
.spi-mobile {
display : block;
}
.no-spi-mobile {
display : none;
}
.mylists-switch, .mylists-tabs {
display : block;
}
}
@media screen and (max-width: 400px) {
.logotype-txt {
width: 200px;
margin-left: 10px;
}
.left-menu {
margin-left: 0px;
}
/*
.spi-mobile {
display : block;
}
.no-spi-mobile {
display : none;
}
.mylists-switch, .mylists-tabs {
display : block;
}
*/
}
@media screen and (max-width: 300px) {
.left-menu {
margin-left: 0px;
}
.logotype-txt {
width: 200px;
}
.h-owl-big {
font-size: 17px;
}
.h-big {
font-size: 17px;
}
}
@media screen and (max-width: 280px) {
.logotype-img {
display: none;
}
.logotype-txt {
width: 150px;
}
}