:root {
  --color-fff: #fff;
  --border-color0636f: #60636f;
  --accent-color33333: #333333;
  --color-defcfa: #defcfa;
  --accent-color33: #333;
  --accent-color83a48: #383a48;
  --secondary-colord313c: #2d313c;
  --color-000: #000;
  --primary-color40000: #140000;
  --dark-text99: #999;
  --accent-colora3a3a: #3a3a3a;
  --border-colord7379: #6d7379;
  --color-00ff15: #00ff15;
  --color-red: #ff0000;
  --color-00a6ee: #00a6ee;
  --color-ffc04c: #ffc04c;
  --primary-color6b8e0: #16b8e0;
  --color-00f583: #00f583;
  --color-black: #000000;
  --dark-text399af-1: #9399af;
  --color-white: #ffffff;
  --secondary-colorc4067: #2c4067;
  --accent-color13131: #313131;
  --color-0b0b14: #0b0b14;
  --background-color884fe-1: #4884fe;
  --secondary-color02227: #202227;
  --primary-colorf2225: #1f2225;
  --primary-color8191d: #18191d;
  --color-dc1515: #dc1515;
  --secondary-color600ff: #2600ff;
  --color-f1f1f1: #f1f1f1;
  --color-f5dada: #f5dada;
  --background-colorc1d1b: #4c1d1b;
  --color-e0dfdf: #e0dfdf;
  --color-f60001: #f60001;
  --secondary-colore2d2a: #2e2d2a;
  --accent-color0323a: #30323a;
}

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

img, object, embed {
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

q:before, q:after {
	content: '';
}

a * {
	cursor: pointer;
}

input, textarea {
	outline: none;
}

input,
button {
	background-color: transparent;
	border: none;
	outline: none;
	font-family: inherit;
}

button {
	cursor: pointer;
}

:root {
	--header-visible: flex;
	--header-hidden: none;
	--fill-svg-icon: var(--color-000);
	--fill-svg-icon-active: var(--color-white);
	--fill-svg-icon-hover: var(--background-color884fe-1);
}

html {
	min-height: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font: 400 14px/1.2 "Rajdhani", sans-serif;
	height: 100%;
	min-width: 320px;
	color: var(--color-black);
	background: var(--color-white);
}

@media screen and (max-width: 1306px) {
	body.open-menu .header-nav {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	body.open-menu .mobile-close {
		display: flex;
	}
	body.open-menu .mask {
		opacity: 1;
		visibility: visible;
	}
}

a {
	cursor: pointer;
}

body.show-search {
	--header-visible: none;
	--header-hidden: flex;
}

body.show-search .header-search {
	display: flex;
}

@media screen and (max-width: 768px) {
	body.show-search .header-panel .item:first-child {
		order: 1;
	}
	body.show-search .logo {
		opacity: 0;
		visibility: hidden;
	}
}

body.scroll-locked {
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.main {
	padding: 30px 0 50px;
}

@media screen and (max-width: 480px) {
	.main {
		padding: 20px 0;
	}
}

.section {
	margin-top: 50px;
}

@media screen and (max-width: 991px) {
	.section {
		margin-top: 30px;
	}
}

@media screen and (max-width: 480px) {
	.section {
		margin-top: 20px;
	}
}

.section:first-child {
	margin-top: 0;
}

.section.second {
	margin-top: 0;
}

a {
	color: var(--secondary-color600ff);
	text-decoration: none;
}

input {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
}

* {
	outline: none;
}

* {
	box-sizing: border-box;
}

*:before, *:after {
	box-sizing: border-box;
}

* ::-moz-selection {
	background: var(--secondary-color600ff);
	color: var(--color-fff);
}

* ::selection {
	background: var(--secondary-color600ff);
	color: var(--color-fff);
}

input, textarea {
	font-family: inherit;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--dark-text99);
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: var(--dark-text99);
	opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--dark-text99);
	opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--dark-text99);
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input.placeholder, textarea.placeholder {
	color: var(--dark-text99) !important;
}

button {
	font-size: inherit;
}

.wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	min-height: 100vh;
}

.container {
	margin: 0 auto;
	max-width: 1620px;
	padding: 0 30px;
	width: 100%;
}

@media screen and (max-width: 991px) {
	.container {
		padding: 0 20px;
	}
}

@media screen and (max-width: 860px) {
	.container {
		padding: 0 10px;
	}
}

.mask {
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0;
	right: 0;
	top: 0;
	transition: transform .4s, visibility .4s, opacity .4s;
	visibility: hidden;
	z-index: 9;
}

.header {
	background: var(--color-white);
	border-bottom: 1px solid var(--accent-color83a48);
}

.header-holder {
	display: flex;
	width: 100%;
	position: relative;
}

.wrap-hamburger {
	display: none;
	align-items: center;
	margin-right: 30px;
}

@media screen and (max-width: 1306px) {
	.wrap-hamburger {
		display: flex;
	}
}

@media screen and (max-width: 480px) {
	.wrap-hamburger {
		margin-right: 10px;
	}
}

.hamburger {
	height: 24px;
	position: relative;
	width: 24px;
	opacity: 1;
	transform: translateZ(0);
	transition: opacity .3s,visibility .3s,transform .3s;
	visibility: visible;
}

@media screen and (max-width: 480px) {
	.hamburger {
		height: 20px;
		width: 20px;
	}
}

.hamburger::after, .hamburger::before,
.hamburger span {
	content: '';
	height: 3px;
	background: var(--border-colord7379);
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 10px;
	transform-origin: top left;
}

.hamburger::before {
	top: 0;
}

.hamburger::after {
	bottom: 0;
}

.hamburger span {
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 6px 0;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 100px;
}

.logo a {
    height: 55px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1530px) {
	.logo {
		margin-right: 60px;
	}
}

@media screen and (max-width: 1360px) {
	.logo {
		margin-right: 50px;
	}
}

@media screen and (max-width: 1024px) {
	.logo {
		margin-right: 30px;
	}
}

@media screen and (max-width: 480px) {
	.logo {
		margin-right: 10px;
	}
}

.logo img {
	max-width: 158px;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.logo img {
		max-width: 120px;
	}
}

.header-nav {
	flex-grow: 1;
	flex-shrink: 1;
	display: var(--header-visible);
	justify-content: end;
	align-items: center;
}

@media screen and (max-width: 1306px) {
	.header-nav {
		flex-direction: column;
		position: fixed;
		padding: 30px;
		top: 0;
		left: 0;
		bottom: 0;
		max-width: 220px;
		width: 100%;
		background: var(--color-white);
		overflow: hidden;
		overflow-y: auto;
		z-index: 20;
		transform: translate3d(-100%, 0, 0);
		transition: transform .3s, visibility .3s, opacity .3s;
		visibility: hidden;
		opacity: 0;
		align-items: baseline;
		justify-content: normal;
	}
}

@media screen and (max-width: 768px) {
	.header-nav {
		padding: 20px;
	}
}

.header-nav .item {
	position: relative;
	margin-right: 20px;
}

@media screen and (max-width: 1530px) {
	.header-nav .item {
		margin-right: 35px;
	}
}

@media screen and (max-width: 1420px) {
	.header-nav .item {
		margin-right: 25px;
	}
}

@media screen and (max-width: 1306px) {
	.header-nav .item {
		margin: 0 0 50px 0;
		height: auto;
	}
}

@media screen and (max-width: 768PX) {
	.header-nav .item {
		margin: 0 0 35px 0;
		height: auto;
	}
}

.header-nav .item:last-child {
	margin-right: 0;
}

@media screen and (max-width: 1306px) {
	.header-nav .item:last-child {
		margin: 0;
	}
}

.header-nav .item.active a {
	color: var(--color-white);
}

.header-nav a {
	display: flex;
	align-items: center;
	position: relative;
	color: var(--color-black);
	font-size: 16px;
    font-weight: 500;
	letter-spacing: 0.32px;
	transition: color .2s;
	padding: 8px;
	text-transform: uppercase;
	border-radius: 10px;
}

@media screen and (min-width: 1025px) {
	.header-nav a:hover {
		color: var(--background-color884fe-1)!important;
		background: transparent;
	}

	.light .header-nav a:hover {
		color: var( --background-color884fe-1)!important;
	}
}

@media screen and (max-width: 1306px) {
	.header-nav a {
		height: auto;
	}
}

.header-nav a::after {
	width: 100%;
	content: '';
	background: var(--color-f60001);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	transition: height .2s;
}

@media screen and (max-width: 1306px) {
	.header-nav a::after {
		display: none;
	}
}

.header-nav a.second {
	color: var(--color-f60001);
}

@media screen and (max-width: 1306px) and (min-width: 1025px) {
	.header-nav a.second:hover {
		color: var(--color-f60001);
	}
}

.header-nav a.second::after {
	background: var(--color-f60001);
}

.header-nav .mobile-close {
	font-size: 24px;
	color: var(--dark-text399af-1);
	margin: 0 auto 50px 0;
	display: none;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.header-nav .mobile-close:hover {
		color: var(--color-f60001);
	}
}

@media screen and (max-width: 768px) {
	.header-nav .mobile-close {
		margin: 0 auto 35px 0;
		font-size: 20px;
	}
}

.header-panel {
	display: flex;
	align-self: center;
	justify-content: flex-end;
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 30px;
}

@media screen and (max-width: 1306px) {
	.header-panel {
		margin-left: auto;
	}
}

.header-panel .item {
	margin-left: 30px;
}

.header-panel .item:first-child {
	margin-left: 0;
}

@media screen and (max-width: 1306px) {
	.header-panel .item:first-child {
		/* padding-left: 30px; */
	}
}

@media screen and (max-width: 480px) {
	.header-panel .item:first-child {
		padding-left: 0;
	}
}

@media screen and (max-width: 480px) {
	.header-panel .item {
		margin-left: 20px;
	}
}

.header-search {
	align-items: center;
	display: none;
	max-width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: flex-start;
}

@media screen and (max-width: 768px) {
	.header-search {
		position: absolute;
		z-index: 10;
		right: 40px;
		left: 0;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		background: var(--color-fff);
	}
	html.dark .header-search {
		background: var(--color-000);
	}
}

.form-search {
	width: 100%;
	max-width: 932px;
}

.form-search .wrap {
	border-radius: 10px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
	display: flex;
}

.form-search .button {
	color: var(--dark-text399af-1);
	flex-grow: 0;
	flex-shrink: 0;
	padding: 0 20px;
	font-size: 22px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.form-search .button:hover {
		color: var(--color-ffc04c);
	}
}

@media screen and (max-width: 480px) {
	.form-search .button {
		font-size: 20px;
	}
}

.search-input {
	color: var(--dark-text399af-1);
	flex-shrink: 1;
	flex-grow: 1;
	cursor: text;
	font-size: 18px;
	height: 50px;
	padding: 14px 0 14px 20px;
	width: 100%;
}

@media screen and (max-width: 480px) {
	.search-input {
		font-size: 14px;
	}
}

.icon-close {
	display: none;
}

.button-history,
.button-user,
.search-btn {
	font-size: 24px;
	color: var(--color-fff);
	transition: color .3s;
}

.button-user,
.search-btn {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1025px) {
	.button-history:hover,
	.button-user:hover,
	.search-btn:hover {
		color: var(--color-ffc04c);
		--fill-svg-icon: var(--fill-svg-icon-hover);
	}
}

@media screen and (max-width: 480px) {
	.button-history,
	.button-user,
	.search-btn {
		font-size: 20px;
	}
}

.dropped-auth {
	position: relative;
}

.dropped-auth.drop .button-user {
	color: var(--color-f60001);
}

.dropped-auth.drop .user-drop {
	opacity: 1;
	transform: translate3d(-100%, 0, 0);
	visibility: visible;
}

.user-drop {
	background: var(--secondary-colord313c);
    border: 1px solid var(--dark-text399af-1);
	border-radius: 5px;
	overflow: hidden;
	filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.3));
	position: absolute;
	min-width: 200px;
	left: 100%;
	z-index: 13;
	top: calc(100% + 10px);
	transform: translate3d(0, 0, 0);
	opacity: 0;
	transition: transform .4s, visibility .4s, opacity .4s;
	visibility: hidden;
    box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.user-drop .item-user.active a {
	background: var(--color-f60001);
	color: var(--primary-color8191d);
}

.user-drop a {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	color: var(--dark-text399af-1);
	font-size: 16px;
	background: var(--color-white);
	transition: color .3s, background .3s;
}

.user-drop svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 20px;
	margin-right: 10px;
	transition: fill .3s;
}

@media screen and (min-width: 1025px) {
	.user-drop a:hover {
		color: var(--color-white);
		background: var(--background-color884fe-1);
	}
	.user-drop a:hover svg {
		fill: var(--color-white);
	}
}

.user-drop .text {
	flex-grow: 1;
	flex-shrink: 1;
}

.top-list,
.under-header-categories {
	display: flex;
	margin: -5px -5px 35px;
}

@media screen and (max-width: 480px) {
	.top-list,
	.under-header-categories {
		margin: -3px -3px 25px;
	}
}

.top-list .item,
.under-header-categories .item {
	padding: 5px;
}

@media screen and (max-width: 480px) {
	.top-list .item,
	.under-header-categories .item {
		padding: 3px;
	}
}

.top-list a,
.under-header-categories a {
	display: flex;
	padding: 6px 10px;
	border-radius: 5px;
	background: transparent;
    color: var(--dark-text399af-1);
	transition: .3s;
}

.light .top-list a,
.light .under-header-categories a {
	border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
}

.light .headline .title {
	color: var(--dark-text399af-1);
}

@media screen and (min-width: 1025px) {
	.top-list a:hover,
	.under-header-categories a:hover {
		color: var(--color-white)!important;
		background: var(--background-color884fe-1)!important;
		border-color: transparent;
	}

	.light .top-list a:hover,
	.light .under-header-categories a:hover {
		background: var(--background-color884fe-1);
	}
}

.top-list {
	flex-wrap: wrap;
}

.top-list.second {
	margin-bottom: 30px;
}

.under-header-categories {
	overflow-x: auto;
	white-space: nowrap;
	display: none;
}

@media screen and (max-width: 1306px) {
	.under-header-categories {
		display: flex;
	}
}

.headline {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.headline .title {
	flex-grow: 1;
	flex-shrink: 1;
	line-height: 1.4;
	font-weight: 500;
	letter-spacing: .48px;
	font-size: 24px;
	color: var(--dark-text399af-1);
}

.headline .title a {
	color: var(--color-000);
	transition: color .3s ease;
}

@media screen and (max-width: 480px) {
	.headline .title {
		font-size: 20px;
	}
}

@media screen and (max-width: 374px) {
	.headline .title {
		font-size: 18px;
	}
}

.link-more {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 15px;
	display: flex;
	border-radius: 5px;
	background: transparent;
	border: 1px solid var(--dark-text399af-1);
	color: var(--dark-text399af-1);
	padding: 10px 20px;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.link-more:hover {
		background: var(--background-color884fe-1)!important;
		color: var(--color-white)!important;
	}
	.headline .title a:hover {
		color: var(--color-white);
	}

	html.dark .headline .title a:hover {
		color: var(--background-color884fe-1);
	}
}

@media screen and (max-width: 480px) {
	.link-more {
		padding: 8px 10px;
		font-size: 12px;
	}
}

.drop-sort {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 15px;
	position: relative;
}

.drop-sort.show .action-btn {
	color: var(--color-f60001);
	border-radius: 5px 5px 0 0;
	border-bottom-color: transparent;
}

.drop-sort.show .action-btn .svg-icon {
	fill: var(--color-fff);
}

.light .drop-sort .action-btn:hover {
	color: var(--color-fff);
	background: var(--background-color884fe-1);
}

.light .drop-sort .action-btn:hover .svg-icon {
	fill: var(--color-fff);
}

.light .drop-sort.show .action-btn {
	background: var(--background-color884fe-1);
    color: var(--color-fff);
}

.drop-sort.show .action-btn svg {
	fill: var(--color-f60001);
}

.drop-sort.show svg {
	transform: rotate(180deg);
}

.drop-sort.show .drop-hidden {
	opacity: 1;
	visibility: visible;
	border-top-color: transparent;
}

.action-btn {
	display: flex;
	align-items: center;
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	padding: 10px 20px;
}

.action-btn svg {
	fill: var(--dark-text399af-1);
	transition: .3s;
}

@media screen and (min-width: 1025px) {
	.action-btn:hover {
		color: var(--color-f60001);
	}
	.action-btn:hover svg {
		fill: var(--color-f60001);
	}
}

.action-btn .text {
	flex-grow: 1;
	flex-shrink: 1;
}

.action-btn svg {
	font-size: 10px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 10px;
	transition: transform .3s;
}

.drop-hidden {
	max-height: 300px;
	overflow-y: auto;
	position: absolute;
	width: 100%;
	z-index: 10;
	background: var(--secondary-colord313c);
    border: 1px solid var(--dark-text399af-1);
	top: calc(100% + -2px);
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	transition: visibility .3s, opacity .3s;
	visibility: hidden;
	opacity: 0;
}

.drop-hidden .item {
	padding: 10px;
	color: var(--dark-text399af-1);
	cursor: pointer;
	transition: color .3s, background .3s;
	display: block;
}

@media screen and (min-width: 1025px) {
	.drop-hidden .item:hover {
		color: var(--color-white);
	}
}

.main-grid,
.model-grid {
	display: flex;
	flex-wrap: wrap;
	margin: -15px -5px;
}

.main-grid form,
.model-grid form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: -15px -5px;
}

.main-grid form .bottom,
.model-grid form .bottom {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.main-grid form .bottom .action-btn,
.model-grid form .bottom .action-btn  {
	margin-right: 15px;
	cursor: pointer;
}

.main-grid form .bottom .action-btn:last-child,
.model-grid form .bottom .action-btn:last-child  {
	margin-right: 0;
}

.main-grid form .bottom input.action-btn:disabled,
.model-grid form .bottom input.action-btn:disabled {
	pointer-events: none;
}

.main-grid .item {
	width: 25%;
	padding: 15px 5px;
	display: flex;
}

.main-grid form .item,
.model-grid form .item {
	flex-wrap: wrap;
	position: relative;
}

@media screen and (max-width: 1306px) {
	.main-grid .item {
		width: 25%;
	}
}

@media screen and (max-width: 991px) {
	.main-grid .item {
		width: 33.33%;
	}
}

@media screen and (max-width: 640px) {
	.main-grid .item {
		width: 50%;
	}
}

@media screen and (max-width: 411px) {
	.main-grid .item {
		width: 100%;
	}
}

.main-card {
	position: relative;
}

.main-card .wrap {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 2;
	left: 10px;
	bottom: 10px;
}

.card-duration,
.quality {
	border-radius: 5px;
	background: rgba(24, 25, 29, 0.7);
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
	padding: 4px 5px;
	font-size: 12px;
	color: var(--color-fff);
	margin-right: 3px;
}

.card-duration:last-child,
.quality:last-child {
	margin-right: 0;
}

.main-card,
.model-card {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 1;
}

.main-card .title,
.model-card .title {
	flex-grow: 1;
	flex-shrink: 1;
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: .32px;
	color: var(--color-black);
	transition: color .3s;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
	.main-card .title,
	.model-card .title {
		font-size: 14px;
	}
}

@media screen and (min-width: 1025px) {
	.main-card:hover .title,
	.model-card:hover .title {
		color: var(--background-color884fe-1);
	}
}

.card-img,
.wrap-img {
	flex-grow: 0;
	flex-shrink: 0;
	height: auto;
	position: relative;
	width: 100%;
}

.card-img img,
.wrap-img img {
	border-radius: 5px;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	right: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.card-img {
	padding-bottom: 56.5%;
}

.statistic-list {
	flex-wrap: wrap;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	margin: 5px -5px -5px;
}

@media screen and (max-width: 480px) {
	.statistic-list {
		margin: 5px -3px -3px;
	}
}

.statistic-item {
	padding: 5px;
	color: var(--dark-text399af-1);
	font-size: 12px;
	letter-spacing: -0.24px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 480px) {
	.statistic-item {
		padding: 3px;
	}
}

.statistic-item svg {
	font-size: 14px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 5px;
}

.statistic-item span {
	flex-grow: 1;
	flex-shrink: 1;
}

.pagination-list {
	display: flex;
	margin-top: 30px;
	justify-content: center;
}

.pagination-list .list {
	display: flex;
	margin: 0 20px;
}

.pagination-list .list .item {
	margin-left: 5px;
}

.pagination-list .list .jump {
	margin-left: 5px;
}

@media screen and (max-width: 860px) {
	.pagination-list .list .item {
		display: none;
	}
}

.pagination-list .list .item:first-child {
	margin: 0;
}

@media screen and (max-width: 860px) {
	.pagination-list .list .item.active {
		display: block;
		margin: 0;
	}
}

.pagination-list .list .item.active a {
	border-radius: 5px;
	background: var(--accent-color0323a);
	color: var(--color-fff);
	pointer-events: none;
}

.pagination-list a,
.pagination-list .page-current span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	height: 40px;
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	transition: color .3s, background .3s;
}

.pagination-list .page-current span {
    background: var(--color-f60001);
    color: var(--color-fff);
	border-color: transparent;
}

.pagination-list .item.prev .prev-item,
.pagination-list .item.next .next-item {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    height: 40px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
    transition: color .3s, background .3s;
}

.pagination-list .item.pager {
	display: flex;
	align-items: center;
}

.pagination-list .item svg {
	font-size: 10px;
	transition: .3s;
	fill: var(--dark-text399af-1);
}

@media screen and (min-width: 1025px) {
	.pagination-list a:hover {
		background: var(--color-f60001);
		color: var(--color-white);
		border-color: transparent;
	}
	.pagination-list a:hover svg {
		fill: var(--color-white);
	}
}

.pagination-list .item.pager a {
	padding: 10px 20px;
}

@media screen and (max-width: 480px) {
	.pagination-list .item.pager a {
		padding: 10px 15px;
	}
}

.pagination-list .item.pager:first-child .text {
	margin-left: 10px;
}

.pagination-list .item.pager.next .text {
	margin-right: 10px;
}

@media screen and (max-width: 480px) {
	.pagination-list .item .text {
		display: none;
	}
}

.pagination-list .dots {
	color: var(--dark-text399af-1);
}

.pagination-list .dots span {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 40px;
	height: 100%;
}

.model-grid .item {
	width: 14.28%;
	padding: 15px 5px;
}

.model-grid form .item {
	padding: 5px;
}

@media screen and (max-width: 1306px) {
	.model-grid .item {
		width: 20%;
	}
}

@media screen and (max-width: 991px) {
	.model-grid .item {
		width: 25%;
	}
}

@media screen and (max-width: 640px) {
	.model-grid .item {
		width: 33.333%;
	}
}

@media screen and (max-width: 411px) {
	.model-grid .item {
		width: 50%;
	}
}

.model-card .title {
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap-img {
	padding-bottom: 160%;
}

.description-text {
	margin-top: 50px;
}

@media screen and (max-width: 991px) {
	.description-text {
		margin-top: 30px;
	}
}

@media screen and (max-width: 480px) {
	.description-text {
		margin-top: 20px;
	}
}

.description-text .title {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.4;
}

@media screen and (max-width: 840px) {
	.description-text .title {
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.description-text .title {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.description-text p {
	color: var(--dark-text399af-1);
	line-height: 1.4;
	margin-bottom: 10px;
}

.description-text p:last-child {
	margin-bottom: 0;
}

.twocolumn {
	display: flex;
}

@media screen and (max-width: 768px) {
	.twocolumn {
		flex-direction: column;
	}
}

.twocolumn .col {
	flex-grow: 1;
	flex-shrink: 1;
}

.twocolumn .col.second {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 20px;
	max-width: 300px;
	width: 100%;
}

@media screen and (max-width: 860px) {
	.twocolumn .col.second {
		max-width: 200px;
	}
}

@media screen and (max-width: 768px) {
	.twocolumn .col.second {
		margin: 20px 0 0;
		max-width: 100%;
		display: none;
	}
}

.video-img {
	position: relative;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 55%;
}

.video-img img {
	border-radius: 5px;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	right: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
}

.video-img .videoplayer {
	position: absolute;
	z-index: 10;
	top: 50%;
	line-height: 1;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-size: 100px;
	opacity: .7;
	color: var(--color-fff);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.video-img .videoplayer:hover {
		color: var(--color-f60001);
	}
}

@media screen and (max-width: 991px) {
	.video-img .videoplayer {
		font-size: 80px;
	}
}

@media screen and (max-width: 480px) {
	.video-img .videoplayer {
		font-size: 60px;
	}
}

.headline-video .title {
	display: inline;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .48px;
	padding: 5px 10px 5px 0;
}

@media screen and (max-width: 991px) {
	.headline-video .title {
		font-size: 22px;
	}
}

@media screen and (max-width: 480px) {
	.headline-video .title {
		font-size: 20px;
		padding: 5px 5px 5px 0;
	}
}

.video-list {
	display: inline-flex;
	vertical-align: baseline;
}


@media screen and (max-width: 480px) {
	.video-list {
		font-size: 12px;
	}
}

.video-list .item {
	padding: 5px;
}

@media screen and (min-width: 1025px) {
	.video-list a {
		transition: color .3s;
	}
	.video-list a:hover {
		color: var(--color-f60001);
	}
}

.video-list .item,
.video-list a {
	display: flex;
	align-items: center;
	color: var(--dark-text399af-1);
}

.video-list span {
	letter-spacing: -0.28px;
	flex-grow: 1;
	flex-shrink: 1;
	color: var(--color-000);
}

html.dark .video-list span {
	color: var(--dark-text399af-1);
}

.video-list svg {
	font-size: 18px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 5px;
	fill: var(--color-f60001);
}

@media screen and (max-width: 480px) {
	.video-list svg {
		font-size: 14px;
	}
}

.video-tool {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}

@media screen and (max-width: 480px) {
	.video-tool {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.column-tool {
		margin-top: 20px;
		width: 100%;
	}
	.column-tool:first-child {
		margin-top: 0;
		width: auto;
	}
}

.column-tool .wrap {
	/* display: flex; */
	/* align-items: center; */
}

.video-tool.playlist-tool .column-tool .wrap  {
	display: flex;
	align-items: center;
}

.column-tool .rating-container {
	display: flex;
	align-items: center;
}

.column-tool .rating-container .svg-icon {
	width: 30px;
    height: 30px;
	fill: var(--dark-text399af-1);
}

.column-tool .rating-container .svg-icon:hover {
	fill: var(--color-f60001);
}



@media screen and (max-width: 480px) {
	.column-tool .wrap {
		justify-content: center;
	}
}

.column-tool .text {
	color: var(--dark-text399af-1);
	margin-right: 10px;
}

.light .column-tool .text {
	color: var(--dark-text399af-1);
}

.light .tools-button .svg-icon {
	fill: var(--color-white);
}

.tool-btn {
	font-size: 24px;
	color: var(--dark-text399af-1);
	margin-right: 10px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.tool-btn:hover {
		color: var(--background-color884fe-1);
	}
}

.tool-btn:last-child {
	margin-right: 0;
}

.progress-bar {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background: var(--dark-text399af-1);
	height: 4px;
	border-radius: 5px;
}

.progress-bar .progress {
	background: var(--color-f60001);
	position: absolute;
	top: 50%;
	height: 4px;
	border-radius: 5px;
	transform: translate3d(0, -50%, 0);
	left: 0;
}

.tool-list {
	display: flex;
	align-items: center;
	margin: -3px;
}

@media screen and (max-width: 480px) {
	.tool-list {
		justify-content: space-between;
	}
}

.tool-list .item {
	padding: 3px;
}

@media screen and (max-width: 480px) {
	.tool-list .item {
		width: 100%;
	}
}

.tool-list .item.active .tools-button {
	background: var(--background-color884fe-1);
	color: var(--color-white);
	border-color: transparent;
}

.video-holder {
	background: transparent;
	padding: 8px;
    border-radius: 5px;
}

.light .video-holder {
	background: transparent;
} 

.tools-button {
	font-size: 18px;
	padding: 11px;
	display: flex;
	border-radius: 8px;
	border: none!important;
	background: transparent;
	background: var(--secondary-color02227);
    border-radius: 4px;
	transition: color .3s, background .3s;
}

.tools-button svg {
	transition: fill .3s;
}

@media screen and (min-width: 1025px) {
	.tools-button:hover {
		background: var(--background-color884fe-1);
		color: var(--color-white);
		border-color: transparent;
	}
	.tools-button:hover svg {
		fill: var(--color-fff)!important;
	}
}

.tool-list .item.active .tools-button svg {
	fill: var(--color-fff);
}	

@media screen and (max-width: 480px) {
	.tools-button {
		width: 100%;
		justify-content: center;
	}
}

.tabs-content {
	margin-top: 20px;
	display: none;
}

.tabs-content.selected {
	display: block;
}

.tabs-content .row {
	margin-top: 20px;
}

.tabs-content .row:first-child {
	margin-top: 0;
}

.info-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: -10px -10px 10px;
}

@media screen and (max-width: 480px) {
	.info-list {
		justify-content: center;
	}
}

.info-list .item {
	display: flex;
	flex-wrap: wrap;
	padding: 0 10px 10px 0;
}

.info-list .item.second a {
	border-radius: 10px;
	background: transparent;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

html.dark .info-list .item.second a {
	box-shadow: 0 5px 13px rgb(85 79 79 / 20%);
}

.info-list .item.second img {
	border-radius: 5px;
}

.info-list a {
	display: flex;
	align-items: center;
}

.info-list .no-thumb {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-f60001);
	color: var(--color-f60001);
	font-size: 10px;
}

html.dark .info-list .no-thumb {
	color: var(--secondary-color600ff);
}

html.dark .info-list .item.second .no-thumb {
	color: var(--secondary-color600ff);
}

.info-list .item.second .no-thumb {
	width: 90px;
	height: 50px;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: var(--color-f60001);
	font-size: 10px;

}

.info-list .wrap {
	padding: 6px 10px;
	transition: background .3s ease;
}

@media screen and (min-width: 1025px) {
	.info-list a:hover .wrap {
		background: var(--color-000);
	}
	.info-list a:hover .wrap .title {
		color: var(--color-fff);
	}
}

.info-list .item.second .wrap {
	width: 100%;
}

.info-list .item.second .wrap .title {
	width: 100%;
}

.info-list img {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	border-radius: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}

.info-list .title {
	color: var(--color-000);
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .32px;
	transition: color .3s;
	white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    width: 156px;
    text-align: center;
}

@media screen and (max-width: 480px) {
	.info-list .title {
		font-size: 14px;
	}
}

.info-list .text {
	margin-top: 3px;
	color: var(--dark-text399af-1);
	font-size: 12px;
	letter-spacing: -0.24px;
	display: flex;
	align-items: center;
}

.info-list svg {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 5px;
}

.info-list .ammount {
	flex-grow: 1;
	flex-shrink: 1;
}

.comment-box .title {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .48px;
	margin-bottom: 15px;
}

.comment-box .box {
	margin-top: 10px;
}

.comment-box .box:first-child {
	margin-top: 0;
}

.comment-box .input,
.comment-box .textarea {
	font-family: inherit;
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	padding: 12px 23px;
	width: 100%;
	font-size: 14px;
}

.comment-box input {
	max-width: 302px;
}

.comment-box .textarea {
	max-width: 700px;
	height: 100px;
	outline: none;
	resize: none;
	flex-grow: 1;
	flex-shrink: 1;
}

.comment-box .wrap {
	display: flex;
	align-items: flex-start;
}

.comment-box .wrap.captcha-holder {
	flex-wrap: wrap;
}

.comment-box .wrap.captcha-holder .textarea {
	margin-bottom: 15px;
}

@media screen and (max-width: 480px) {
	.comment-box .wrap {
		flex-direction: column;
	}
}

.btn-submit {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 10px;
	padding: 12px 30px;
	border-radius: 5px;
	display: flex;
	color: var(--color-fff);
	background: var(--background-color884fe-1);
	transition: .3s;
	border: 1px solid transparent;
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.btn-submit:hover {
		box-shadow: 0 0 8px var(--background-color884fe-1);
	}
}

@media screen and (max-width: 480px) {
	.btn-submit {
		margin: 10px 0 0;
	}
}

.comments {
	max-width: 805px;
	margin-bottom: 15px;
}

.comment-field {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.comment-field:last-child {
	margin-bottom: 0;
}

.user-ava {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	background: var(--primary-color8191d);
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
}

.user-ava {
	background: transparent;
	border: 1px solid var(--dark-text399af-1);
}

.user-ava img {
	width: 100%;
}

.user-ava.secondary {
	width: 120px;
	height: 120px;
	background: var(--secondary-color02227);
	margin-right: 20px;
}

@media screen and (max-width: 480px) {
	.user-ava.secondary {
		width: 90px;
		height: 90px;
		margin-right: 10px;
	}
}

.user-ava.secondary svg {
	font-size: 60px;
}

@media screen and (max-width: 480px) {
	.user-ava.secondary svg {
		font-size: 45px;
	}
}

.user-ava svg {
	font-size: 20px;
	color: var(--dark-text399af-1);
}

.comment-detail .info {
	display: flex;
	align-items: center;
}

.comment-detail .name {
	color: var(--color-000);
	display: inline-flex;
	vertical-align: top;
	transition: color .3s;
}

html.dark .comment-detail .name {
	color: var(--dark-text399af-1);
}

@media screen and (min-width: 1025px) {
	.comment-detail .name:hover {
		color: var(--color-ffc04c);
	}
}

.comment-detail .date {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

.comment-detail svg {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 5px;
	color: var(--dark-text399af-1);
}

.comment-detail .text {
	color: var(--dark-text399af-1);
	font-size: 12px;
	letter-spacing: -0.24px;
}

.text-comment {
	font-size: 16px;
	letter-spacing: .32px;
	margin-top: 8px;
}

@media screen and (max-width: 640px) {
	.text-comment {
		font-size: 14px;
		margin-top: 4px;
	}
}

.share-block {
	max-width: 700px;
}

.share-block .row {
	margin-top: 15px;
}

.share-block .row:first-child {
	margin-top: 0;
}

.share-label {
	display: flex;
	flex-direction: column;
}

.share-label input {
	color: var(--dark-text399af-1);
	background: transparent;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	border: 1px solid var(--dark-text399af-1);
}

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

.box-inner {
	display: flex;
	align-items: center;
	margin: -10px;
}

@media screen and (max-width: 860px) {
	.box-inner {
		flex-direction: column;
	}
}

.box-inner .col {
	padding: 10px;
	width: 50%;
}

@media screen and (max-width: 860px) {
	.box-inner .col {
		width: 100%;
	}
}

.box-inner .text {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 8px;
}

.radio-block {
	margin: -6px;
}

.radio-block .item {
	padding: 6px;
	margin-top: 0;
}

.label-choice {
	display: inline-flex;
}

.radio-info {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	position: relative;
	flex-grow: 1;
	flex-shrink: 1;
	padding-left: 40px;
}

.radio-info::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid var(--border-color0636f);
	border-radius: 100%;
	left: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.input-choice:checked + .radio-info::before {
	border: 5px solid var(--background-color884fe-1);
	background: var(--color-white);
}

.block-textarea {
	display: flex;
	flex-direction: column;
}

.violation-submit {
	margin-top: 30px;
	padding: 12px 30px;
	border-radius: 5px;
	display: flex;
	color: var(--color-fff);
	background: var(--background-color884fe-1);
	font-weight: 500;
	transition: .3s;
	border: 1px solid transparent;
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.violation-submit:hover {
		box-shadow: 0 0 8px var(--background-color884fe-1);
	}
}

.field-label span {
	display: block;
	margin-bottom: 5px;
}

.field-label .textarea {
	border-radius: 5px;
	resize: none;
	height: 100px;
	border: none;
	outline: none;
	background: transparent;
	width: 100%;
	color: var(--color-fff);
	padding: 15px;
	font-family: inherit;
	border: 1px solid var(--dark-text399af-1);
	color: var(--dark-text399af-1);
}

.video-banner {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.video-banner img {
	display: inline-block;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

.sidebar-spot {
	margin: -10px;
}

@media screen and (max-width: 768px) {
	.sidebar-spot {
		display: flex;
		justify-content: space-around;
	}
}

.item-spot {
	padding: 10px;
}

.item-spot a {
	display: block;
}

.item-spot img {
	border-radius: 5px;
	max-width: 100%;
}

.general-info {
	display: flex;
}

@media screen and (max-width: 480px) {
	.general-info {
		flex-direction: column;
	}
}

.general-img {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 30px;
	max-width: 120px;
	overflow: hidden;
	border-radius: 100%;
	width: 100%;
}

.general-img .no-thumb {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 18px;
    color: var(--dark-text399af-1);
    border: 1px solid var(--dark-text399af-1);
}

.general-img.second .no-thumb {
	width: 210px;
	height: 118px;
	border-radius: 5px;
}

@media screen and (max-width: 640px) {
	.general-img {
		margin-right: 15px;
	}
}

@media screen and (max-width: 480px) {
	.general-img {
		margin: 0 auto 10px;
	}
}

.general-img.second {
	border-radius: 5px;
	max-width: 210px;
}

@media screen and (max-width: 480px) {
	.general-img.second {
		max-width: 350px;
	}
}

@media screen and (max-width: 480px) {
	.general-img {
		max-width: 100px;
	}
}

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

.general-content {
	display: flex;
	align-items: center;
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 991px) {
	.general-content {
		flex-direction: column;
		align-items: stretch;
	}
}

.main-info {
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 480px) {
	.main-info {
		width: 100%;
	}
}

.main-info .statistic-list {
	margin-top: 5px;
}

@media screen and (max-width: 480px) {
	.main-info .statistic-list {
		justify-content: center;
	}
}

.main-info .title {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .48px;
}

@media screen and (max-width: 840px) {
	.main-info .title {
		font-size: 22px;
	}
}

@media screen and (max-width: 480px) {
	.main-info .title {
		font-size: 20px;
		text-align: center;
	}
}

.general-wrap {
	flex-grow: 0;
	flex-shrink: 0;
	margin: -7px;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 991px) {
	.general-wrap {
		padding: 15px 0 0;
	}
}

@media screen and (max-width: 640px) {
	.general-wrap {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.general-wrap {
		width: 100%;
		justify-content: center;
	}
}

.general-wrap .item {
	padding: 7px;
}

@media screen and (max-width: 640px) {
	.general-wrap .item {
		width: 100%;
	}
}

.btn-subscribe {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	border-radius: 5px;
    color: var(--dark-text399af-1);
    background: var(--secondary-colord313c);
	border: 1px solid var(--dark-text399af-1);
	width: 100%;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.btn-subscribe:hover {
		background: var(--background-color884fe-1);
        color: var(--color-white);
	}
	.btn-subscribe:hover .svg-icon {
		fill: var(--color-white);
	}
}

@media screen and (max-width: 640px) {
	.btn-subscribe {
		justify-content: center;
	}
}

.btn-subscribe svg {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 10px;
	font-size: 16px;
	fill: var(--color-fff);
	transition: fill .3s ease;
}

.link-video {
	display: flex;
	align-items: center;
	padding: 12px 20px;
	border-radius: 5px;
	color: var(--dark-text399af-1);
    background: var(--secondary-colord313c);
    border: 1px solid var(--dark-text399af-1);
	line-height: 1;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.link-video:hover {
		background: var(--background-color884fe-1);
        color: var(--color-white);
	}

	.link-video:hover .svg-icon {
		fill: var(--color-white);
	}

}

@media screen and (max-width: 640px) {
	.link-video {
		justify-content: center;
	}
}

.link-video svg {
	font-size: 16px;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 10px;
	fill: var(--color-fff);
}

.spot {
	width: 100%;
	text-align: center;
}

.spot .item {
	padding: 5px;
}

.spot a {
	display: block;
}

.spot img {
	border-radius: 5px;
	max-width: 100%;
}

.popup-wrap {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 3;
	align-items: center;
    display: flex;
}

.popup-wrap.open {
	display: flex;
}

.popup-wrap .content {
	border-radius: 5px;
	background: var(--color-white);
	margin: auto;
	max-width: 484px;
	padding: 46px 48px;
	position: relative;
	width: 100%;
	z-index: 2;
}

@media screen and (max-width: 480px) {
	.popup-wrap .content {
		padding: 30px 20px;
	}
}

.popup-wrap .content.indent {
	max-width: 950px;
}

.popup-wrap .title {
	color: var(--dark-text399af-1);
	font-size: 24px;
	font-weight: 500;
	letter-spacing: .48px;
	margin-bottom: 15px;
	padding-right: 40px;
	display: block;
}

@media screen and (max-width: 480px) {
	.popup-wrap .title {
		font-size: 20px;
	}
}

.popup-wrap .row {
	margin-top: 20px;
	position: relative;
}

.popup-wrap .row .field-error {
	position: absolute;
    color: var(--color-dc1515);
    bottom: -19px;
    left: 10px;
}

.popup-wrap .row:first-child {
	margin-top: 0;
}

.close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 24px;
	color: var(--dark-text399af-1);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.close-btn:hover {
		color: var(--color-f60001);
	}
}

@media screen and (max-width: 480px) {
	.close-btn {
		font-size: 20px;
	}
}

.custom-input {
	width: 100%;
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	font-family: inherit;
	padding: 12px 20px;
	color: var(--dark-text399af-1);
}

.login-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkbox-label {
	flex-grow: 1;
	flex-shrink: 1;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.checkbox-label .checkbox {
	display: inline-flex;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 20px;
	border: 2px solid var(--secondary-colore2d2a);
	transition: background .2s, border .2s;
	border-radius: 5px;
	height: 20px;
}

.checkbox-label .checkbox::after {
	content: "";
	position: absolute;
	opacity: 0;
	transition: opacity .2s;
	left: 5px;
	top: 1px;
	width: 7px;
	height: 10px;
	border: solid var(--color-white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.checkbox-label span:not(.checkbox) {
	color: var(--dark-text399af-1);
	font-size: 12px;
	letter-spacing: -0.24px;
}

.checkbox-input {
	display: none;
}

.checkbox-input:checked + .checkbox {
	background: var(--background-color884fe-1);
	border: 2px solid var(--background-color884fe-1);
}

.checkbox-input:checked + .checkbox::after {
	opacity: 1;
}

.login-link {
	margin-left: 10px;
	color: var(--dark-text399af-1);
	text-align: right;
	font-size: 12px;
	letter-spacing: -0.24px;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.login-link:hover {
		text-decoration: underline;
		color: var(--color-f60001);
	}
}

.log-button {
	margin-top: 30px;
}

.log-button button,
.log-button input {
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	padding: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transition: color .3s, background .3s;
	cursor: pointer;
}

.log-button input.code-input {
	background: transparent;
	cursor: text;
}

@media screen and (min-width: 1025px) {
	.log-button button:hover,
	.log-button input:hover {
		color: var(--color-fff);
		background: var(--background-color884fe-1)!important;
	}
	.log-button input.code-input {
		color: var(--dark-text399af-1);
		background: transparent;
	}
}



.detail-sign {
	color: var(--dark-text399af-1);
	text-align: center;
	line-height: 1.4;
	margin-top: 20px;
	font-size: 12px;
	letter-spacing: -0.24px;
}

.detail-sign a {
	color: var(--dark-text399af-1);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.detail-sign a:hover {
		color: var(--background-color884fe-1);
		text-decoration: underline;
	}
}

.sign-block {
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid var(--color-0b0b14);
}

@media screen and (max-width: 480px) {
	.sign-block {
		margin-top: 30px;
		padding-top: 15px;
	}
}

.login-info {
	color: var(--dark-text399af-1);
	text-align: center;
	letter-spacing: -0.28px;
}

.btn-sign {
	margin-top: 18px;
}

.btn-sign button,
.btn-sign a {
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: var(--background-color884fe-1);
    color: var(--color-fff);
	width: 100%;
	padding: 12px;
	transition: .3s;
	text-align: center;
	border: 1px solid var(--color-fff);
}

@media screen and (min-width: 1025px) {
	.btn-sign button:hover,
	.btn-sign a:hover {
		box-shadow: 0 0 8px var(--background-color884fe-1);
		border-color: transparent;
	}
}

.popup-field {
	display: flex;
}

@media screen and (max-width: 768px) {
	.popup-field {
		flex-direction: column;
	}
}

.popup-field .col {
	width: 50%;
	padding: 0 25px 0 0;
}

@media screen and (max-width: 991px) {
	.popup-field .col {
		padding: 0 10px 0 0;
	}
}

@media screen and (max-width: 768px) {
	.popup-field .col {
		width: 100%;
		padding: 0;
	}
}

.popup-field .col.second {
	padding: 0 0 0 25px;
}

@media screen and (max-width: 991px) {
	.popup-field .col.second {
		padding: 0 0 0 10px;
	}
}

@media screen and (max-width: 768px) {
	.popup-field .col.second {
		padding: 20px 0 0;
	}
}

.form-label .text {
	margin-bottom: 5px;
	display: flex;
}

.popup-textarea {
	width: 100%;
	outline: none;
	border: none;
	height: 120px;
	border-radius: 5px;
    background: transparent;
    border: 1px solid var(--dark-text399af-1);
    color: var(--dark-text399af-1);
	resize: none;
	font-size: 14px;
	font-family: inherit;
	resize: none;
	padding: 10px 20px;
}

.select2-container .select2-selection--single {
	height: 40px;
	display: flex;
	align-items: center;
	border: none;
	border-radius: 5px;
	background: var(--secondary-color02227);
	margin-top: 5px;
}

.select2-selection__arrow::before {
	content: "";
	position: absolute;
	transition: opacity .2s;
	top: 20px;
	width: 8px;
	height: 8px;
	border: solid var(--dark-text399af-1);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.select2-selection__arrow b {
	display: none;
}

.select2-container--open .select2-selection__arrow::before {
	transform: rotate(225deg);
	transition: .3s ease;
}

.select2-container--open .select2-dropdown--below {
	border: none;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
}

.select2-results {
	background: var(--secondary-color02227);
	border: none;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--color-f60001);
	color: var(--primary-color8191d);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--dark-text399af-1);
}

.select2-results__option--selectable {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 6px 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 20px;
	color: var(--dark-text399af-1);
}

.select2-container--default .select2-results__option--selected {
	background-color: var(--border-color0636f);
}

.select2-container--open .select2-dropdown--above {
	border: none;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.wrap-detail {
	display: flex;
	align-items: center;
	margin: -2px;
}

.col-list {
	flex-grow: 1;
	flex-shrink: 1;
	width: 30%;
	padding: 2px;
}

.mask-button {
	position: relative;
}

.mask-button input {
	color: var(--dark-text399af-1);
	border-radius: 5px;
	background: transparent;
	border: 1px solid var(--dark-text399af-1);
	height: 40px;
	position: relative;
	padding: 5px 100px 5px 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrap-btn input[type=file] {
	display: none;
}

.file-wrap {
	cursor: pointer;
	color: var(--color-fff);
	font-size: 12px;
	line-height: 1;
	padding: 9px 20px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	z-index: 2;
	border-radius: 5px;
	background: var(--primary-color8191d);
}

.user-box,
.user-mobile {
	align-items: center;
	margin-top: 45px;
}

.user-box {
	display: flex;
}

@media screen and (max-width: 768px) {
	.user-box {
		display: none;
	}
}

.user-mobile {
	display: none;
}

@media screen and (max-width: 768px) {
	.user-mobile {
		display: flex;
		margin-top: 20px;
	}
}

.save-btn {
	padding: 12px 37px;
	color: var(--color-fff);
	display: flex;
	border-radius: 5px;
	background: var(--secondary-colord313c);
	margin-top: 50px;
	transition: color .3s, background .3s;
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.save-btn:hover {
        background: var(--background-color884fe-1);
        color: var(--color-white);
	}
}

@media screen and (max-width: 768px) {
	.save-btn {
		margin-top: 30px;
	}
}

@media screen and (max-width: 480px) {
	.save-btn {
		margin-top: 20px;
	}
}

@media screen and (max-width: 374px) {
	.save-btn {
		width: 100%;
		justify-content: center;
	}
}

.footer {
	margin-top: auto;
	background: var(--color-white);
	padding: 50px 0;
}

.light .footer {
	border-top: 1px solid var(--color-0b0b14);
}

@media screen and (max-width: 991px) {
	.footer {
		padding: 20px 0;
	}
}

.footer-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 5px -15px;
}

.footer-list .item {
	padding: 5px 15px;
}

.footer-list a {
	color: var(--color-black);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.footer-list a:hover {
		color: var(--primary-color8191d);
	}
}

.footer-img,
.copyright {
	margin-top: 20px;
	text-align: center;
}

.footer-img {
	display: flex;
	justify-content: center;
}

.footer-img a {
	display: block;
	background: var(--color-black);
}

.copyright a {
	color: var(--color-black);
}

@media screen and (min-width: 1025px) {
	.footer-list a:hover {
		color: var(--color-f60001);
	}
	.copyright a:hover {
		color: var(--color-f60001);
	}
}

@media screen and (max-width: 480px) {
	.footer-img,
	.copyright {
		margin-top: 10px;
	}
}

.copyright {
	color: var(--dark-text399af-1);
}

.svg-icon {
	display: inline-block;
	vertical-align: top;
	width: 1em;
	height: 1em;
	fill: var(--fill-svg-icon);
}

.box.bottom-adv {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: -5px;
}

.box.bottom-adv .spot {
	padding: 5px;
}

.box.bottom-adv .spot a {
	display: block;
}

.box.bottom-adv .spot img {
    border-radius: 5px;
    max-width: 100%;	
}

.fancybox-wrap { 
	width: 100%!important;
	height: 100%!important;
	display: flex;
	align-items: center;
	justify-content: center;

    overflow-y: auto;
    padding: 20px 10px;
    position: fixed;
    top: 0!important;
    left: 0!important;
    bottom: 0;
    right: 0;
    width: 100%;
}

.checkbox-input.checkbox {
	display: none;
}

.captcha-control .image {
	margin-bottom: 20px;
	display: flex;
	position: relative;
	align-items: center;
	gap: 20px;
	flex-direction: row-reverse;
}

.captcha-control .image .field-error {
	position: absolute;
    color: var(--color-dc1515);
    bottom: -19px;
    left: 10px;
	top: 71px;
}

.captcha-control .image img {
	margin-bottom: 10px;
	margin-top: 10px;
}

.text-content h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

.text-content p {
	font-size: 16px;
	margin-bottom: 15px;
}

.model-card .no-thumb,
.card-img .no-thumb {
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--dark-text399af-1);
    border: 1px solid var(--dark-text399af-1);
    border-radius: 5px;
}

.player {
	margin-bottom: 20px;
}

.player-wrap {
	position: relative;
}

#kt_player {
	position: absolute!important;
	width: 100%!important;
}

.success {
	color: var(--color-00ff15);
}

.generic-error.hidden, 
.success.hidden {
	display: none;
}

.fav-holder {
	position: relative;	
}

.btn-favourites .hidden {
	display: none;
}

.fav-holder .add-fav-item {
	position: absolute;
    width: 155px;
    top: calc(100% - -10px);
    padding: 11px;
    border-radius: 5px;
    background: var(--color-white);
    color: var(--dark-text399af-1);
    transition: .3s;
	opacity: 0;
	visibility: hidden;
	z-index: 3;
	overflow: hidden;
	box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.5);
}

.fav-holder.show-tools .add-fav-item {
	opacity: 1;
	visibility: visible;
}

.fav-holder.show-tools .tools-button {
    background: var(--background-color884fe-1);
    color: var(--color-white);
}

.fav-holder.show-tools .tools-button svg {
	fill: var(--color-white);
}

.fav-holder .add-fav-item li {
	margin-bottom: 10px;
}

.fav-holder .add-fav-item li:last-child {
	margin-bottom: 0;
}

.fav-holder .add-fav-item a {
	color: var(--color-black);
    transition: color .3s, background .3s;
}

.fav-holder .add-fav-item a:hover {
	color: var(--color-f60001);
}

.generic-error {
	color: var(--color-red);
}

.section-inner {
	display: flex;
}

.member-menu {
	width: 300px;
	border-radius: 10px;
	background: var(--color-f1f1f1);
	padding: 10px;

	display: flex;
	flex-direction: column;
	align-items: center;
}
 
.member-menu .block-additional {
	width: 100%;
	text-align: left;
}

.member-menu .user-menu {
	width: 100%;
	text-align: left;
}

.user-menu li {
	margin-bottom: 15px;
}

.user-menu li span {
	color: var(--color-black);
	font-size: 18px;
}

.user-menu li a {
	color: var(--dark-text399af-1);
	transition: .3s;
}

.user-menu li a.active {
	color: var(--color-000);
	font-size: 18px;
}

@media (min-width: 1025px) {
	.user-menu li a:hover {
		color: var(--color-f60001);
	}
}

.member-menu .block-main {
	width: 100%;
}

.member-menu .avatar-holder {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

.member-menu .avatar {
	width: 120px;
	height: 120px;
	background: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
}

.user-container {
	width: 100%;
	margin-left: 15px;
	padding-top: 10px;
}

.user-container .member-row {
	margin-bottom: 40px;
}

.block-profile {
	margin-bottom: 30px;
}

.profile-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.profile-list .column {
	width: 33.33%;
}

.profile-list .column a,
.profile-list .column em {
	color: var(--dark-text399af-1);
    transition: .3s;
	transition: color .3s;
}

html.dark .feedback-dmca .popup-wrap .content{
	background: var(--accent-color33333);
}

.main-content .wrap{
	display: flex;
	gap: 10px;
}

.main-content .wrap .feedback-dmca {
	flex: 1;
}

.main-content .wrap .empty-content{
	flex: 1;
}

.main-content .feedback-dmca .popup-wrap .content{
	margin: 0;
	max-width: initial;
}
.log-button input.code-input{
	text-align: start;
}

@media screen and (max-width: 830px) {
	.main-content .wrap {
		display: block;
	}
}

@media (min-width: 1025px) {
	.profile-list .column a:hover {
		color: var(--color-f60001);
	}
}

.profile-list .item {
	margin-bottom: 15px;
}

.profile-list .item:last-child {
	margin-bottom: 0;
}

.profile-list .about-me {
	width: 100%;
	margin-top: 20px;
}

.edit-box .row select {
	height: 40px;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 5px;
    background: transparent;
    margin-top: 5px;
	color: var(--dark-text399af-1);
	border: 1px solid var(--dark-text399af-1);
	width: 100%;
	padding: 0 10px;
	cursor: pointer;
}

.edit-box .row.date fieldset {
	display: flex;
}

.edit-box .row.date fieldset select {
	margin-right: 5px;
}

.edit-box .row.date fieldset select:last-child {
	margin-right: 0;
}

.main-grid .item .toggle-button {
	position: absolute;
	top: 10px;
	left: 10px;

}

.main-grid .item .toggle-button.static {
	position: static;
} 

.toggle-button.static {

}

.main-grid .item .item-control {
	width: 100%;
}

.main-grid .checkbox,
.model-grid .checkbox {
	position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
}

.main-grid .checkbox .elastic-cbx,
.model-grid .checkbox .elastic-cbx {
	cursor: pointer;
    margin-right: 10px;
    pointer-events: all;
    line-height: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.main-grid .checkbox .elastic-cbx svg,
.model-grid .checkbox .elastic-cbx svg {
	fill: none;
    pointer-events: none;
    width: 20px;
    height: 20px;
}

.main-grid .checkbox .elastic-cbx svg path,
.model-grid .checkbox .elastic-cbx svg path {
	stroke-width: 1;
}

.main-grid .checkbox .elastic-cbx svg path.cb,
.model-grid .checkbox .elastic-cbx svg path.cb {
	stroke: var(--accent-colora3a3a);
    fill: var(--color-000);
}

.main-grid .checkbox .elastic-cbx svg path.cm,
.model-grid .checkbox .elastic-cbx svg path.cm {
	stroke: var(--color-fff);
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
}

.main-grid .form .checkbox .in-hide:checked + label svg,
.model-grid .form .checkbox .in-hide:checked + label svg {
    border-color: var(--color-f60001);
}

.main-grid .checkbox .in-hide:checked + label .cb,
.model-grid .checkbox .in-hide:checked + label .cb {
	fill: var(--color-f60001);
    stroke: var(--color-f60001);
    -webkit-animation: elasticInput 0.3s ease forwards;
    -o-animation: elasticInput 0.3s ease forwards;
    animation: elasticInput 0.3s ease forwards;
}

.main-grid .checkbox .in-hide:checked + label .cm,
.model-grid .checkbox .in-hide:checked + label .cm {
    opacity: 1;
    -webkit-transform: scale(1.1) translateY(1px);
    -ms-transform: scale(1.1) translateY(1px);
    -o-transform: scale(1.1) translateY(1px);
    transform: scale(1.1) translateY(1px);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

.main-grid .checkbox.in-hide,
.model-grid .checkbox.in-hide {
	opacity: 0;
    position: absolute;
    pointer-events: none;
}

.main-grid .item .item-control-holder,
.model-grid .item .item-control-holder {
	width: 100%;
	display: flex;
    justify-content: space-between;
	margin-top: 10px;
}

.main-grid .item .item-control-holder .action-btn {
	cursor: pointer;
	padding: 6px 20px;
}

.fancybox-skin {
	background: transparent;
}

.login-box {
	margin-top: 15px;
}

.login-box .field-label {
	font-size: 18px;
	color: var(--dark-text399af-1);
}

.login-box .field-label a {
	color: var(--color-black);
	transition: color .3s;
}

@media (min-width: 1025px) {
	.login-box .field-label a:hover {
		color: var(--color-f60001);
	}
}

.fancybox-item.fancybox-close {
	background-image: none;
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
}

.fancybox-item.fancybox-close .svg-icon {
	width: 100%;
	height: 100%;
	fill: var(--dark-text399af-1);
	transition: fill .3s;
}

@media (min-width: 1025px) {
	.fancybox-item.fancybox-close:hover .svg-icon {
		fill: var(--color-f60001);
	}
}

.block-channel {
	display: flex;
}

.block-channel .box-item {
	flex-wrap: wrap;
}

.block-channel .img {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-f60001);
	border-radius: 50%;
}

.box-info .action-btn {
	margin-right: 10px;
}

.box-info .action-btn:last-child {
	margin-right: 0;
}

.box-info .button-info {
	margin-right: 10px;
}

.box-info .button-info {
	
}

.user-container .list_videos {
	margin-bottom: 30px;
}

.main-grid .empty-content {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	color: var(--dark-text399af-1);
}

.block-video .playlist {
	margin-bottom: 20px;
}

.block-video .video-top {
	margin: 10px 0;
}

.block-video .video-top .top-list.second{
	margin-bottom: 0;
}

.album-holder .images {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.album-holder .images a {
	padding: 5px;
}

@media (max-width: 1460px) {
	.album-holder .images a {
		/* width: 12%; */
	}
}

.album-holder .images img {
	width: 100%;
}

.mySwiper2,
.mySwiper {
	display: none;
}

.mySwiper2.swiper-initialized, 
.mySwiper.swiper-initialized {
	display: block;
}

.mySwiper2 .swiper-slide {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mySwiper2 a {
    display: block;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    font-size: 0;
}

.twocolumn.album-twocolumn {
	justify-content: center;
}

.twocolumn .col.album-columns {
	max-width: 1245px;
	/* max-width: 900px; */
    width: 100%;
}

.main-grid.members-grid .item {
	width: 10%;
}

.main-grid.members-grid .card-img {
	border-radius: 50%;
    overflow: hidden;
	border-radius: 50%;
    overflow: hidden;
    width: 120px;
    height: 120px;
}

.main-grid.members-grid .card-img .no-thumb {
	border-radius: 50%;
}

.main-grid.members-grid .main-card {
	align-items: center;
}

.model-grid .empty-content {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 20px;
    color: var(--color-f60001);
}

.main-grid.subscriptions-grid .item a {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-top: 4px;
    padding-left: 40px;
    color: var(--color-000);
}

.swiper-button-next, 
.swiper-button-prev {
	color: var(--color-f60001);
}

.button-group.button-group-select .row {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.button-group.button-group-select .row label {
    margin: 0 0 12px;
    cursor: pointer;
	position: relative;
    padding-left: 24px!important;
    cursor: pointer;
}

.button-group.button-group-select .radio + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 2px solid var(--color-e0dfdf);
    background-color: var(--color-fff);
    padding: 3px 0 0;
    -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.button-group.button-group-select .radio:checked + label::before {
    background-color: var(--color-black);
    border: 5px solid var(--color-e0dfdf);
}

.playlist-popup .row.hidden {
	display: none;
}

.file.hidden {
	display: none;
}
.edit-box .form-label.field-label {
	color: var(--color-000);
} 

.mask-button .textfield {
	display: none;
}

.video-link a {
	display: block;
	text-align: center;
	background: var(--primary-color6b8e0);
	padding: 10px;
	font-weight: bold;
	color: var(--color-white);
    font-size: 16px;
    text-align: center;
	transition: .3s;
}

@media (min-width: 1025px) {
	.video-link a:hover {
		background: var(--dark-text399af-1);
		color: var(--color-white);
	}
}

.card-img .line-private {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: var(--color-white);
}

.user-container .headline.user-headline .drop-hidden {
	width: 110px;
    right: 0;
}

.user-headline .action-btn {
	min-width: 110px;
	width: 100%;
}

.album-holder .images-holder {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

.album-holder .images {
	max-width: 800px;
	width: 100%;
}

.album-holder .images-holder .col-wrap.second {
	margin-right: 20px;
}

@media (max-width: 1100px) {
	.album-holder .images-holder .col-wrap.second {
		display: none;
	}	
}

@media (max-width: 768px) {
	.mySwiper .swiper-button-next, 
	.mySwiper .swiper-button-prev {
		display: none;
	}	
}

.popup-holde.feedback .bottom {
	margin-top: 10px;
}

.album-box {
	position: relative;
	border: 1px solid var(--accent-color13131);
	width: 100%;
}

.album-box .btn-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	width: 100%;
}

.album-box .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
    background: var(--primary-color8191d);
    color: var(--dark-text399af-1);
    width: 40px;
    height: 50px;
	transform: .3s;
}

.album-box .arrow:hover {
	background: var(--color-f60001);
}

.album-box .album-inner {
	position: relative;
	width: 100%;
}

.album-box .arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
}

.album-box .arrow.trailer-previous {
	left: 15px;
}

.album-box .arrow.trailer-next {
	right: 15px;
}

.block-radios .field-label.text {
	margin-bottom: 15px;
	display: block;
}

.mask-button input[type="file" i]::-webkit-file-upload-button {
	cursor: pointer;
    color: var(--color-fff);
    font-size: 12px;
    line-height: 1;
    padding: 9px 20px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 2;
    border-radius: 5px;
    background: var(--primary-color8191d);
	border: none;
}

.mask-button input[type="file"] span {
	margin-top: 6px;
    display: block;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-subscribe.done {
	background: var(--color-00f583);
	position: relative!important;
}

.btn-subscribe.done span {
	opacity: 0;
}

.btn-subscribe.done::before {
	content: 'Done';
	position: absolute;
	font-size: 16px;
    position: absolute;
    right: 20%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.user-section .main-grid, 
.user-section .model-grid {
    margin: 0 -5px;
}

@media screen and (max-width: 1024px) {
	.user-section .section-inner {
		flex-direction: column;
	}	

	.user-section .member-menu {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.user-section .member-menu .headline {
		display: none;
	}

	.user-section .member-menu .block-main {
		width: 50%;
		display: flex;
	}

	.user-section .member-menu .block-additional {
		width: 50%;
	}

	.user-container {
		margin-left: 0;
	}
}

@media screen and (max-width: 620px) {
	.user-section .member-menu {
		flex-direction: column;
	}
	.user-section .member-menu .block-main {
		width: 100%;
		flex-direction: column;
	}
	.user-section .member-menu .block-additional {
		width: 100%;
	}
	.profile-list {
		flex-direction: column;
	}
	.profile-list .column {
		width: 100%;
	}
}

.item.player-avatar img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

.error-text {
	text-align: center;
	color: rgb(255, 0, 0);
	font-size: 45px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.headline {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.headline .title {
		width: 100%;
		margin-bottom: 10px;
	}

	.user-section .headline {
		flex-wrap: nowrap;
	}	
	.user-section .headline .title {
		margin-bottom: 0;
	}
}

.empty-content p a {
	transition: color .3s;
	color: var(--color-00a6ee);
}

.empty-content p {
	margin-bottom: 10px;
}

@media screen and (min-width: 1025px) {
	.empty-content p a:hover {
		color: var(--color-white);
	}
}

.comment-box .wrap {
	position: relative;
}

.comment-box .wrap .field-error.down {
    position: absolute;
    right: 0;
    top: 50px;
    max-width: 90px;
    color: var(--color-red);
}

.login-pop .generic-error {
    position: absolute;
    top: 75px;
    max-width: 260px;
    font-size: 13px;
}

.checkbox-input.input-field-box {
	opacity: 0;
	background: var(--color-dc1515);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
	display: block;
	transition: .3s;
}

.checkbox-input.input-field-box.error {
	opacity: 1;
}

.autocomplete-suggestions {
	display: none!important;
}

.album-box-small {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
	height: 178px;
    width: 100%;
	margin: 10px -5px;

}

.album-box-inner {
	position: absolute;
    top: 0;
    display: flex;
    width: 3500px;
    overflow-x: auto;
	scrollbar-width: thin;
}

::-webkit-scrollbar {
	height: 5px;              
	width: 5px;               
	background: var(--color-black);

}

::-webkit-scrollbar-thumb {
    background: var(--color-white);
    border-radius: 10px;
    outline: 1px solid var(--primary-colorf2225)
}

::-webkit-scrollbar-thumb:horizontal{
	background: var(--color-white);
	border-radius: 10px;
}

.album-box-small .album-box-holder {
	width: 25%;
}

.album-box-small a {
	display: block;
	width: 100%;
}

.album-box-small a img {
	object-fit: cover;	
}

.item-thumb-holder {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.general-img .item-thumb-holder {
    width: 120px;
    height: 120px;
}

.general-img .item-thumb-holder img {
	width: auto;
	height: 100%;
}

.button-user .header-img {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}

.button-user .header-img img {
    width: 27px;
    height: 27px;
}

.spot-holder {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-bottom: 10px;
}

.spot-holder .text-tag {
	font-size: 18px;
    margin-bottom: 15px;
}

.svg-icon.icon-width {
	width: 20px; 
	height: 20px; 
	margin-right: 2px;
}

.rate-dislike .svg-icon {
	transform: scale(-1, 1)
}

.border-holder {
	height: 18px;
	background: url("../images/border.svg") no-repeat center;
	display: none;
}

.tabs-content .info-list {
	flex-direction: column;
	align-items: baseline;
}

.tabs-content .info-list .item.second a {
	flex-direction: column;
}

.tabs-content .info-list .item.second .no-thumb {
	width: 290px;
    height: 180px;
}

.tabs-content .info-list .item.models-item a {
	flex-direction: column;
	margin-right: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2);
}

.tabs-content .info-list .item.models-item a:last-child {
	margin-right: 0;
}

.tabs-content .info-list .item.models-item .wrap {
	display: flex;
	align-items: center;
}

.tabs-content .info-list .item.models-item .text {
	margin-top: 0;
	margin-left: 10px;
}

.tabs-content .item.models-item .item-thumb-holder {
	width: 176px;
    height: 257px;
	border-radius: 0;
}

.tabs-content .item.models-item .item-thumb-holder img {
	border-radius: 0;
	width: 100%;
	height: 100%;
}

.tabs-content .info-list .item.models-item .no-thumb {
	width: 176px;
    height: 257px;
	border-radius: 10px;
}

.tabs-content .item.models-item {
	flex-wrap: wrap;
}

.tabs-content .item.models-item .no-thumb {
	border: none;
}

.tabs-content .info-list .main-title {
	font-size: 30px;
	font-weight: 600;
	color: var(--color-black);
	margin-bottom: 10px;
	position: relative;
	margin-left: 10px;
}

html.dark .tabs-content .info-list .main-title {
	color: var(--dark-text399af-1);
}

.tabs-content .info-list .main-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 5px;
	background: var(--color-000);
	padding-left: 10px;
}


html.dark .tabs-content .info-list .main-title::after {
	background: var(--dark-text399af-1);
}

.tabs-content .headline-video {
	margin-bottom: 30px;
}

.more-less {
	border-radius: 10px;
    border: 1px solid var(--color-000);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 27px;
    cursor: pointer;
    background: transparent;
    color: var(--color-000);
    display: flex;
    align-items: center;
    transition: color .3s, background .3s;
	margin-bottom: 20px;
	gap: 10px;
}

.more-less svg {
	width: 12px;
}

@media screen and (min-width: 1024px) {
    .more-less:hover {
        color: var(--color-fff);
        background: var(--color-000);
    }
	.more-less:hover svg {
		fill: var(--color-fff);
	}
}

.block-hidden {
	display: none;
}

.box-holder.show-box .block-hidden {
	display: block;
}

.top-channel-wrap a {
    background: var(--color-f5dada);
}

.top-models-wrap a {
    background: var(--color-defcfa);
}

.grid-chennels .item {
	width: 16.66%;
}

@media screen and (max-width: 1024px) {
	.grid-chennels .item {
		width: 25%;
	}
}

@media screen and (max-width: 767px) {
	.grid-chennels .item {
		width: 33.33%;
	}
}

@media screen and (max-width: 600px) {
	.grid-chennels .item {
		width: 50%;
	}
}

.grid-chennels .item a {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2);
	text-align: center;
}

@media screen and (hover:hover) {
	.grid-chennels .item a:hover .channel-title {
		background: var(--background-color884fe-1);
		color: var(--color-white);
	}
}

.grid-chennels .item .no-thumb {
	border: none;
	border-radius: 0;
}

.channel-title {
	padding: 13px 5px;
	font-size: 20px;
	font-weight: 500;
	white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
	color: var(--color-000);
	transition: background .3s ease, color .3s ease;
}

.theme-switcher-wrap {
	display: flex;
	justify-content: center;
}

.icon-theme {
	color: var(--color-fff);
	font-size: 24px;
	display: flex;
	z-index: 2;
	font-size: 20px;
}
.js-theme-switcher {
	min-width: 80px;
	max-width: 80px;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 8px;
	position: relative;
}
.js-theme-switcher.light {
	border: 2px solid var(--primary-color40000);
	background: var(--color-fff);
}
.js-theme-switcher.dark {
	border: 2px solid var(--color-fff);
	background: var(--color-000);
}
.ball {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--color-fff);
	transition: transform .3s ease, background .3s ease;
	top: 5px;
}
.icon-moon {
	color: var(--primary-color40000);
}
html.dark .icon-moon {
	color: var(--color-fff);
}
html.dark .icon-sun {
	fill: var(--color-fff);
}
.icon-sun {
	color: var(--color-fff);
}
.ball.light {
	transform: translateX(-5px);
	background: #4884fe;
}
.ball.dark {
	transform: translateX(34px);
	background: #4884fe;
}

.ball.dark {
	background: var(--color-white);

}

.elastic-cbx.hidden .checkbox:after {
 opacity: 1;
}

html.dark .header {
	background: #2d2c2c;
}

html.dark .header-nav a {
	color: var(--dark-text399af-1);
}

html.dark .svg-icon {
	fill: var(--dark-text399af-1);
}

@media screen and (hover:hover) {
	html.dark .search-btn:hover .svg-icon, html.dark .button-history:hover .svg-icon, html.dark .button-user:hover .svg-icon {
		fill: var(--background-color884fe-1);
	}
}

html.dark body {
	color: var(--dark-text399af-1);
	background:  #2d2c2c;
}

html.dark .main-card .title, html.dark .model-card .title {
	color: var(--dark-text399af-1);
}

html.dark .channel-title {
	background: var(--dark-text399af-1);
}

html.dark .link-more, html.dark .top-list a, html.dark .under-header-categories a {
	color: var(--dark-text399af-1);
    background: var(--secondary-colord313c);
}

html.dark .footer {
	background: var(--secondary-color02227);
	border-top: 1px solid var(--accent-color83a48);
}

html.dark .footer-list a, html.dark .copyright, html.dark .copyright a {
	color: var(--dark-text399af-1);
}

@media screen and (hover:hover) {
	html.dark .copyright a:hover, html.dark .footer-list a:hover {
		color: var(--color-white);
	}
}

html.dark .action-btn {
	border: 1px solid var(--dark-text399af-1);
	color: var(--dark-text399af-1);
    background: var(--secondary-colord313c);
}

html.dark .drop-sort.show .action-btn {
	background: var(--background-color884fe-1);
    color: var(--color-fff);
}

html.dark .drop-sort.show .action-btn svg {
	fill: var(--color-fff);
}

@media screen and (hover:hover) {
	html.dark .action-btn:hover {
		background: var(--background-color884fe-1);
        color: var(--color-white);
	}
	html.dark .action-btn:hover svg {
		fill: var(--color-white);
	}
	html.dark .main-card:hover .title, html.dark .model-card:hover .title {
		color: var(--background-color884fe-1);
	}
}

html.dark .header-nav a.second {
    color: var(--color-f60001);
	font-weight: 800;
}

html.dark .top-models-wrap a {
	background: var(--secondary-colorc4067);
}

@media screen and (hover:hover) {
	html.dark .top-models-wrap a:hover {
		background: var(--accent-color33);
	}
}

html.dark .popup-wrap .content {
	background: var(--secondary-color02227);
    color: var(--dark-text399af-1);
}

html.dark .popup-wrap .title, html.dark .fancybox-skin, html.dark .checkbox-label span:not(.checkbox), html.dark .login-link, html.dark .login-info, html.dark .detail-sign {
	color: var(--color-fff);
}

html.dark .popup-textarea, html.dark .custom-input, html.dark .log-button button, html.dark .log-button input {
	border: 1px solid transparent;
	background: var(--secondary-colord313c);
    color: var(--color-fff);
}

html.dark .popup-textarea::placeholder, html.dark .custom-input::placeholder, html.dark .log-button input::placeholder {
	color: var(--dark-text399af-1);
}

html.dark .fancybox-item.fancybox-close .svg-icon {
	fill: var(--color-fff);
}

html.dark .user-drop a {
	background: transparent;
	color: var(--color-fff);
}

html.dark .member-menu {
	background: var(--secondary-colord313c);
}

html.dark .user-menu li a {
	color: var(--color-fff);
}

@media (min-width: 1025px) {
    html.dark .fancybox-item.fancybox-close:hover .svg-icon {
        fill: var(--background-color884fe-1);
    }
	html.dark .user-drop a:hover {
		background: var(--background-color884fe-1);
	}
	html.dark .user-menu li a:hover {
		color: var(--background-color884fe-1);
	}
}

html.dark .edit-box .form-label.field-label {
	color: var(--dark-text399af-1);
}

html.dark .edit-box .row select, html.dark .mask-button input {
	border: 1px solid transparent;
    background: var(--secondary-colord313c);
    color: var(--dark-text399af-1);
}

html.dark .main-grid.subscriptions-grid .item a {
	color: var(--dark-text399af-1);
}

html.dark .user-menu li span {
	color: var(--background-color884fe-1);
}

html.dark .more-less {
	border: 1px solid var(--dark-text399af-1);
	color: var(--dark-text399af-1);
}

html.dark .tabs-content .info-list .item.models-item a {
    box-shadow: 0 5px 13px rgb(85 79 79 / 20%);
}

html.dark .info-list .title {
	color: var(--dark-text399af-1);
}

html.dark .login-box .field-label a {
	color: var(--background-color884fe-1);
}

@media (min-width: 1025px) {
	html.dark .more-less:hover {
		background: var(--background-color884fe-1);
		color: var(--color-white);
	}
	html.dark .more-less:hover svg {
		fill: var(--color-fff);
	}
	html.dark .tabs-content .info-list .item.models-item a:hover .title {
		color: var(--color-fff);
	}
	html.dark .login-box .field-label a:hover {
		color: var(--color-fff);
	}
	html.dark .violation-submit {
		border: 1px solid var(--color-fff);
		color: var(--color-fff);
	}
}

html.dark .tools-button {
	border: 1px solid var(--color-fff);
}

html.dark .fav-holder .add-fav-item {
	box-shadow: 0 5px 13px rgb(255 255 255 / 20%);
	background: var(--color-000);
	color: var(--color-fff);
}

html.dark .fav-holder .add-fav-item a {
	color: var(--color-fff);
}

html.dark .top-channel-wrap a {
    background: var(--background-colorc1d1b);
}

@media (min-width: 1025px) {
	html.dark .top-channel-wrap a:hover {
		background: var(--accent-color33);
	}
}

@media screen and (max-width: 1306px) {
	html.dark .header-nav {
		background: var(--color-000);
	}

	html.dark .header-nav {
		background: #f6f3e4;
	}
}

html.dark .hamburger::after, html.dark .hamburger::before, html.dark .hamburger span {
	background: var(--dark-text399af-1);
}

.fancybox-lock body {
    overflow: hidden !important;
}

.age-bg {
    position: relative;
}

age-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 8010;
    background: url(../images/fancybox/fancybox_overlay.png);
    width: auto;
    height: auto;
    display: block;
}

.popup-title.age-title {
    padding: 26px 30px 10px 30px;
	display: block;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    color: var(--color-white);
}

.confirmation-age {
    max-width: 500px;
}

.confirmation-age .age-text {
    color: var(--color-white);
    height: 300px;
    overflow-y: scroll;
    margin-bottom: 15px;
}

.confirmation-age .age-text a {
    color: var(--color-f60001);
}

.confirmation-age .bottom {
    margin-bottom: 15px;
}

.confirmation-age .bottom-text {
    color: var(--color-white);
}

.confirmation-age .bottom-text a {
    color: var(--color-f60001);
}

.age-wrap {
	padding: 0 20px 20px;
	border-radius: 10px;
	background: var(--color-000);
}

.age-wrap .submit {
	padding: 5px 10px;
	color: var(--color-fff);
	background: var(--color-f60001);
	border-radius: 5px;
	cursor: pointer;
	transition: background .3s ease;
}

@media screen and (hover:hover) {
	.age-wrap .submit:hover {
		background: var(--background-colorc1d1b);
	}
	.confirmation-age .bottom-text a:hover, .confirmation-age .age-text a:hover {
		color: var(--color-fff);
	}
}

.box-holder .less {
	display: none;
}

.box-holder .more {
	display: flex;
}

.box-holder.show-box .less {
	display: flex;
}

.box-holder.show-box .more {
	display: none;
}

.box-holder.show-box .icon-ar {
	transform: rotate(180deg);
}

@media screen and (min-width: 1025px) {
    html.dark .info-list .item.second a:hover .wrap .title {
        color: var(--color-fff);
    }
}

.main-grid .category-item {
	width: 16.66%;
}

.main-grid .category-item a {
	box-shadow: 0 5px 13px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
}

html.dark .main-grid .category-item a {
    box-shadow: 0 5px 13px rgb(255 255 255 / 20%);
}

.main-grid .category-item a .title {
	font-size: 20px;
	text-align: center;
	font-weight: 500;
	margin: 10px 0 0;
	color: var(--dark-text399af-1);
}

.main-grid .category-item a .statistic-list {
	justify-content: center;
	margin: 0 0 10px;
	color: var(--dark-text399af-1);
}

.main-grid .category-item a .statistic-list .statistic-item {
	font-size: 20px;
	font-weight: 500;
	color: var(--color-000);
	padding: 0;
	transition: color .3s ease;
}

html.dark .main-grid .category-item a .statistic-list .statistic-item {
	color: var(--dark-text399af-1);
}

@media screen and (min-width: 1025px) {
	.main-grid .category-item a:hover {
		background: var(--background-color884fe-1);
	}
	.main-grid .category-item a:hover .title {
		color: var(--color-fff);
	}
	.main-grid .category-item a:hover .statistic-list .statistic-item {
		color: var(--color-fff);
	}
	html.dark .main-grid .category-item a:hover .title {
		color: var(--color-white);
	}
	html.dark .main-grid .category-item a:hover .statistic-list .statistic-item {
		color: var(--color-white);
	}
}

@media screen and (max-width: 1200px) {
	.main-grid .category-item {
		width: 20%;
	}
}

@media screen and (max-width: 1024px) {
	.main-grid .category-item {
		width: 33.33%;
	}
}

@media screen and (max-width: 600px) {
	.main-grid .category-item {
		width: 50%;
	}
}

.list-sort.headline {
	gap: 5px;
}

.list-sort.headline a {
	color: var(--background-color884fe-1);
}

@media screen and (max-width: 768px) {
	.list-sort.headline {
		justify-content: left;
	}
}

.bottom-title, .bottom-description {
	margin-bottom: 20px;
	font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-000);
}

html.dark .bottom-title, html.dark .bottom-description {
	color: var(--dark-text399af-1);
}


body.shorties-page .container {
	padding: 0;
}

body.shorties-page {
	padding-bottom: env(safe-area-inset-bottom, 20px);
}

.swiper.shorties-slider {
    width: 100%;
	max-width: 450px;
    height: 100dvh;
    position: fixed;
    left: 50%;
	transform: translate(-50%, 0);
    z-index: 3;
	bottom: 0;
}

.shorties-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: var(--color-000);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-white);
}

.shorties-slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shorties-slider .swiper-slide .shorties-video {
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.shorties-slider .controls {
	width: 100%;
    z-index: 2;
    position: absolute;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,0.8);
}

.shorties-slider .controls::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	width: 100%;
	height: 8px;
	background: rgba(255,255,255,0.5);
}

.shorties-slider .progress-bar {
    width: 100%;
    height: 8px;
    -webkit-appearance: none;
    background: transparent;
    outline: none;
    border-radius: 2px;
    cursor: pointer;
    transition: height 0.1s ease-in-out;
	position: relative;
	z-index: 4;
}

.shorties-slider .progress-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s;
}

.shorties-slider .progress-bar:hover::-webkit-slider-thumb {
    opacity: 1;
}

.shorties-slider .buffer-bar {
    position: absolute;
    top: 10px;
    border-radius: 0;
    left: 0;
    height: 8px;
    background: var(--color-fff);
    opacity: 0.5;
    width: 0%;
    transition: width 0.3s;
    z-index: 2;
}


.shorties-slider .fill-bar {
    position: absolute;
    top: 10px;
    border-radius: 0;
    left: 2px;
    height: 8px;
    background: var(--dark-text399af-1);
    opacity: 1;
    width: 0%;
    transition: width 0.3s;
    z-index: 3;
}

.shorties-slider .fill-bar::before {
	content: '';
	position: absolute;
	top: 0;
	left: -2px;
	width: 2px;
	height: 8px;
	background: var(--dark-text399af-1);
}

.shorties-slider .main-card {
	height: 100%;
}

.shorties-slider .card-img {
	padding: 0;
    height: 100%;
	display: flex;
	align-items: center;
}

.shorties-slider .shorties-video {
    cursor: pointer;
    position: relative;
}

.shorties-slider .shorties-video::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>');
    background-size: contain;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}

.shorties-slider .shorties-video.paused::after {
    opacity: 0.7;
}

.btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	transition: .3s;
	opacity: 0;
	z-index: 10;
}

.main-card.paused .btn-play {
	opacity: 1;
}

.btn-play svg {
	width: 100%;
	height: 100%;
}

.swiper-slide .video-data {
	position: absolute;
    bottom: 25px;
    color: var(--color-fff);
    left: 10px;
	padding: 15px;
}

.swiper-slide .video-data .models-data {
	display: flex;
	align-items: center;
}

.swiper-slide .video-data .models-data a {
	color: var(--color-fff);
	display: block;
	margin-right: 5px;
}

.swiper-slide .video-data .models-data a:last-child {
	margin-right: 0;
}

.swiper-slide .main-tools {
    position: absolute;
    bottom: 35px;
    right: 10px;
    z-index: 10;
}

.swiper-slide .column-tool .rating-container {
	flex-direction: column;
	margin-bottom: 10px;
}

.swiper-slide .tool-btn {
	margin-right: 0;
}

.swiper-slide .column-tool .text {
	margin-right: 0;
	width: 30px;
	height: 20px;
    overflow: hidden;
}

.swiper-slide .main-card .title {
	text-align: left;
	max-width: 300px;
    width: 100%;
}

.swiper-slide .mute-button {
    z-index: 2;
    padding: 6px;
    transition: background-color 0.2s;
}

.swiper-slide .mute-button .svg-icon {
    width: 20px;
    height: 20px;
    fill: white;
}

.swiper-slide .mute-button .hide {
    display: none;
}

.shorties-page {
	overflow: hidden;
}

.main-tools .btn-favourites {
    margin-top: 5px;
}

.main-tools .favourites-block span {
	display: block;
}

.main-tools .favourites-block span:last-child {
	display: none!important;
}

.main-tools .share-button {
	position: relative;
	padding: 6px;
}

.swiper-slide .share-popup {
    position: absolute;
    background: var(--dark-text399af-1);
    right: 0;
    bottom: 0;
    z-index: 114;
    left: 0;
    padding: 15px 15px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	border-radius: 10px 10px 0 0;
}

.swiper-slide .share-open .share-popup {
	opacity: 1;
	visibility: visible;
}

.swiper-slide .share-popup .close-popup {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.swiper-slide .svg-icon {
	fill: var(--color-fff)!important;
}

.swiper-slide .share-popup .share-row {
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-bottom: 15px;
}

.swiper-slide .share-popup .share-row:last-child {
	margin-bottom: 0;
}

.swiper-slide .share-popup .share-row input {
	color: var(--dark-text399af-1);
	background: var(--color-000);
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    border: 1px solid var(--dark-text399af-1);
}

body.shorties-page .footer,
body.shorties-page .header {
	display: none;
}

.swiper-slide .member-box .member-avatar {
    width: 35px;
    height: 38px;
	border-radius: 50%;
	overflow: hidden;
}

.swiper-slide .member-box a {
	display: block;
}

.swiper-slide .member-box .member-avatar .svg-icon {
    width: 100%;
	height: 40px;
}

.swiper-slide .member-box .member-avatar img {
	width: 100%;
}

.swiper-slide .column-tool {
	margin-top: 10px;
}

.swiper-slide .heading-box {
    display: flex;
    align-items: center;
	justify-content: flex-end;
	position: absolute; 
    top: 20px;
	left: 0;
    width: 100%;
    padding: 14px 20px;
	z-index: 10;
}

.heading-box .heading-tools {
	width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}

.heading-box .dots-btn {
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.heading-box .dots-btn .svg-icon {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	width: 100%;
    height: 100%;
	transition: .3s;
}

.heading-box .dots {
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: var(--color-white);
	border-radius: 50%;
	transition: .3s;
	opacity: 1;
}

.heading-box .heading-tools.show .dots-btn .svg-icon {
	opacity: 1;
	visibility: visible;
}

.heading-box .heading-tools.show .dots-btn .dots {
	opacity: 0;
	visibility: hidden;
}

.heading-box .dots::before,
.heading-box .dots::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	background-color: var(--color-white);
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
}

.heading-box .dots::before {
    left: 0;
    top: -7px;
}

.heading-box .dots::after {
    right: 0;
    top: 13px;
}

.heading-box .heading-tools .tools-drop {
    position: absolute;
    top: 40px;
    right: 0;
    background: var(--dark-text399af-1);
    border-radius: 10px;
    padding: 10px;
    min-width: 175px;
	/* display: none; */
}

.heading-box .tools-drop .drop-item {
	margin-bottom: 10px;
	text-align: left;
}

.heading-box .tools-drop .drop-item:last-child {
	margin-bottom: 0;
}

.form-flagging {
	position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 114;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    background: rgb(147, 153, 175);
    padding: 15px;
    transition: 0.3s;
    border-radius: 10px 10px 0px 0px;
}
 
.main-card.report-open .form-flagging {
	opacity: 1;
	visibility: visible;
}

.form-flagging .close-report {
	position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.form-flagging .field-label {
    font-weight: 500;
    font-size: 22px;
	display: block;
	margin-bottom: 10px;
}

.form-flagging .block-textarea {
	align-items: flex-start;
}

.form-flagging .block-textarea textarea {
	border-radius: 5px;
    resize: none;
    height: 100px;
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    color: var(--color-fff);
    padding: 15px;
    font-family: inherit;
	border: 1px solid #ffffff;
}

.form-flagging .radio-block .item {
	text-align: left;
}

.form-flagging .box-inner {
	flex-direction: column-reverse;
}

.form-flagging .block-textarea .field-label {
	width: 100%;
}

.form-flagging .block-textarea .field-label span {
	width: 100%;
	text-align: left;
}

.form-flagging .violation-submit {
	margin-top: 4px;
}

.form-flagging .radio-block .item-box {
    text-align: left;
}

.shorties-slider .logo-box {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
	display: flex;
	align-items: center;
}

.shorties-slider .logo-box .logo {
	height: 62px;
} 

.shorties-slider .logo-box svg {
	margin-right: 5px;
}

.shorties-slider .tools-drop .repot-item {
	cursor: pointer;
}

.shorties-page .load-more {
	position: absolute;
	z-index: -1;	
	opacity: 0;
}

.shorties-page .main .section:last-child {
	display: none;
}

.swiper-slide .img {
	height: 100%;
}

.shorties-slider .swiper-wrapper {
	height: 100vh;
}

.heading-tools .tools-drop .share-button {
	text-align: left;
	width: 100%;
	cursor: pointer;
}

.tools-drop .share-button .svg-icon {
	margin-right: 2px;
}

.shorties-slider .links-holder {
	position: absolute;
    bottom: 0px;
	left: 0;
	right: 0;
	z-index: 10;

	background: var(--dark-text399af-1);
    border-radius: 10px 10px 0 0;
	padding: 30px 10px 10px 10px;
}

.shorties-slider .links-holder .close-links {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.shorties-slider .links-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.shorties-slider .links-box .item-link {
	margin-bottom: 15px;
}

.shorties-slider .links-box .item-link:last-child {
	margin-bottom: 0;
}

.shorties-slider .item-link a {
	color: var(--color-fff);
    font-size: 20px;
	display: block;
}
 
.shorties-slider .mask {
	width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
	display: none;
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

.shorties-slider .main-card.mask-active .mask {
	display: block;
}

.shorties-slider .main-card.report-open .mask,
.shorties-slider .main-card.share-open .mask {
	display: block;
}

.item-shorties .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.item-shorties .img div {
	width: 100%;
}

.header-panel .item {
	display: flex;
	align-items: center;
}

.button-short {
	align-items: center;
	text-transform: uppercase;
	color: var(--dark-text399af-1);
	display: none;
}

.light .button-short {
	color: var(--color-000);
}

@media (max-width: 1024px) {
	.button-short {
		display: flex;
	}
}

.button-short svg {
    width: 25px;
    height: 25px;
	margin-right: 5px;
}

.button-short span {
	display: block;
    line-height: 1;
}

@media (max-width: 385px) {
	.button-short svg {
		width: 20px;
		height: 20px;
		margin-right: 3px;
	}
	.button-short span {
		font-size: 12px;
	}
}

@media (max-width: 370px) {
	.button-short svg {
		display: none;
	}
}

html.light .shorties-page .svg-icon {
	fill: var(--color-fff);
}

html.light .shorties-page .main-card .title {
	color: var(--color-fff);
}

html.light body.shorties-page {
	background: var(--color-black);
}

@media (max-width: 1306px) {
	body.show-search .short-item {
		display: none;
	}
	
	body.show-search .header-panel .item:nth-child(2) {
		order: 2;
	}	
}

.light .svg-icon {
	fill: var(--color-000);
}

html.light .action-btn {
	color: var(--color-000);
}


html.light .btn-subscribe {
	border: 1px solid var(--color-000);
	background: var(--color-fff);
}

@media (min-width: 1025px) {
	html.light .action-btn:hover {
		background: var(--background-color884fe-1);
		color: var(--color-fff);
	}

	html.light .action-btn:hover svg {
		fill: var(--color-000);
	}

	html.light .main-card:hover .title, html.light .model-card:hover .title {
		color: var(--background-color884fe-1);
	}
	
	html.light .btn-subscribe:hover {
		background: var(--background-color884fe-1);
		color: var(--color-fff);
		border-color: transparent;
	}

	html.light .btn-subscribe:hover svg {
		fill: var(--color-fff);
	}
}

.shorties-page .box-inner .col {
	width: 100%;
}

html.dark .shorties-page .svg-icon {
	fill: var(--color-fff);
}