@charset "UTF-8";

:root {
	--main-black: #333;
	--main-black-hover: #555;
	--main-red: #ff6666;
	--main-orange: #ff7100;
	--main-orange-hover: #d56105;
	--main-red-hover: #ee5f5f;
	--main-green: #3cce7b;
	--main-green-hover: #39bd72;
	--main-purple: #9954d8;
	--main-yellow: #f2b800;
	--main-text: #333;
	--light-text: #fff;
	--main-button: #333;
	--input: #fff;
	--input-active: #fff;
	--background-tr: transparent;
	--background-first: #fff;
	--background-second: #f5f5f5;
	--background-third: #ececec;
	--background-fourth: #e2e2e2;
	--border-first: #e2e2e2;
	--border-second: #ccc;
	--border-third: #aaa;
	--border-fourth: #999;
	--border-fifth: #666;
	--top-img: url(../img/top3.jpg);
	--loading-img: url(../img/loading.svg);
	--loading-img-invert: url(../img/loading-w.svg)
}

body[data-theme=tr-light] {
	--main-black: rgba(51, 51, 51, .9);
	--main-black-hover: #555;
	--main-red: #ff6666;
	--main-red-hover: #ee5f5f;
	--main-green: #3cce7b;
	--main-green-hover: #39bd72;
	--main-purple: #9954d8;
	--main-yellow: #f2b800;
	--main-text: #333;
	--light-text: #fff;
	--main-button: #333;
	--input: rgba(255, 255, 255, .5);
	--input-active: #fff;
	--background-tr: rgba(255, 255, 255, .9);
	--background-first: rgba(255, 255, 255, .9);
	--background-second: rgba(245, 245, 245, .9);
	--background-third: #ececec;
	--background-fourth: rgba(226, 226, 226, .9);
	--border-first: #e2e2e2;
	--border-second: #ccc;
	--border-third: #aaa;
	--border-fourth: #999;
	--border-fifth: #666;
	--top-img: none;
	--loading-img: url(../img/loading.svg);
	--loading-img-invert: url(../img/loading-w.svg)
}

body[data-theme=dark] {
	--main-black: #333;
	--main-black-hover: #444;
	--main-red: #ff6666;
	--main-red-hover: #ee5f5f;
	--main-green: #3cce7b;
	--main-green-hover: #39bd72;
	--main-purple: #9954d8;
	--main-yellow: #f2b800;
	--main-text: #eee;
	--light-text: #fff;
	--main-button: #222;
	--input: #222;
	--input-active: #222;
	--background-tr: transparent;
	--background-first: #333;
	--background-second: #2c2c2c;
	--background-third: #292929;
	--background-fourth: #222;
	--border-first: #444;
	--border-second: #444;
	--border-third: #555;
	--border-fourth: #999;
	--border-fifth: #aaa;
	--top-img: url(../img/top15.jpg);
	--loading-img: url(../img/loading-w.svg);
	--loading-img-invert: url(../img/loading.svg)
}

body[data-theme=dark] .top {
	background-size: cover
}

body[data-theme=tr-dark] {
	--main-black: rgba(51, 51, 51, .9);
	--main-black-hover: #444;
	--main-red: #ff6666;
	--main-red-hover: #ee5f5f;
	--main-green: #3cce7b;
	--main-green-hover: #39bd72;
	--main-purple: #9954d8;
	--main-yellow: #f2b800;
	--main-text: #eee;
	--light-text: #fff;
	--main-button: #222;
	--input: rgba(34, 34, 34, .5);
	--input-active: #222;
	--background-tr: rgba(51, 51, 51, .9);
	--background-first: rgba(51, 51, 51, .9);
	--background-second: rgba(48, 48, 48, .9);
	--background-third: #292929;
	--background-fourth: rgba(34, 34, 34, .9);
	--border-first: #444;
	--border-second: #444;
	--border-third: #555;
	--border-fourth: #999;
	--border-fifth: #aaa;
	--top-img: none;
	--loading-img: url(../img/loading-w.svg);
	--loading-img-invert: url(../img/loading.svg)
}

body[data-theme-id="1"] {
	--background-img: url(../img/bg/01.jpg)
}

body[data-theme-id="2"] {
	--background-img: url(../img/bg/02.jpg)
}

body[data-theme-id="3"] {
	--background-img: url(../img/bg/03.jpg)
}

body[data-theme-id="4"] {
	--background-img: url(../img/bg/04.jpg)
}

body[data-theme-id="5"] {
	--background-img: url(../img/bg/05.jpg)
}

body[data-theme-id="6"] {
	--background-img: url(../img/bg/06.jpg)
}

body.halloween {
	--main-red: #e06241;
	--main-red-hover: #d15b3c
}

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	height: 100%
}

body {
	font-family: open sans, sans-serif;
	font-size: 14px;
	background: var(--background-fourth);
	color: var(--main-text);
	min-height: 100%;
	position: relative;
	overflow-y: scroll;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}

body.theme-change,
body.theme-change * {
	-webkit-transition: background-color .3s, border .3s !important;
	-o-transition: background-color .3s, border .3s !important;
	transition: background-color .3s, border .3s !important
}

.background-img {
	position: fixed;
	bottom: 0;
	height: 100vh;
	width: 100%;
	z-index: -10;
	background: var(--background-img) no-repeat top center;
	background-size: cover
}

.halloween:before {
	content: '';
	background: url(../img/spider-with-web.png) no-repeat;
	width: 422px;
	height: 352px;
	position: absolute;
	top: 219px;
	left: 0
}

button,
.list-buttons a {
	font-family: open sans, sans-serif;
	font-size: 12px
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse
}

ul li {
	list-style-type: none
}

ol li {
	list-style-position: inside
}

a {
	text-decoration: none;
	color: var(--main-orange)
}

a.fa {
	color: var(--main-text)
}

p,
ol {
	margin: 0 0 10px
}

h1,
h2 {
	font-weight: 400;
	margin-bottom: 10px
}

h2 span {
	color: var(--main-orange)
}

h3 {
	margin: 15px 0;
	font-weight: 600;
	text-transform: uppercase
}

input {
	color: inherit
}

input[type=email],
input[type=text],
input[type=password],
select {
	width: 100%;
	padding: 5px 8px;
	border: 1px solid;
	border-color: var(--border-second);
	-webkit-border-radius: unset;
	border-radius: unset;
	height: 33px;
	background: var(--input);
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s
}

select.slim-select {
	padding: 4px;
	overflow: hidden
}

input[type=checkbox] {
	vertical-align: middle
}

table select {
	width: auto;
	vertical-align: top;
	display: inline-block
}

textarea {
	width: 100%;
	height: 100px;
	padding: 10px;
	border: 1px solid;
	border-color: var(--border-second);
	font-family: open sans, sans-serif;
	font-size: 14px;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
	color: var(--main-text);
	background-color: var(--input)
}

.far,
.fal {
	cursor: pointer
}

.hidden {
	display: none
}

.container {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding: 0 5px
}

.clearfix:after,
.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.top {
	background-image: var(--top-img);
	background-position: top center;
	height: 151px;
	position: relative;
	padding: 25px 0 0;
	border-top: 1px solid #999999;
}

#top-block {
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px
}

.top iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%
}

.top-ads {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0
}

.pop-message {
	background: rgba(255, 102, 102, .8);
	color: var(--light-text);
	text-align: center;
	margin-bottom: 15px;
	padding: 5px 0
}

.pop-message a {
	color: var(--light-text);
	text-decoration: underline
}

.pop-message.success {
	background: var(--main-orange);
	padding: 5px 0
}

.pop-message>div {
	padding: 5px 0
}

.auth-block a span {
	display: block;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 10px;
	margin-top: 2px;
	color: rgb(255 255 255 / 75%);
}

.login-menu {
	position: relative;
	color: #fff !important;
	font-weight: 300 !important;
	background: var(--main-orange);
	padding: 10px 20px;
	height: 45px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.login-menu .fa-envelope {
	font-size: 25px;
}

.login-menu .fa-bookmark {
	font-size: 24px;
}

.fa-arrow-right-from-bracket,
.fa-crown {
	font-size: 20px;
	margin-bottom: -2px;
}

.num-fa-envelope {
	position: absolute;
	left: 37px !important;
	top: 2px;
	width: max-content !important;
	height: max-content;
	padding: 3px 7px;
	border-radius: 50px;
	background: #333;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.num-fa-bookmark {
	position: absolute;
	left: 30px !important;
	top: 2px;
	width: max-content !important;
	height: max-content;
	padding: 3px 7px;
	border-radius: 50px;
	background: #333;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.poster-block:hover img {
	filter: brightness(0.5);
    transition: all .2s;
}

.poster-block:hover .magnifying {
	opacity: 1;
}

.poster-block .magnifying {
	height: 100%;
	width: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: center;
	font-size: 35px;
	z-index: 999;
	top: 0px;
	opacity: 0;
	pointer-events: none;
	filter: drop-shadow(2px 4px 6px black);
}

.fixed .login-menu {
	background: 0 0;
}

.lg-br {
	border-right: 1px solid rgb(255 255 255 / 75%);
}

.header {
	background: var(--main-black);
	border-top: 3px solid;
	border-top-color: var(--main-orange);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	margin-bottom: 20px
}

.header .container {
	padding-left: 70px;
	height: 63px;
}

.logo {
	background: url(../img/ranime-logo.png) no-repeat;
	height: 85px;
	display: block;
	position: absolute;
	width: 243px;
	left: 5px;
	background-size: contain;
}

.halloween .logo {
	background: url(../img/pumpkin-logo.png) no-repeat;
	width: 255px;
	height: 111px;
	top: -32px
}

.logo-block {}

.menu {
	float: right
}

.menu.show {
	display: block
}

.menu>li {
	float: left;
	position: relative;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s
}

.menu>li>a {
	font-weight: 300;
	font-size: 14px;
	display: block;
	color: var(--light-text);
	text-transform: uppercase;
	padding: 24px 18px;
	position: relative;
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s
}

.menu>li>a span {
	display: block;
	font-size: 12px;
	text-transform: none;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 10px
}

.menu>li>a.active {
	background: var(--main-orange)
}

.menu>li:hover .sub-menu,
.menu>li:active .sub-menu {
	display: block
}

.sub-menu-link>a {
	cursor: default
}

.sub-menu-link:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid;
	border-bottom-color: var(--main-orange);
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.sub-menu {
	display: none;
	position: absolute;
	right: 0;
	z-index: 100;
	width: 200px;
	background: var(--main-button);
	border-top: 3px solid;
	border-top-color: var(--main-orange);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange)
}

.sub-menu a {
	display: block;
	padding: 10px;
	color: var(--light-text);
	-webkit-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
	border-bottom: 1px solid;
	border-bottom-color: var(--main-black-hover);
	font-weight: 300
}

.sub-menu>li:last-child>a {
	border-bottom: none
}

.sub-menu a.active {
	background: var(--main-black-hover)
}

.halloween .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: var(--main-orange)
}

.post-block .post-title {
	width: 100%;
	display: inline-block
}

.post-title {
	font-size: 1.5em;
	color: var(--main-text);
	margin-bottom: 5px;
	position: relative
}

div.post-title-category {
	margin-bottom: 10px
}
.content-page .post-block:last-child {
	border-bottom: 0px solid;
    margin-bottom: 0px;
    padding-bottom: 0px
}

.post-block {
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	margin-bottom: 15px;
	position: relative;
	padding-bottom: 10px
}

.post-time {
	font-style: italic;
	position: absolute;
	right: 0;
	top: 0
}

.content-page {
	width: 100%;
	background: var(--background-first);
	padding: 15px;
	word-wrap: break-word
}

.grid-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0 -6px
}

gap {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	width: 230px;
	max-width: 290px
}

.post-text ul li,
.comment li {
	padding-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside
}

.post-text ol li {
	list-style-position: inside;
	padding-bottom: 10px
}

.post-text ol,
.post-text ul {
	padding-left: 20px
}

.content-page>.col {
	padding-top: 0;
	padding-bottom: 0
}

.content-page>.col:first-child,
.row>.col:first-child {
	padding-left: 0
}

.content-page>.col:last-child,
.row>.col:last-child {
	padding-right: 0
}

.row>.col {
	padding-top: 0
}

.content-page.messages-page {
	padding: 0;
	width: 100%
}

.content-page.messages-page td {
	vertical-align: top
}

.anime-column {
	width: 230px;
	max-width: 290px;
	padding: 10px 6px;
	text-align: center;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.view-page-list .anime-column {
	width: 100%;
	max-width: none;
	text-align: left;
	margin: 5px 6px 0;
	padding: 5px 0 10px;
	border-bottom: 1px solid;
	border-color: var(--border-first)
}

.view-page-list .anime-column:last-child {
	border: none
}

.view-page-list .preview-rating {
	margin-top: 5px
}

.view-page-list .anime-column-info {
	margin: 0
}

.anime-column .rating-info {
	font-size: 12px
}

.users-page .image-block {
	overflow: hidden;
	width: 200px;
	height: 200px;
	margin: 0 auto 10px
}

.view-page-list .image-block {
	float: left;
	position: static;
	margin: 0
}

.anime-column img {
	width: 100%;
	height: auto;
	margin: 0
}

.view-page-list .anime-column img {
	min-height: auto;
	width: 100px;
	margin: 0 10px 0 0
}

.anime-column a {
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	color: var(--main-text)
}

.ongoing,
.no-series {
	padding: 2px 10px;
	position: absolute;
	left: 0;
	top: 8px;
	color: var(--light-text);
	background: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 13px;
	z-index: 1
}

.no-series {
	top: 34px
}

.status-label {
	padding: 2px 10px;
	position: absolute;
	right: 0;
	top: 33px;
	color: var(--light-text);
	background: var(--main-button);
	font-weight: 400;
	text-transform: uppercase;
	z-index: 1
}

.year-block {
	position: absolute;
	color: var(--light-text);
	font-weight: 400;
	top: 8px;
	right: 0;
	padding: 2px 10px;
	background: var(--main-button);
	z-index: 1
}

.view-page-list .status-label,
.view-page-list .year-block {
	right: auto;
	left: 0
}

.anime-column .year-block,
.anime-column .status-label {
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	font-size: 13px;
	opacity: 0
}

.re-column:hover .year-block,
.anime-column:hover .year-block,
.anime-column:hover .status-label,
.anime-column:active .year-block,
.anime-column:active .status-label {
	opacity: 1
}

.preview-block .season-badge {
	background: var(--main-orange)
}

.saw {
	padding: 2px;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	color: var(--light-text);
	background: var(--main-orange);
	font-weight: 400;
	text-transform: uppercase;
	text-align: center
}

.image-block .saw:after {
	content: 'просмотрено'
}

.image-block .watch-now:after {
	content: 'смотрю'
}

.image-block .position:after {
	content: 'буду смотреть'
}

.image-block .lost:after {
	content: 'брошено'
}

.view-page-list .saw {
	left: auto;
	right: 0;
	bottom: 10px;
	width: 200px;
	top: auto
}

.saw.position {
	background: var(--main-purple)
}

.saw.lost {
	background: var(--border-fourth)
}

.saw.watch-now {
	background: var(--main-orange)
}

.poster-block {
	position: relative
}

.poster-block a {
	color: var(--light-text)
}

.content-img-block {
	float: right;
	margin: 0 0 10px 10px;
	max-width: 245px;
	position: relative;
	z-index: 2
}

.content-img-block img {
	max-width: 100%;
	height: auto
}

.content-block {
	margin-bottom: 20px
}

.content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative
}

.content>div {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	min-width: 0
}

.content>div:not(.content-page)>.pagination li:after,
.content>div:not(.content-page)>.pagination li:before,
.content>div:not(.content-page)>.pagination li span,
.content>div:not(.content-page)>.pagination li a {
	background: var(--background-tr)
}

.full-width {
	width: 100%;
	float: none
}

.full-width .content-page {
	margin-bottom: 20px
}

.user-page {}

.user-page-block.col {
	padding: 0;
	margin-bottom: 20px;
	background: var(--background-first)
}

.user-block {
	padding: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.user-block.pending {
	background: rgba(60, 206, 123, .2)
}

.friend-name {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
	display: inline-block
}

.anime-column .friend-name {
	text-transform: none
}

.anime-column .rating-info {
	margin: 0
}

.anime-column-info {
	padding: 10px;
	border-top: 1px solid #e2e2e2;
}

.anime-column-info>p {
	margin-bottom: 5px
}

.user-img {
	max-width: 145px;
	float: left
}

.friends-block {
	display: none
}

.user-img img {
	display: block
}

.user-block-info {
	margin-left: 160px;
	position: relative
}

.user-buttons {
	position: absolute;
	right: 0;
	top: 0
}

.user-name {
	display: block;
	color: var(--main-text);
	font-size: 14px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.user-page-block.col:first-child {
	margin-right: 10px
}

.user-lists.col {
	float: right
}

.inner-block {
	padding: 5px;
	background: var(--background-first);
	word-break: break-word
}

.inner-block-title {
	padding: 13px 15px;
	background: var(--main-black);
	color: var(--light-text);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	text-transform: uppercase;
	position: relative
}

.inner-block-title a {
	color: var(--light-text)
}

.altname-list {
	line-height: 24px;
	margin-bottom: 10px
}

.content-main-info {
	line-height: 26px
}

.content-desc {
	padding-top: 10px;
	word-break: break-word
}

.content-main-info li span {
	font-weight: 600
}

.alt-names-list {
	margin-bottom: 10px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	padding-bottom: 10px;
	margin-right: 255px
}

.alt-names-list li {
	padding: 2px 0;
	line-height: 20px;
}

.more-alt-names {
	padding: 0 5px;
	cursor: pointer;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
	width: 22px;
	text-align: center;
	display: inline-block
}

.ongoing-info {
	color: var(--main-orange);
	margin: 10px 0
}

.content-desc {}

.live-search-wrapper.open li {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.live-search-wrapper.open li.active {
	background: var(--background-fourth);
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}


.block-episodes {
	display: none
}

.block-episodes.show {
	display: block !important
}

.video-wrapper {
	margin-bottom: 10px
}

.video-wrapper.light-on iframe,
.video-wrapper.light-on .episodes {
	position: relative;
	z-index: 4
}

.light-on.chat-container {
	z-index: 2
}

.player {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: auto
}

.player.hidden {
	display: none
}

.player iframe {
	height: 528px;
	width: 100%;
	position: relative;
	z-index: 3
}

.player.big:before {
	content: ' ';
	height: 726px;
	position: relative
}

.player.big iframe {
	height: 726px;
	width: 1290px;
	margin-left: -15px;
	position: absolute;
	z-index: 3;
}

.player-controls {
	overflow: hidden;
	margin: 10px 0;
	z-index: 3;
}

.light-off .player-controls {
	color: var(--light-text);
}

.light-off .light-button,
.light-off .expand-player {
	opacity: .1;
	transition: all .6s;
}

.light-off .player-controls:hover .light-button,
.light-off .player-controls:hover .expand-player {
	opacity: 1;
	transition: all .2s;
}

.light-button {
	float: left;
	text-transform: uppercase
}

.light-button,
.expand-player {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid;
	border-color: var(--border-first);
}

.big-player .player .main-player {
	height: 726px;
	width: 1290px;
	margin-left: -15px;
	position: absolute;
	z-index: 3;
}

.light-button.active .fa-lightbulb:before {
	content: "\f0eb"
}

.big-player .player:before {
	content: '';
	height: 745px;
	position: relative;
}

.expand-player {
	display: none;
	float: right;
}

.big-player .player iframe {
	height: 100%;
	margin-top: 15px;
}

.big-player {
	display: none
}

.lost-video {
	position: relative;
	z-index: 2
}

.video-block-inner {
	position: relative
}

.video-block-select {
	display: none;
	margin: 15px 0 10px
}

.video-block-select>*,
.video-block-select .slim-select {
	min-width: 0
}

.design-switch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	float: right;
	margin-top: 5px
}

.design-switch>span {
	margin-right: 10px
}

.switch {
	position: relative;
	display: block;
	cursor: pointer;
	width: 46px;
	height: 26px;
	background: var(--background-fourth);
	-webkit-border-radius: 13px;
	border-radius: 13px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}

.switch:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	background: var(--light-text);
	-webkit-border-radius: 90px;
	border-radius: 90px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.switch.active {
	background: var(--main-orange)
}

.switch.active:after {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

#player-select {
	width: 100%;
	margin-left: 5px
}

#player-select>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

#player-select>div:not(:first-of-type) {
	display: none
}

.subscribe-anime-block-select {
	color: var(--main-text);
	border: 1px solid;
	border-color: var(--border-second);
	background-color: var(--input);
	font-size: 14px;
	padding: 6px 10px;
	margin-left: 5px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	white-space: nowrap
}

.subscribe-anime-block-select.active {
	color: var(--light-text);
	background: var(--main-orange);
	border-color: var(--main-orange)
}

.subscribe-anime-block-select>* {
	display: inline-block
}

.hidden-video {
	display: none
}

.hidden-video.show {
	display: block
}

.link-hidden-video {
	color: var(--main-text);
	display: inline-block;
	position: relative;
	border-bottom: 1px dashed;
	margin-bottom: 10px;
	cursor: pointer
}

.link-hidden-video:before {
	content: '↓';
	position: absolute;
	right: -10px
}

.lost-video {
	text-align: center;
	font-size: 18px;
	margin: 10px 0
}

.lost-video.active {
	color: var(--background-fourth)
}

.share-text {
	font-size: 18px;
	margin: 10px 0px;
}

.hide-chat {
	font-size: 10px
}

.block {
	display: block
}

.block img {
	display: block;
	max-width: 100%
}

.ads {
	text-align: center;
	margin: 10px 0;
	display: block;
	clear: both
}

.ads.ivan {
	padding: 6px;
	background: var(--main-black)
}

.ads.ivan>div {
	width: 100% !important
}

.ads a {
	display: inline-block;
	opacity: .85;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}

.ads a:hover,
.ads a:active {
	opacity: 1
}

.ads img {
	max-width: 100%;
	display: block;
	margin: auto
}

.ads iframe {
	max-width: 100%
}

.ads .vbm-player {
	max-width: 100%
}

.comments-alert {
	text-transform: uppercase;
	margin: 15px 0
}

.rules-link {
	border-bottom: 1px dashed;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.rules-block {
	display: none
}

.rules-block.show {
	display: block
}

.content-desc ol {
	line-height: 26px
}

.video-button {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	padding: 9px 5px 0;
	margin: 0 2px 6px 0;
	background: var(--main-button);
	color: var(--light-text);
	min-width: 41px;
	height: 41px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.video-button.active {
	background: var(--main-orange)
}

.video-block-description {
	margin-bottom: 10px;
	overflow: hidden;
	padding: 8px 10px;
	background: var(--background-fourth);
	cursor: pointer;
	position: relative;
	padding-right: 100px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.video-block-description a {
	color: var(--main-text);
	border-bottom: 1px dashed;
	position: relative;
	margin-left: 10px
}

.video-block-description a:before {
	content: '↓';
	position: absolute;
	left: -10px
}

.video_select .video-block-inner {
	display: none
}

.video_select .video-block-select {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.episodes-container.hidden {
	display: none
}

.episodes-container.active {
	display: block
}

.last-videos-block {
	margin-bottom: 20px
}

.last-video {
	width: 100%;
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
    height: 300px;
}


.last-video-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.last-video img {
    max-height: inherit !important;
	max-width: 100%;
	display: block
}

.last-video-bottom {
	position: absolute;
	background: var(--main-black);
	bottom: 0;
	width: 100%;
	color: var(--light-text);
	z-index: 1
}

.last-video-footer>div,
.last-video-head>div {
	display: table-cell;
	vertical-align: middle
}

.last-video-footer>div:last-child {
	text-align: right
}

.last-video-footer>div:nth-child(2) {
	text-align: center
}

.last-video-footer i {
	margin-left: 5px
}

.last-video-footer,
.last-video-head {
	width: 100%;
	padding: 5px 10px
}

.log-in {
	background: var(--main-orange);
	padding: 8px;
	width: 100%;
	font-size: 16px;
	display: block;
	color: #f7f7f7;
}

.log-in:hover {
	cursor: pointer;
}


.remove-poster {
	text-align: center;
	cursor: pointer;
	font-size: 12px
}

.last-video-head {
	border-bottom: 1px solid;
	border-bottom-color: var(--border-fourth)
}

.last-video-footer {
	font-size: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.last-video-head a {
	color: var(--light-text)
}

.last-video-head a.author-link {
	color: var(--main-orange);
	font-weight: 600
}

.author-img {
	width: 40px
}


.categories-list>span {
	float: left;
	margin-right: 5px;
	font-weight: 600
}

#animeTypeT {
	text-transform: uppercase;
	font-weight: 300;
}


.categories-list>ul>li {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.categories-list>ul>li:after {
	content: ','
}

.categories-list>ul>li:last-child:after {
	content: ''
}

.categories-list a:hover,
.categories-list a:active,
.content-main-info a:hover,
.content-main-info a:active,
.content-desc a:hover,
.content-desc a:active {
	text-decoration: underline
}

.more-alt-names~li {
	display: none !important
}

.search-block-wrapper {
	position: relative;
	margin-bottom: 15px
}

.in-menu.search-block-wrapper {
	display: none;
	float: left;
	margin-bottom: 0
}

.in-menu input.search {
	height: 31px;
	margin-top: 7px;
	padding: 5px 45px 5px 10px
}

.live-search-wrapper {
	position: absolute;
	z-index: 3;
	background: var(--background-first);
	top: 100%;
	width: 100%;
	max-width: 600px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility .5s;
	-o-transition: visibility .5s;
	transition: visibility .5s;
	border: 1px solid;
	border-color: var(--border-third);
	margin-top: -1px
}

.live-search-wrapper.open {
	opacity: 1;
	visibility: visible
}

.live-search.recommended li {
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.live-search.recommended li:hover,
.live-search.recommended li:active {
	background: var(--border-first)
}

.live-search.recommended li:last-child {
	border-bottom: none
}

.live-search-year {
	font-size: 12px;
	color: var(--border-third)
}

.live-search-results .fa {
	color: var(--border-third)
}

.live-search-wrapper a {
	display: block;
	margin: 0 5px;
	padding: 10px 5px;
	color: var(--main-text);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.live-search-wrapper li:hover,
.live-search-wrapper li:active {
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}

a.live-search-results {
	text-transform: uppercase;
	border-bottom: none
}

.search-block {
	position: relative
}

.halloween .content-block .search-block:after {
	content: '';
	background: url(../img/spider.png) no-repeat;
	width: 105px;
	height: 60px;
	position: absolute;
	right: 30px;
	bottom: 0
}

.search-block.with-banner {
	width: 50%;
	float: left
}

.with-banner+.ads {
	margin: 0;
	clear: none
}

input.search {
	border: 1px solid;
	border-color: var(--border-second);
	padding: 15px 45px 15px 20px;
	background: var(--background-first);
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	height: 50px
}

input.search:focus {}

::-moz-selection {
	color: var(--background-fourth);
	background: var(--main-text)
}

::selection {
	color: var(--background-fourth);
	background: var(--main-text)
}

input::-webkit-input-placeholder {
	color: var(--border-fifth)
}

input::-moz-placeholder {
	color: var(--border-fifth)
}

input:-ms-input-placeholder {
	color: var(--border-fifth)
}

input:-moz-placeholder {
	color: var(--border-fifth)
}

.search::-webkit-input-placeholder {
	text-transform: uppercase;
	font-family: open sans, sans-serif;
	font-weight: 300;
	font-size: 14px
}

.search:-moz-placeholder {
	text-transform: uppercase;
	font-family: open sans, sans-serif;
	font-weight: 300;
	font-size: 14px
}

input[type=submit].search-submit {
	position: absolute;
	background: url(../img/sprite.png) -25px -24px no-repeat;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 13px;
	padding: 0
}

.fixed input[type=submit].search-submit {
	right: 10px;
	top: 11px
}

.g-recaptcha {
	margin-bottom: 10px
}

.add-video-block {
	border-bottom: 2px solid;
	border-bottom-color: var(--border-fourth);
	margin-bottom: 10px
}

.center {
	text-align: center
}

.right {
	text-align: right
}

.left {
	text-align: left
}

.left .main-button,
.left .default-button,
.right .main-button,
.right .default-button,
.center .main-button,
.left .default-button {
	display: inline-block;
	vertical-align: top
}

.column-50 {
	float: left;
	width: 50%;
	padding: 10px
}

.col {
	float: left;
	padding: 10px
}

.col img {
	max-width: 100%;
	height: auto
}

.col.padd-0 {
	padding: 0 10px
}

.col .form-cell {
	position: relative
}

.col-64 {
	width: 64%
}

.content-block .inner-block .col-50 {
	padding: 10px
}

.col-50 {
	width: 50%
}

.col-36 {
	width: 36%
}

.col-64:first-child,
.col-50.update-block:first-child {
	padding-left: 0
}

.col-50.update-block:last-child,
.col-36:last-child {
	padding-right: 0
}

.col-80 {
	width: 80%
}

.col-25+.col-75 {
	width: 73.3%
}

.margin-r10.col+.col-60 {
	width: 59%
}

.col-70 {
	width: 70% !important
}

.col-60 {
	width: 60%
}

.col-40 {
	width: 40%
}

.col-30 {
	width: 30%
}

.col-25 {
	width: 25%
}

.col-20 {
	width: 20%
}

.team-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.team-block {
	min-width: 25%;
	color: var(--main-text);
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s
}

.team-name {
	font-size: 16px;
	margin: 10px 0
}

.team-img {
	display: block;
	margin: auto;
	width: 100px;
	height: 100px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-box-shadow .5s;
	transition: -webkit-box-shadow .5s;
	-o-transition: box-shadow .5s;
	transition: box-shadow .5s;
	transition: box-shadow .5s, -webkit-box-shadow .5s
}

.team-block:hover .team-img,
.team-block:active .team-img {
	-webkit-box-shadow: 0 0 0 40px var(--border-first);
	box-shadow: 0 0 0 40px var(--border-first)
}

.block-header {
	background: var(--main-black);
	color: var(--light-text);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	text-transform: uppercase;
	text-align: center;
	padding: 13px 5px;
	position: relative
}

.content-page>.block-header {
	background: var(--main-button)
}

.halloween .block-header:before,
.halloween .comments-title:before {
	content: '';
	background: url(../img/pumpkin.png) no-repeat;
	width: 122px;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0
}

.block-header-link {
	position: absolute;
	right: 15px;
	top: 12px;
	text-transform: none;
	text-decoration: underline;
	color: var(--light-text)
}

.tips-block {
	position: absolute;
	right: 0
}

.tips-header {
	cursor: pointer;
	padding: 13px 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: var(--light-text);
	font-size: 18px;
	height: 43px
}

.tips-header.active {
	background: var(--main-orange)
}

.tips-content {
	display: none;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 100%;
	background: var(--background-first);
	width: 454px;
	text-transform: none;
	border: 1px solid;
	border-color: var(--border-first)
}

.tips-content-lists li {
	display: inline-block;
	width: 32%;
	padding: 5px 9px
}

.tips-content-status {
	padding: 5px 10px
}

.tips-content.open {
	display: block
}

.profile-filter-button {
	display: none;
	background: var(--main-orange);
	color: var(--light-text);
	padding: 0 16px;
	margin-left: 5px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.profile-filter-button:hover,
.profile-filter-button:active {
	background: var(--main-orange-hover)
}

.profile-filter-header {
	padding: 10px 5px 0 10px;
	width: 20%;
	float: left
}

.profile-filter-search-clear {
	display: none;
	position: absolute;
	right: 0;
	font-size: 16px;
	padding: 9px 8px 8px;
	color: var(--border-fourth)
}

.profile-filter-search {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.profile-filter-body {
	background: var(--background-second);
	padding: 10px
}

.profile-filter-right-side {
	float: right
}

.profile-filter-right-side>* {
	display: inline-block;
	vertical-align: middle
}

.profile-filter-left-side>.profile-filter-input {
	width: 20%;
	float: left
}

.profile-filter-right-side>.profile-filter-input {
	width: 220px
}

.profile-filter-item {
	margin-right: 5px
}

.profile-filter-item:last-child {
	margin-right: 0
}

.profile-filter-clear {
	padding: 9px 10px
}

.btn-link {
	display: block;
	max-width: 350px;
	width: 100%;
	text-align: center;
	margin: 10px auto;
	padding: 10px 15px;
	background: var(--main-black);
	color: var(--light-text);
	font-size: 16px;
	text-transform: uppercase;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.video-block-description .btn-link:before {
	display: none
}

.update-list a {
	display: table;
	width: 100%;
	color: var(--main-text);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	overflow: hidden;
	height: 48px
}

.update-list a>* {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px
}

.update-list li:nth-child(odd)>a {
	background: var(--background-first)
}

.update-list li:nth-child(even)>a {
	background: var(--background-second)
}

.update-date {
	width: 60px;
	text-align: center;
	display: inline-block;
	border-right: 1px solid;
	border-right-color: var(--border-first);
	font-size: 12px !important;
}

.update-date:after {
	width: 1px;
	height: 100%;
	background: var(--background-fourth);
	position: absolute;
	top: 0;
	left: 60px
}

.update-list-block {
	font-size: 0;
	padding: 0 10px 0 45px
}

.update-title {
	padding-left: 10px;
	font-weight: 600
}

.update-title.post-update {
	padding-right: 10px
}

.update-list-block .update-title {
	padding-left: 0;
	width: 100%
}

.user-lists .update-list-block .update-title {
	display: inline-block;
	vertical-align: middle;
	max-width: 600px
}

.update-img {
	position: absolute;
	top: 0;
	height: 100%;
	object-fit: cover;
	width: 33px;
	height: 100% !important;

}

.preview-block {
	background: var(--background-first);
	width: 49%;
	float: left;
	margin-bottom: 20px;
	max-height: 240px;
	position: relative
}

.content-page .preview-block {
	background: 0 0
}

.reviewer {
	color: var(--main-orange)
}

.content-page>.preview-block {
	width: 100%
}

.content-page>.preview-block .preview-info {
	padding: 0 10px
}

.details-list-page .preview-block {
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	padding: 0 0 15px;
	margin-bottom: 15px;
	position: relative;
	max-height: none
}

.preview-block .no-series {
	margin: 0;
	top: 0
}

.badge a {
	color: #fff;
}

.preview-block>a {
	position: relative;
	display: block
}

.details-list-page .preview-block:last-child {
	border-bottom: none
}

.details-list-page .preview-block:nth-child(odd) {
	margin-right: 0
}

.details-list-page .preview-block:last-child {
	margin-bottom: 0
}

.details-list-page .content-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.preview-block:nth-child(odd) {
	margin-right: 2%
}

#fullsearch~.preview-block:nth-child(odd) {
	margin-left: 2%;
	margin-right: auto;
}

.preview-img {
	float: left;
	width: 170px;
	height: 240px;
	object-fit: cover;
}

.owl-carousel .owl-stage,
.carousel-cell,
.carousel-cell a,
.carousel-cell img {
	display: flex;
	height: 100%;
	object-fit: cover;
	width: 100%;
}


.preview-info,
.preview-info-block {
	padding: 10px 10px 0;
	max-height: 240px;
	display: grid;
}

.preview-info-block .age {
	margin-bottom: 0
}

.preview-block.review .age {
	margin-bottom: 10px
}

.preview-title {
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	color: var(--main-text);
	margin-bottom: 10px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#new .preview-title,
.reviews-page .preview-title {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.preview-rating {
	font-size: 12px;
	margin-bottom: 7px
}


.rating-star {
	font-size: 23px;
	margin-right: 5px;
	color: var(--main-yellow);
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.rating-info {
	margin-bottom: 10px;
	position: relative
}


.main-rating,
.main-rating-info {
	align-items: center;
	font-size: 12px;
	justify-content: center;
	display: inline-flex;
	margin-left: 5px;
}

.main-rating {
	font-size: 16px;
	color: var(--light-text);
	background: var(--main-yellow);
	padding: 3px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: 600;
	margin-left: 30px;
}

.yummy-confirm {
	padding: 10px;
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	width: 100%;
	max-width: 300px;
	z-index: 100;
	background: var(--background-first)
}

.tabs-header {
	width: 100%;
	overflow: hidden
}

.tabs {
	clear: both;
	background: var(--main-black);
	color: var(--light-text);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	font-size: 0
}

.tabs.custom-scroll {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	font-size: 0
}

.tabs li {
	display: inline-block;
	text-transform: uppercase;
	cursor: pointer;
	padding: 13px 25px;
	font-size: 14px;
	border: 0
}

.tabs li.active {
	background: var(--main-orange);
	border-top-color: var(--main-orange)
}

.content-page .tabs,
.content-page .block-header {
	background: var(--main-button)
}


.tab-content {
	display: none
}

.tab-content.active {
	display: block
}

.update-list li {
	position: relative;
	overflow: hidden
}

.user-lists a {
	padding: 0 0 0 10px
}

.user-lists .tab-content a {}

.user-rating {
	vertical-align: middle;
	cursor: pointer
}

.update-list-block .user-rating {
	padding: 10px 0 10px 10px;
	display: inline-block
}

.user-rating .fa {
	color: var(--main-orange)
}

.user-rating.bad-rating .fa {
	color: var(--main-orange)
}

.user-list-table a {
	padding: 13px 0 13px 10px;
	display: block;
	position: relative;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: var(--main-text)
}

.details-list-page .update-title {
	display: inline-block;
	vertical-align: middle;
	width: 70%
}

.table.user-list-table td {
	padding: 0
}

.tab-content .user-list-table .list-buttons {
	position: static;
	display: inline-block
}

.list-buttons-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.tab-content .list-buttons {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.list-buttons {
	font-size: 0
}

.list-buttons button,
.list-buttons a,
.list-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 46px;
	height: 46px;
	background: var(--main-button);
	color: var(--light-text);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border-left: 1px solid;
	border-left-color: var(--background-first);
	font-size: 16px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.list-buttons button.active {
	background: var(--main-orange)
}

.list-buttons button:first-child {
	border: none
}

.list-buttons-list.open {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.subscribe-anime-container {
	display: inline-block;
	position: relative;
	vertical-align: top
}

.left-tooltip .tooltip-block {
	right: 0;
	left: auto
}

.right-tooltip .tooltip-block {
	left: 0;
	right: auto
}

.red-tooltip .tooltip-block {
	background: var(--main-orange)
}

.search-tooltip .tooltip-block {
	width: 200px;
	font-size: 13px
}

.tooltip-block {
	background: var(--main-orange);
	color: var(--light-text);
	padding: 5px;
	width: 110px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	font-size: 11px;
	text-align: center;
	top: -webkit-calc(100% + 6px);
	top: calc(100% + 6px);
	margin: auto;
	right: 0;
	left: 0
}

.red-tooltip .tooltip-block-before {
	border-bottom: 5px solid;
	border-bottom-color: var(--main-orange)
}

.search-tooltip .tooltip-block-before {
	left: 35px;
	right: auto
}

.tooltip-block-before {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid;
	border-bottom-color: var(--main-orange);
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	margin: auto
}

.drop-menu {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.drop-menu-click {
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	background: var(--background-fourth);
	padding: 6px 15px 7px
}

.content-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative
}

.content-buttons .active,
.content-buttons>.drop-menu-click.active {
	background: var(--main-orange);
	color: var(--light-text)
}

.content-buttons .to-list {
	padding: 6px 4px 6px 5px
}

.content-buttons>* {
	text-align: center;
	background: var(--background-fourth);
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: 12px;
	display: table-cell;
	border-right: 1px solid;
	border-right-color: var(--border-second);
	position: relative;
	-webkit-box-flex: 4;
	-webkit-flex-grow: 4;
	-ms-flex-positive: 4;
	flex-grow: 4;
	color: var(--main-text)
}

.content-buttons>*:last-child {
	border-right: none
}

.content-buttons li.active,
.content-buttons>li.drop-menu-click.active {
	background: var(--main-orange);
	color: var(--light-text)
}

.content-buttons li.active#lost {
	background: var(--main-orange)
}

.content-buttons .drop-menu {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.categories-block {
	display: table;
	width: 100%
}

.main-category {
	cursor: pointer;
	padding: 5px;
	margin: 10px 0 1px;
	background: var(--background-fourth);
	outline: solid 1px;
	outline-color: var(--background-fourth)
}

.main-category {
	font-size: 18px;
	text-align: center;
	text-transform: uppercase
}

.category-list,
.category-list-inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s
}

.category-list>li .category-elem {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	word-break: break-word;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 10px 10px 20px
}

.category-list-inner li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 20px
}

.category-list li:last-child a {
	border-bottom: none
}

.category-list {
	border-left: var(--border-first) solid 1px
}

.category-list>li {
	border-right: var(--border-first) solid 1px;
	border-bottom: var(--border-first) solid 1px
}

.category-list a {
	display: block;
	color: var(--main-text)
}

.category-list-inner {
	position: absolute;
	display: none;
	z-index: 1;
	left: 0;
	width: 100%;
	background: var(--background-first);
	outline: 1px solid;
	outline-color: var(--border-third)
}

.category-list-inner a {
	padding-left: 5px;
	display: inline-block
}

.drop-list-inner {
	height: 100%;
	position: relative
}

.drop-list-inner {
	outline: solid 1px;
	outline-color: transparent;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.drop-list-inner.open {
	outline-color: var(--border-third);
	background: var(--background-first);
	z-index: 1
}

.drop-icon {
	display: block;
	cursor: pointer;
	font-size: 24px;
	color: var(--border-fifth);
	-webkit-transition: color, -webkit-transform .3s;
	transition: color, -webkit-transform .3s;
	-o-transition: color, transform .3s;
	transition: color, transform .3s;
	transition: color, transform .3s, -webkit-transform .3s
}

.drop-icon.open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: var(--main-text)
}

.drop-icon.open:before {
	color: var(--main-text)
}

.drop-list-inner.open.one {
	position: relative
}

.drop-list-inner.one .category-list-inner,
.drop-list-inner.open.one:after {
	width: 100%
}

.drop-list-inner.open:after {
	width: 100%;
	content: '';
	margin-top: -2px;
	height: 2px;
	background: var(--background-first);
	z-index: 1;
	position: absolute
}

.drop-list-inner .tooltip-block {
	top: 40px;
	left: -30px
}

.imageBox {
	position: relative;
	height: 200px;
	width: 200px;
	border: 1px solid;
	border-color: var(--border-third);
	background: var(--background-first);
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	margin-bottom: 10px
}

.imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #666;
	-webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .5);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, .5);
	background: none repeat scroll 0% 0% transparent
}

.imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 190px;
	background: rgba(0, 0, 0, .7)
}

.marker {
	color: var(--main-orange)
}

.marker a {
	text-decoration: underline
}

.second-marker {
	color: var(--main-orange);
	text-transform: none
}

#view-list-button {
	max-width: 200px;
	text-align: center;
	margin: 10px 0
}

.view-list {}

.sidebar {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 23%;
	-ms-flex: 0 0 23%;
	flex: 0 0 23%;
	max-width: 297px;
	min-width: 280px;
	margin-left: 20px
}

.sidebar>.sidebar-block {
	margin-bottom: 20px
}

.sidebar-block.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 240px;
	background: var(--background-first)
}

.close-icon {
	position: absolute;
	right: 0;
	top: 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background: var(--background-first);
	cursor: pointer
}

.close-icon:before {
	content: '';
	background: url(../img/banned.png);
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0
}

.filter-block {
	position: relative
}

.filter-block .mobile-filter-toggle {
	font-size: 16px
}

.auth-block {
	float: right;
	position: relative;
}

.top .auth-block {}

.sidebar .auth-block {
	float: none
}

.auth-block>* {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--main-text);
	float: left
}

.sidebar .auth-block>* {
	float: none;
	display: inline-block
}

.sgeChat ul.sgeMessages {
	height: 460px !important
}

.login {
	padding: 10px 20px;
	background: rgba(255, 255, 255, .8);
	position: relative;
	cursor: pointer
}

.login-block a {
	font-weight: 400;
	text-transform: none;
	display: block;
	color: var(--main-text);
	margin-top: 10px
}

.register {
	padding: 10px 20px
}

.register,
.profile-block {
	background: var(--main-orange)
}

.login-form {
	position: absolute;
	background: var(--background-fourth);
	border: 1px solid;
	border-color: var(--border-second);
	padding: 10px;
	z-index: 2;
	text-align: center;
	display: none;
	width: 223px
}

.login-form.open {
	display: block
}

.login-form input {
	margin-bottom: 10px
}

input[type=submit],
.submit {
	background: var(--main-orange);
	color: var(--light-text);
	font-size: 14px;
	padding: 7px 15px;
	margin-bottom: 0;
	cursor: pointer;
	display: inline-block
}

.avatar {
	max-width: 200px;
	max-height: 200px;
	overflow: hidden;
	float: left
}

.avatar img {
	max-width: 100%;
	height: auto;
	display: block
}

.date>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.date select,
.date .ss-main {
	margin-right: 5px
}

.date select:last-of-type,
.date .ss-main:last-of-type {
	margin-right: 0
}


.profile-buttons .main-button {
	margin-bottom: 5px
}

.hidden-menu {
	position: relative
}



.drop-list-ul {
	position: absolute;
	padding-top: 2px;
	background: var(--background-fourth);
	z-index: 3;
	width: 200px;
	border-bottom: 2px solid;
	border-bottom-color: var(--main-black);
	top: 25px;
	right: 0;
	left: auto;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.drop-list-ul.left {
	left: 0
}

.drop-list-ul li {
	padding: 5px 10px;
	cursor: pointer;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
	color: var(--main-text);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.drop-list-ul li:last-child {
	border-bottom: none
}

.profile .inner-block {
	min-height: 239px
}

.profile-block {
	float: right;
	position: relative;
	z-index: 2
}

.top .profile-block {}

.sidebar .profile-block {
	float: none
}

.profile-block li {
	display: table-cell;
	vertical-align: middle;
	position: relative
}

.sidebar .profile-block li:first-child {
	width: 180px;
	text-align: center
}

.profile-block li:after {
	content: '';
	background: rgba(226, 226, 226, .9);
	width: 1px;
	height: 49px;
	position: absolute;
	top: 0;
	right: 0
}

.profile-block li:last-child:after {
	display: none
}

.profile-block a {
	color: var(--light-text);
	padding: 4px 30px;
	position: relative;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: 49px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.user-notification {
	font-size: 24px
}

.profile-block .logout {
	padding: 13px 20px 0;
	font-size: 24px
}

.profile-block .logout .fal {
	position: absolute;
	top: 6px;
	left: 2px;
	width: 100%;
	text-align: center
}

.profile-block .logout span {
	font-size: 12px
}

.profile-block .user-name {
	font-size: 18px
}

.user-notification:before {}

.small-text {
	font-size: 12px;
	text-align: center;
	font-weight: 300
}

.user-name .small-text {
	display: block
}

.updated-label {
	background: var(--main-orange);
	padding: 0 5px;
	color: var(--light-text);
	font-weight: 300;
	font-size: 12px
}

.profile-block .message {
	padding: 12px 20px
}

.message span {
	background: var(--main-orange);
	position: relative;
	width: 25px;
	height: 25px;
	display: inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: -5px;
	text-align: center;
	padding: 3px 0 0
}

.updated-number {
	font-size: 12px;
	text-align: center;
	position: absolute;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: var(--main-orange);
	padding: 6px 0 0;
	font-weight: 600;
	top: 5px;
	right: 10px;
	font-family: open sans, sans-serif
}

.alert-message {
	position: absolute;
	top: 8px;
	right: 10px;
	padding: 5px 0 0;
	background: var(--main-orange);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px
}

.filter-body {
	padding: 15px;
	background: var(--background-first)
}

.filter-block.loading .filter-body:after {
	content: '';
	position: absolute;
	top: -webkit-calc(50% - 70px);
	top: calc(50% - 70px);
	left: -webkit-calc(50% - 70px);
	left: calc(50% - 70px);
	background-image: var(--loading-img);
	background-size: 140px 140px;
	width: 140px;
	height: 140px;
	display: inline-block;
	-webkit-animation: anim-rotate 1s infinite steps(8);
	animation: anim-rotate 1s infinite steps(8);
	opacity: .6
}

.filter-cell {
	position: relative;
	margin-bottom: 5px
}

.filter-cell:last-child {
	margin-bottom: 0
}



.filter-block.ready .filter-cell {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transition-property: max-height, opacity, padding, margin;
	-o-transition-property: max-height, opacity, padding, margin;
	transition-property: max-height, opacity, padding, margin
}

.filter-block .mobile-filter-toggle {
	display: none
}

.filter-block .collapse {
	max-height: 0;
	opacity: 0;
	margin: 0
}

.filter-block .collapse>* {
	padding-bottom: 5px
}

.filter-block.main .collapse {
	pointer-events: none
}

.filter-cell label {
	margin-bottom: 5px;
	display: block
}

.filter-cell label span {
	font-size: 12px
}

.filter-year {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.filter-year input {
	width: 1%;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.filter-year input:first-child {
	margin-right: 5px
}

.filter-footer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: var(--background-first);
	border-top: 1px solid;
	border-top-color: var(--border-first);
	text-align: center;
	padding: 15px
}

.filter-button {
	width: 100%;
	color: var(--light-text);
	font-size: 16px;
	line-height: 1;
	padding: 12px 0;
	cursor: pointer;
	background: var(--main-orange);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.filter-button.list {
	text-transform: uppercase;
	width: 82%
}

.filter-button.list .fa {
	font-size: 13px
}

.filter-button.random {
	width: 16%
}

.sort-order-button {
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 4px;
	font-size: 19px;
	cursor: pointer;
	z-index: 1
}

.sort-order-button>div {
	padding: 0 8px 3px
}

.sort-order-button [value="1"]~.far:before {
	content: "\f884"
}

.filter-cell.sort-cell .ss-main .ss-arrow {
	display: none
}

.mobile-filter-button {
	text-transform: uppercase;
	display: none;
	z-index: 1;
	background: var(--main-orange);
	color: var(--light-text);
	padding: 13px 5px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.filter-open .mobile-filter-block .filter-block {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

#cropContainerHeader {
	width: 200px;
	height: 150px;
	position: relative
}

.pagination {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	margin: 10px 0;
	width: 100%;
	display: inline-block;
}

.pagination li {
	display: inline-block;
	margin-left: 4px
}

.pagination li:first-of-type {
	margin-right: 0
}

.pagination span,
.pagination a {
	display: inline-block;
	padding: 5px 10px;
	color: var(--main-text);
	min-width: 30px;
	font-size: inherit
}

.pagination .nav_ext {
	background: transparent;
	color: var(--main-text);
}

.pagination li span {
	background: #ff7100;
	color: #fff;
}

.pagination a {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.pagination .active span {
	background: var(--main-orange) !important;
	color: var(--light-text)
}

.pagination .disabled span {
	color: var(--border-fourth)
}

.vtabs {
	margin-bottom: 20px
}

.vtabs li {
	display: inline-block;
	cursor: pointer;
	background: var(--main-black);
	color: var(--light-text);
	padding: 10px 15px;
	margin-right: 5px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-weight: 600
}

.vtabs li.active {
	background: var(--main-orange)
}

.vtabs-content {
	display: none
}

.sub-category {
	margin-bottom: 10px;
	width: 100%
}

.sub-category li {
	display: inline-block
}

.sub-category li:after {
	content: ', '
}

.sub-category li:first-child:after,
.sub-category li:last-child:after {
	display: none
}

.video-block-select .slim-select .ss-content {
	z-index: 5
}

#vk_comments,
#vk_comments iframe,
.video-block-description iframe {
	width: 100% !important
}

.video-block-description iframe {
	height: 530px
}

.age {
	margin-bottom: 10px
}


footer {
	background: var(--main-black);
	color: var(--light-text);
	width: 100%;
	padding: 15px 0;
	bottom: 0
}

.mail {
	color: var(--main-orange)
}

#to-top {
	background: var(--border-second);
	opacity: .4;
	position: fixed;
	z-index: 1;
	left: 0;
	bottom: 0;
	cursor: pointer;
	width: 90px;
	color: var(--main-text);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	height: 100%;
	display: none
}

#to-top:hover,
#to-top:active {
	opacity: .6
}

#to-top>span {
	position: absolute;
	bottom: 10px;
	left: 15px
}

.details-list-page .update-info {
	color: var(--main-orange);
	margin: 0 10px 10px 0
}

.form-cell {
	margin-bottom: 10px
}

.form-cell>label {
	font-weight: 600;
	display: block;
	margin-bottom: 5px
}

.form-cell label.inline {
	display: inline-block;
	margin-right: 10px;
	margin-left: 0
}

.post-block.not-publish {
	background: rgba(255, 102, 102, .3);
	padding: 5px
}

.user-params .form-cell label {
	display: inline-block
}

.checkbox-cell label {
	font-weight: 400
}

.user-params .date.form-cell label {
	display: block
}

.form-cell .inline {
	margin: 0 5px
}

input[type=text].inline {
	width: auto
}

label.inline,
.inline {
	display: inline-block
}

.form-cell .main-button {
	display: inline-block
}

.required {
	color: var(--main-orange)
}

i.loading {
	margin-bottom: -.3em;
	background-image: var(--loading-img);
	background-size: 2.2em 2.2em;
	background-position: center;
	width: 1.2em;
	height: 1.2em;
	display: inline-block
}

.loading.large {
	font-size: 80px;
	opacity: .6
}

.loading.invert {
	background-image: var(--loading-img-invert)
}

.main-button {
	background: var(--main-orange);
	color: var(--light-text);
	font-size: 14px;
	padding: 6px 15px 7px;
	cursor: pointer;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	text-align: center;
	position: relative;
	overflow: hidden
}

.main-button.blocked {
	background: var(--background-fourth) !important;
	color: var(--main-text) !important;
	cursor: default;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s
}

.main-button.blocked.error:before {
	content: 'ОШИБКА';
	background: var(--main-orange) !important;
	color: var(--light-text) !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1
}

.main-button.attention {
	background: var(--main-orange)
}

.main-button.neutral {
	background: var(--background-fourth);
	color: var(--main-text)
}

.main-button.disabled {
	background: var(--background-fourth) !important;
	color: var(--main-text) !important;
	cursor: default;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s
}

.table .main-button {
	display: inline-block
}

.main-button.transparent {
	background: 0 0;
	-webkit-box-shadow: inset 0 0 0 1px var(--border-second);
	box-shadow: inset 0 0 0 1px var(--border-second);
	color: var(--main-text)
}

.send-edit {
	margin-right: 5px
}

.timer {
	position: absolute;
	left: 5px;
	text-transform: none
}

.default-button {
	color: var(--main-text);
	border: 1px solid;
	border-color: var(--border-second);
	font-size: 14px;
	padding: 2px 10px;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: background .3s, border-color .3s, color .3s;
	-o-transition: background .3s, border-color .3s, color .3s;
	transition: background .3s, border-color .3s, color .3s
}

.default-button.view-button {
	font-size: 16px;
	padding: 1px 9px 0
}

.view-block {
	text-align: right
}

.form-cell .default-button {
	display: inline-block
}

.remove-social-link {
	position: absolute;
	right: 0;
	line-height: 1.2em;
	font-size: 18px;
	padding: 6px 8px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.social-link {
	padding-right: 28px
}

.social a {
	display: inline-block
}

.social a i {
	display: inline
}

.social-link-text {
	margin-left: 5px;
	font-size: 14px
}

.social>i {
	color: var(--main-orange);
	margin-right: 5px
}

.default-button.active {
	color: var(--light-text);
	background: var(--main-orange);
	border-color: var(--main-orange)
}

.sort-block {
	margin: 10px 0
}

.sort-block.space-between {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.recom-block input[type=text] {
	width: 50%
}

.recom-block .main-button {
	display: inline-block;
	vertical-align: top
}

.recommended-info {
	margin-top: 10px
}

.recommended-btn {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	font-size: 20px
}

.recommended-btn:hover,
.recommended-btn:active {}

.recommended-btn span {
	font-family: open sans, sans-serif
}

.recommended-btn:before {
	margin-right: 5px
}

.recommended-plus {
	color: var(--main-orange)
}

.recommended-minus {
	color: var(--main-orange)
}

.recommended-btn.active:before {
	content: '';
	background: url(../img/ok.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 37px;
	top: 6px
}

.content-page img {
	max-width: 100%;
	height: auto;
	object-fit: cover;
    transition: all .2s;
}

.re-categories-page img {
	max-width: 100%;
	height: 335px;
	object-fit: cover;
}

.admachina-banner img {
	display: inline
}

.mobile-menu-button {
	display: none;
	padding: 24px 25px;
	color: var(--light-text);
	text-transform: uppercase;
	text-align: center;
	border-left: 1px solid;
	border-left-color: var(--main-orange)
}

.update-block {
	margin-bottom: 10px
}

a.adm-bnr-cont {
	width: 300px !important;
	margin-bottom: 10px
}

.remove-icon,
.edit-icon {
	font-size: 16px;
	margin-left: 10px
}

.remove-icon:before {}

iframe.yt-video {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	display: block
}

.post-columns {
	margin: 20px 0
}

.video-column {
	margin-bottom: 20px;
	position: relative;
	overflow: hidden
}

.video-poster {
	float: left;
	width: 300px
}

.video-poster img {
    max-height: 190px;
    width: 100%;
}

.video-text {
	margin-left: 320px
}

.video-column img {
	max-width: 100%;
	height: auto
}

.ava-block {
	position: relative;
	width: 200px;
	border: 1px solid rgba(51, 51, 51, .5)
}

.ava-caption {
	position: absolute;
	bottom: 0;
	background: rgba(51, 51, 51, .5);
	color: var(--light-text);
	font-weight: 600;
	padding: 8px 10px;
	cursor: pointer;
	text-align: center;
	width: 100%
}

.sgeChat ul.sgeMessages li {
	display: block !important;
	left: 0 !important
}

.sgeChat img.smileImg {
	display: inline
}

.spinner {
	display: none
}

.spinner {
	margin: 0 auto;
	width: 70px;
	text-align: center;
	padding-top: 10px
}

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

.spinner .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.spinner .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.rubberBand {
	-webkit-animation: rubberBand .8s;
	animation: rubberBand .8s
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.content-page table {
	width: 100%
}

.dialogs-block {}

.dialogs-list {
	border-right: 1px solid;
	border-right-color: var(--border-first);
	height: 500px;
	overflow-y: scroll;
	padding-right: 5px
}

.messages-search-user {
	margin-bottom: 10px
}

.dialogs-list li {
	position: relative
}

.dialog-item {
	cursor: pointer;
	overflow: hidden;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.active-dialog {
	background: var(--background-second);
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}

.dialog-item:last-child a {
	border-bottom: none;
	margin-bottom: 0
}

.remove-dialog {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	font-weight: 600;
	width: 30px;
	height: 30px;
	padding: 4px 0;
	text-align: center;
	background: var(--border-first);
	z-index: 10;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.dialog-info .user-name {
	overflow: hidden;
	color: var(--main-text)
}

.user-avatar {
	width: 40px;
	float: left;
	margin-right: 10px
}

.user-avatar-mini {
	width: 50px;
	float: left;
	margin: 0 15px
}

.user-avatar img,
.user-avatar-mini img {
	max-width: 100%;
	height: auto
}

.dialog-title {
	font-size: 20px;
	text-align: center;
	padding-bottom: 16px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.no-block-icon .block-user {
	display: none
}

.block-user:hover,
.block-user:active {
	opacity: 1
}

.block-user {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-left: 5px;
	opacity: .2;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	cursor: pointer;
	display: none
}

.no-block-icon .block-user {
	display: none
}

.block-user:hover,
.block-user:active,
.block-user.remove-block {
	opacity: 1
}

.user-status {
	color: var(--main-orange)
}

.user-status.on {
	color: var(--main-orange)
}

.messages-block {
	padding-bottom: 20px
}

.message-block {
	background: var(--background-second);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	display: none
}

.messages-block.show .message-block {
	display: block
}

.messages-block.show .block-user {
	display: inline-block
}

.message-block.fixed {
	position: fixed;
	top: 0;
	z-index: 1;
	width: auto
}

.message-block td {
	padding: 15px 0
}

.message-block .message-area-wrapper {
	width: 100%
}

.message-area {
	border: 1px solid;
	border-color: var(--border-first);
	background: var(--background-first);
	resize: none;
	height: 50px;
	margin-bottom: 10px
}

.messages {
	max-height: 500px;
	overflow-y: auto
}

.messages li {
	overflow: hidden;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	padding: 10px
}

.messages li.not-read {
	background: rgba(255, 102, 102, .1)
}

.messages .user-name {
	font-size: 14px;
	margin-bottom: 3px;
	display: block;
	color: var(--main-orange)
}

.error-message {
	color: var(--main-orange)
}

.success-message {
	color: var(--main-orange)
}

.message-item {
	padding: 3px 15px 4px
}

.message-info {
	overflow: hidden;
	padding-right: 15px
}

.favourite-block {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1
}

.edit-block {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1
}

[onclick*="minus"]>.btn {
	background: red;
}

[onclick*="minus"]:hover>.btn {
	background: orange;
}

.favourite-button {
	cursor: pointer;
	border: 1px solid;
	width: max-content;
	border-color: var(--light-text);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
	background: rgba(60, 206, 123, .5);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	font-size: 18px;
	color: var(--light-text)
}

.favourite-button i {
	padding: 10px;
	height: 40px;
}


.poster-increase {
	padding-right: 9px;
	padding-left: 11px
}

.favourite-button:before {}

.favourite-button.active {
	background: var(--main-orange);
	-webkit-box-shadow: none;
	box-shadow: none
}

#avatar {
	height: 200px;
	width: 200px;
	position: relative;
	overflow: hidden
}

#avatar .new-avatar {
	width: 100%
}

#avatar img {
	max-width: none
}

.avatar-control-panel {
	padding-top: 5px;
	height: 32px
}

.avatar-confirm-panel {
	width: 200px;
	text-align: center;
	position: relative;
	margin: 5px 0
}

#avatar-ok {
	padding: 5px 0;
	width: 82%;
	float: left
}

#avatar-delete {
	width: 16%;
	float: right;
	font-size: 18px;
	padding: 2px 0 3px
}

#remove-avatar {
	margin-top: 5px
}

input[name=upload-avatar] {
	display: none
}

.yashare-auto-init {
	margin-bottom: 10px
}

.status-bg-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.status-bg-container>.status-bg {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 0;
	-ms-flex: 1 0 0;
	flex: 1 0 0
}

.status-bg {
	padding: 5px 10px;
	position: relative;
	margin-bottom: 10px;
	width: 100%
}

.neutral-bg {
	background: var(--background-fourth);
	color: var(--border-fifth)
}

.alert-bg {
	background: rgba(255, 102, 102, .2);
	color: var(--main-orange)
}

.success-bg {
	background: rgba(60, 206, 123, .2);
	color: var(--main-orange)
}

.notif-list p {
	margin: 0;
	display: inline
}

#report-modal {
	max-width: 600px
}

.overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: rgba(51, 51, 51, .7);
	z-index: 100;
	top: 0;
	left: 0
}

.modal {
	visibility: hidden;
	top: 25%;
	max-width: 330px;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	z-index: 101;
	background: var(--background-first);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange)
}

.open-modal {
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 1;
	visibility: visible;
	-webkit-animation: fadeIn .8s;
	animation: fadeIn .8s;
	z-index: 101;
	position: fixed
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.modal-header {
	background: var(--main-orange);
	color: var(--light-text);
	font-weight: 600;
	text-align: center;
	padding: 10px;
	padding-right: 40px
}

.modal-content {
	padding: 20px
}

.modal-content textarea {
	resize: none
}

.modal-close {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: var(--light-text);
	font-weight: 600;
	text-align: center;
	padding: 10px 15px
}

.slider {
	margin-top: 15px;
	border-right: 1px solid;
	border-right-color: var(--main-black);
	border-left: 1px solid;
	border-left-color: var(--main-black)
}

#slider.carousel span {
	height: 50px
}

.slide-item {
	display: block;
	vertical-align: top;
	height: 260px;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 0 0 1px var(--background-fourth);
	box-shadow: 0 0 0 1px var(--background-fourth)
}

.flickityx {
	position: relative;
	background: #404042;
}

#slider.carousel span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	min-height: 50px;
	padding: 5px 3px;
}

.flickityx:hover .flickity-button {
	opacity: 1;
}

.re-flickityx {
	position: relative;
	background: #e2e2e2;
	border: 1px solid #e2e2e2;
}

.re-flickityx .anime-column-info {
	text-transform: uppercase;
	text-align: center;
}

.re-flickityx:hover .flickity-button {
	opacity: 1;
}

.flickity-prev-next-button.previous {
	left: 0;
}

.flickity-button:hover {
	background: #333;
	cursor: pointer;
}

.flickity-prev-next-button {
	top: 50%;
	transform: translateY(-80%);
	width: 40px;
	height: 50px;
	transition: all .3s;
}

.flickity-button {
	position: absolute;
	opacity: 0;
	background: rgba(51, 51, 51, .6);
	border: none;
	color: #fff;
	z-index: 10;
}

.flickity-prev-next-button .flickity-button-icon {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}

.flickity-button-icon {
	fill: currentColor;
}

.flickity-prev-next-button.next {
	right: 0;
}

#slider {
	margin-bottom: 10px;
}

#slider>li {
	float: none;
	display: inline-block;
	font-size: 14px;
	white-space: normal
}

.slide-item img {
	height: 260px !important;
	width: 184px !important
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

#chatt {
	position: relative;
	background: var(--input-active)
}

#chatt .chatt-controls input {
	padding-left: 62px;
	padding-right: 55px
}

#chatt .chatt-controls .main-button {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	padding: 0;
	width: 40px
}

.chatt {
	overflow-y: scroll;
	height: 450px;
	padding: 10px 5px 0
}

.logout-chatt {
	background: url(../img/sprite.png) 0 -24px no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	cursor: pointer;
	display: none
}

.no-chatt .chatt-controls {
	display: none
}

ul.chatt .no-chatt-item {
	background: var(--main-orange);
	color: var(--light-text);
	text-align: center;
	padding: 5px 0;
	margin: auto;
	margin-top: 30px;
	cursor: pointer;
	min-height: auto
}

ul.chatt li {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 65px;
	float: none
}

.chat-item,
.chat-itemb {
	padding: 5px 40px 5px 10px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	background: var(--background-second);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	margin-bottom: 10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	min-width: 240px
}

.chat-block:not(.expand-chat) .chat-item,
.chat-block:not(.expand-chat) .chat-itemb {
	width: 100%
}

.chat-cell {
	display: table-cell;
	vertical-align: top
}

.chat-item-text {
	padding-left: 10px
}

ul.chatt li:after {
	clear: both;
	content: "";
	display: block
}

.horn-icon {
	position: absolute;
	top: 5px;
	right: 25px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	font-size: 16px
}

.horn-icon:hover,
.horn-icon:active {
	opacity: 1
}

.chat-item-img {
	width: 40px
}

.chat-item img,
.chat-itemb img {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 6px 5px 0;
	vertical-align: top;
	-webkit-box-shadow: 0 0 0 1px var(--background-fourth);
	box-shadow: 0 0 0 1px var(--background-fourth)
}

.chat-item:last-child,
.chat-itemb:last-child {
	border-bottom: none
}

.post {
	word-break: break-word
}

.caption {
	font-weight: 700;
	color: var(--main-text)
}

.caption:visited {
	color: var(--main-text)
}

.label:after {
	color: var(--main-orange);
	border: 1px solid;
	border-color: var(--main-orange);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 1;
	padding: 1px 2px 2px;
	margin: -2px 0 0 5px;
	display: inline-block;
	vertical-align: middle
}

.label.moder:after {
	content: 'мод'
}

.label.bot:after {
	content: 'бот'
}

.label.admin:after {
	content: 'админ'
}

.game-title {
	background: var(--border-first);
	color: var(--main-text);
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-weight: 600
}

.game-poster {
	display: block;
	overflow: hidden;
	max-height: 250px;
	position: relative
}

.game-poster img {
	display: block;
	max-width: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.game-more {
	opacity: 0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 110px;
	height: 30px
}

.game-poster:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

.video-column:hover .game-more,
.video-column:hover game-poster:before,
.video-column:active .game-more,
.video-column:active game-poster:before {
	opacity: 1;
	z-index: 1
}

.spoiler-block {
	float: right
}

.comment-hidden-action {
	font-style: italic
}

.comment-hidden {
	display: none
}

.comment-hidden-action a {
	cursor: pointer
}

.video-post-controls li {
	display: inline-block
}

.video-post-content .form-cell {
	display: none
}

.video-post {
	display: none
}


.comment.edit .comment-img {
	width: 38px;
	height: 38px
}

.comment.edit .comment-body {
	margin-left: 48px;
	margin-bottom: 10px
}

.comment-wrapper {
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	padding-bottom: 10px
}

.comment.message {
	padding-right: 90px;
	border-bottom: none;
	padding-bottom: 0
}

.comment.my-comment {
	border-right: 3px solid;
	border-right-color: var(--main-orange)
}

.comment-childs-container {
	-webkit-transition: max-height .4s;
	-o-transition: max-height .4s;
	transition: max-height .4s;
	overflow: hidden;
	max-height: 0
}

.comment-childs .comment-block {
	border-left: 1px solid;
	border-left-color: var(--main-orange);
	padding-left: 10px
}

.comment-childs .comment-block:last-child>.comment {
	border-bottom: none
}

.comment-childs {
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.comment-childs .comment-img {
	width: 80px;
	height: 80px
}

.comment-childs .comment-body {
	margin-left: 90px
}

.tab-content .comment {
    padding: 0px;
    padding: 10px;
    border: 1px solid #ebebeb !important;
    margin-bottom: 10px;
    border-radius: 10px;
    transition: all .3s;
}
.tab-content .comment:hover {
    background: #f7f7f7;
    transition: all .3s;
    border: 1px solid #4683d9 !important;
}
.comment-lastcomments .comment {
    padding: 0px 10px;
    border: 1px solid #ebebeb !important;
    margin-bottom: 10px;
    border-radius: 0px;
}

.user-lists .comment-body a {
	padding: 0 0 5px;
	margin-bottom: 5px;
	display: block;
	height: auto;
	color: var(--main-orange)
}

.send-comment {
	margin-left: 5px
}

.comment-img {
	float: left;
	margin-right: 10px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative
}

.leave-comment {
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 5px;
	position: relative
}

.comment-wrapper .leave-comment {
	display: none
}

.leave-comment textarea {
	resize: vertical;
	margin-bottom: 5px
}

.bbcode .default-button {
	font-size: 16px;
	padding: 5px 15px 4px;
	text-align: center;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-right: none
}

.bbcode .default-button:last-child {
	border-right: 1px solid;
	border-right-color: var(--border-second)
}

.comment-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.comment-menu>div {
	margin-bottom: 10px
}

.comment-more-button {
	text-align: center;
	padding: 8px 8px 8px 30px;
	border: 1px solid;
	border-color: var(--border-first);
	border-top: none;
	cursor: pointer
}

.bbcode {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0
}

spoiler {
	display: none;
	cursor: pointer
}

spoiler:before {
	content: '[ ';
	color: var(--main-orange)
}

spoiler:after {
	content: ' ]';
	color: var(--main-orange)
}

.spoiler-button {
	background: var(--background-first);
	color: var(--main-text);
	border: 1px solid;
	border-color: var(--border-first);
	font-size: 13px;
	padding: 0 10px;
	cursor: pointer
}

#spoiler {
	vertical-align: middle
}

.comment-karma {
	font-size: 18px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	right: 5px
}

.comment-karma>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.send-message-button {}

.comment-karma {
	right: 40px;
	top: 12px;
	z-index: 1
}

.comment-date {
	font-size: 12px
}

.comment-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.login .marker {
	text-transform: none;
	font-weight: 300;
	font-size: 12px
}

.likes {
	color: var(--main-orange);
	cursor: pointer;
	vertical-align: middle
}

.likes:before,
.dislikes:before {
	font-size: 16px;
	margin-right: 5px
}

.likes:before {}

.dislikes {
	color: var(--main-orange);
	cursor: pointer;
	vertical-align: middle;
	margin-left: 10px
}

.dislikes:before {}

.reply-button {
	padding: 2px 7px;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	margin-left: 10px;
	color: var(--main-text);
	border: 1px solid;
	border-color: var(--border-first)
}

.reply .close-icon {
	position: relative;
	margin-left: 5px
}

.more-comments-container .main-button,
.more-reviews-container .main-button {
	margin-top: 15px;
	display: inline-block
}

.more-comments-container,
.more-reviews-container {
	text-align: center
}

.notif-list li {
	position: relative;
	padding: 13px 100px 14px 5px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.notif-list li:last-child {
	border-bottom: none
}

.claim-list .list-buttons,
.notif-list .list-buttons {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	height: 44px;
	margin: auto
}

.not-viewed {
	margin: 0 -10px;
	background: rgba(255, 102, 102, .1)
}

li.not-viewed {
	padding-left: 15px
}

div.not-viewed {
	padding-left: 10px
}

.not-viewed .list-buttons {
	right: 10px
}

.notif-date {
	font-size: 12px;
	border-right: 1px solid;
	border-right-color: var(--border-fifth);
	padding-right: 5px
}

.notif-list {
	margin-top: 20px
}

.claim-list {
	margin: 15px
}

.claim-list li {
	padding: 13px 5px 14px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.claim-container {
	position: relative;
	padding-right: 50px
}

.comments-title {
	text-align: center;
	background: var(--main-black);
	color: var(--light-text);
	padding: 13px 0;
	margin-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	position: relative
}

.profile-nickname {
	float: left
}

.profile-edit {
	float: right;
	font-size: 24px;
	color: var(--main-orange)
}

.notice-container {
	position: fixed;
	right: 20px;
	bottom: 0;
	width: 300px;
	z-index: 1000
}

.notice-slot {
	cursor: pointer;
	max-height: 0;
	width: 100%;
	margin-bottom: 10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.chatter-popup {
	min-height: 60px;
	position: relative;
	background: rgba(0, 0, 0, .8);
	color: var(--light-text);
	text-align: center
}

.n-caption {
	padding: 5px;
	border-bottom: 2px solid;
	border-bottom-color: var(--main-purple);
	position: relative
}

.chatter-popup .n-caption:before,
.chatter-popup.error .n-caption:before,
.chatter-popup.success .n-caption:before {
	content: "\f129";
	font-family: fontawesomesolid;
	margin-right: 5px;
	color: var(--main-purple)
}

.chatter-popup.error .n-caption:before {
	content: "\f12a";
	color: var(--main-orange)
}

.chatter-popup.success .n-caption:before {
	content: "\f00c";
	color: var(--main-orange)
}

.chatter-popup.error .n-caption {
	border-bottom: 2px solid;
	border-bottom-color: var(--main-orange)
}

.chatter-popup.success .n-caption {
	border-bottom: 2px solid;
	border-bottom-color: var(--main-orange)
}

.n-body {
	padding: 10px 5px
}

.chatt-controls {
	position: relative
}

.smiles-wrapper {
	display: none;
	background: var(--background-first);
	height: 115px;
	z-index: 10000;
	overflow-y: scroll
}

.content-page.custom-scroll {
	max-height: 330px;
	overflow: auto
}

.smiles-wrapper::-webkit-scrollbar,
.chatt::-webkit-scrollbar,
#online_ul::-webkit-scrollbar,
.chatt-rules::-webkit-scrollbar,
.custom-scroll::-webkit-scrollbar,
.fr-popup .fr-icon-container::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(125, 125, 125, .3)
}

.tabs.custom-scroll::-webkit-scrollbar {
	background-color: var(--main-button)
}

.smiles-wrapper::-webkit-scrollbar-thumb,
.chatt::-webkit-scrollbar-thumb,
#online_ul::-webkit-scrollbar-thumb,
.chatt-rules::-webkit-scrollbar-thumb,
.custom-scroll::-webkit-scrollbar-thumb,
.fr-popup .fr-icon-container::-webkit-scrollbar-thumb {
	background: var(--main-orange)
}

.tabs.custom-scroll::-webkit-scrollbar {
	height: 4px
}

.tabs.custom-scroll::-webkit-scrollbar-thumb {
	background: var(--main-orange)
}

ul.smiles-panel {
	background: var(--border-first);
	padding: 0 5px
}

.smiles-panel li {
	padding: 5px;
	font-size: 18px
}

.smiles-block {
	padding: 5px
}

.smiles-block-single {
	display: none
}

.smiles-block-single:first-child {
	display: block
}

.banned-icon {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	background: var(--background-first);
	text-shadow: 1px 1px 2px #000;
	opacity: 0;
	position: absolute;
	cursor: pointer;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 1
}

.block-icon {
	position: absolute;
	left: auto;
	right: 10px;
	top: 30px;
	color: var(--main-text);
	opacity: .5;
	font-size: 16px;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}

.block-icon:hover,
.block-icon:active {
	opacity: 1
}

.chatt-header i.block_list_icon {
	font-size: 19px;
	color: var(--main-orange)
}

.chat-item:hover .banned-icon,
.chat-item:active .banned-icon {
	opacity: 1
}

.nickname {
	color: var(--main-orange);
	font-weight: 600
}

.smiles-block i {
	cursor: pointer;
	position: relative
}

.item-time {
	font-size: 10px;
	margin-bottom: 0;
	position: absolute;
	top: 10px;
	right: 10px
}

.smile {
	cursor: pointer;
	display: inline-block;
	padding: 2px;
	margin: 2px 3px;
	vertical-align: middle
}

.emoji {
	background: url(../img/smiles20.png) no-repeat;
	width: 20px;
	height: 20px
}

#chatt .main-button.smiles {
	left: 0;
	top: 0;
	width: 52px
}

.icon-smile {
	background-position: -26px -26px
}

.icon-grinning {
	background-position: -2px -2px
}

.icon-crazy {
	background-position: -26px -2px
}

.icon-tongue {
	background-position: -50px -2px
}

.icon-cool {
	background-position: -74px -2px
}

.icon-in-love {
	background-position: -98px -2px
}

.icon-kissing_heart {
	background-position: -122px -2px
}

.icon-kiss {
	background-position: -146px -2px
}

.icon-mmm {
	background-position: -170px -2px
}

.icon-angel {
	background-position: -194px -2px
}

.icon-sad {
	background-position: -2px -26px
}

.icon-slightly-smile {
	background-position: -74px -50px
}

.icon-slightly_sad {
	background-position: -50px -26px
}

.icon-tired {
	background-position: -74px -26px
}

.icon-facepalm {
	background-position: -98px -26px
}

.icon-cry {
	background-position: -122px -26px
}

.icon-hysterics {
	background-position: -146px -26px
}

.icon-blood-tears {
	background-position: -170px -26px
}

.icon-eye-roll {
	background-position: -194px -26px
}

.icon-shame {
	background-position: -2px -50px
}

.icon-despair {
	background-position: -26px -50px
}

.icon-shock {
	background-position: -50px -50px
}

.icon-sleep {
	background-position: -122px -74px
}

.icon-confounded {
	background-position: -98px -50px
}

.icon-contusion {
	background-position: -122px -50px
}

.icon-screaming {
	background-position: -146px -50px
}

.icon-fear {
	background-position: -170px -50px
}

.icon-sad-sweat {
	background-position: -194px -50px
}

.icon-anguished {
	background-position: -2px -74px
}

.icon-hushed {
	background-position: -26px -74px
}

.icon-thinker {
	background-position: -50px -74px
}

.icon-no_mouth {
	background-position: -74px -74px
}

.icon-silence {
	background-position: -98px -74px
}

.icon-zefir {
	background-position: -170px -98px
}

.icon-suspicion {
	background-position: -146px -74px
}

.icon-triumph {
	background-position: -170px -74px
}

.icon-angry {
	background-position: -194px -74px
}

.icon-very-angry {
	background-position: -2px -98px
}

.icon-devil {
	background-position: -26px -98px
}

.icon-nauseated {
	background-position: -50px -98px
}

.icon-spew {
	background-position: -74px -98px
}

.icon-sick {
	background-position: -98px -98px
}

.icon-drool {
	background-position: -122px -98px
}

.icon-sleeping {
	background-position: -146px -98px
}

.icon-surprise {
	background-position: -2px -146px
}

.icon-heart {
	background-position: -194px -98px
}

.icon-yellow_heart {
	background-position: -2px -122px
}

.icon-blue-heart {
	background-position: -26px -122px
}

.icon-green_heart {
	background-position: -50px -122px
}

.icon-purple-heart {
	background-position: -74px -122px
}

.icon-black_heart {
	background-position: -98px -122px
}

.icon-broken_heart {
	background-position: -122px -122px
}

.icon-thumbs-up {
	background-position: -146px -122px
}

.icon-thumbs-down {
	background-position: -170px -122px
}

.icon-finger {
	background-position: -194px -122px
}

.icon-wink {
	background-position: -50px -170px
}

.icon-peace {
	background-position: -26px -146px
}

.icon-ok {
	background-position: -50px -146px
}

.icon-rainbow_hands {
	background-position: -74px -146px
}

.icon-folded-hands {
	background-position: -98px -146px
}

.icon-luna {
	background-position: -122px -146px
}

.icon-full_moon_with_face {
	background-position: -146px -146px
}

.icon-sun {
	background-position: -170px -146px
}

.icon-cat {
	background-position: -194px -146px
}

.icon-alien {
	background-position: -2px -170px
}

.icon-eyes {
	background-position: -26px -170px
}

.icon-rofl {
	background-position: -98px -194px
}

.icon-warning {
	background-position: -74px -170px
}

.icon-gun {
	background-position: -98px -170px
}

.icon-fire {
	background-position: -122px -170px
}

.icon-sparkles {
	background-position: -146px -170px
}

.icon-snowflake {
	background-position: -170px -170px
}

.icon-leaves {
	background-position: -194px -170px
}

.icon-christmas_tree {
	background-position: -2px -194px
}

.icon-tada {
	background-position: -26px -194px
}

.icon-gift {
	background-position: -50px -194px
}

.icon-birthday {
	background-position: -74px -194px
}

.icon-lol {
	background-position: -218px -50px
}

.icon-ramen {
	background-position: -122px -194px
}

.icon-coffee {
	background-position: -146px -194px
}

.icon-irony {
	width: 69px;
	background-position: -218px -2px
}

.icon-sarcasm {
	width: 72px;
	background-position: -218px -26px
}

.icon-keep_in_touch {
	width: 108px;
	background-position: -170px -194px
}

.icon-hehe {
	background-position: -242px -50px
}

.banned-win {
	position: absolute;
	z-index: 3;
	width: 280px;
	height: 118px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-box-shadow: 0 0 1px #000;
	box-shadow: 0 0 1px #000;
	padding: 10px;
	background: rgba(0, 0, 0, .5)
}

.banned-win input,
.banned-win select,
.banned-win .ss-main {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
	background: var(--background-first)
}

#chatt .banned-win {
	height: -webkit-min-content;
	height: -moz-min-content;
	height: min-content
}

.banned-user {
	color: var(--light-text);
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px
}

.banned-overlay {
	position: absolute;
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2
}

.banned-win-close {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 16px;
	cursor: pointer;
	color: var(--light-text)
}

.chatt-rules {
	color: var(--light-text);
	padding: 5px;
	font-size: 11px;
	border-bottom: none;
	background: var(--main-black);
	display: none;
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	top: 36px;
	border-top: 1px solid;
	border-top-color: var(--border-first);
	-webkit-transition: left 5s;
	-o-transition: left 5s;
	transition: left 5s;
	overflow-y: scroll;
	height: 446px
}

.chatt-rules.open {
	left: -297px;
	width: 297px;
	display: block
}

.chatt-header .chatt-rules li {
	list-style-position: inside;
	list-style-type: decimal;
	padding: 5px 0;
	display: list-item
}

.chatt-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--main-button);
	color: var(--light-text);
	position: relative;
	border-top: 1px solid;
	border-top-color: var(--border-first);
	height: 37px
}

.chatt-header li {
	padding: 5px
}

.chatt-header>li>i,
.chatt-header label {
	font-size: 16px
}

#yummy_player {
	background: var(--main-orange) !important;
	margin-bottom: 10px
}

#my_volumediv {
	background: var(--background-fourth) !important;
	background-image: none !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important
}

#my_volume {
	background: var(--main-black) !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important
}

#my_play:before {
	content: "\f04b"
}

#my_mute:before {
	content: "\f028"
}

#my_play,
#my_mute {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: 0 0 !important
}

#my_timer {
	color: var(--main-text)
}

.fa {
	cursor: pointer
}

.chatt-icon {
	cursor: pointer;
	background: url(../img/sprite.png) no-repeat
}

#chat-sound {
	display: none
}

.ban-icon {
	width: 26px;
	height: 26px;
	background-position: -82px 0;
	display: block
}

.rules-icon {
	width: 24px;
	height: 22px;
	background-position: -70px -26px;
	display: block
}

#ban_ul,
#block_ul,
#online_ul {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 36px;
	left: 0;
	background: var(--background-third);
	border-top: 1px solid;
	border-top-color: var(--border-first)
}

#ban_ul>ul {
	overflow-y: scroll;
	height: 440px
}

#ban_ul li,
#block_ul li,
#online_ul li {
	font-size: 12px;
	display: block;
	padding: 3px 10px
}

#online_ul {
	max-height: 446px;
	overflow-y: auto;
	width: 200px;
	left: auto;
	right: 4px
}

.chat-horn {
	font-size: 14px;
	color: var(--main-orange);
	margin-left: 10px
}

.fa-online {
	background: var(--main-orange);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-width: 35px;
	padding: 3px;
	text-align: center
}

.blocked-user {
	font-style: italic;
	opacity: .5
}

#chatt-wrapper.expand-chat {
	z-index: 4
}

#action_expand .expand-icon {
	background: url(../img/sprite.png) no-repeat -97px -27px;
	width: 21px;
	height: 21px;
	cursor: pointer
}

#action_expand .expand-icon.reverse {
	background-position: -97px -50px
}

#about_me {
	resize: vertical
}

.big-button,
.big-button-disable {
	background: var(--main-orange);
	width: 300px;
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	color: var(--light-text);
	text-transform: uppercase;
	font-size: 18px;
	-webkit-box-shadow: 0 3px 0 0 #2fa763;
	box-shadow: 0 3px 0 0 #2fa763;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative
}

.big-button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	top: 3px
}

.big-button-disable {
	background: var(--border-first);
	-webkit-box-shadow: 0 3px 0 0 var(--border-third);
	box-shadow: 0 3px 0 0 var(--border-third);
	color: var(--main-text)
}

.br_pod_description {
	border: 1px solid;
	border-color: var(--main-black);
	opacity: .2;
	margin: 20px 0 10px
}

.left_buttons {
	float: left
}

.left_buttons button {
	color: var(--light-text);
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.left_buttons button:hover,
.left_buttons button:active {
	opacity: .7
}

.reg_in_lottery {
	background: var(--main-orange)
}

.number_in_lottery {
	background: var(--main-orange);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange-hover)
}

.right_timer {
	float: right
}

.timer_content {
	color: var(--main-orange)
}

.icon_timer {
	width: 50px;
	height: 50px;
	background: var(--background-first);
	border: 3px solid;
	border-color: var(--main-orange);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 22px;
	margin: auto;
	padding-top: 6px;
	color: var(--main-orange)
}

.icon_timer p {
	text-align: center;
	padding-top: 7px
}

.timer_content span {
	float: left;
	margin: 0 5px
}

.countdown li {
	display: inline-block;
	text-align: center;
	margin: 0 5px
}

.countdown p {
	font-size: 14px
}

.content_lottery {
	overflow: hidden;
	border-top: 2px solid;
	border-top-color: var(--border-first);
	border-bottom: 2px solid;
	border-bottom-color: var(--border-first);
	padding: 15px 0;
	margin: 15px 0
}

.users_lottery {
	width: 100%;
	display: inline-block
}

.members-list {
	border-right: 2px solid;
	border-right-color: var(--border-first)
}

.members-list a {
	display: inline-block
}

.user_photo_lottery {
	float: left;
	width: 60px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 10px 3px;
	opacity: .7
}

.user_photo_lottery:hover,
.user_photo_lottery:active {
	opacity: 1;
	cursor: pointer
}

.winers_users {
	padding: 0 10px 0 0;
	margin-right: 20px;
	float: right
}

.comment-body {
	margin-left: 110px
}

.comment-text {
	word-break: break-word;
	padding-right: 10px
}

.comment-text>.bot-text {
	background: var(--background-fourth);
	text-align: center;
	margin: 5px 0;
	padding: 5px;
	font-style: italic
}

.edit-message {
	resize: vertical;
	height: 200px;
	margin-bottom: 5px
}

.non-auth .comment-karma,
.my-comment .comment-karma,
.profile-comments .comment-karma {
	right: 8px
}

.profile-comments .comment-top {
	padding-right: 140px
}

.reply-button.comment-mobile {
	display: none
}

.send-claim {
	color: var(--main-orange);
	vertical-align: middle;
	margin-left: 10px;
	font-size: 16px
}

.send-claim .fa {
	color: var(--main-orange);
	margin-left: 0
}

#wt_rotator {
	background: var(--background-first);
	padding: 5px;
	overflow: hidden
}

#content-desc-text.hide-text {
	position: relative;
	max-height: 145px;
	overflow: hidden
}

#content-desc-text.scroll {
	overflow-y: scroll;
	max-height: 200px;
	padding: 0 5px;
	border: 1px solid;
	border-color: var(--border-first);
	margin-bottom: 10px
}

hr {
	height: 1px;
	background: var(--border-first);
	margin: 10px 0;
	display: block;
	clear: both
}

hr:after,
hr:before {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.post-text {
	word-break: break-word;
	margin-bottom: 20px
}

.old-version {
	font-size: 18px;
	vertical-align: middle;
	margin-right: 10px
}

.post-text img {
	border: 3px solid;
	border-color: var(--main-black);
	margin: 0 10px
}

.episodes {
	max-height: 160px;
	overflow-y: auto;
	margin-bottom: 4px;
	position: relative
}

.view-list {
	display: none;
	margin-top: -10px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid;
	border-color: var(--border-first)
}

.view-list ol {
	margin-bottom: 0
}

.view-list li {
	padding: 2px 0
}

.view-list a:hover,
.view-list a:active {
	text-decoration: underline
}

.view-list a.current {
	font-weight: 600;
	color: var(--main-text)
}

.tipso_bubble,
.tipso_bubble>.tipso_arrow {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.tipso_bubble {
	position: absolute;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	z-index: 9999
}

.tipso_style {
	cursor: help
}

.tipso_title {
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0
}

.tipso_content {
	word-wrap: break-word;
	padding: .5em
}

.tipso_bubble.tiny {
	font-size: .6rem
}

.tipso_bubble.small {
	font-size: .8rem
}

.tipso_bubble.default {
	font-size: 1rem
}

.tipso_bubble.large {
	font-size: 1.2rem;
	width: 100%
}

.tipso_bubble>.tipso_arrow {
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid;
	pointer-events: none
}

.tipso_bubble.top>.tipso_arrow {
	border-top-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px
}

.tipso_bubble.bottom>.tipso_arrow {
	border-bottom-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -8px
}

.tipso_bubble.left>.tipso_arrow {
	border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: 50%;
	left: 100%;
	margin-top: -8px
}

.tipso_bubble.right>.tipso_arrow {
	border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0
}

.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0
}

.tipso_bubble.top {
	padding-top: 0;
	height: auto
}

.info-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: var(--main-orange);
	color: var(--light-text)
}

.info-icon:before {
	content: '?';
	display: block;
	text-align: center;
	font-size: 12px
}

#vk_groups,
#vk_groups iframe {
	width: 100% !important;
	background: var(--background-first) !important
}

#vk_groups iframe {
	padding: 2px
}

.video-categories {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.video-category {
	text-transform: uppercase;
	background: var(--main-button);
	color: var(--light-text);
	padding: 5px 10px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
	margin: 5px;
	margin-bottom: 20px;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s
}

.video-category.active {
	background: var(--main-orange)
}

.video-category:first-child {
	margin-left: 0
}

.video-category:last-child {
	margin-right: 0
}

.sub-menu-container {
	position: relative
}

.sub-menu-container-icon {
	position: absolute;
	background: var(--background-fourth);
	padding: 7px 12px;
	right: 0;
	top: -40px;
	display: none;
	width: 36px
}

.inline-sub-menu .sub-menu-container-icon {
	top: 2px
}

.inline-sub-menu .sub-menu-inner-container.show {
	top: 100%
}

.sub-menu-container.inline-sub-menu {
	padding: 8px 0
}

.sub-menu-inner-container.show {
	display: block;
	width: 30%;
	position: absolute;
	right: 0;
	z-index: 2;
	top: -7px;
	background: var(--background-first)
}

.sub-menu-inner-container.show .sub-menu-container-item {
	display: block;
	margin: 0
}

.chat-container {
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
	margin: auto;
	padding: 0 5px;
	pointer-events: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.chat-container>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	max-width: 1290px;
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.chat-block {
	position: relative;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 23%;
	-ms-flex: 0 0 23%;
	flex: 0 0 23%;
	max-width: 297px;
	min-width: 280px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	pointer-events: all
}

.chat-block>div {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0
}

.expand-chat .chatt {
	height: -webkit-calc(90vh - 100px);
	height: calc(90vh - 100px)
}

.chat-body {
	display: none;
	background: var(--background-first)
}

.chat-page {
	position: relative
}

.chat-page .chat-body {
	display: block
}

.chat-page #ban_ul li {
	display: inline-block;
	width: 25%
}

.chat-header {
	position: relative;
	color: var(--light-text);
	text-align: center;
	background: var(--main-orange);
	padding: 5px 0;
	cursor: pointer;
	text-transform: uppercase;
	height: 29px
}

.icon-list-block .list-with-icons {
	background: var(--background-first);
	border: none
}

.icon-list-block .list-with-icons li {
	padding: 0 5px
}

.list-with-icons li.active {
	background: var(--background-third)
}

.list-with-icons a {
	display: block;
	padding: 10px 10px 10px 35px;
	color: var(--main-text);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: relative
}

.list-with-icons li:last-child a {
	border-bottom: none
}

.list-icon {
	position: absolute;
	left: 10px;
	top: 12px;
	font-size: 16px
}

.fa-star.list-icon {
	color: var(--main-orange)
}

.badge {
	display: inline-block;
	padding: 3px 13px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: var(--light-text);
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	text-transform: none;
	background-color: var(--main-orange);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-width: 21px;
	min-height: 18px
}

.claim-block {
	margin-bottom: 3px
}

.claim-block>* {
	display: inline-block;
	margin-right: 5px
}

.admin-comment {
	background: var(--background-fourth);
	text-align: center;
	padding: 5px
}

.dote {
	display: inline-block;
	line-height: 1;
	background-color: var(--main-orange);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin-right: 8px
}

.post-title span {
	vertical-align: middle
}

.post-category {
	background: var(--main-orange);
	font-size: 12px;
	text-align: center;
	color: var(--light-text);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0 4px
}

.video-p {
	font-size: 16px;
    line-height: 24px;
}

.badge.disabled {
	background-color: var(--border-first);
	color: var(--main-text);
    padding: 4px 13px;
}
.badge.disabled a {
	color: var(--main-text);
}

.badge.attention,
.dote.attention,
.post-category.attention {
	background-color: var(--main-orange)
}

.badge.review,
.dote.review {
	background-color: var(--main-purple)
}

.list-with-icons .badge {
	position: absolute;
	right: 5px
}

.badge[data-id='1'] {
	background-color: var(--main-purple)
}

.badge[data-id='2'] {
	background-color: var(--main-black)
}

.badge[data-id='3'] {
	background-color: var(--main-orange)
}

.notification-controls {
	float: right
}

#video_yt_id {
	visibility: hidden;
	position: absolute;
	top: 1000px;
	left: 100px;
	opacity: 0;
	width: 1px;
	height: 1px
}

.chatt-msg {
	position: absolute;
	padding: 2px 0;
	text-align: center
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 1px solid;
	border-top-color: var(--border-first)
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid;
	border-bottom-color: var(--border-first)
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
	border-top: 0
}

.table>tbody+tbody {
	border-top: 2px solid;
	border-top-color: var(--border-first)
}

.table .table {
	background-color: var(--background-first)
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
	padding: 5px
}

.table-bordered {
	border: 1px solid;
	border-color: var(--border-first)
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid;
	border-color: var(--border-first)
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-hover>tbody>tr:hover,
.table-hover>tbody>tr:active {
	background-color: var(--background-second)
}

table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}

table td[class*=col-],
table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}

.table-list {
	width: 100%;
	background: var(--background-first)
}

.table td.pad-0 {
	padding: 0
}

.table-list a {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: block;
	padding: 0;
	padding-left: 10px;
	color: var(--main-text)
}

.table-list a:hover,
.table-list a:active {
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}

.table-list .update-img {
	vertical-align: middle;
	margin-right: 10px;
	position: static
}

.table-list-button {
	padding: 14px;
	background: var(--main-black);
	color: var(--light-text);
	font-size: 14px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.preview-video-img {
	display: block;
	opacity: .9
}

.preview-video-img {
	opacity: 1
}

.preview-video-img img {
	max-width: 100%
}

.remove-ban {
	color: var(--main-orange);
	margin-left: 5px
}

.accordion {
	position: relative;
	margin-bottom: 15px
}

.accordion li {
	background: var(--background-fourth);
	margin-bottom: 5px;
	border-left: 2px solid;
	border-left-color: var(--main-orange)
}

.accordion .accordion li {
	background: var(--border-second)
}

.accordion-content {
	display: none;
	padding: 5px 5px 10px 10px;
	background: var(--background-fourth);
	position: relative
}

.accordion .accordion .accordion-content {
	background: 0 0
}

.accordion-content:before {
	content: '';
	background: var(--border-third);
	width: 200px;
	height: 1px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px
}

.accordion-item {
	cursor: pointer;
	padding: 7px 5px 7px 10px;
	font-size: 16px;
	font-weight: 600
}

.report-button {
	cursor: pointer;
	padding: 7px 10px;
	font-size: 16px;
	white-space: nowrap;
	background: var(--main-orange);
	color: var(--light-text);
	position: absolute;
	top: 0;
	right: 0
}

.comment-overlay {
	position: absolute;
	z-index: 1;
	width: 100%;
	text-align: center;
	background: rgba(0, 0, 0, .6);
	bottom: 0;
	color: var(--light-text);
	height: 100%;
	padding: 5% 0
}

.leave-comment-body-wrapper {
	position: relative;
	overflow: hidden
}

.leave-comment-body.blur {
	-webkit-filter: blur(1px);
	filter: blur(1px)
}

.leave-comment-body-wrapper .reply {
	margin: 10px 0 2px
}

.comment-overlay .main-button {
	max-width: 200px;
	margin: auto
}

.remove-ban-list {
	font-size: 16px;
	float: right
}

.top-desktop {
	display: none
}

.mobile-filter-block {
	display: none
}

.premium-icon {
	position: relative
}

.premium-icon:before {
	content: '';
	background: url(../img/crown.png);
	width: 76px;
	height: 83px;
	position: absolute;
	top: -40px;
	left: -26px
}

.mini-premium-icon {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/mini-crown.png) no-repeat;
	width: 17px;
	height: 14px
}

.premium-price {
	margin-bottom: 10px;
	font-size: 18px
}

.new-year .comments-title,
.new-year .inner-block-title,
.new-year .tabs,
.new-year .header,
.new-year .block-header {
	background: var(--main-button) url(../img/snowflakes.jpg)
}

.new-year .logo:after {
	content: '';
	background: url(../img/ny-hat.svg) no-repeat;
	height: 85px;
	width: 85px;
	z-index: 1;
	display: block;
	pointer-events: none;
	-webkit-transform: translate(-27px, -34px);
	-ms-transform: translate(-27px, -34px);
	transform: translate(-27px, -34px)
}

@media(max-width:1336px) {
	.new-year .logo:after {
		height: 80px;
		width: 80px;
		-webkit-transform: scaleX(-1) translate(-29px, -32px);
		-ms-transform: scaleX(-1) translate(-29px, -32px);
		transform: scaleX(-1) translate(-29px, -32px)
	}
}

@media(max-width:1024px) {
	.new-year .logo:after {
		-webkit-transform: translate(-25px, -32px);
		-ms-transform: translate(-25px, -32px);
		transform: translate(-25px, -32px)
	}
}

.list-buttons-control {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1
}

.channel-back-wrapper {
	height: 150px;
	background-repeat: no-repeat;
	position: relative
}

.channel-links {
	position: absolute;
	bottom: 10px;
	left: 9px
}

.channel-links a {
	display: table-cell;
	background: var(--main-orange);
	min-width: 32px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	color: var(--light-text);
	vertical-align: middle;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
	padding: 0 5px
}

.channel-links .social {
	display: inline-block;
	padding: 0 2px
}

.subscribe-block {
	vertical-align: top;
	display: inline-block;
	font-size: 0;
	cursor: pointer
}

.subscribe-button {
	display: inline-block;
	background: var(--main-orange);
	color: var(--light-text);
	padding: 3px 6px 0;
	font-size: 12px;
	height: 24px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	cursor: pointer;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s
}

.subscribed.subscribe-button {
	background: var(--main-orange)
}

.count-limit {
	display: none
}

.subscribe-count {
	display: inline-block;
	padding: 3px 6px 0;
	font-size: 11px;
	border-top: 1px solid;
	border-top-color: var(--border-first);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	vertical-align: top;
	border-right: 1px solid;
	border-right-color: var(--border-first);
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	height: 24px;
	color: var(--border-fifth);
	background: var(--background-second)
}

.subscribe-anime-block {
	vertical-align: top;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}

.subscribe-anime-block .subscribe-button,
.subscribe-anime-block .fa {
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.subscribe-anime-block .subscribe-button {
	-webkit-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s
}

.subscribe-anime-block.active .subscribe-anime-count {
	background-color: var(--main-orange) !important
}

.subscribe-anime-block .subscribe-button {
	padding: 10px 10px 0;
	height: 35px;
	background: 0 0;
	color: var(--light-text);
	border-color: var(--border-third)
}

.subscribe-anime-block .subscribe-count {
	padding: 9px 10px 0;
	height: 35px
}

.subscribe-anime-block .fa {
	font-size: 14px
}

.subscribe-anime-button {
	display: inline-block;
	color: var(--border-fifth);
	padding: 9px 8px 0;
	font-size: 12px;
	height: 35px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	cursor: pointer;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.subscribe-anime-count {
	display: inline-block;
	padding: 10px 8px 0;
	font-size: 11px;
	vertical-align: top;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	height: 35px;
	color: var(--input-active);
	background: var(--border-fourth);
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}

.spoiler-icon {
	color: var(--main-orange);
	font-size: 18px
}

.attention-text {
	padding: 5px 10px;
	color: var(--main-orange);
	background: rgba(255, 102, 102, .1);
	margin: 10px 0
}

.comment .attention-text li {
	padding-bottom: 0
}

.attention-block {
	font-size: 12px;
	margin-top: 5px
}

.more-text {
	border: 1px solid;
	border-color: var(--border-first);
	display: inline-block;
	padding: 3px 4px;
	vertical-align: middle;
	font-size: 12px;
	color: var(--main-text);
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin: 5px 0
}

.more-text-block {
	display: none
}

.more-text-block.show {
	display: inline
}

.ban-list-message {
	max-width: 500px;
	word-break: break-all;
	overflow: hidden
}

.rate-review-block-wrapper {
	margin-bottom: 15px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	padding-bottom: 10px;
	float: left;
	width: 50%
}

input[type=text].middle-rating {
	font-size: 30px;
	width: 100px;
	text-align: center;
	float: left;
	margin-right: 10px
}

.rate-info {
	font-size: 10px
}

.rate-review-top {
	margin-bottom: 10px
}

.rate-review-title {
	font-weight: 600
}

.rate-review-select {
	background: var(--border-first);
	padding: 2px 4px;
	font-size: 11px
}

.rate-review-block {
	font-size: 0
}

.rate-review-item {
	display: inline-block;
	background: var(--border-first);
	padding: 4px 0;
	width: 27px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background .5s, color .5s;
	-o-transition: background .5s, color .5s;
	transition: background .5s, color .5s;
	font-size: 14px;
	margin-right: 5px;
	margin-bottom: 5px
}

.editable-title:focus {
	background: var(--border-first)
}

.rate-review-item.active {
	background: var(--main-orange);
	color: var(--light-text)
}

.pl-0 {
	padding-left: 0
}

.pr-0 {
	padding-right: 0
}

.comment-list {
	margin-bottom: 5px
}

.pluso {
	margin-bottom: 20px
}

.review-end {
	padding: 10px;
	background: rgba(128, 128, 128, .2);
	margin-bottom: 20px
}

.review-text {
	margin-bottom: 10px
}

.rating-block.good {
	background: rgba(60, 206, 123, .3)
}

.rating-block.bad {
	background: rgba(255, 102, 102, .3)
}

.comment.review-author {
	padding: 0;
	margin: 0;
	border: none
}

.claim-review {
	position: relative
}

.claim-message {
	position: absolute;
	top: 100%;
	right: 0;
	width: 200px;
	margin-top: 5px;
	padding: 5px;
	background: var(--background-fourth);
	z-index: 1
}

.claim-message textarea {
	resize: vertical;
	min-height: 100px
}

.claim-review-send {
	background: var(--main-orange);
	text-align: center;
	padding: 5px;
	cursor: pointer
}

.rating-block {
	margin-bottom: 20px;
	overflow: hidden;
	background: var(--background-fourth)
}

.rating-block-item {
	vertical-align: middle
}

.rating-average {
	text-align: center;
	background: #bbb;
	padding-bottom: 5px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.average-rating,
#average-rating {
	font-size: 26px;
	margin: -5px 0 0;
	display: inline-block
}

.rating-block.good .rating-average,
.rating-category-item.good {
	color: var(--light-text);
	background: var(--main-orange)
}

.rating-block.bad .rating-average,
.rating-category-item.bad {
	color: var(--light-text);
	background: var(--main-orange)
}

.rating-average .marker {
	font-weight: 600
}

.rating-average-full {
	font-size: 18px
}

.rating-category {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.rating-category-key {
	margin-right: 5px;
	max-width: 140px;
	font-weight: 600
}

.rating-average .rating-category-key {
	max-width: none
}

.rating-category-item {
	color: var(--main-black);
	background: #ccc;
	padding: 5px;
	margin: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 100px;
	min-height: 48px
}

.comment .rating-category-item {
	padding-bottom: 5px
}

.form-cell.overflow-v {
	position: relative;
	overflow: visible
}

.live-search.mini-list li {
	padding: 3px 5px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	cursor: pointer
}

.rating-category-num-item {
	font-size: 26px
}

.rating-category-value {
	text-align: center;
	color: var(--main-black);
	background: var(--light-text);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 5px;
	min-width: 100px;
	height: 100%
}

.rating-category-num {
	margin: -5px 0
}

.rating-category-text,
.under-average-rating {
	font-size: 12px;
	margin-top: -10px
}

.under-average-rating {
	display: block
}

.post-text ul li,
.comment ul li {
	list-style-type: disc;
	list-style-position: inside
}

blockquote {
	padding: 10px 50px 5px 20px;
	margin: 30px 0 30px 30px;
	border-left: 5px solid;
	border-left-color: var(--main-orange);
	background: var(--background-fourth);
	position: relative;
	font-style: italic;
	display: table
}

blockquote:after {
	content: '\f10e';
	font-family: FontAwesomeSolid;
	position: absolute;
	font-size: 28px;
	right: 8px;
	top: 8px;
	font-style: initial;
	color: var(--border-second)
}

.comment.review .comment-body {
	margin-left: 0
}

.review-status {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1
}

.review-status .fa-check {
	color: var(--main-orange)
}

.review-status .fa-ban {
	color: var(--main-orange)
}

.review-status .fa-clock-o {
	color: var(--border-first)
}

.add-button {
	position: absolute;
	right: 15px;
	top: 0
}

.title-block {
	position: relative
}

.animated {
	overflow: hidden;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
	margin-top: 0
}

.animated.removed-animation {
	margin-top: -181px;
	opacity: 0
}

textarea.small-comment {
	width: 100%;
	height: 100px;
	resize: vertical;
	font-size: 12px
}

#reviews-status-history {
	font-size: 18px;
	float: right;
	margin-top: 1px
}

#update-review-status .drop-menu-click {
	padding-top: 0;
	padding-bottom: 0
}

#who-votes {
	position: absolute;
	right: 0;
	top: 29px;
	z-index: 4;
	max-width: 500px;
	max-height: 500px;
	border-bottom: 2px solid;
	border-bottom-color: var(--main-text);
	border-top: 2px solid;
	border-top-color: var(--main-text);
	overflow-y: auto;
	background: var(--input-active);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.review-status-message {
	display: block;
	word-break: break-word
}

#who-votes li {
	padding: 5px 10px;
	color: var(--main-text);
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.disabled-filter.filter-block:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .2);
	display: block;
	z-index: 1;
	top: 0;
	left: 0
}

.read-more-link {
	color: var(--main-text);
	display: inline-block;
	margin: 10px 0;
	text-decoration: underline
}

.discussion-button {
	display: inline-block;
	color: var(--main-text);
	border: 1px solid;
	border-color: var(--border-first);
	padding: 3px 10px;
	cursor: pointer;
	margin-bottom: 10px;
	-webkit-transition: background .3s, border-color .3s;
	-o-transition: background .3s, border-color .3s;
	transition: background .3s, border-color .3s
}

.invisible-link {
	color: var(--main-text)
}

.invisible-link:hover,
.invisible-link:active {
	text-decoration: underline
}

#nick-changes {
	max-height: 170px;
	overflow-y: auto
}

.rating-list .fal {
	font-size: 16px;
	margin-right: 5px
}

.rating-list li {
	padding: 8px 10px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first);
	cursor: pointer
}

.anime-list-block {
	max-width: 330px;
	width: 100%;
	position: relative;
	background: var(--background-first);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	margin: auto
}

.anime-list-block.ok {
	border-color: var(--main-orange)
}

.anime-list-close {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: var(--light-text);
	font-weight: 600;
	text-align: center;
	padding: 10px 15px
}

.anime-list li {
	padding: 8px 10px;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-first)
}

.anime-list li:last-child {
	border-bottom: 0
}

.view-page-list .anime-title {
	padding-right: 5px
}

.transparent-item {
	position: relative;
	display: inline-block;
	width: 400px;
	height: 224px;
	overflow: hidden;
	cursor: pointer;
	font-family: fontawesomeregular;
	font-weight: 300;
	margin: 5px
}

.transparent-item.active.is-selected {
	outline: 3px solid var(--main-orange)
}

.transparent-item img {
	display: block;
	max-width: 100%;
	min-height: 100%
}

.transparent-preview {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background: rgba(226, 226, 226, .8);
	text-align: center;
	padding: 2px 0
}

.checkbox {
	cursor: pointer
}

.checkbox>input[type=checkbox] {
	display: none
}

.checkbox>div {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	background: var(--input);
	border: 1px solid;
	border-color: var(--border-second);
	margin-top: -2px;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s
}

.checkbox>div:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 6px;
	top: 0;
	left: 0;
	-webkit-transform: translate(0.1em, 0.18em) rotate(-45deg);
	-ms-transform: translate(0.1em, 0.18em) rotate(-45deg);
	transform: translate(0.1em, 0.18em) rotate(-45deg);
	border: 2px solid;
	border-color: var(--main-text);
	border-top: none;
	border-right: none;
	background: 0 0;
	opacity: 0;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.checkbox:hover>div,
.checkbox:active>div {
	border-color: var(--border-third)
}

input[type=checkbox]:checked+div:before {
	opacity: 1
}

button[data-balloon] {
	overflow: visible
}

[data-balloon] {
	position: relative;
	cursor: pointer
}

[data-balloon]:after {
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .18s ease-out .18s;
	-o-transition: all .18s ease-out .18s;
	transition: all .18s ease-out .18s;
	font-family: sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	text-shadow: none !important;
	font-size: 12px !important;
	background: rgba(17, 17, 17, .9);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: var(--light-text);
	content: attr(data-balloon);
	padding: .5em 1em;
	position: absolute;
	white-space: nowrap;
	z-index: 10
}

[data-balloon]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMCkiIGQ9Ik0yLjY1OCwwLjAwMCBDLTEzLjYxNSwwLjAwMCA1MC45MzgsMC4wMDAgMzQuNjYyLDAuMDAwIEMyOC42NjIsMC4wMDAgMjMuMDM1LDEyLjAwMiAxOC42NjAsMTIuMDAyIEMxNC4yODUsMTIuMDAyIDguNTk0LDAuMDAwIDIuNjU4LDAuMDAwIFoiLz48L3N2Zz4=);
	background-size: 100% auto;
	width: 18px;
	height: 6px;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .18s ease-out .18s;
	-o-transition: all .18s ease-out .18s;
	transition: all .18s ease-out .18s;
	content: '';
	position: absolute;
	z-index: 10
}

[data-balloon]:hover:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:before,
[data-balloon][data-balloon-visible]:after {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto
}

[data-balloon][data-balloon-break]:after {
	white-space: pre
}

[data-balloon][data-balloon-blunt]:before,
[data-balloon][data-balloon-blunt]:after {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

[data-balloon][data-balloon-pos=up]:after {
    bottom: 100%;
    left: 0px;
    margin-bottom: 11px;
    -webkit-transform: translate(0%, 10px);
    -ms-transform: translate(0%, 10px);
    transform: translate(0%, 10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    overflow: visible;
}

[data-balloon][data-balloon-pos=up]:before {
    bottom: 100%;
    left: 0px;
    margin-bottom: 5px;
    -webkit-transform: translate(0%, 10px);
    -ms-transform: translate(0%, 10px);
    transform: translate(0%, 10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    overflow: auto;
}

[data-balloon][data-balloon-pos=up]:hover:after,
[data-balloon][data-balloon-pos=up][data-balloon-visible]:after {
	-webkit-transform: translate(0%, 0);
	-ms-transform: translate(0%, 0);
	transform: translate(0%, 0)
}

[data-balloon][data-balloon-pos=up]:hover:before, [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    overflow: auto;
}

[data-balloon][data-balloon-pos=up-left]:after {
	bottom: 100%;
	left: 0;
	margin-bottom: 11px;
	-webkit-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:before {
	bottom: 100%;
	left: 5px;
	margin-bottom: 5px;
	-webkit-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:hover:after,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=up-left]:hover:before,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=up-right]:after {
	bottom: 100%;
	right: 0;
	margin-bottom: 11px;
	-webkit-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-balloon][data-balloon-pos=up-right]:before {
	bottom: 100%;
	right: 5px;
	margin-bottom: 5px;
	-webkit-transform: translate(0, 10px);
	-ms-transform: translate(0, 10px);
	transform: translate(0, 10px);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

[data-balloon][data-balloon-pos=up-right]:hover:after,
[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=up-right]:hover:before,
[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=down]:after {
	left: 50%;
	margin-top: 11px;
	top: 100%;
	-webkit-transform: translate(-50%, -10px);
	-ms-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px)
}

[data-balloon][data-balloon-pos=down]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
	background-size: 100% auto;
	width: 18px;
	height: 6px;
	left: 50%;
	margin-top: 5px;
	top: 100%;
	-webkit-transform: translate(-50%, -10px);
	-ms-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px)
}

[data-balloon][data-balloon-pos=down]:hover:after,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:after {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-balloon][data-balloon-pos=down]:hover:before,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

[data-balloon][data-balloon-pos=down-left]:after {
	left: 0;
	margin-top: 11px;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-left]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
	background-size: 100% auto;
	width: 18px;
	height: 6px;
	left: 5px;
	margin-top: 5px;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-left]:hover:after,
[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=down-left]:hover:before,
[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=down-right]:after {
	right: 0;
	margin-top: 11px;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-right]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjEycHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE4IDYpIiBkPSJNMi42NTgsMC4wMDAgQy0xMy42MTUsMC4wMDAgNTAuOTM4LDAuMDAwIDM0LjY2MiwwLjAwMCBDMjguNjYyLDAuMDAwIDIzLjAzNSwxMi4wMDIgMTguNjYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+);
	background-size: 100% auto;
	width: 18px;
	height: 6px;
	right: 5px;
	margin-top: 5px;
	top: 100%;
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

[data-balloon][data-balloon-pos=down-right]:hover:after,
[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=down-right]:hover:before,
[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)
}

[data-balloon][data-balloon-pos=left]:after {
	margin-right: 11px;
	right: 100%;
	top: 50%;
	-webkit-transform: translate(10px, -50%);
	-ms-transform: translate(10px, -50%);
	transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDE4IDE4KSIgZD0iTTIuNjU4LDAuMDAwIEMtMTMuNjE1LDAuMDAwIDUwLjkzOCwwLjAwMCAzNC42NjIsMC4wMDAgQzI4LjY2MiwwLjAwMCAyMy4wMzUsMTIuMDAyIDE4LjY2MCwxMi4wMDIgQzE0LjI4NSwxMi4wMDIgOC41OTQsMC4wMDAgMi42NTgsMC4wMDAgWiIvPjwvc3ZnPg==);
	background-size: 100% auto;
	width: 6px;
	height: 18px;
	margin-right: 5px;
	right: 100%;
	top: 50%;
	-webkit-transform: translate(10px, -50%);
	-ms-transform: translate(10px, -50%);
	transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left]:hover:after,
[data-balloon][data-balloon-pos=left][data-balloon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon][data-balloon-pos=left]:hover:before,
[data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon][data-balloon-pos=right]:after {
	left: 100%;
	margin-left: 11px;
	top: 50%;
	-webkit-transform: translate(-10px, -50%);
	-ms-transform: translate(-10px, -50%);
	transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-pos=right]:before {
	background: no-repeat url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGZpbGw9InJnYmEoMTcsIDE3LCAxNywgMC45KSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNiA2KSIgZD0iTTIuNjU4LDAuMDAwIEMtMTMuNjE1LDAuMDAwIDUwLjkzOCwwLjAwMCAzNC42NjIsMC4wMDAgQzI4LjY2MiwwLjAwMCAyMy4wMzUsMTIuMDAyIDE4LjY2MCwxMi4wMDIgQzE0LjI4NSwxMi4wMDIgOC41OTQsMC4wMDAgMi42NTgsMC4wMDAgWiIvPjwvc3ZnPg==);
	background-size: 100% auto;
	width: 6px;
	height: 18px;
	left: 100%;
	margin-left: 5px;
	top: 50%;
	-webkit-transform: translate(-10px, -50%);
	-ms-transform: translate(-10px, -50%);
	transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-pos=right]:hover:after,
[data-balloon][data-balloon-pos=right][data-balloon-visible]:after {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon][data-balloon-pos=right]:hover:before,
[data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

[data-balloon][data-balloon-length=small]:after {
	white-space: normal;
	width: 80px
}

[data-balloon][data-balloon-length=medium]:after {
	white-space: normal;
	width: 150px
}

[data-balloon][data-balloon-length=large]:after {
	white-space: normal;
	width: 260px
}

[data-balloon][data-balloon-length=xlarge]:after {
	white-space: normal;
	width: 380px
}

@media screen and (max-width:768px) {
	[data-balloon][data-balloon-length=xlarge]:after {
		white-space: normal;
		width: 90vw
	}

	.profile-grid-container {
		grid-template-areas:
			"avatar user-data"
			"avatar user-controls"
			"description description";
	}
}

[data-balloon][data-balloon-length=fit]:after {
	white-space: normal;
	width: 100%
}

.spoiler {
	margin-bottom: 15px
}

.spoiler p {
	margin: 0
}

.spoiler .spoiler-title {
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	padding: 5px 10px;
	background: var(--background-fourth);
	cursor: pointer
}

.spoiler .spoiler-title .spoiler-toggle {
	display: none
}

.hide-text {
	max-height: 50px;
	overflow: hidden;
	position: relative
}

.spoiler .spoiler-content {
	padding: 10px;
	display: none;
	background: var(--background-second)
}

.other-lists,
.votes-list {
	font-size: 12px;
	width: 100%;
	max-width: 680px;
	margin-top: 10px
}

.other-lists li,
.votes-list li {
	position: relative;
	padding: 2px 5px;
	margin-bottom: 1px
}

.other-lists li:last-child,
.votes-list li:last-child {
	margin-bottom: 0
}

.other-lists-container {
	position: relative;
	text-align: center
}

.other-lists-button {
	cursor: pointer;
	display: inline-block;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-fifth);
	margin: 10px 5px 5px;
	font-size: 12px;
	padding: 0 5px
}

.other-lists {
	width: 400px;
	position: absolute;
	right: 0;
	background: var(--input-active);
	padding: 10px 5px;
	border: 1px solid;
	border-color: var(--border-first);
	border-top: 3px solid;
	border-top-color: var(--main-orange);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.other-lists:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid;
	border-bottom-color: var(--main-orange);
	position: absolute;
	top: -10px;
	right: 110px
}

.rating-votes {
	position: relative;
	z-index: 1
}

.rating-bar {
	background: var(--main-orange);
	padding: 5px;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0
}

.bar-container {
	background: rgba(150, 150, 150, .1)
}

.other-lists .bar-container {
	margin-right: 100px
}

.other-lists .rating-votes {
	position: relative;
	float: right;
	font-weight: 700;
	padding: 3px;
	z-index: 1
}

.other-lists .rating-bar {
	position: relative;
	background: var(--main-orange);
	padding: 3px;
	height: 100%;
	text-align: left;
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content
}

.comma-separated-list {
	display: inline-block
}

.comma-separated-list li {
	display: inline
}

.comma-separated-list li:after {
	content: ', '
}

.comma-separated-list li:last-child:after {
	content: ''
}

.relative {
	position: relative
}

#profile-menu {
	display: none
}

.sub-panel {
	position: relative
}

.sub-panel .slim-select {
	margin-right: 10px
}

.dropdown-content {
	display: none;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 6
}

.dropdown-content:before {
	content: '';
	position: absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid;
	border-bottom-color: var(--main-button);
	width: 0;
	top: -1px;
	right: 0;
	left: 0;
	margin: auto
}

.dub-body {
	position: absolute;
	background-color: var(--background-first);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	width: 200px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-top: 5px;
	margin-bottom: 10px
}

.studio-name {
	cursor: pointer
}

.animeVoices>li:hover .dropdown-content,
.animeVoices>li:active .dropdown-content {
	display: block
}

.dub-title {
	text-align: center;
	padding: 5px 22px;
	background-color: var(--main-button);
	color: #fff;
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange)
}

.dub-content {
	padding: 5px 10px 5px 30px;
	font-size: 13px
}

.dub-body li {
	list-style-type: disc
}

.chatt-container {
	position: relative
}

.to-bottom {
	display: none;
	cursor: pointer;
	position: absolute;
	text-align: center;
	bottom: 5px;
	padding: 5px 0;
	color: var(--light-text);
	background: var(--main-button);
	opacity: .7;
	width: 180px;
	left: 0;
	right: 0;
	margin: auto;
	border-left: 3px solid;
	border-right: 3px solid;
	border-color: var(--main-orange);
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s
}

.to-bottom:hover,
.to-bottom:active {
	opacity: 1
}

.top-page {
	counter-reset: section
}

.top-num:after {
	counter-increment: section;
	content: counter(section)
}

.icons-row {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 3px 1px 4px
}

.reviews-page .icons-row,
.reviews-block .icons-row {
	margin: 0 0 5px
}

.icons-row>* {
	margin-right: 10px;
	padding: 2px 0;
	font-size: 12px;
	font-weight: 400;
	display: inline-block
}

.icons-row * {
	color: var(--border-fourth);
	text-decoration: none !important;
	cursor: default
}

.icons-row>:last-child {
	margin: 0
}

.night .chat-header {
	background: var(--main-orange)
}

.night ul.chatt .no-chatt-item {
	background: var(--main-orange)
}

.night .to-bottom {
	border-left-color: var(--main-orange);
	border-right-color: var(--main-orange)
}

.scope-block {
	position: absolute;
	top: 10px;
	right: 10px
}

.poster-background {
	display: none;
	overflow-y: auto;
	background: rgba(48, 48, 48, .9);
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 10;
	top: 0;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px
}

.big-poster {
	max-width: 100%;
	margin: auto
}

.review-rating-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: var(--light-text)
}

.review-rating-block>div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 5px 0 5px 10px;
	cursor: pointer
}

.review-rating {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.review-rating-block .vote-review:active {
	-webkit-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98)
}

.review-rating-block>div:hover>span:nth-child(2),
.review-rating-block>div:active>span:nth-child(2) {
	background: rgba(51, 51, 51, .2)
}

.claim-review:hover>span,
.claim-review:active>span {
	background: rgba(51, 51, 51, .2)
}

.review-rating-block>div:first-child {
	background: var(--main-orange)
}

.review-rating-block>div:nth-child(2),
.claim-review {
	background: var(--main-orange)
}

.review-rating-block span {
	padding: 6px 10px;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.review-rating-block span:nth-child(2) {
	background: rgba(51, 51, 51, .1)
}

.review-rating-block .active .fa {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.review-rating-block .active .fa:before {
	content: "\f00c"
}

#nick-changes {
	border-top: 1px solid;
	border-top-color: var(--border-second)
}

#nick-changes li {
	display: table;
	width: 100%;
	border-bottom: 1px solid;
	border-bottom-color: var(--border-second);
	padding: 5px 0
}

#nick-changes li>* {
	display: table-cell
}

#nick-changes .comment-date {
	text-align: center;
	vertical-align: middle;
	width: 90px
}

#nick-changes li:nth-child(even) {
	background: var(--background-second)
}

.at-share-btn-elements {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 290px
}

.at-share-btn-elements>a {
	margin: 0 !important
}

.list-buttons button,
.list-buttons a,
.list-button {
	font-size: 13px
}

.test {
	color: #000
}

#remove-video {
	position: absolute;
	right: 0;
	top: 0
}

.fr-view ul li {
	list-style-type: disc;
	list-style-position: inside
}

img {
	position: relative;
	max-width: 100%
}

img.fr-dib {
	margin: 5px auto;
	display: block;
	float: none;
	vertical-align: top
}

img.fr-dib.fr-fil {
	margin-left: 0;
	text-align: left
}

img.fr-dib.fr-fir {
	margin-right: 0;
	text-align: right
}

img.fr-dii {
	display: inline-block;
	float: none;
	vertical-align: bottom;
	margin-left: 5px;
	margin-right: 5px;
	max-width: -webkit-calc(100% - (2 * 5px));
	max-width: calc(100% - (2 * 5px))
}

img.fr-dii.fr-fil {
	float: left;
	margin: 5px 5px 5px 0;
	max-width: -webkit-calc(100% - 5px);
	max-width: calc(100% - 5px)
}

img.fr-dii.fr-fir {
	float: right;
	margin: 5px 0 5px 5px;
	max-width: -webkit-calc(100% - 5px);
	max-width: calc(100% - 5px)
}

.mobile-theme .update-block .update-list-block {
	padding-left: 5px
}

.mobile-theme .anime-column .year-block,
.mobile-theme .anime-column .status-label {
	opacity: 1
}

@media(min-width:1520px) {
	.big-player {
		display: block
	}

	.expand-player {
		display: block;
	}
}

@media(max-width:1520px) {
	#to-top {
		display: none !important
	}
}

@media(max-width:1365px) {
	.anime-page .rating-star {
		font-size: 29px;
		margin-right: 10px
	}

	.anime-page .main-rating {
		font-size: 22px
	}
}

@media(max-width:1300px) {
	.search-block.with-banner {
		width: 100%;
		float: none
	}
}

@media(max-width:1280px) {
	.update-list a {
		font-size: 13px
	}

	.last-video {
		width: 100%;
		height: 270px
	}
}

@media(max-width:1185px) {
	.preview-block {
		width: 100%
	}
}

@media(max-width:1080px) {
	.profile-filter-header {
		float: none;
		width: 100%;
		padding: 10px 10px 0;
		background: var(--background-second)
	}

	.profile-filter-body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.profile-filter-body:after {
		display: none
	}

	.profile-filter-left-side {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: .5;
		-webkit-flex-grow: .5;
		-ms-flex-positive: .5;
		flex-grow: .5
	}

	.profile-filter-left-side>.profile-filter-input {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%
	}
}

@media(max-width:1024px) {
	.slider {
		margin-bottom: 15px;
		visibility: visible !important
	}

	#last-videos {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		font-size: 0
	}

	.last-video {
		float: none;
		display: inline-block;
		font-size: 14px;
		white-space: normal;
		width: 350px
	}

	.chat-item .banned-icon {
		opacity: 1
	}

	.tabs-header {
		height: 45px
	}

	.tabs li,
	.inner-block-title {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px
	}

	.header {
		margin-bottom: 10px
	}

	.header .container {
		padding: 0;
		height: auto;
	}

	.logo {
		position: static;
		margin: -10px auto 0
	}

	.menu {
		float: none;
		text-align: center
	}

	.menu>li {
		float: none;
		display: inline-block
	}

	.search-block-wrapper {
		margin-bottom: 10px
	}

	#top-block {
		height: 110px;
		position: static
	}

	.avatar {
		width: 180px;
		height: 180px;
	}

	.user-data {
		margin: 0 0 0 200px
	}

	#action_expand {
		display: none
	}

	.chat-container,
	.chat-block>div {
		position: static
	}

	.chat-container>div {
		max-width: 100%
	}

	.chat-block {
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		min-width: unset;
		max-width: none;
		width: 100%;
		margin-bottom: 20px
	}

	.top iframe {
		position: static;
		width: 100% !important
	}

	.content {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.content-block {
		overflow: hidden;
		min-height: 900px
	}

	.top .profile-block,
	.top .auth-block {
		float: none;
		display: inline-block
	}

	.sidebar .profile-block,
	.sidebar .auth-block {
		display: none
	}

	.mobile-filter-button {
		display: block
	}

	#filter-block {
		display: none
	}

	.mobile-filter-block {
		display: block
	}

	.mobile-filter {
		margin-bottom: 10px
	}

	.mobile-filter-block .filter-block {
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		position: absolute;
		z-index: 3;
		border-left: 1px solid;
		border-bottom: 1px solid;
		border-left-color: var(--border-first);
		border-bottom-color: var(--border-first);
		right: 0;
		width: 300px
	}

	.sidebar-block {
		float: left;
		width: 50%;
		padding: 0 10px;
		margin-top: 20px
	}

	.user-block {}

	.sidebar {
		margin: 0;
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		min-width: auto;
		max-width: none
	}

	.update-block {}

	input[type=submit].search-submit {}

	.top {
		height: auto;
		padding: 0
	}

	.top>.container {
		background: var(--main-black);
		padding: 10px;
		text-align: center
	}

	.top-ads {
		display: none
	}

	.halloween:before {
		display: none
	}

	.content-block .col-50 {
		width: 100%;
		padding: 0;
		margin-bottom: 10px
	}

	.sort-block .col-50 {
		text-align: center
	}

	.user-page-block.col,
	.user-page-block.col:last-child {
		float: none
	}

	.user-page-block.col,
	.col-25+.col-75,
	.margin-r10.col+.col-60 {
		width: 100%
	}
}

@media(min-width:1360px) {
	.header.fixed+.content-block {
		margin-top: 90px
	}

	.light-off .header.fixed.show {
		display: none;
	}

	.header.fixed {
		position: fixed;
		width: 100%;
		z-index: 5;
		top: -50px;
		height: 47px;
		opacity: 0;
		border-width: 2px;
		border-top: none;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		background: var(--main-button)
	}

	.header.fixed.show {
		top: 0;
		opacity: .9
	}

	.header.fixed .in-menu.search-block-wrapper {
		display: block
	}

	.header.fixed.show.light-on {
		display: none
	}

	.header.fixed.show:hover,
	.header.fixed.show:active {
		opacity: 1
	}

	.fixed .menu a {
		font-size: 14px;
		text-transform: none;
		padding: 15px 10px
	}

	.fixed .menu a span {
		display: none;
		font-size: 14px;
		position: static
	}

	.fixed .logo {
		background: url(../images/favicon.ico) no-repeat;
		top: -3px;
		background-size: contain;
		width: 57px;
	}

	.fixed .top-desktop {
		display: block;
		float: right
	}

	.fixed .profile-block {
		float: none;
		background: 0 0
	}

	.fixed .profile-block li,
	.fixed .profile-block a {
		height: 45px
	}

	.fixed .profile-block li:after {
		height: 100%
	}

	.fixed .profile-block a {
		font-size: 16px;
		padding: 0 20px
	}

	.fixed .profile-block .user-name {
		font-size: 14px
	}

	.fixed .user-name-text {
		max-width: 90px;
		display: block;
		overflow-x: hidden;
		white-space: nowrap
	}

	.fixed .profile-block .logout .fa {
		top: 5px
	}

	.fixed .profile-block .logout {
		padding-top: 13px
	}

	.fixed .small-text {
		font-size: 10px
	}

	.fixed .updated-number {
		font-size: 10px;
		width: 20px;
		height: 20px;
		padding-top: 5px
	}

	.fixed .login-block>.login,
	.fixed .register {
		padding: 15px 10px;
		background: 0 0;
		color: var(--light-text)
	}
}

@media(max-width:900px) {

	.col-30,
	.col-70 {
		width: 100% !important;
		padding: 0
	}

	#profile-menu {
		display: block
	}

	#profile-menu {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 18px;
		padding: 13px 20px
	}

	#profile-menu.active {
		color: var(--main-orange)
	}

	.col-20.profile-menu {
		position: absolute;
		width: auto !important;
		right: 0;
		top: 43px;
		display: none;
		border: 1px solid;
		border-color: var(--border-first)
	}

	.profile-menu .inner-block-title {
		display: none
	}

	.user-page #inner-lists .tabs {
		margin-right: 69px
	}

	.tabs-li {
		float: none;
		display: inline-block !important;
		font-size: 14px;
		white-space: normal;
		max-height: none;
		overflow: hidden
	}

	.tips-block {
		background: var(--main-black);
		border-bottom: 3px solid;
		border-bottom-color: var(--main-orange);
		border-left: 1px solid;
		border-left-color: rgba(100, 100, 100, .4)
	}

	.sub-menu-container-icon {
		display: block
	}

	.sub-menu-inner-container.show,
	.col-70.sub-menu-content {
		width: 100% !important
	}

	.sub-menu-inner-container {
		display: none
	}

	.sort-block .sub-menu-inner-container .default-button {
		padding: 6px 10px;
		display: block;
		border-bottom-width: 0
	}

	.sort-block .sub-menu-inner-container .default-button:last-of-type {
		border-bottom-width: 1px
	}

	.user-page .update-list-block {
		padding-right: 50px
	}

	.details-list-page .update-title {
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px)
	}

	.update-block .update-list-block {
		padding-right: 5px
	}

	.list-buttons-list {
		text-align: right;
		-webkit-transform: translateX(41px);
		-ms-transform: translateX(41px);
		transform: translateX(41px);
		-webkit-transition: .8s;
		-o-transition: .8s;
		transition: .8s;
		position: absolute;
		top: 0
	}

	.list-buttons-control {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.user-lists .update-list-block .update-title {
		max-width: none;
		display: inline
	}

	.player iframe,
	.video-block-description iframe {
		height: 360px
	}

	.menu {
		float: none;
		display: block;
		text-align: center
	}

	.light-button {
		display: none
	}

	.top {
		text-align: center
	}

	.profile-block {
		float: none;
		display: inline-block
	}

	.last-video:last-child {}

	.last-video {
		width: 100%
	}

	.col-40,
	.col-60,
	.col-20,
	.col-80 {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 15px
	}
}

@media(max-width:830px) {
	.profile-filter {
		padding: 10px 0 5px;
		background: 0 0 !important
	}

	.profile-filter-container {
		margin: 10px 0
	}

	.profile-filter-search-clear {
		padding: 13px 12px 12px
	}

	input.profile-search {
		height: 40px;
		padding: 10px;
		background: var(--background-first)
	}

	.profile-filter-button {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}

	.profile-filter-header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 5px 0;
		padding: 0;
		background: 0 0 !important
	}

	.profile-filter-body {
		display: none
	}

	.profile-filter-body.show {
		display: block
	}

	.profile-filter-body>* {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.profile-filter-input {
		margin-bottom: 5px;
		margin-right: 0
	}

	.profile-filter-right-side {
		float: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: baseline;
		-webkit-align-items: baseline;
		-ms-flex-align: baseline;
		align-items: baseline
	}

	.profile-filter-right-side .profile-filter-input {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.profile-filter-left-side .profile-filter-input {
		margin-bottom: 10px
	}
}

.menu>li>a:hover,
.menu>li>a:active,
.menu>li:hover,
.menu>li:active {
	background: var(--main-orange)
}

.sub-menu a:hover,
.sub-menu a:active {
	background: var(--main-black-hover)
}

.halloween .bx-wrapper .bx-pager.bx-default-pager a:hover,
.halloween .bx-wrapper .bx-pager.bx-default-pager a:active {
	background: var(--main-orange)
}

a.post-title:hover,
a.post-title:active {
	color: var(--main-orange)
}

.user-img:hover,
.user-img:active .user-name {
	color: var(--main-orange)
}

.more-alt-names:hover,
.more-alt-names:active {
	background: var(--background-fourth)
}

.subscribe-anime-block:hover .subscribe-anime-count,
.subscribe-anime-block:active .subscribe-anime-count {
	background: var(--main-text)
}

.subscribe-anime-block:hover .subscribe-anime-button,
.subscribe-anime-block:active .subscribe-anime-button {
	color: var(--main-text)
}

.subscribe-anime-block-select:hover,
.subscribe-anime-block-select:active {
	background: var(--border-second)
}

.subscribe-anime-block-select.active:hover,
.subscribe-anime-block-select.active:active {
	color: var(--light-text);
	background: var(--main-orange-hover);
	border-color: var(--main-orange-hover)
}

.video-button:hover,
.video-button:active {
	background: var(--main-orange)
}

.video-button.active:hover,
.video-button.active:active {
	background: var(--main-orange-hover)
}

.btn-link:hover,
.btn-link:active {
	background: var(--main-orange)
}

.update-list li>a:hover,
.update-list li>a:active,
.user-list-table a:hover,
.user-list-table a:active {
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}

.list-buttons button:hover,
.list-buttons button:active,
.list-buttons a:hover,
.list-buttons a:active {
	background: var(--main-orange)
}

.preview-title:hover,
.preview-title:active {
	color: var(--main-orange)
}

.rating-star:hover,
.rating-star:active {
	color: var(--main-orange)
}

.content-buttons>.to-list:hover,
.content-buttons>.to-list:active {
	background: var(--main-orange);
	color: var(--light-text)
}

.content-buttons>.to-list.active:hover,
.content-buttons>.to-list.active:active {
	background: var(--main-orange-hover)
}

.content-buttons .drop-list-buttons:hover,
.content-buttons .drop-list-buttons:active {
	background: var(--border-second);
	color: inherit
}

.category-list a:hover,
.category-list a:active {
	color: var(--main-orange)
}

.drop-menu-click:hover,
.drop-menu-click:active {
	background: var(--border-second);
	color: inherit
}

.drop-menu-click.active:hover,
.drop-menu-click.active:active {
	background: rgb(255 112 2);
	color: inherit
}

.hidden-menu li:hover,
.hidden-menu li:active {
	background: var(--border-second)
}

.hidden-menu li.active:hover,
.hidden-menu li.active:active {
	background: var(--main-orange)
}

.filter-button:hover,
.filter-button:active {
	background: var(--main-orange-hover)
}

.profile-block a:hover,
.profile-block a:active {
	background-color: var(--main-orange-hover)
}

.pagination a:hover,
.pagination a:active {
	background: #bdbdbd !important;
	color: #fff;
}

.vtabs li:hover,
.vtabs li:active {
	background: var(--main-orange)
}

.main-button:hover,
.main-button:active {
	background-color: var(--main-orange-hover)
}

.main-button.neutral:hover,
.main-button.neutral:active {
	background-color: var(--main-orange)
}

.main-button.attention:hover,
.main-button.attention:active,
.report-button:hover,
.report-button:active {
	background: var(--main-red-hover)
}

.main-button.transparent:hover,
.main-button.transparent:active {
	background: var(--border-second)
}

.remove-social-link:hover,
.remove-social-link:active {
	color: var(--main-orange)
}

.default-button:not(.active):hover,
.default-button:not(.active):active {
	background: var(--border-first);
	border-color: var(--border-first)
}

.bbcode .default-button:hover+.default-button,
.bbcode .default-button:active+.default-button {
	border-left-color: var(--border-first)
}

.dialog-item:hover,
.dialog-item:active {
	background: var(--background-second);
	-webkit-box-shadow: inset 3px 0 0 0 var(--main-orange);
	box-shadow: inset 3px 0 0 0 var(--main-orange)
}

.remove-dialog:hover,
.remove-dialog:active {
	background: var(--border-second)
}

.favourite-button:hover,
.favourite-button:active {
	background: var(--main-orange-hover)
}

#avatar-ok:hover,
#avatar-ok:active {
	color: var(--light-text);
	background: var(--main-orange)
}

#avatar-ok:hover .loading,
#avatar-ok:active .loading {
	background-image: url(../img/loading-w.svg)
}

#avatar-delete:hover,
#avatar-delete:active {
	color: var(--light-text);
	background: var(--main-orange);
	border-color: var(--main-orange)
}

#remove-avatar:hover,
#remove-avatar:active {
	background: var(--main-orange);
	border-color: var(--main-orange);
	color: var(--light-text)
}

ul.chatt .no-chatt-item:hover,
ul.chatt .no-chatt-item:active {
	background: var(--main-orange-hover)
}

.night ul.chatt .no-chatt-item:hover,
.night ul.chatt .no-chatt-item:active {
	background: var(--main-red-hover)
}

.spoiler-button:hover,
.spoiler-button:active {
	background: var(--main-orange);
	border-color: var(--main-orange);
	color: var(--light-text)
}

.reply-button:hover,
.reply-button:active {
	background: var(--border-first)
}

.smiles-panel li:hover,
.smiles-panel li:active {
	background: var(--border-second)
}

span.smile:hover,
span.smile:active {
	background: var(--background-fourth)
}

.send-claim:hover,
.send-claim:active {
	color: var(--main-orange)
}

.video-category:hover,
.video-category:active {
	background: var(--main-orange)
}

.list-with-icons li:hover,
.list-with-icons li:active {
	background: var(--background-third)
}

.table-list-button:hover,
.table-list-button:active {
	background: var(--main-orange)
}

.channel-links a:hover,
.channel-links a:active {
	background: var(--main-orange-hover)
}

.subscribe-button:hover,
.subscribe-button:active {
	background: var(--main-red-hover)
}

.subscribed.subscribe-button:hover,
.subscribed.subscribe-button:active {
	background: var(--main-orange-hover)
}

.more-text:hover,
.more-text:active {
	border-color: var(--main-orange);
	background: var(--main-orange);
	color: var(--light-text)
}

.rate-review-item:hover,
.rate-review-item:active {
	background: var(--main-orange);
	color: var(--light-text)
}

.rating-list li:hover,
.rating-list li:active {
	background: var(--border-first)
}

.other-lists-button:hover,
.other-lists-button:active {
	background: var(--background-fourth)
}

input[type=text]:hover,
input[type=text]:active,
input[type=password]:hover,
input[type=password]:active,
textarea:hover,
textarea:active,
select:hover,
select:active {
	border-color: var(--border-third)
}

.categories-page {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.year-block {
	position: absolute;
	color: #fff;
	font-weight: 400;
	right: 5px;
	top: 5px;
	padding: 2px 10px;
	background: rgba(0, 0, 0, .7);
	z-index: 1;
	opacity: 0;
	transition: opacity .3s;
}

.year-block a {
	color: #fff;
}

.categories-page .anime-column {
	width: 230px;
	max-width: 290px;
	padding: 0px;
	text-align: center;
	position: relative;
	flex-grow: 1;
	background: #fff;
	margin-right: 1px;
}

.recommend-block .image-block {
	display: flex;
}

.recommend-block {
	background: #e2e2e2;
	border: 1px solid #e2e2e2;
}

.categories-page .anime-column:last-child {
	margin-right: 0px;
}

.t_left {
	float: left;
	text-align: left;
	display: contents;
}

#comment-editor {
	margin-bottom: 10px;
}

@media(max-width:768px) {


	.ban-list td,
	.ban-list th {
		display: block
	}

	.ban-list tr {
		border-bottom: 2px solid;
		border-bottom-color: var(--main-black)
	}

	.ban-list-why {
		width: 100%
	}

	.update-block .update-list a>.update-img {
		display: none
	}

	.update-block .update-list-block,
	.update-title {
		padding-left: 5px
	}

	.preview-rating {
		font-size: 14px
	}

	.logo-block {
		overflow: hidden
	}

	.sub-menu {
		width: 100%
	}

	.post-time {
		position: static;
		margin-bottom: 5px
	}

	.post-block .post-title {
		padding-right: 0
	}

	.logo {
		display: none
	}

	.post-text img {
		width: 100% !important;
		height: auto !important;
		margin: 10px 0 !important;
		float: none !important
	}

	.horn-icon {
		font-size: 18px
	}

	#top-block {
		height: 70px
	}

	.user-buttons {
		position: static
	}

	.user-buttons .main-button {
		font-size: 11px
	}

	.user-img {
		max-width: 95px
	}

	.user-block-info {
		margin-left: 105px
	}

	.avatar {
		width: 140px;
		height: 140px;
	}

	.inner-block {
		padding: 15px
	}

	.user-data {
		margin: 0 0 0 170px
	}

	.last-video:nth-child(2) {}

	.profile-edit {}

	h1 {
		font-size: 22px
	}

	.menu>li {
		float: left;
		width: 50%;
		border-bottom: 1px solid;
		border-bottom-color: var(--main-orange)
	}

	.menu>li:last-child {
		border-bottom: none;
		width: 100%
	}

	#to-top {
		display: none !important
	}

	.mobile-filter-button {}

	.filter-block {}

	.mobile-menu-button {
		display: block;
		width: 100%;
		float: left;
		border-left: none
	}

	.menu {
		display: none;
		z-index: 2;
		width: 100%;
		border-top: 1px solid;
		border-top-color: var(--main-orange)
	}

	.category-list-inner {
		width: -webkit-calc(100% - 1px);
		width: calc(100% - 1px)
	}

	.drop-list-inner.open:after {
		width: -webkit-calc(50% - 1px);
		width: calc(50% - 1px)
	}

	.category-list {
		grid-template-columns: 1fr 1fr
	}

	.category-list .drop-list-inner {
		position: static
	}

	.drop-list-inner.open .category-list-inner {
		grid-template-columns: 1fr 1fr
	}

	.ads {}

	.tabs li {
		padding: 13px 15px
	}

	.user-page #inner-lists .tabs {
		margin-right: 49px
	}

	.tips-header {
		padding: 13px 15px
	}

	.video-column {
		width: 100%;
		text-align: center
	}

	.pagination li {
		font-size: 20px;
		display: none
	}

	.pagination li>* {
		padding: 0 10px
	}

	.pagination li:nth-child(-n+2),
	.pagination li:nth-last-child(-n+2),
	.pagination li.active {
		display: inline-block !important
	}

	.pagination li[data-pos="2"]:after,
	.pagination li[data-pos="-2"]:before {
		content: '...';
		width: 30px;
		font-size: inherit;
		display: inline-block;
		color: var(--border-fourth)
	}

	.pagination li[data-pos="2"]:after {
		margin-left: 4px
	}

	.pagination li[data-pos="-2"]:before {
		margin-right: 4px
	}

	.pagination li[data-pos*="1"],
	.pagination li[data-pos*="2"] {
		display: inline-block
	}

	.pagination li:nth-child(-n+3):before,
	.pagination li:nth-last-child(-n+3):after {
		content: '' !important;
		width: auto !important;
		margin: 0 !important
	}

	.video-block-select {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	#player-select {
		margin: 10px 0 0
	}
}

@media(max-width:660px) {
	.sidebar-block {
		width: 100%;
		padding: 0
	}

	.rate-review-block-wrapper {
		width: 100%
	}
}

@media screen and (max-width:768px) {
	.video-poster {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		display: block
	}

	.video-text {
		margin-left: 0
	}

	.video-column {
		border-bottom: 1px solid;
		border-bottom-color: var(--background-fourth)
	}

	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid;
		border-color: var(--border-first)
	}

	.table-responsive>.table {
		margin-bottom: 0
	}

	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: nowrap
	}

	.table-responsive>.table-bordered {
		border: 0
	}

	.table-responsive>.table-bordered>thead>tr>th:first-child,
	.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.table-responsive>.table-bordered>thead>tr>td:first-child,
	.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.table-responsive>.table-bordered>tfoot>tr>td:first-child {
		border-left: 0
	}

	.table-responsive>.table-bordered>thead>tr>th:last-child,
	.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.table-responsive>.table-bordered>thead>tr>td:last-child,
	.table-responsive>.table-bordered>tbody>tr>td:last-child,
	.table-responsive>.table-bordered>tfoot>tr>td:last-child {
		border-right: 0
	}

	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tfoot>tr:last-child>th,
	.table-responsive>.table-bordered>tbody>tr:last-child>td,
	.table-responsive>.table-bordered>tfoot>tr:last-child>td {
		border-bottom: 0
	}

	.profile-block .logout {}

	.claim-list {
		margin: 10px 0
	}

	.transparent-item {
		width: 290px;
		height: 163px
	}
}

@media(max-width:630px) {
	.pagination li>* {
		padding: 0 8px
	}

}

@media(max-width:600px) {
	.pagination li[data-pos*="2"] {
		display: none
	}

	.grid-template-areas: "avatar user-data"
	"user-controls user-controls"
	"description description";
}

.pagination li[data-pos="1"]:after,
.pagination li[data-pos="-1"]:before {
	content: '...';
	width: 30px;
	font-size: inherit;
	display: inline-block;
	color: var(--border-fourth)
}

.pagination li[data-pos="1"]:after {
	margin-left: 4px
}

.pagination li[data-pos="-1"]:before {
	margin-right: 4px
}
}

@media(max-width:580px) {
	.profile-comments .comment-top {
		padding-right: 0
	}

	.comment-img {
		width: 55px;
		height: 55px
	}

	.comment-block .comment-karma {
		position: unset;
		margin-top: 8px
	}

	.comment-body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0
	}

	.comment.message .comment-body {
		display: block
	}

	.tab-content .comment {
		padding: 10px 5px 10px 10px
	}

	.comment-author {
		margin-right: 5px
	}

	.comment-block .comment-date {
		display: inline-block;
		margin-bottom: 8px
	}

	.comment-childs .comment-img {
		width: 45px;
		height: 45px
	}

	.comment-childs .comment-body {
		margin-left: 0
	}

	.comment-childs {
		padding-left: 5px
	}

	.comment-more-button {
		border-left: none;
		border-right: none
	}

	.reply-button {
		display: none
	}

	.reply-button.new-message {
		display: inline-block
	}

	.reply-button.comment-mobile {
		display: inline-block;
		margin-left: 0
	}

	.report-button {
		position: static
	}

	.list-buttons .message-viewed {
		position: absolute;
		border: none
	}

	.recom-block input[type=text] {
		width: 100%
	}
}

@media(max-width:510px) {
	.categories-page .anime-column {
		width: 100%;
		max-width: inherit;
	}
}

@media(max-width:480px) {
	.other-lists {
		width: 100%
	}

	.other-lists:after {
		right: 0;
		left: 0;
		margin: auto
	}

	.last-video {
		width: 100%
	}

	.comment-menu {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.bbcode {
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.update-list-block .user-rating {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 10px
	}

	.sub-menu-inner-container.show {
		width: 50%
	}

	.poster-block img {
		width: 100%
	}

	.user-lists .update-list-block .update-title {
		font-size: 12px
	}

	.tips-content {
		width: 310px
	}

	.tips-content-lists li {
		width: 49%
	}

	.table-responsive {
		font-size: 12px
	}

	.table.table-responsive>tbody>tr>td {
		padding: 4px
	}

	.table-responsive .main-button {
		font-size: 10px;
		display: block
	}

	.preview-block {
		max-height: none
	}

	.control-buttons {
		margin-top: 20px
	}

	#top-block {
		height: 54px
	}

	.block-header {
		text-align: left;
		padding-left: 20px
	}

	.halloween .block-header:before,
	.halloween .comments-title:before {
		display: none
	}

	.block-header-link {
		font-size: 11px
	}

	.update-date {
		width: 60px
	}

	.post-category {
		font-size: 10px
	}

	.menu>li>a {
		font-size: 12px
	}

	.content-img-block {
		float: none;
		max-width: none;
		width: 100%;
		margin: 0;
		margin-bottom: 10px
	}

	.alt-names-list {
		margin-right: 0
	}

	.anime-page .rating-info {
		margin-right: 0
	}

	.tabs li {
		display: block;
		text-align: center
	}

	.avatar {
		width: 120px;
		height: 120px;
	}

	.user-data {
		margin: 0
	}

	#viewed_all_notices {
		margin-bottom: 10px
	}

	.right {
		text-align: center
	}

	.profile-block li:first-child {
		display: block;
		border-bottom: 1px solid rgba(226, 226, 226, .9)
	}

	.profile-block li:first-child:after {
		display: none
	}

	.profile-block .user-name {
		display: block
	}

	.profile-block {
		margin-bottom: 10px
	}
}

@media(max-width:470px) {
	.pagination li[data-pos*="1"] {
		display: none
	}

	.categories-page .anime-column {
		width: 100%;
		max-width: inherit;
	}

	.pagination li>* {
		padding: 0 4px
	}

	.pagination li.disabled span {
		width: 30px;
		padding: unset
	}

	.pagination li.active:after,
	.pagination li.active:before {
		content: '...';
		width: 30px;
		font-size: inherit;
		display: inline-block;
		color: var(--border-fourth)
	}

	.pagination li.active:after {
		margin-left: 4px
	}

	.pagination li.active:before {
		margin-right: 4px
	}

	.profile-buttons {
		clear: both
	}
}

@media(max-width:440px) {

	.category-list>li .category-elem,
	.category-list-inner li {
		padding: 10px 5px
	}

	.drop-list-inner .category-elem a {
		width: 100px
	}

	.filter-block .mobile-filter-toggle {
		display: block
	}

	.mobile-filter-block {
		position: fixed;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: transparent;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
		z-index: 10
	}

	.mobile-filter-block .filter-block {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		max-height: 100%;
		border: none
	}

	.mobile-filter-block .filter-body {
		overflow: auto
	}

	.mobile-filter-block .filter-switch-block {
		display: none
	}

	.filter-open {
		overflow: hidden
	}

	.filter-open .mobile-filter-block {
		background: rgba(0, 0, 0, .7);
		pointer-events: auto
	}
}

@media(max-width:414px) {
	.preview-img {
		float: none;
		display: block;
		margin: 0 auto 5px;
		width: 100%;
		min-height: 240px;
		height: 100%
	}

	.preview-info,
	.preview-info-block {
		padding: 10px 5px 0 0
	}

	.load-more {
		display: none
	}

	#update-review-status {
		position: absolute;
		right: 35px;
		top: 5px
	}

	#reviews-status-history {
		position: absolute;
		right: 10px;
		top: 5px
	}

	.mobile-menu-button {}

	.control-buttons .default-button {
		margin-bottom: 10px
	}

	.notif-list {
		margin-top: 0
	}

	.message .reply-button {
		margin: 5px 0
	}

	.message .list-buttons button {
		float: none;
		width: 44px;
		display: block;
		margin-bottom: 10px
	}

	.comment.message {
		padding-right: 50px
	}

	.notif-list .list-buttons {
		top: 10px;
		bottom: auto
	}

	.anime-column {
		display: block;
		width: 100%;
		max-width: none
	}

	.users-page .anime-column {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center
	}

	.view-page-list .image-block .saw {
		top: auto;
		bottom: 10px;
		left: auto;
		-webkit-border-radius: unset;
		border-radius: unset
	}

	.anime-column img {
		width: 100%;
		min-height: auto;
		margin-bottom: 0
	}

	.anime-column .saw {
		font-size: 13px
	}

	.preview-info-block {
		position: absolute;
		bottom: 0;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		padding: 10px;
		overflow: visible;
		max-height: none
	}

	.preview-info-block,
	.preview-info-block>a {
		color: var(--light-text)
	}

	.view-page-list .preview-info-block {
		width: auto;
		max-height: 230px;
		overflow: auto
	}

	.view-page-list .preview-info-block {
		position: static
	}

	#new {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.categories-page .anime-column {
		width: 100%;
		max-width: inherit;
	}

	#new .preview-block {
		float: none;
		display: inline-block;
		height: 528px;
		font-size: 14px;
		white-space: normal;
		margin-bottom: 0
	}

	.preview-block:nth-child(odd) {
		margin-right: 0
	}

	.rating-block-item .rating-category-item {
		width: 100%;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.date>div {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.date .ss-main {
		margin: 0;
		-webkit-flex-basis: 49%;
		-ms-flex-preferred-size: 49%;
		flex-basis: 49%
	}

	.date .ss-main:first-of-type {
		margin-right: 2%
	}

	.date .ss-main:last-of-type {
		margin-top: 2%;
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

@media(max-width:360px) {
	.avatar {
		float: none;
		max-width: 100%;
		max-height: 100%
	}

	.tips-block {}
}

.grecaptcha-badge {
	visibility: hidden
}

.ss-main {
	position: relative;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.ss-main:not(.disabled):hover .ss-single-selected,
.ss-main:not(.disabled):hover .ss-multi-selected,
.ss-main:not(.disabled):hover .ss-content,
.ss-main:not(.disabled):active .ss-single-selected,
.ss-main:not(.disabled):active .ss-multi-selected,
.ss-main:not(.disabled):active .ss-content {
	border-color: var(--border-third)
}

.ss-main.disabled {
	pointer-events: none
}

.ss-main.disabled .placeholder,
.ss-main.disabled .ss-values {
	opacity: .5
}

.ss-main .ss-single-selected {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	width: 100%;
	height: 33px;
	padding: 0 8px;
	border: 1px solid var(--border-second);
	background-color: var(--input);
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s
}

.ss-main .ss-single-selected .placeholder {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	text-align: left;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	line-height: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ss-main .ss-single-selected .placeholder * {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
	color: var(--border-fourth)
}

.ss-main .ss-single-selected .ss-deselect {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0 6px;
	font-weight: 700
}

.ss-main .ss-single-selected .ss-deselect.ss-hide {
	display: none
}

.ss-main .ss-single-selected .ss-arrow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0 2px
}

.ss-main .ss-single-selected .ss-arrow span {
	border: solid var(--border-third);
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	-webkit-transition: margin .2s, -webkit-transform .2s;
	transition: margin .2s, -webkit-transform .2s;
	-o-transition: transform .2s, margin .2s;
	transition: transform .2s, margin .2s;
	transition: transform .2s, margin .2s, -webkit-transform .2s
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
	-webkit-transform: rotate(-135deg) translate(-1px, -1px);
	-ms-transform: rotate(-135deg) translate(-1px, -1px);
	transform: rotate(-135deg) translate(-1px, -1px)
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
	-webkit-transform: rotate(45deg) translate(-1px, -1px);
	-ms-transform: rotate(45deg) translate(-1px, -1px);
	transform: rotate(45deg) translate(-1px, -1px)
}

.ss-main .ss-single-selected.ss-disabled {
	background-color: var(--border-second);
	cursor: not-allowed
}

.ss-main .ss-multi-selected {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	cursor: pointer;
	width: 100%;
	padding: 2px 0 2px 6px;
	border: 1px solid;
	border-color: var(--border-second);
	background-color: var(--input);
	outline: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s
}

.ss-main .ss-multi-selected:hover {
	border-color: var(--border-third)
}

.ss-main .ss-multi-selected:active {
	border-color: var(--border-third)
}

.ss-main .ss-multi-selected .ss-values {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 100%;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px)
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 7px 2px 6px;
	margin: 2px 0;
	height: 23px;
	line-height: 1em;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	color: var(--border-fifth);
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ss-main .ss-multi-selected .ss-values .ss-value {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	height: 23px;
	padding: 2px 5px;
	margin: 2px 5px 2px 0;
	border: 1px solid;
	border-color: var(--border-second);
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
	margin: 0 0 0 5px;
	cursor: pointer
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete::before {
	content: "\f00d";
	font-family: FontAwesomeRegular
}

.ss-main .ss-multi-selected .ss-add {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 1 3px;
	-ms-flex: 0 1 3px;
	flex: 0 1 3px;
	padding: 9px 12px 0 5px
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--border-third);
	position: relative;
	height: 10px;
	width: 2px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
	background: var(--border-third);
	content: "";
	position: absolute;
	height: 2px;
	width: 10px;
	left: -4px;
	top: 4px
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.ss-main .ss-multi-selected.ss-disabled {
	background-color: var(--border-second);
	cursor: not-allowed
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
	color: var(--border-third)
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
	cursor: not-allowed
}

.ss-main.ss-open .ss-single-selected,
.ss-main.ss-open .ss-multi-selected {
	background-color: var(--input-active)
}

.ss-main.ss-open .ss-content {
	display: block
}

.ss-content {
	position: absolute;
	display: none;
	width: 100%;
	margin: -1px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid;
	border-color: var(--border-second);
	border-top: none;
	z-index: 3;
	background-color: var(--input-active);
	-webkit-transition: border-color .2s;
	-o-transition: border-color .2s;
	transition: border-color .2s
}

.ss-content .ss-search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 2px 6px 4px
}

.ss-content .ss-search input {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: inherit;
	line-height: inherit;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	height: 30px;
	padding: 6px 8px;
	margin: 0;
	border: 1px solid var(--border-second);
	outline: 0;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: textfield
}

.ss-content .ss-search input::-webkit-input-placeholder {
	color: var(--border-third);
	vertical-align: middle
}

.ss-content .ss-search input::-moz-placeholder {
	color: var(--border-third);
	vertical-align: middle
}

.ss-content .ss-search input:-ms-input-placeholder {
	color: var(--border-third);
	vertical-align: middle
}

.ss-content .ss-search input::-ms-input-placeholder {
	color: var(--border-third);
	vertical-align: middle
}

.ss-content .ss-search input::placeholder {
	color: var(--border-third);
	vertical-align: middle
}

.ss-content .ss-search .ss-addable {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30px;
	-ms-flex: 0 0 30px;
	flex: 0 0 30px;
	height: 30px;
	margin: 0 0 0 5px;
	border: 1px solid var(--border-second);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.ss-content .ss-search.ss-hide {
	display: none
}

.ss-content .ss-search.ss-hide input {
	display: none
}

.ss-content .ss-addable {
	padding-top: 0
}

.ss-content .ss-list {
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	padding: 0 6px 4px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
	padding: 6px 10px;
	font-weight: 700
}

.ss-content .ss-list .ss-optgroup .ss-option {
	padding: 6px 6px 6px 25px
}

.ss-content .ss-list .ss-optgroup-label-selectable {
	cursor: pointer
}

.ss-content .ss-list .ss-optgroup-label-selectable:hover {
	color: var(--light-text);
	background-color: var(--main-orange)
}

.ss-content .ss-list .ss-option {
	padding: 4px;
	border-top: solid 1px var(--border-first);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ss-content .ss-list .ss-option:first-of-type {
	border-top: none
}

.ss-content .ss-list .ss-option * {
	display: inline-block
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
	color: var(--light-text);
	background-color: var(--main-orange)
}

.ss-content .ss-list .ss-option:not(.ss-disabled):hover {
	color: var(--light-text);
	background-color: var(--main-orange)
}

.ss-content .ss-list .ss-option .ss-search-highlight {
	background-color: var(--background-first)
}

.ss-content .ss-list .ss-option.ss-highlighted:not(.ss-disabled) {
	color: var(--light-text);
	background-color: var(--main-orange)
}

.ss-content .ss-list .ss-option.ss-disabled {
	cursor: auto;
	color: var(--border-second)
}

.ss-content .ss-list .ss-option.ss-hide {
	display: none
}

.ss-content .ss-list::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(125, 125, 125, .3)
}

.ss-content .ss-list::-webkit-scrollbar-thumb {
	background: var(--main-orange)
}

@media(max-width:768px) {
	.mobile-theme .ss-main.ss-open {
		position: fixed;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: rgba(0, 0, 0, .6);
		left: 0;
		top: 0;
		bottom: 0;
		padding: 10px;
		z-index: 12
	}

	.mobile-theme .ss-open-below {
		max-width: 460px;
		border: none
	}

	.mobile-theme .ss-main.ss-open .ss-content {
		position: relative;
		overflow-y: hidden;
		max-width: 460px;
		border: none
	}

	.mobile-theme .ss-content .ss-list {
		max-height: -webkit-calc(100% - 36px);
		max-height: calc(100% - 36px)
	}

	.mobile-theme .ss-content .ss-list .ss-option {
		padding: 6px 4px
	}

	.mobile-theme .ss-content .ss-hide~.ss-list {
		max-height: 100%
	}

	.mobile-theme .ss-single-selected .ss-arrow {
		margin: 0 5px
	}

	.mobile-theme .ss-single-selected .ss-arrow span.arrow-up {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		background: var(--border-third);
		position: relative;
		padding: 0;
		border: none;
		height: 10px;
		width: 2px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: none;
		-o-transition: none;
		transition: none
	}

	.mobile-theme .ss-single-selected .ss-arrow span.arrow-up:after {
		background: var(--border-third);
		content: "";
		position: absolute;
		height: 2px;
		width: 10px;
		left: -4px;
		top: 4px
	}
}

.thumb-wrap {
	position: relative;
	padding-bottom: 56.25%;
	/* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
	height: 0;
	overflow: hidden;
}

.thumb-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	outline-width: 0;
}

.block-title {
	padding: 13px 15px;
	background: var(--main-black);
	color: var(--light-text);
	border-bottom: 3px solid;
	border-bottom-color: var(--main-orange);
	text-transform: uppercase;
	position: relative;
}

.profile-grid-container {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto 1fr;
	gap: 15px 15px;
	grid-template-areas:
		"avatar user-data"
		"avatar user-controls"
		"avatar description";
}

.profile-grid-container .description {
	grid-area: description;
	word-break: break-word;
	margin-top: 10px;
}

.profile-grid-container .user-data {
	grid-area: user-data;
	word-break: break-word;
}

.profile-grid-container .avatar {
	grid-area: avatar;
}

.col-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 0 -20px;
}

.col-container>* {
	padding: 0 0 0 20px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 220px;
}

.ratebox {
	background: #ffffff;
	margin-right: 5px;
	padding: 5px;
}


.Comments_media {
	display: flex;
	align-items: flex-start;
	margin-bottom: 4px;
}

.Comments_mediaAvatar {
	width: 40px;
	height: 40px;
	margin: 0px 10px 10px 0;
}

.Comments_mediaBody {
	width: 100%;
	position: relative;
	max-width: calc(100% - 51px);
}

.Comments_mediaContent {
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
	word-break: break-word;
	background: #f5f5f5;
	border-radius: 0px;
	padding: 6px 8px 8px 10px;
}

.rtb {
	display: flex;
	position: absolute;
	top: 5px;
	right: 0;
}

.Comments_mediaHeading {
	min-height: 30px;
	font-size: 15px;
	overflow: hidden;
}

.items-center {
	align-items: center;
}

.flex {
	display: flex;
}

.Comments_username {
	font-weight: 700;
	word-break: break-all;
	margin-right: 3px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.Comments_mediaHeading small {
	word-break: keep-all;
	white-space: nowrap;
	font-weight: 400;
	color: #333;
	margin-top: 2px;
}

.Comments_footer {
	padding: 4px 0 6px;
}

.Comments_iconButton {
	cursor: pointer;
	margin-right: 10px;
	color: #000;
}

.Comments_iconButton_rate {
	cursor: pointer;
	padding: 5px 8px;
}

.Comments_score {
	margin: 0 3px;
}

.SvgIcon_root {
	fill: currentColor;
	width: 1em;
	height: 1em;
	display: inline-block;
	font-size: 1.5rem;
	transition: fill .2s cubic-bezier(.4, 0, .2, 1) 0ms;
	flex-shrink: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*
     FILE ARCHIVED ON 11:37:30 Jan 05, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:23:35 Nov 26, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 199.043
  exclusion.robots: 0.106
  exclusion.robots.policy: 0.097
  cdx.remote: 0.07
  esindex: 0.01
  LoadShardBlock: 137.203 (3)
  PetaboxLoader3.datanode: 125.873 (4)
  CDXLines.iter: 22.451 (3)
  PetaboxLoader3.resolve: 141.528 (2)
  load_resource: 173.78
*/

/* Комментарии */
.comment {
	padding: 4% 4%;
	position: relative;
	-webkit-transition: box-shadow ease .4s;
	transition: box-shadow ease .4s;
}

.com_list .comment {
	border-top: 1px solid #efefef;
	background-color: transparent;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}



.avatar {
	display: inline-block;
}

.avatar .cover {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	white-space: nowrap;
	text-indent: -9999px;
	display: inline-block;
}

.comment .avatar {
	float: left;
	margin-right: 15px;
	position: relative;
}

.comment .avatar .cover {
	width: 36px;
	height: 36px;
}

.com_online {
	margin: -2px 4px 0 0px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: #3cce7b;
	width: 8px;
	height: 8px;
    display: inline-flex;
	border-radius: 50%;
}

.com_info {
	font-size: .9em;
	margin-bottom: 2%;
	margin-top: -5px;
}

.com_info:after {
	clear: both;
	display: block;
	content: "";
}

.com_user {
	float: left;
	margin: 9px 15px 0 0;
}

.comment .meta {
	display: inline;
}

.comment .meta .left {
	margin: 9px 0 0 0;
}

.comment .meta .left .mass input {
	margin: -2px 0 0 0;
	vertical-align: middle;
}

.comment .meta>ul.left>li {
	margin-right: 10px;
}

.comment .reply {
	text-transform: lowercase;
}

.comment .meta .left a {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	padding: 2px;
	margin-top: -2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.comment .meta .left .reply a {
	padding: 2px;
	width: auto;
	vertical-align: baseline;
}

.comment .meta .left .del a {
	padding: 4px;
}

.comment .meta .left .icon {
	margin: 0;
	fill: #919191;
	vertical-align: top;
}

.comment .meta .left a:hover .icon {
	fill: #3394e6;
}

.comment .meta .left a .icon-reply {
	width: 15px;
	height: 16px;
	fill: #3394e6 !important;
	margin-right: .4em;
	vertical-align: middle;
}

.comment .meta .left a .icon-coms {
	width: 15px;
	height: 16px;
	fill: #3394e6 !important;
	margin-right: .4em;
	vertical-align: middle;
}

.comment .meta .left .edit_btn>a {
	padding: 2px;
	margin-top: -4px;
}

.comment .icon-bad {
	width: 16px;
	height: 16px;
}

.comment .icon-cross {
	width: 12px;
	height: 12px;
}

.comment .meta .rate {
	float: right;
}

/* Древовидные комментарии */
#dle-comments-list {
	width: 100%;
}

#dle-comments-list>.comments-tree-list>li .comments-tree-list>li {
	padding-left: 25px;
}

.comments-tree-list {
	list-style: none;
	padding: 0;
	margin: 0;
    overflow: hidden;
}

.comments-tree-list>li>ol>li .comment {
	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-width: 0;
}

.comments-tree-list li ol li .comment {

	position: relative;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-width: 0;
}

.comments-tree-list>li>ol>li .comment:after {
	content: "";
	position: absolute;
	width: 2000px;
	height: 1px;
	margin-left: -500px;
	left: 0;
	top: 0;
	background-color: #efefef;
}

.comments-tree-list>li>ol>li .comment:before {
    position: absolute;
    left: -20px;
    bottom: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 12px;
    height: 100vh;
    border: solid #4683d9;
    border-width: 0 0 1px 1px;
    border-bottom-left-radius: 8px;
    pointer-events: none;
    z-index: 0;
}

/* Управление комментариями */
.mass_comments_action {
	text-align: right;
	border-top: 1px solid #efefef;
	padding: 15px;
}

.mass_comments_action>select {
	height: 36px;
	padding: 5px;
	width: 200px;
	margin-left: 1em;
}

.com_content>.title {
	margin-top: 4%;
}

.com_content>.text {
	font-size: 1.08em;
}

/* Частые стили */
.strike {
	text-decoration: line-through;
}

.nobr {
	white-space: nowrap;
}

.hide {
	display: none;
}

.uline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-bottom: 25px;
}

fieldset legend {
	font-weight: bold;
}

.grey {
	color: #919191;
}

.grey a {
	color: inherit;
}

.grey a:hover {
	color: #353535;
}

.blue {
	color: #3394e6;
}

.orange {
	color: #e85319;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

sub {
	vertical-align: sub;
	font-size: smaller;
}

.over {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

a .over {
	cursor: pointer;
}

.cover {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

/* --- Комментарии --- */
/* Форма добавления */
.addcomment {
	background-color: #f7f7f7;
}

.tab-content .comment:hover .plus_icon {
    background: #dbdbdb;
    color: #000;
    transition: all .2s;
}

.plus_icon {
    display: flex;
    align-items: center;
    position: relative;
    color: #afafaf;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: all .2s;
}

.addcomment .plus_icon {
	width: 8%;
	padding: 10px 0;
	float: left;
	margin-top: 4%;
}

.plus_icon>span,
.plus_icon>span:before,
.plus_icon>span:after {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	position: absolute;
}

.plus_icon>span:before,
.plus_icon>span:after {
	background-color: #b3b3b3;
	content: "";
}

.plus_icon>span {
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -8px;
}

.plus_icon>span:after {
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	margin-top: -1px;
}

.plus_icon>span:before {
	left: 50%;
	top: 0;
	width: 2px;
	height: 100%;
	margin-left: -1px;
}

.plus_icon.circle {
	width: 12px;
	height: 12px;
	padding: 4px;
	border-radius: 50%;
	border: 2px solid #3394e6;
}

.plus_icon.circle>span {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
}

.plus_icon.circle>span:before,
.plus_icon.circle>span:after {
	background-color: #3394e6;
}

/* Формы на UL */
ul.ui-form {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.ui-form>li {
	margin-bottom: 10px;
}

ul.ui-form>li:last-child {
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 10px;
}

.form-group>label {
	display: block;
	margin-bottom: .4em;
}

.imp:after {
	content: "*";
	margin: 0 0 0 10px;
	color: #e85319;
}

@media only screen and (min-width: 601px) {
	.form-group.combo:after {
		clear: both;
		display: table;
		content: "";
	}

	.form-group.combo>.combo_field {
		width: 50%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.form-group.combo>.combo_field:last-child {
		padding-left: 10px;
	}

	.form-group.combo>.combo_field:first-child {
		padding-right: 10px;
	}
}

.form_submit {
	margin-top: 20px;
}

.form-sep {
	border-top: 1px solid #efefef;
}

/* Модификация BB редактора для комментариев */
#comment-editor .bb-editor textarea {
	padding: 7px;
	padding-bottom: 45px;
	height: 200px;
}

.addpm #comment-editor .bb-editor textarea {
	height: 340px;
}

.wseditor table,
.bb-editor table {
	margin: 0px;
}

/* --- Контакты --- */
#map {
	width: 100%;
	height: 400px;
}

.map_resp {
	width: 100%;
	padding-top: 60%;
	height: 0;
	position: relative;
}

.map_resp>#map {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: auto;
}

.dark_top {
	border-radius: 2px 2px 0 0;
	color: #fff;
	background: #2c2c2c;
}

.contacts {
	font-size: 1.3em;
}

.contacts>.grid_1_2 {
	padding-left: 42px;
}

.contacts>.grid_1_2 .icon {
	float: left;
	margin: 5px 0 0 -42px;
	width: 24px;
}

/* --- Регистрация, Восстановление пароля, Добавление новости---*/
.page_form_style body {
	background-color: #f7f7f7;
}

.page_form {
	max-width: 1100px;
	padding-left: 7%;
}

.page_form__back {
	background-color: #3394e6;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 3%;
	padding: 0 2%;
}

.page_form__back:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background-repeat: repeat-y;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
	background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.page_form__back>.icon {
	position: absolute;
	left: 50%;
	top: 8%;
	margin: 0 0 0 -15px;
	width: 30px;
	height: 20px;
	fill: #fff;
	opacity: .6;
}

.page_form__back:hover>.icon {
	opacity: 1;
}

.page_form__body {
	padding: 0 10%;
}

.page_form__logo {
	padding: 8% 0 0 0;
	margin-bottom: 8%;
}

.page_form__logo .icon {
	margin-top: -10px;
	width: 60px;
	height: 60px;
}

.page_form__inner>.title {
	font-weight: normal;
	font-size: 30px;
	margin: 4% 0;
}

.page_form__form .form_submit {
	border-top: 1px solid #e0e0e0;
	padding: 20px 0 0 0;
	margin-top: 20px;
}

@media only screen and (min-width: 701px) {
	.page_form__form {
		font-size: 1.25em;
	}

	.page_form__form .form-group label {
		color: #999;
	}

	.page_form__form .form-group input,
	.page_form__form .form-group textarea,
	.page_form__form .form-group select,
	.page_form__form .c-captcha input {
		height: 36px;
	}

	.page_form__form .form-group textarea {
		height: auto;
	}

	.page_form__form .c-captcha img {
		width: 160px;
		height: 60px;
	}

	.page_form__form .c-captcha input {
		width: 160px;
	}

	.page_form__form .form_submit {
		padding-top: 3%;
		margin-top: 3%;
	}

	.page_form__form ul.ui-form>li {
		margin-bottom: 3%;
	}
}

.page_form__form .login_check {
	position: relative;
}

.page_form__form .login_check>input {
	padding-right: 150px;
}

.page_form__form .login_check>.btn {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
}

#result-registration {
	margin-top: 10px;
	font-size: .8em;
}

.regtext {
	margin-bottom: 5%;
}

.page_form__foot {
	margin-top: 8%;
	padding-bottom: 8%;
}

.page_form__foot>* {
	display: block;
	float: none;
}

.page_form__foot .ca {
	display: block;
	margin-top: 2%;
	margin-left: 0;
}

/* --- PM --- */
@media only screen and (min-width: 601px) {
	#pm-menu:after {
		content: "";
		clear: both;
		display: block;
	}

	#pm-menu {
		margin-bottom: 25px;
	}

	#pm-menu a {
		color: inherit;
		padding: 10px 16px;
		border-radius: 2px;
		border: 2px solid transparent;
		float: left;
		text-decoration: none !important;
	}

	#pm-menu a:hover {
		border-color: #3394e6;
		color: #3394e6;
	}
}

.pm-box {
	margin-bottom: 25px;
}

.pm_status {
	padding: 25px;
	background-color: #f7f7f7;
	border-radius: 2px;
}

.pm_progress_bar {
	background-color: #e5dbcc;
	margin-bottom: 10px;
	border-radius: 2px;
}

.pm_progress_bar span {
	background: #e85319;
	font-size: 0;
	height: 20px;
	border-radius: 2px;
	display: block;
	overflow: hidden
}

/* --- Страница пользователя --- */
.userinfo_top {
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.userinfo_top .avatar {
	position: absolute;
}

.user_tab {
	list-style: none;
	padding: 0;
	margin: 0;
}

.user_tab>li {
	display: inline;
	margin-right: 1.2em;
}

.user_tab>li>a {
	text-decoration: none !important;
	font-size: .6em;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.user_tab>li>a {
	color: #fff;
	opacity: .5;
}

.user_tab>li>a:hover {
	color: inherit;
}

.user_tab>li.active>a {
	cursor: default;
	font-size: 1em;
	opacity: 1;
}

.usinf {
	list-style: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.usinf li {
	padding: 12px 0;
	border-top: 1px solid #e6e6e6;
}

.usinf li:first-child {
	border-top-width: 0;
}

.ui-c1,
.ui-c2 {
	display: inline-block;
	vertical-align: top;
}

.ui-c1 {
	width: 30%;
	margin-right: 5%;
}

.ui-c2 {
	width: 60%;
}

/* Окно пользователя */
.userinfo {
	padding-left: 90px;
}

.userinfo .avatar {
	position: absolute;
	float: left;
	margin: 0 0 0 -90px;
}

.userinfo .avatar .cover {
	width: 60px;
	height: 60px;
}

.userinfo>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* --- Статистика --- */
.stats_head>ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1.25em;
}

.stats_head>ul>li {
	margin-top: 15px;
	padding-left: 30px;
}

.stats_head>ul>li:before {
	content: "";
	float: left;
	margin: 2px 0 0 -30px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #3394e6;
}

.stats_head>ul>li>b {
	display: block;
	font-size: .8em;
	opacity: .5;
	font-weight: normal;
}

.stats_head>ul>li.stats_d:before {
	background-color: #f6a71a;
}

.stats_head>ul>li.stats_w:before {
	background-color: #ce3f28;
}

.stat_group {
	margin-bottom: 25px;
}

.stat_group>h5 {
	margin-top: 0;
	margin-bottom: 1em;
}

.stat_group>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.stat_group>ul>li {
	padding: .6em 0;
	border-top: 1px dotted #d5d5d5;
}

/* --- Страница поиска --- */
.search_result_num {
	font-size: .9em;
	margin: 25px 0 0;
}

.search table {
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate;
}

#searchtable td,
#searchtable td div,
#searchtable table {
	margin: 0 !important;
	padding: 0 !important;
}

#searchtable td.search br {
	display: none;
}

td.search .bbcodes {
	margin: 0 !important;
}

td.search {
	vertical-align: top;
}

.last-video .preview-title {
	margin-bottom: 0px;
	font-size: 12px;
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	height: 100%;
}

.owl-carousel .owl-item img {
	max-height: 260px;
	object-fit: cover;
	height: -webkit-fill-available;
}

.modAlert,
.modAlert * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modAlert {
	position: fixed;
	bottom: 0px;
	right: 0;
	width: 380px;
	overflow: hidden;
	z-index: 1007;
	padding: 15px;
	text-align: center;
}

.modAlert-item {
	line-height: 21px;
	font-size: 16px;
	display: none;
	margin-top: 15px;
	position: relative;
	overflow: hidden;
	color: #fff;
	border-radius: 0px;
	cursor: pointer;
}

.modAlert-item.modAlert-onerow {
	padding-top: 10px;
}

.modAlert-item.modAlert-noicon {
	padding-left: 22px;
}

.modAlert-item.modAlert-notitle {
	padding-top: 13px;
	padding-bottom: 13px;
}

.modAlert-title {
	padding: 5px;
	border-bottom: 2px solid;
	border-bottom-color: var(--main-purple);
	position: relative;
}

.modAlert-text {
	word-break: break-word;
	padding: 10px 5px;
}

.modAlert-success {
	background: rgba(0, 0, 0, .8);
}

.modAlert-success .modAlert-title {
	color: #fff;
}

.modAlert-error {
	background: rgba(0, 0, 0, .8);
}

.modAlert-error .modAlert-title {
	color: #fff;
}

.modAlert-warning {
	background: rgba(0, 0, 0, .8);
}

.modAlert-warning .modAlert-title {
	color: #fff;
}

.modAlert-info {
	background: rgba(0, 0, 0, .8);
}

.modAlert-info .modAlert-title {
	color: #fff;
}

.mt-15 {
	margin-top: 15px
}

#content-desc-text {
	font-size: 16px;
	line-height: 22px;
	background: #f7f7f7;
	padding: 10px 13px;
}

#content-desc-text hi {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}

.light-off .dark-overlay {
	visibility: visible;
	opacity: 1;
}

.dark-overlay {
	visibility: hidden;
	background: rgba(48, 48, 48, .9);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
}
.video-wrp {
	position: relative;
	padding-top: 56.25%;
}
.video-wrp iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	border: none;
}
.re-column {
	background: #fff;
}

.last-video-head .author-link a {
	color: var(--main-orange);
	font-weight: 600;
}

.author-img img {
	width: 30px !important;
	-webkit-border-radius: 50%;
	border-radius: 50%
}
.video-channel iframe {
	width: 100%;
    height: 528px;
}
.short-story-channel-description {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
}


.comment__body {
    position: relative;
}
.comment__head {
    position: relative;
    padding-left: 32px;
}

.comment__user, .comment__user:hover {
    text-decoration: none;
}
.comment__user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment__avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: block;
    border: 0;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
}
.text-truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.comment__username {
    margin-right: 4px;
    color: #212529;
    font-weight: 700;
    max-width: 220px;
}
.comment__date-time {
    color: #818181;
    font-size: 13px;
    display: flex;
    margin-left: 5px;
    margin-bottom: 3px;
}
.comment__content {
    margin: 8px 0 8px;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word;
    word-break: break-word;
}
.comment__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.comment__controls .button_link {
    margin-right: 10px;
    font-size: 14px;
    background: transparent;
}
.comment-lastcomments .button_link {
    margin-bottom: 10px;
}
.comment__controls .button_link a {
    font-size: 16px;
}
.button_link a {
    padding: 0;
    height: auto;
    color: #3b23fc;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    background: none;
    border: none;
    cursor: pointer;
}
.button_link i {
    color: #9f9f9f;
}
.comment__dropdown {
    display: inline-block;
    vertical-align: middle;
}
.dropdown {
    position: relative;
}
.comment__control_dropdown {
    width: 20px;
    height: 20px;
    padding: 9px 3px 8px;
    margin-right: 10px;
    cursor: pointer;
    color: #818181;
}
.comment__control_dropdown svg {
    display: block;
    width: 14px;
    height: 3px;
    fill: currentColor;
}
.comment__rating {
    position: absolute;
    right: 0px;
    top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #818181;
}
.comment__rating-action {
    padding: 0px 5px;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comment__rating-action svg {
    width: 12px;
    height: 10px;
    display: block;
    fill: currentColor;
    pointer-events: none;
}
.comment__rating-value_positive {
    color: #3cce7b;
}
.comment__rating-value {
    padding: 0 13px;
    font-weight: 600;
}
@media (max-width: 768px) {
.comment__rating {
    margin-left: auto;
    bottom: 0px;
    right: -5px;
    top: auto;
}
.comment-lastcomments .comment__rating {
    right: -5px;
    margin-left: auto;
    bottom: 10px;
    top: auto;
} 
}
@media (min-width: 500px) {
.comment__head {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}
@media (max-width: 500px) {
.comment__avatar {
    position: absolute;
    top: 6px;
    left: 0;
}
.comment__username {
    font-size: 13px;
    display: block;
}
.comment__date-time {
    display: block;
    font-size: 11px;
    line-height: 1;
    margin-left: 0px;
}
.comment__content {
    margin: 10px 0;
}
}
.comment-lastcomments .n-title a {
    padding: 8px 0px 8px;
    display: block;
    color: #6a6a6a;
    margin-bottom: 8px;
    border-bottom: 1px solid #ebebeb;
}
.n-title a:hover {
    color: #4683d9;
}
.ui-dialog textarea {
	margin-top: 10px;
}
.allnews-img {
    float: left;
    width: 170px;
    height: 130px;
    object-fit: cover;
}
.filter-cell select[multiple] {
    height: 30px;
}
.loading-kodik {
  	position: absolute;
    width: 5rem;
    height: 5rem;
    transform-style: preserve-3d;
    perspective: 800px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading-kodik .arc {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-bottom: 3px solid #fff;
}
.loading-kodik .arc:nth-child(1) {
  animation: rotate1 1.15s linear infinite;
  animation-delay: -0.8s;
}
.loading-kodik .arc:nth-child(2) {
  animation: rotate2 1.15s linear infinite;
  animation-delay: -0.4s;
}
.loading-kodik .arc:nth-child(3) {
  animation: rotate3 1.15s linear infinite;
  animation-delay: 0s;
}

@keyframes rotate1 {
  from {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
  }
  to {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(1turn);
  }
}
@keyframes rotate2 {
  from {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
  }
  to {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(1turn);
  }
}
@keyframes rotate3 {
  from {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
  }
  to {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(1turn);
  }
}
.voicerate_item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
	padding: 2px 6px;
}

.voicerate_title {
    width: 15%;
}

.voicerate_count {
    width: 12%;
	text-align: right;
}

.voicerate_prgbar {
    width: 71%;
    background: #898989;
    border-radius: 5px;
}

.voicerate_prgbar_width {
    background: red;
    height: 5px;
    border-radius: 5px;
}
.card {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 2px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    margin-bottom: 0;
    padding: .75rem 1rem;
    background-color: rgba(0, 0, 0, .03);
}
.card-header:first-child {
    border-radius: calc(2px - 1px) calc(2px - 1px) 0 0;
}
.card-title {
    margin-bottom: 0;
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.last-update-header {
    background-color: rgba(0, 0, 0, .15);
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.di-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.mr-1 {
    margin-right: .25rem !important;
}
.d-none {
    display: none !important;
}
@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important;
    }
}
.bb-dashed-1 {
    border-bottom: 1px dashed;
    color: #ff7100;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.bb-dashed-1:before {
    content: attr(data-effect-close);
}
.collapse {
    display: none;
}
.collapse.show {
    display: block;
}
.scroll {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}
.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}
.list-group-item-action {
    width: 100%;
    color: #212529;
    text-align: inherit;
}
.list-group-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.cursor-pointer {
    cursor: pointer;
}
.border-left-0 {
    border-left: 0 !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-right-0 {
    border-right: 0 !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.media {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.w-100 {
    width: 100% !important;
}
.last-update-img {
    width: 48px;
    margin-right: .5rem !important;
}
.img-square {
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 50%;
}
.media-body {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.mr-auto {
    margin-right: auto !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.last-update-title {
    max-height: 46px;
    overflow: hidden;
    font-weight: 600;
}
.text-right {
    text-align: right !important;
}
.text-truncate {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
}
.text-gray-dark-6 {
    color: rgba(0, 0, 0, .6);
}
.media-body .season-info {
    display:none;
}
top100-box, .top100-box * {background: transparent;margin:0;padding:0;outline:none;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after {content: ""; display: table; clear: both;}
.top100-box {text-align:center; font-weight:700;}
.top100-title {font-size:24px; margin-bottom:20px; font-weight:700;}
.top100-items {position:relative;}
.top100-items ol {position:relative; padding-top:440px;}
.top100-items ol {position:relative; z-index:100; counter-reset:li}
.top100-item {padding:0 10px 30px 10px; float:left; width:16.66%; position:relative;}
.top100-item::before {content: counter(li); counter-increment: li;font-size: 24px;color: #FFF; font-weight: 700; position: absolute;top: 0px;left: 50%; margin-left: -25px; width: 50px; z-index: 10;height: 50px; line-height: 50px;text-align: center; border-radius: 50%;background-color: #596a72;background: linear-gradient(to top, #cedce7 0%, #596a72 100%);box-shadow: 0 0 0 10px #b5c8d7;}
.top100-item a {display:block; color:#000;}
.top100-img {height:200px; overflow:hidden; background-color:#000;}
.top100-img img {width:100%; min-height:100%;}
.top100-name {height:40px; line-height:20px; overflow:hidden; margin-top:5px;}
.top100-items::before {content:""; width:100%; height:400px; position:absolute; left:0; top:0; background-color: #ff7002; 
background-image: linear-gradient(45deg, #ff7002 25%, #b0b0b0 25%, #b0b0b0 50%, #ff7002 50%, #ff7002 75%, #b0b0b0 75%, #b0b0b0 100%),radial-gradient(circle at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 60%);}
.trophy {float:none; width:200px; position:absolute; padding:10px; background-color:rgba(0,0,0,0.5);}
.trophy a {color:#fff;}
.trophy .top100-img {}
.trophy:nth-child(2) {left:80px; top:60px;}
.trophy:nth-child(1) {left:50%; margin-left:-105px; top:20px;}
.trophy:nth-child(3) {right:80px; top:80px;}
.trophy:before {background-color:#ffd803; background: linear-gradient(to top, #ffea03 0%,#ffd803 100%); 
box-shadow:0 0 0 10px #f0dc03; color:#000; bottom:90px;}
.top100-item:hover .top100-name {text-decoration:underline;}

@media screen and (max-width: 950px) {
.top100-item {width:20%;}
.trophy {width:200px;}
.trophy:nth-child(2) {left:20px;}
.trophy:nth-child(3) {right:20px;}
}
@media screen and (max-width: 760px) {
.top100-item {width:33.33%;}
.trophy {width:200px; position:relative; left:0 !important; top:0 !important; margin:0 auto 20px auto !important;}
.top100-items::before {display:none;}
.top100-items ol {padding-top:0;}
}
@media screen and (max-width:590px) {
.top100-item {width:50%;}
.trophy {width:200px;}
}