@charset "UTF-8";
*, .video-js {
    box-sizing: border-box
}

@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

a {
    text-decoration: none
}

*, header nav a:first-of-type {
    margin: 0
}

.block--header, .button--default, header nav a {
    text-transform: uppercase
}

.newsImageInfo div span div, .newsList a div span div, .video-js :after, .video-js :before {
    text-shadow: none !important
}


* {
    border: 0;
    outline: 0;
    padding: 0
}

body, input {
    font-size: 13px;
    background: #fff;
    font-family: 'Open Sans', sans-serif !important;
    color: #222;
    overflow-x: hidden !important;
    -webkit-appearance: none;
}

a[href='#'] {
    cursor: default
}

input[type=text] {
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    line-height: 38px !important;
    padding: 0 25px;
    width: 100%;
    float: left
}

header {
    left: 0;
    width: 100%;
    background: #fff;
    padding: 15px;
    position: relative;
    height: 70px;
    z-index: 100
}

header nav {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

header nav a {
    display: inline-block;
    color: #222;
    padding: 10px;
    line-height: 20px;
    margin-left: 15px
}

header nav a.disabled {
    cursor: default;
    opacity: .25
}

header nav a.active {
    color: #f93522
}

header a.user--login {
    float: right;
    position: relative;
    padding: 0 15px 0 0 !important;
    background: #fff;
    color: #f93522
}

header .user--avatar {
    float: right;
    position: relative;
    border: 100px;
    height: 40px;
    width: 40px;
    background: #f7f7f7;
    border-radius: 100px;
    background-size: cover
}

.button--default {
    float: left;
    background: #f93522;
    line-height: 40px;
    padding: 0 25px;
    color: #fff;
    border-radius: 2px
}

.block--1--4, .block--1-3, .block--2-3, .block--3--4, .block--full {
    float: left;
    width: 100%
}

.block--1-3 {
    width: 33.3%
}

.block--2-3 {
    width: calc(100% - 33.3%)
}

.block--1--4 {
    width: 25%
}

.block--3--4 {
    width: 75%
}

.block--container {
    margin: 0 auto;
    width: 1000px;
	overflow: hidden;
}

.block--header {
    float: left;
    width: 100%;
    line-height: 70px;
    font-size: 15px;
	position: relative;
}

.block--header span {
    float: right;
    font-weight: 300;
    font-size: 14px;
    color: #999;
    line-height: 70px
}

.block--header__margin--null {
    margin-top: 0
}

.block--header__list {
    margin-top: -15px
}

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

.relative-position {
    position: relative
}

.text-lowercase {
    text-transform: lowercase
}

.anime--popular {
    width: 59%;
    float: left
}

.anime--popular .anime--block__desu {
    width: calc(100% / 3)
}

.news--block {
    width: 41%;
    float: left;
    padding-left: 30px
}

.news--block__vk {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px;
    margin-bottom: 30px
}

.news--block__vk--photo {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100px
}

.news--block__vk--members, .news--block__vk--name {
    float: left;
    width: 100%;
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 19px
}

.news--block__vk--members {
    color: #999
}

.news--block__info {
    float: left;
    width: 35%
}

.news--block__vk a {
    color: #222
}

.news--block__vk a.sub_button {
    float: right;
    line-height: 40px;
    color: #fff;
    width: 45%;
    text-align: center;
    background: #f93522;
    border-radius: 2px;
    text-transform: uppercase
}

.news--block__vk a.disabled {
    background: rgba(249, 53, 34, .1);
    font-weight: 400;
    color: #f93522
}

.news--block__error {
    float: left;
    width: 100%;
    line-height: 565px;
    text-align: center;
    background: #fff;
    color: #999;
    font-size: 11px;
    text-transform: uppercase
}

.anime--block__button {
    margin-bottom: 30px;
    text-align: center
}

.anime--block__button .button--default {
    float: none;
    display: inline-block
}

.episode--background {
    padding: 100px 0 22.5px;
    position: relative;
    overflow: hidden;
    margin-top: -70px;
	z-index: 2;
}

.episode--background .animeSearch {
    margin: 0 0 30px
}

.episode--all {
    height: 30px;
    background: #fff
}

.episode--background__frame, .episode--background__frame--shadow {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.episode--background__frame {
    background: no-repeat;
    background-size: cover;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    filter: blur(15px);
    margin: -30px 0 0 -30px;
    width: calc(100% + 60px);
    height: calc(100% + 60px)
}



.episode--block, .episode--block__1-3, .episode--block__2-3, .episode--block__view {
    float: left;
    width: 100%
}

.episode--block {
    margin: -7.5px 0 0 -7.5px;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    position: relative
}

.episode--block__1-3, .episode--block__2-3 {
    padding: 7.5px;
    overflow: hidden
}

.episode--block__2-3 {
    width: calc(100% - 33.3%);
	font-size: 25px;
}

.episode--block__1-3 {
    width: 33.3%;
	font-size:15px;
}

.episode--block__view {
    position: relative;
    overflow: hidden
}

.episode--block__2-3 .episode--block__view {
    padding-top: 52.8%
}

.episode--block__1-3 .episode--block__view {
    padding-top: 52%
}

.episode--block__view--background {
    background: center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.episode--block__view--background__info {
    padding: 30px 15px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    color: #fff;
    z-index: 1;
	background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) );
}

.episode--block__view--background__info__bage {
    float: left;
    background: #f93522;
    border-radius: 2px;
    line-height: 25px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
    margin-bottom: 10px;
    text-shadow: none !important
}

.episode--block__view--background__info__anime-name, .episode--block__view--background__info__episode {
    float: left;
    width: 100%
}

.episode--block__view--background__info__anime-name {
    margin-bottom: 10px;
    font-size: 25px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}

.episode--block__view--background__info__episode {
    font-size: 12px;
    text-transform: uppercase
}

.episode--block__view--background__info__episode span {
    float: left;
    margin-right: 15px
}

.episode--block__1-3 .episode--block__view--background__info__bage {
    font-size: 11px;
    line-height: 22.5px;
    padding: 0 10px;
    text-transform: uppercase
}

.episode--block__1-3 .episode--block__view--background__info__anime-name {
    font-size: 15px;
}

.episode--block__1-3 .episode--block__view--background__info__episode {
    font-size: 11px
}

.popular--block {
    background: #f7f7f7
}

.popular--block.popular--block_bottom {
    margin-top: 30px
}

.anime--block, .anime--block__desu {
    float: left;
    position: relative;
    overflow: hidden
}

.anime--block {
	width:100%
}

.anime--block__desu {
    width: calc(100% / 5);
    padding: 15px
}

.anime--block__desu .block--full {
    border: 1px solid #fff;
	overflow: hidden;
	position: relative;
}

.anime--block__poster {
    float: left;
    width: 100%;
    padding-top: 141.5%;
    position: relative;
	z-index:3;
}

.anime--block__poster div:first-of-type {
    width: 65px;
    text-align: center;
    position: absolute;
    left: calc(50% - 32.5px);
    bottom: 15px;
    line-height: 22px;
    padding: 0 10px;
    background: rgba(17, 17, 17, .5);
    color: #fff;
    border-radius: 2px
}

.anime--block__name {
    background: #fff;
    padding: 15px
}

.anime--block__name, .anime--block__name span {
    float: left;
    width: 100%;
    text-align: center
}

.anime--block__name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.anime--block__name span:first-of-type {
    color: #999;
    margin-bottom: 5px;
    font-size: 12px
}

.anime-page, .anime-page .anime-info, .anime-page .episode_info, .anime-page .episode_list, .anime-page .episode_view {
    float: left;
    width: 100%;
    position: relative;
}

.anime-page .episode_view {
    padding: 30px 0 0;
    overflow: hidden
}

.anime-page .poster-background, .anime-page .poster-background_shadow {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.anime-page .poster-background {
    background-size: cover;
    background-repeat: repeat-x;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    filter: blur(15px);
    margin: -30px 0 0 -30px;
    width: calc(100% + 60px);
    height: calc(100% + 60px)
}

.anime-page .poster-background_shadow {
    background: rgba(17, 17, 17, .5)
}

.anime-page .episode_info {
    padding: 15px 10px;
	background-color: #f7f7f7;
}

.anime-page .episode_info .block--full {
    width: 50%
}

.anime-page .episode_info nav {
    float: right;
    line-height: 0;
    font-size: 0
}

.anime-page .episode_info .episode_info-name, .anime-page .episode_info nav a, .anime-page .episode_info > a {
    float: left;
    line-height: 35px;
    text-transform: uppercase
}

.anime-page .episode_info nav a {
    font-size: 13px;
    padding: 0 15px;
    color: #f93522;
    border-radius: 2px
}

.anime-page .episode_info nav a.selected {
    background: #f93522;
    border-radius: 2px !important;
    color: #fff
}

.anime-page .episode_info nav a.disabled {
    opacity: .5;
    cursor: default
}

.anime-page .episode_info > a {
    color: #999;
    border-left: 1px solid #f1f1f1;
    padding-left: 15px;
    margin-left: 15px
}

.anime-page .episode_info > a:hover {
    color: #f93522;
    cursor: pointer;
}

.anime-page .episode_list {
    background: #f7f7f7;
    padding: 30px 0;
	display: flex;
	flex-direction:column;
	max-width: 1000px;
}

.anime-page .anime-info {
    margin-bottom: 30px;
    font-size: 14px
}

.anime-page .anime-info .anime-poster {
    float: right;
    width: 240px;
    padding-top: 141.5%;
    background: no-repeat #f7f7f7;
    background-size: cover;
    border-radius: 2px;
    margin-top: 30px;
    position: relative
}

.anime-page .anime-info .anime-content {
    float: left;
    width: calc(100% - 270px);
	background: #f7f7f7;
	padding-left: 10px;
}

.anime-page .anime-info .anime-name {
    font-size: 25px;
    text-align: center;
    padding: 30px 0;
	background: #f7f7f7;
}

.anime-page .anime-header_line {
    position: relative;
    margin-bottom: 30px
}

.anime-page .anime-description {
    text-align: justify;
    margin-top: -5px;
    line-height: 1.5
}

.anime-page .anime-header_line:after {
    content: '';
    background: #f93522;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0
}

.anime-page .block--2-3 {
    padding-right: 30px
}

.anime-page .anime-team {
    float: left;
    width: 100%
}

.anime-page .anime-team .anime-team__item {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.anime-page .anime-team .anime-team__item:last-of-type, footer nav > a:first-of-type {
    margin: 0
}

.anime-page .anime-team .anime-team__item .user-team {
    float: left;
    background: #f7f7f7;
    height: 40px;
    width: 40px;
    border-radius: 100px;
    background-size: cover
}

.anime-page .anime-team .anime-team__item .user-team__username {
    line-height: 40px;
    float: left;
    width: calc(100% - 40px - 15px);
    margin-left: 15px
}

.anime-page .anime-info_block, .anime-page .anime-info_block li {
    float: left;
    width: 100%;
    list-style-type: none;
    color: #999
}

.anime-page .anime-info_block li {
    margin-bottom: 15px
}

.anime-page .anime-info_block li span {
    float: right;
    max-width: 60%;
    width: 60%;
    color: #222
}

#anime-episode_last {
    width: 100%;
	z-index: 4;
	
}

.user--avatar {
    cursor: pointer
}

.modal_overlay, .modal_overlay_notify {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, .5);
    z-index: 999;
    display: none
}

.modal_close, .user_avatar {
    height: 100px;
    cursor: pointer
}

.modal_overlay .modal_content, .modal_overlay_notify .modal_content_notify {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.mistake_form{
	width: 500px;
	height: 383px;
}

.user_content {
    background: #fff;
    display: inline-block;
    border-radius: 2px;
    padding: 30px;
    text-align: center;
    width: 350px
}

.user_content input[type=text] {
    text-align: center;
    margin-bottom: 30px
}

.user_content input[type=submit] {
    display: inline-block;
    float: none;
    background: #f93522;
    cursor: pointer
}

.user_avatar {
    background: #f7f7f7;
    border-radius: 100px;
    width: 100px;
    margin-bottom: 30px;
    display: inline-block;
    background-size: cover
}

.user_result, .vjs-control-text {
    display: none
}

.user_result {
    float: left;
    width: 100%;
    line-height: 40px;
    margin-bottom: 30px;
    color: #8ec06c
}

.error {
    color: #f93522
}

.modal_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    background: rgba(17, 17, 17, .1);
    text-align: center
}

.modal_close i {
    color: #fff;
    line-height: 100px
}


footer, footer nav {
    float: left;
    width: 100%
}


footer {
    padding: 30px 0;
    background: #222;
	z-index:4;
	position:relative;
}

footer nav {
    text-align: center
}

footer nav > * {
    display: inline-block;
    color: #fff;
    line-height: 20px;
    margin-left: 15px
}

footer nav > a {
    padding: 0 10px;
    text-transform: uppercase
}

footer nav > span {
    width: 1px;
    background: rgba(255, 255, 255, .05);
    height: 20px;
    margin-bottom: -5px
}

footer nav > a.disabled {
    cursor: default;
    opacity: .25
}

.footerNavButtons {
    margin-top: 30px
}

.footerNavButtons a {
    padding: 10px 20px;
    border-radius: 2px;
    width: 165px;
    background: rgba(255, 255, 255, .05)
}

.footerNavButtons a:first-of-type {
    color: #f93522
}

.footerNavButtons a:last-of-type {
    color: #7289da
}

.anime-page .anime-info .blockAnimePoster {
    float: right;
    width: 240px;
	background: #f7f7f7;
}

.blockAnimeAgeTorrent {
    float: left;
    width: 100%;
    margin-top: 15px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase
}

.blockAnimeAgeTorrent .animeAgeRating {
    line-height: 30px;
    background: #f93522;
    color: #fff;
    border-radius: 2px;
    float: left;
    width: 100%
}

.blockAnimeAgeTorrent .blockWhiteBg {
    border-radius: 2px
}

.blockAnimeAgeTorrent .blockAnimeAgeRating {
    width: 60px
}

.blockAnimeAgeTorrent .blockTorrentDownload {
    width: calc(100% - 75px);
    float: left
}

.blockAnimeAgeTorrent .animeTorrentDownload {
    line-height: 30px;
    background: #8ec06c;
    color: #fff;
    border-radius: 2px;
    float: left;
    width: 100%;
    margin-left: 15px
}

.blockAnimeAgeTorrent .animeTorrentDownload.disabled {
    cursor: default;
    opacity: .5
}

.animeTagInfo {
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 8px;
    line-height: 25px;
    border-radius: 2px;
	border: 1px solid #f93522;
	cursor: pointer;
}
.animeTagInfo a{
	color: #f93522;
}
.animeTagInfo:hover{
	background-color:#f93522;
}
.animeTagInfo:hover a{
	color:#fff;
}

.paginationPanel {
    float: left;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin-bottom: 30px;
	z-index:2;
	position: relative;
}

.paginationPanel > * {
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 15px;
    margin-top: 30px
}

.paginationPanel > span {
    color: #999;
    padding: 0 20px
}

.paginationPanel > a {
    background: #f93522;
    text-transform: uppercase;
    border-radius: 2px;
    color: #fff
}

.paginationPanel > a.disabled {
    background: rgba(249, 53, 34, .5);
    cursor: default
}

.animeSearch {
    float: left;
    width: 100%;
    margin: 30px 0;
	z-index: 2;
	position: relative;
}

.animeSearch input[type=text] {
    line-height: 38px !important;
    padding: 0 15px;
    width: calc(100% - 140px);
    margin-right: 15px
}

.animeSearch input[type=submit] {
    width: 125px;
    float: right;
    cursor: pointer
}

.blockEpisodesHeader {
    font-weight: 400;
    font-size: 14px !important;
    color: #999
}

.errorPage {
    float: left;
    width: 100%;
    line-height: 500px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    color: #999;
    border-radius: 2px
}

.mobileMenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none
}

.mobileMenu .mobileMenuOverlay {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(17, 17, 17, .5)
}

.mobileMenu .mobileMenuNavigation {
    left: -240px;
    top: 0;
    position: fixed;
    height: 100%;
    width: 240px;
    background: #fff;
    overflow-y: auto;
    will-change: left;
    z-index: 10001;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.mobileMenu .mobileMenuNavigation a {
    line-height: 70px;
    padding: 0 30px;
    color: #222;
    text-transform: uppercase;
    float: left;
    width: 100%
}

.mobileMenu .mobileMenuNavigation a.disabled {
    cursor: default;
    color: rgba(51, 51, 51, .25)
}

.mobileMenu .mobileMenuNavigation a.active {
    color: #f93522
}

.mobileHamburgerIcon {
    position: absolute;
    left: 15px;
    top: 15px;
    line-height: 40px;
    color: #222;
    padding: 0 15px;
    text-transform: uppercase;
    border-radius: 2px;
    background: #f7f7f7;
    z-index: 1;
    cursor: pointer;
    display: none
}

.mobileHamburgerIcon.mobileMenuOpen {
    color: #fff;
    background: #f93522
}

@media screen and (max-width: 1024px), screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), screen and (max-width: 768px), screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape) {
    html {
        -webkit-text-size-adjust: none
    }

    body {
        overflow-x: hidden !important
    }

    .block--container {
        width: 100% !important;
        margin: 0 !important;
        overflow: hidden
    }

    header nav.user--login {
        background: rgba(249, 53, 34, .1)
    }

    header {
        border-bottom: 1px solid #f1f1f1;
        top: 0
    }

    header nav:not(.mobileMenuNavigation) {
        display: none
    }

    .episode--block, .typeSelector {
        padding: 0 15px !important
    }

    .mobileHamburgerIcon {
        display: block !important
    }

    .anime--block, .anime--popular .block--header {
        padding: 0 15px
    }

    .anime--block {
        margin: -7.5px 0 7.5px -7.5px;
        width: calc(100% + 15px);
        height: calc(100% + 15px)
    }

    .anime--block__desu {
        padding: 7.5px
    }

    .news--block {
        padding: 0 15px !important
    }

    .news--block .news--block__error {
        line-height: 558px !important
    }

    .episode_view {
        padding: 0 !important;
        float: left;
        width: 100% !important
    }

    .episode_info {
        padding: 15px !important
    }

    .anime-info > .block--container {
        padding: 0 15px !important
    }

    .headerLogotype {
        left: calc(50% - 20px) !important;
    }

    .adminFixedMenu {
        display: none !important
    }

    .mobileMargin {
        padding: 0 15px
    }

    .commentsList.main {
        padding: 0 15px;
		column-count: 2;
		column-gap: 15px;
		margin: 0 !important;
    }

    .commentsList.main div{
		height: 100%;
    }
	
	.commentsList.main .commentsEl{
		width: 100% !important;
		
	}
	
	.episode--background{
		padding-top: 30px;
	}
	
	.sbrand--block{
		display: none !important;
	}
	.sbrand--href{
		display: none !important;
	}
	.sbrand--back{
		display:none !important;
	}
	.episode--background__frame--shadow {
		background: rgba(17, 17, 17, .5)
	}
	.animeSearch{
		padding: 70px 15px 0 !important;
	}
	.episode--block{
		margin-right: -7.5px !important;
	}
}

@media screen and (max-width: 1090px){
	.episode-slick_button{
		display: none !important;
	}
	.episodes-slick{
		width: 100vw !important;
	}
	.episode-slick-container{
		max-width: none !important;
	}
	.episode-slick-switch{
		display: none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px), screen and (min-width: 320px) and (max-width: 768px) {

	.news--block .block--header:first-of-type, .news--block .news--block__vk, footer nav:first-of-type {
        display: none
    }

    .episode--block > * {
        float: left;
        width: 50% !important
    }

    .episode--block > * a {
        float: left;
        padding-top: 52% !important
    }

    .episode--block > * .episode--block__view--background__info__bage {
        font-size: 11px !important;
        line-height: 22.5px;
        padding: 0 10px;
        text-transform: uppercase
    }

    .episode--block > * .episode--block__view--background__info__anime-name {
        font-size: 15px !important
    }

    .episode--block > * .episode--block__view--background__info__episode {
        font-size: 11px !important
    }

    footer .footerNavButtons {
        margin: 0 !important;
        padding: 0 30px !important
    }

    footer .footerNavButtons > * {
        width: calc(33% - 7.5px) !important;
        float: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
		margin-left: 7.5px !important;
    }

    .anime--popular, .news--block {
        width: 100% !important
    }
    .news--block .block--header:last-of-type {
        margin-top: -15px
    }

    .news--block .newsList.main {
        padding: 0 !important
    }

    .blockAnimePoster {
        width: 255px !important;
        padding-left: 15px !important
    }

    .blockAnimePoster .anime-poster {
        float: left !important;
        width: 100% !important
    }

    .anime-content {
        width: calc(100% - 255px) !important
    }

    .anime-content > * > * {
        width: 100% !important
    }

    .anime-info_block li span {
        width: 50% !important;
        max-width: 50% !important
    }

    .anime-team__item {
        width: 50% !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .mobileAnimeRecommendations .anime--block__desu:nth-child(5) {
        display: none
    }

    .anime--block__desu {
        width: calc(100% / 4) !important
    }

    .news--block .newsList li {
        width: calc(50% - 7.5px) !important;
        padding-top: 35% !important
    }

    .news--block .newsList li:last-of-type {
        margin-left: 15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .anime--popular {
        display: none
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .newsList.main > li a div, .newsList > div > li a div {
        font-size: 15px !important
    }

    .mobileAnimeRecommendations .anime--block__desu:nth-child(5) {
        display: none
    }

    .newsImageInfo {
        padding: 30px 15px !important
    }

    .newsAuthor .block--container {
        padding: 0 15px !important
    }

    .newsContent {
        padding: 30px 15px !important
    }

    .newsList {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .newsList > div {
        width: 100% !important;
        height: auto !important
    }

    .newsList > div > li {
        padding-top: 65% !important
    }

    .newsList > div > li a div {
        padding: 0 15px !important
    }

    .newsList.main > li a div span div, .newsList > div > li a div span div {
        font-size: 12px !important
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    .episode_info, .episode_info nav {
        text-align: center
    }

    .episode--block > * {
        width: 100% !important
    }

    .anime--block__desu {
        width: calc(100% / 2) !important
    }

    .animeSearch input[type=text] {
        width: calc(100% - 95px) !important
    }

    .animeSearch input[type=submit] {
        width: 80px;
        padding: 0 !important
    }

    .episode_info > :not(nav) {
        display: inline-block;
        float: none !important;
        border: 0 !important;
        padding-left: 0 !important
    }

    .episode_info nav {
        float: left;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .anime-content, .anime-content > * > *, .blockAnimePoster {
        width: 100% !important
    }

    .episode_info nav a {
        float: none !important;
        display: inline-block
    }

    .blockAnimePoster {
        padding: 0 !important
    }

    .blockAnimePoster .anime-poster {
        float: left !important;
        width: 100% !important
    }

    .anime-info_block li span {
        width: 50% !important;
        max-width: 50% !important
    }

    .lineHeader, .selectorAll {
        float: left;
        width: 100%;
        text-align: center
    }

    .lineHeader {
        line-height: 15px !important;
        margin-bottom: 30px
    }

    .selectorAll a {
        float: none !important;
        display: inline-block
    }
}

.borderBottom, .newsAuthor {
    border-bottom: 1px solid #f1f1f1
}

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .episode--block > * {
        width: 50% !important
    }

    .episode--block > :nth-child(4) {
        display: block !important
    }

    .anime--block__desu {
        width: calc(100% / 4) !important
    }

    .anime--popular .anime--block > :nth-child(4), .anime--popular .anime--block > :nth-child(5) {
        display: none
    }

    .newsList > div {
        width: 50% !important
    }

    .news--block .newsList li {
        width: calc(50% - 7.5px) !important;
        padding-top: 35% !important
    }

    .news--block .newsList li:last-of-type {
        margin-left: 15px
    }
}

.headerLogotype {
    position: absolute;
    left: 17px;
    top: 17px;
    height: 35px;
    width: 40px;
    z-index: 101;
    background: url(images/logotype_net_uberi_ruki.svg) no-repeat;
    background-size: contain
}

.videoBackground {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.adminFixedMenu {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: #222;
    text-align: center;
    line-height: 0;
    font-size: 0;
    opacity: .5
}

.adminFixedMenu:hover {
    opacity: 1
}

.adminFixedMenu a {
    padding: 0 10px;
    line-height: 25px;
    float: left;
    color: #fff;
    font-size: 11px;
    display: inline-block
}

.adminFixedMenu span {
    display: inline-block;
    float: left;
    width: 1px;
    height: 25px;
    background: #555
}

.selectorAll {
    float: right;
    line-height: 0;
    font-size: 0
}

.lineHeader, .selectorAll a {
    line-height: 30px;
    text-transform: uppercase
}

.selectorAll a {
    float: left;
    font-size: 13px;
    padding: 0 15px;
    color: #f93522
}

.selectorAll a.selected {
    background: #f93522;
    border-radius: 2px !important;
    color: #fff
}

.selectorAll a.disabled {
    opacity: .5;
    cursor: default
}

.selectorAll a:first-of-type {
    border-radius: 2px 0 0 2px;
    border-right: 0
}

.selectorAll a:last-of-type {
    border-radius: 0 2px 2px 0;
    border-left: 0
}

.lineHeader {
    font-size: 15px
}

.news--block__error, .news--block__vk, .popular--block .anime--block__desu > .block--full {
    border: 1px solid #f1f1f1;
	position:relative;
}

.newsContainer, .newsImageInfo {
    float: left;
    width: 100%
}

.newsContainer > .block--full {
    overflow: hidden;
    position: relative
}

.newsImageInfo {
    position: relative;
    height: 400px;
    background: center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
    padding: 30px 100px;
    text-align: center
}

.newsImageInfo:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(17, 17, 17, .5)
}

.newsImageInfo div {
    position: relative;
    font-size: 25px;
    color: #fff
}

.newsImageInfo div span {
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    position: relative;
    text-align: center;
    font-size: 25px
}

.newsImageInfo div span:after {
    background: #fff;
    width: 30px;
    height: 1px;
    position: absolute;
    left: calc(50% - 15px);
    top: 0;
    text-align: center
}

.newsImageInfo div span div {
    display: inline-block;
    background: #f93522;
    border-radius: 2px;
    line-height: 25px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
    color: #fff;
    margin-right: 15px
}

.newsImageInfo div span div:last-of-type {
    background: #222
}

.newsContent {
    float: left;
    width: 100%;
    padding: 30px 200px;
    font-size: 15px;
    line-height: 1.85;
    text-align: justify
}

.newsAuthor {
    float: left;
    padding: 30px 0;
    border-radius: 2px;
    width: 100%;
    font-size: 13px
}

.newsAuthor > * {
    padding: 0 200px
}

.newsAuthor .userBlock {
    float: left
}

.newsAuthor .userBlock img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100px
}

.newsAuthor .userBlock span {
    float: left;
    line-height: 40px;
    padding-left: 15px;
    font-weight: 600
}

.newsAuthor a {
    line-height: 40px;
    color: #999;
    text-transform: uppercase;
    background: #f7f7f7;
    padding: 0 15px;
    border-radius: 2px;
    float: right
}

.newsContent > .content h1, h2, h3, h4, h5, h6 {
    font-weight: 600
}

.newsContent > .content img {
    max-width: 100%
}

.newsContent > .content p {
    float: left;
    width: 100%
}

.newsContent > .content p > img {
    background-color: rgba(247, 247, 247, 0);
    background-image: -webkit-linear-gradient(rgba(247, 247, 247, 0), rgba(247, 247, 247, 1));
    background-image: linear-gradient(rgba(247, 247, 247, 0), rgba(247, 247, 247, 1));
    border-radius: 2px;
    padding: 30px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    display: block;
    max-width: 100%;
    max-height: 500px
}

#js-description_open-full.hide:before, .commentsMain:after {
    content: ''
}

#js-description_open-full.hide {
    position: relative
}

#js-description_open-full.hide:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1))
}

#js-description_view-all {
    line-height: 30px;
    background: #f93522;
    color: #fff;
    border-radius: 2px;
    float: left;
    width: 210px !important;
    padding: 0 15px;
    position: absolute;
    left: calc(50% - 105px);
    bottom: 0;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 13px
}

.newsList a, .newsList a div span {
    font-size: 15px;
    text-align: center
}

.newsList, .newsList li {
    float: left;
    width: 100%;
    list-style-type: none
}

.newsList li {
    padding-top: 65%;
    overflow: hidden;
    margin-bottom: 30px;
    position: relative
}

.newsList a, .newsList a:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    top: 0
}

.newsList a {
    background: center center no-repeat #fff;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.newsList a:before {
    background-color: rgba(17, 17, 17, .5)
}

.newsList a div {
    position: relative;
    padding: 0 15px
}

.newsList a div span {
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    position: relative
}

.newsList a div span:after {
    background: #fff;
    width: 30px;
    height: 1px;
    position: absolute;
    left: calc(50% - 15px);
    top: 0;
    text-align: center
}

.newsList a div span div {
    display: inline-block;
    background: #f93522;
    border-radius: 2px;
    line-height: 25px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
    color: #fff;
    margin-right: 15px
}

.newsList a div span div:last-of-type {
    background: #222
}

.newsList.main a {
    font-size: 20px
}

.block--container > .newsList {
    margin: -15px 0 -15px -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px)
}

.block--container > .newsList > div {
    width: calc(100% / 3);
    padding: 15px;
    float: left
}

.block--container > .newsList > div li {
    margin-bottom: 0
}

.block--container > .newsList {
    padding: 0 0 30px
}

.popular--block:not(.removebig) > .block--container > .newsList {
    padding-top: 30px
}

.popular--block:not(.removebig) .newsList > div:first-of-type {
    width: calc(66.7% - 1px);
    height: 467px;
    position: relative
}

.popular--block:not(.removebig) .newsList > div:first-of-type li {
    padding-top: 66.6%
}

.popular--block:not(.removebig) .newsList > div:first-of-type li a > div {
    font-size: 25px;
    padding: 0 60px
}

.news_1 {
    background: #d35400 !important
}

.news_2 {
    background: #F479B0 !important
}

.news_3 {
    background: #C06 !important
}

.commentsSendArea {
    float: left;
    width: 100%;
    border-radius: 2px;
    background: #f7f7f7;
    position: relative
}

.commentsSendArea textarea {
    resize: none;
    min-height: 100px;
    float: left;
    width: 100%;
    border: 1px solid #f1f1f1;
    margin-bottom: 15px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 15px
}

.commentsSendArea input[type=button], .commentsSendArea input[type=submit] {
    line-height: 30px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 2px;
    color: #fff;
    background: #f93522;
    cursor: pointer
}
.commentsSendArea input[type=button]:disabled, .commentsSendArea input[type=submit]:disabled {
	background: rgba(249,53,34,0.34);
	cursor: default;
}

.commentsSendArea input[type=button] {
    opacity: .5;
    cursor: default
}

.commentsSendArea .commentBlockedAuth {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.commentsSendArea .commentBlockedAuth span {
    float: left;
    width: 100%;
    color: #999
}

.commentsSendArea .commentBlockedAuth span a, .commentsSendArea .commentBlockedAuth span text {
    color: #f93522;
    cursor: pointer
}

.commentsList, .commentsList .avatar img, .commentsList .content .username, .commentsList .commentsEl {
    float: left;
    width: 100%;
    font-size: 13px
}

.commentsList .avatar {
    float: left;
    width: 55px;
	height:40px;
    padding-right: 15px
}

.commentsList .avatar img {
    border-radius: 100px
}

.commentsList .content {
    float: left;
    width: calc(100% - 55px)
}

.commentsList .content .username {
    margin-bottom: 5px;
    font-weight: 600
}

.commentsList .content .username span {
    background: rgba(249, 53, 34, .1);
    padding: 0 5px;
    color: #f93522;
    line-height: 15px;
    margin-left: 5px;
    font-size: 9px;
    text-transform: uppercase;
    border-radius: 2px;
    font-weight: 400;
    display: inline-block;
    cursor: default;
}

.commentsList .commentsEl:first-of-type {
    margin-top: 30px
}

.commentsList .commentsEl {
    margin-bottom: 15px;
	border: 1px solid #f1f1f1;
    padding: 15px;
    background: #fff;
}

.commentsList {
    padding: 0;
    border: 0;
    margin-bottom: 0
}

.commentsList .content time {
    float: left;
    margin-top: 5px;
    color: #999;
    width: 100%
}

.commentsList .content .username div {
    float: right;
    color: #f93522;
    opacity: .5;
    font-weight: 400;
    cursor: pointer
}

.commentsList .content .username div:hover {
    opacity: 1
}

.commentsList.main .content .block--full text {
    float: left;
    width: 100%;
    margin-top: 5px;
    color: #999;
    opacity: .5
}

.commentsList.main .content .block--full text:hover {
    opacity: 1
}

.commentsList.main .content .block--full text a {
    color: #f93522
}

.commentsList.main {
    width: 100%;
    margin: 0 auto !important;
	display: flex;
	flex-wrap: wrap;
	z-index: 2;
}

.commentsList.main .commentsEl {
    width: calc(50% - 30px);
	margin: 15px;
	z-index: 2;
}

.commentsLoadButton, .horizontalSelector div a {
    line-height: 40px;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    float: left
}

.commentsMain {
    max-height: 700px;
    overflow: hidden;
    position: relative
}

.commentsMain:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: rgba(247, 247, 247, 0);
    background-image: -webkit-linear-gradient(rgba(247, 247, 247, 0), rgba(247, 247, 247, 1));
    background-image: linear-gradient(rgba(247, 247, 247, 0), rgba(247, 247, 247, 1));
	z-index:3;
}

.commentsLoadButton {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    background: #f7f7f7;
    color: #999
}

.horizontalSelector {
    float: left;
    font-size: 0;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 15px 0;
    background: #fcfcfc;
    border-bottom: 1px solid #f1f1f1
}

.horizontalSelector li {
    display: inline-block;
    list-style-type: none
}



.horizontalSelector li a {
    font-size: 13px;
    padding: 0 15px;
    color: #222
}

.horizontalSelector li a.active {
    color: #f93522
}


.video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js {
    display: block;
    vertical-align: top;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js.vjs-16-9 {
    padding-top: calc(56.25% - 15px) !important
}

#donate-iframe {
    max-height: 100%;
    width: 340px;
}

.helkama {
    width: 1000px;
    height: 90px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

.close_ad {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 10;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    background-color: #ff0000;
    font-size: 15px;
}

.close_ad:hover {
    background-color: #ca0000;
}

.ad_hidden {
    background: url(images/ad_block.png) no-repeat center;
    border: 0;
    height: 120px;
}

.helkama-block {
    min-width: 468px;
    min-height: 64px;
    background: rgba(222, 222, 222, 0.4);
    border: 2px;
    border-style: solid;
    border-color: #919191;

}

.unsub_onesignal_button {
    cursor: pointer !important;
    color: #f93522;
    margin-right: 5px;
    border: 1px;
    border-style: solid;
    width: 140px;
    text-align: center;
    margin-bottom: 5px;
}

.unsub_onesignal_button::after {
    content: "Подписаться";
}

.sub_onesignal_button {
    cursor: pointer !important;
    background-color: #f93522;
    color: #fff !important;
    margin-right: 5px;
    border: 1px;
    border-style: solid;
    width: 140px;
    text-align: center;
    margin-bottom: 5px;
}

.sub_onesignal_button::after {
    content: "Вы подписаны";
}

.working_onesignal_button {
    background: rgba(0, 0, 0, 0.54);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(249, 53, 34, 1) 50%, rgba(0, 0, 0, 0) 60%);
    background-size: 400% 400%;
    -webkit-animation: button_gradient 0.5s ease infinite;
    -moz-animation: button_gradient 0.5s ease infinite;
    animation: button_gradient 0.5s ease infinite;
    margin-right: 5px;
    border: 1px;
    border-style: solid;
    width: 140px;
    text-align: center;
    margin-bottom: 5px;
}

.working_onesignal_button::after {
    content: "Работаем";
}

.view_place {
    border: 1px;
    border-style: solid;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}


@-webkit-keyframes button_gradient {
    0% {
        background-position: 100%
    }
    50% {
        background-position: 75%
    }
    100% {
        background-position: 0%
    }
}

@-moz-keyframes button_gradient {
    0% {
        background-position: 100%
    }
    50% {
        background-position: 75%
    }
    100% {
        background-position: 0%
    }
}

@keyframes button_gradient {
    0% {
        background-position: 100%
    }
    50% {
        background-position: 75%
    }
    100% {
        background-position: 0%
    }
}

#vidplay_autoplay_ad {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    height: 260px;
}

div.filterContent {
    width: 100%;
    border-color: #ababab;
    border-width: 1px;
    border-style: solid;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    overflow-y: hidden;
    display: none;


    flex-wrap: wrap;
    -webkit-box-flex: 1;
    justify-content: space-around;
	background: #f7f7f7;

}

.filterLabel {
    width: 100%;
    margin-top: 10px;
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-color: #ababab;
    border-width: 1px;
    border-style: solid;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background: #f7f7f7;
}

.filterLabel:hover {
    background-color: #dedede;

}

.hiddenCheckbox {
    display: none;
}

input[type=checkbox]:checked + .filterLabel {
    background-color: #c4c4c4;
    color: #fff;
}

input[type=checkbox]:checked + .filterLabel + div.filterContent {
    display: flex;
}

.labelText {
    float: left;
    margin: 0 7.5px 15px 7.5px;
    border: 1px solid #e6e6e6;
    background: #fcfcfc;
    border-radius: 2px;
    line-height: 30px;
    color: #999;
    text-transform: uppercase;
    width: 144px;
    text-align: center;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.labelStudio {
    width: 200px !important;
}

input[type=checkbox]:checked + .labelText,
input[type=radio]:checked + .labelText {
    background: #c4c4c4;
    border-color: #ababab;
    color: #fff;
}

.scrollTitleButton {
    background-color: rgba(222, 222, 222, 0.51);
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: #919191; */
    display: flex;
    position: relative;
    color: #c4c4c4;
    cursor: pointer;
	user-select: none;
}

.verticalScroll {
    width: 100%;
    height: 30px;
    margin-bottom: 7.5px;
    margin-right: 15px;
    margin-left: 15px;

    justify-content: center;
    align-content: center;
    flex-direction: row;
    font-size: 45px;
    display: none;
    overflow: hidden;
}

.horizontalScroll {
    width: 30px;
    margin-bottom: 7.5px;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    overflow: hidden;
}

.horizontalScroll span {
    transform: scaleY(3);
    margin-left: 27%;
}

.verticalScroll span {
    transform-origin: center;
    transform: scaleX(4);
    margin-top: -21px;

}

.horizontalScrollGroup {
    display: flex;
    width: 100%;
}

.rightHorizontalScroll {

}

.leftHorizontalScroll {
    margin-right: 7.5px;
}

.disabledScroll span {
    color: #c4c4c42b;
}

.disabledScroll {
    cursor: default;
}

.enabledScroll:hover {
    background-color: rgba(247, 247, 247, 0.4);
    border-color: #ababab;
    color: #dedede;
}

.scrollerHelper {
    width: 100%;
    display: flex;
}

@media screen and (max-width: 1023px) and (min-width: 768px), screen and (max-width: 768px) and (min-width: 320px) {
    .horizontalScroll {
        display: none !important;
    }

    .verticalScroll {
        display: flex !important;
    }

}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .helkama-block {
        height: 28px;

        min-width: 0;
    }

    .helkamaAnimeGoogle {

        min-width: 0;
    }

    .helpBlock {
        min-height: 28px !important;
    }
}

.helpBlock {
    position: relative;
    background: url(images/ad_block.png) no-repeat center rgba(222, 222, 222, 0.4);
    background-size: contain;
    border: 2px;
    border-style: solid;
    border-color: #919191;
    display: flex;
    max-height: 200px;
    min-height: 64px;

}

.helkama_main_google {
    width: 100%;
    max-height: 94px;
    float: left;
    margin-bottom: 30px !important;
}

.helkamaAnimeGoogle {
    width: 100%;
    position: relative;
    margin-bottom: 30px !important;
}

.sub_message {
    color: #000;
    font-size: 18px;
    padding-top: 25%;
	background-repeat: no-repeat;
	background-size: contain;
}

.user-team__username a:link, .user-team__username a:visited, #js-description_open-full a:link, #js-description_open-full a:visited{
    color: #f93522;
}

.user-team__username a:active, .user-team__username a:hover {
    color: #f93522;
    text-decoration: underline;
}

.typeSelector {
    position: relative;
	z-index: 1;
}

.typeSelector label {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 2px;
    background-color: rgba(222, 222, 222, 0.51);
    cursor: pointer;
}

input[class=hiddenCheckboxSelector]:checked + .labelType {
    background-color: #f93522
}

.hiddenCheckboxSelector {
    display: none;
}

#popup_elem {
    border-width: 2px;
    border-color: #f93522;
    border-style: solid;
    background-color: #f93522;
    color: white;
    padding: 15px;
    position: relative;
	z-index:4;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	display:flex;
}

#close_warn{
	padding-left:10px;
	user-select:none;
	-moz-user-select: none;
	-o-user-select: none;
	cursor: pointer;
}

#popup_elem span {
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: justify;
    padding-left: 40px;
    display: inline-block;
	flex: 1;
}

#popup_elem span a {
    color: white;
    text-decoration: underline;
}

#popup_elem span a:visited {
    color: white;
    text-decoration: underline;
}

#warn_elem {
    background-image: url(images/warn.png);
    background-size: contain;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
}
.user_auth_button {
    width: 78px;
    height: 30px;
    background-color: #f93522;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
    text-align: right;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    background-size: 24px 24px;
    background-position-x: 3px;
    background-position-y: 3px;
	background-repeat: no-repeat;
}


.user_auth_button:visited {
    color: #fff;
    text-decoration: none;
}

.user_auth_button_block {
    width: 100%;
    float: left;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-around;
}

.user_auth_button_block a {
    display: inline-flex;
}

.user_auth_button_disabled {
    background-color: rgba(249, 53, 34, .23) !important;
    cursor: not-allowed !important;
}

.user_auth_button div {
    width: 50px;
    float: right;
    text-align: center;
}
.user--login.button--default img {
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
}

.user--login.button--default img:hover {
    background-color: rgba(249, 53, 34, .23);
}

.episodes-slick{
	width: 940px;
    display: flex;
    overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-color: #f93522 rgba(0,0,0,.2);
	scrollbar-width: thin;
	transition: .4s;
	height: 145px;
}

.episodes-slick_item:first-child{
	margin-left: 0;
}

.episodes-slick_item{
	width:242.5px;
	display: flex;
	flex-shrink: 0;
	position: relative;
	margin-left: 10px;
	height: 136.4px;
}
.episodes-slick_item>a{
	display: flex;
	width:100%;
	padding-bottom: 56.25%;
	background-size: cover;
	overflow:hidden;
}

.episodes-slick_item nav.episodeButtons{
	position: absolute;
}

.episodes-slick::-webkit-scrollbar{
  width: 5px;
  height: 5px;
  
}
.episodes-slick::-webkit-scrollbar-thumb{
  background: #f93522;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7);
}
.episodes-slick::-webkit-scrollbar-track{
  background: transparent;
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7);
}
body::-webkit-scrollbar{
  width: 8px;
  height: 8px;
  
}
body::-webkit-scrollbar-thumb{
  background: #f93522;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.7);
}
body::-webkit-scrollbar-track{
  background: transparent;
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.7);
}

html{
	scrollbar-color: #f93522 rgba(0,0,0,.2);
	scrollbar-width: thin;
}


.episodes-slick_item>a>div span {
    text-transform: uppercase;
    margin: 30px 0px 15px 12.5px;
    bottom: 0;
    position: absolute;
    font-size: 11px;
	line-height: 22.5px;
	padding: 0 10px;
}
.episodes-slick_item.episode-active>a>div span {
	background: #f93522;
	border-radius: 2px;
}
.episodes-slick_item>a>div {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    color: #fff;
	overflow: hidden;
	background:linear-gradient( to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6) );
}
.episodes-slick_item>.episodeButtons>* i {
    line-height: 30px;
    color: #fff;
    width: 30px;
}

.episodes-slick_item>.episodeButtons .episodeButtonDownload {
    background: #8ec06c;
}

.episodes-slick_item>.episodeButtons>* {
    float: left;
    width: 30px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}
.episodes-slick_item>.episodeButtons {
    left: 22.5px;
    top: 15px;
    position: absolute;
    height: 30px;
    line-height: 0;
}

.episode-slick_button{
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 2px;
    background: #f93522;
    display: block;
    z-index: 1;
}

.episode-slick_button i{
    line-height: 30px;
    color: #fff;
    width: 30px;
    text-align: center;
}
.episode-slick-container{
	display: flex;
	align-items: center;
	justify-items:center;
	margin:0 auto;
	max-width: 1000px;
	flex-direction: row;
}

.episode-slick_button-disabled{
	background: rgba(249, 53, 34, 0.34);
}

.episode-slick_button[mode=backward]{
	margin-right:10px;
}

.episode-slick_button[mode=forward]{
	margin-left:10px;
}

.episode-slick-container.episode-slick-card{
	max-width:1000px;
}
.episode-slick-container.episode-slick-card .episode-slick_button{
	display:none;
}
.episode-slick-container.episode-slick-card .episodes-slick{
	overflow-x: hidden;
	overflow-y: auto;
	height: 430px;
	width: 1000px;
	display: grid;
	grid-template-columns: auto auto auto auto;
}
.episode-slick-container.episode-slick-card .episodes-slick_item{
	margin: 0px;
	margin-bottom: 10px;
}

.episode-slick-switch{
	margin-top:10px;
	display: flex;
	height:30px;
}
.episode-slick-switch .material-icons{
	height:30px;
	font-size:30px;
	text-align: center;
	border-radius: 2px;
	background: #f93522;
	color: #fff;
	margin:auto;
	cursor:pointer;
	user-select: none;
	transition: width .4s;
}
.episode-slick-switch[data-mode=open] .material-icons{
	width: 920px;
}
.episode-slick-switch[data-mode=close] .material-icons{
	width: 1000px;
}

.sbrand--block{
	
    display: inline-block;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
}

.anime--block:before, .block--header:before, .commentsList.main:before{
	content: '';
	position: absolute;
    top: 0;
    left: -25px;
    bottom: 0;
    right: 0;
    background: #f7f7f7;
	z-index: 0;
}
.header--text{
	position: relative;
	z-index:3;
}
.anime-info-block{
	background: #f7f7f7;
	margin-top: 5px;
}

.sbrand--href{
	position:absolute;
	
	z-index:3;
}
.sbrand--href.left{
    background-repeat: no-repeat;
    background-position: bottom left;
	width: calc( (100vw - 1010px) / 2);
	height: 1080px;
	top:0;
	left:0;
}
.sbrand--href.right{
    background-repeat: no-repeat;
    background-position: top right;
	width: calc( (100vw - 1010px) / 2);
	height: 1080px;
	top:0;
	right:0;
}
.sbrand--href.top{
	width:100vw;
	height:320px;
	top:0;
	left:0;
}
.mainContainer{
	background: #f7f7f7;
	position: relative;
}

.g-recaptcha{
	float: left;
    width: 100%;
    padding-bottom: 15px;
}
.loading {
	position: relative;
	will-change: transform;
	transform: translateZ(0);
}
@keyframes gradient-slide {
  0% {
    transform: translateX(-50%) translateY(0%) translateZ(0);
  }
  100% {
    transform: translateX(0%) translateY(0%) translateZ(0);
  }
}
.loading:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	content: "";
	animation: gradient-slide 1s ease infinite;
	animation-fill-mode: both;
	background: linear-gradient(-61deg,#e4e4e4 30%,#f5f5f5 40%,#e4e4e4 50%);
	will-change: transform;
	transform: translateZ(0);
}


.anime--poster--loading{
	position:absolute;
	width:100%;
	padding-top: 141.5%;
	top:0;
	left:0;
	z-index:1;
	overflow: hidden;
}
.anime--poster{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	object-fit:cover;
}
.anime-poster-paused{
	filter: grayscale(100%)
}
.preview--poster{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
	object-fit:cover;
}
.anime-poster{
	overflow:hidden;
}
.vjs-quality-selector span{
	width: 100%;
	height: 100%;
	line-height: 3em;
}
.user--menu{
	position: absolute;
	right: 0;
}
.sbrand--back{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-position-x: center;
}
.skip_button{
	font-size:1.4em;
	height:2.5em;
	line-height:2.5em;
	cursor:pointer;
	width: 10em;
	float: right;
	background-color:#ffffffcf;
	color: #606060;
}
.skip_button:hover{
	background-color:#ffffffdf;
	box-shadow: 0 0 4px white;
}

.commentsEl .commentText{
	overflow: hidden;
	position: relative;
	line-height: 18px;
	max-height: 90px;
	display: block;
	width: 100%;
	text-align: justify;
	padding-right: 1em;
}

.commentsEl .commentText:before{
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}
.commentsEl .commentText:after{
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

.episode-last-disabled{
	display:none;
}
.episode-last-enabled{
	display: flex;
}
.episode-last{
	position: absolute;
	top: 0;
	width: 32%;
	height: 10%;
	background-color: #f93522;
	transform: rotate(45deg);
	box-sizing: content-box;
	transform-origin: 20% 0%;
	left: 80%;
	text-align: center;
	color: white;
	font-size: 90%;
	font-weight: 600;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}