@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&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;
}

:root {
	--font-size-general: 16px;
	--line-height-general: 1.25;
	--default-font: "Roboto", sans-serif;
	--color-main: #fff;
	--color-second: #7e7e7e;
	--color-active: #a900c7;
	--color-facebook: #2F59B3;
	--color-telegram: #1B92D1;
	--color-twitter:#1DA1F2;
	--color-pagination: #6e6e6e;
	--color-rgb-light: 255, 255, 255;
	--bg-main: #000;
	--bg-active: #a900c7;
	--bg-second-active: #d205f7;
	--bg-second: #353535;
	--bg-darkness: #121212;
	--bg-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	--bg-rgb-dark: 0, 0, 0;
	--border-radius: 20px;
	--header-height: 60px;
}

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

body {
	font: var(--font-size-general)/var(--line-height-general) var(--default-font);
	height: 100%;
	min-width: 320px;
	position: relative;
	color: var(--color-main);
	background: var(--bg-main);
	font-weight: 400;
}

@media screen and (max-width: 1366px) {
	body.open-menu .hamburger {
		transform: translateZ(0) scale(1.25);
	}
	body.open-menu .hamburger::before {
		transform: rotate(45deg) translate3d(-50%, -50%, 0);
	}
	body.open-menu .hamburger::after {
		transform: rotate(-45deg) translate3d(-50%, -50%, 0);
	}
	body.open-menu .hamburger::before, body.open-menu .hamburger::after {
		top: 50%;
		left: 50%;
	}
	body.open-menu .hamburger span {
		opacity: 0;
		transform: translate3d(-20px, -50%, 0);
		visibility: hidden;
	}
}

@media screen and (max-width: 1160px) {
	body.open-menu .header-navigation {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	body.open-menu .mask {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

@media screen and (max-width: 768px) {
	body.show-search .header-search {
		top: 50%;
		visibility: visible;
		opacity: 1;
	}
	body.show-search .hamburger,
	body.show-search .logo {
		opacity: 0;
		visibility: hidden;
	}
	body.show-search .action-search {
		transform: translateX(44px);
	}
	body.show-search .action-search svg {
		transform: rotate(90deg);
	}
	body.show-search .action-search use[href="#icon-close"] {
		display: flex;
	}
	body.show-search .action-search use[href="#icon-search"] {
		display: none;
	}
}

@media screen and (max-width: 1160px) {
	body.scroll-locked {
		height: 100%;
		overflow: hidden;
		position: fixed;
		width: 100%;
	}
}

body.show-modal {
	height: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

a {
	color: #2600ff;
	text-decoration: none;
}

button, input, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
}

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

* {
	box-sizing: border-box;
	outline: none;
}

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

* ::-moz-selection {
	background: #2600ff;
	color: #fff;
}

* ::selection {
	background: #2600ff;
	color: #fff;
}

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #7e7e7e;
}

input:-moz-placeholder, textarea:-moz-placeholder {
	color: #7e7e7e;
	opacity: 1;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #7e7e7e;
	opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #7e7e7e;
}

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: #7e7e7e !important;
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

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

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

.header {
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 1160px) {
	.header {
		min-height: var(--header-height);
	}
}

.header .container {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	flex-direction: column;
}

.header-holder {
	display: flex;
	gap: 20px;
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 768px) {
	.header-holder {
		position: relative;
	}
}

.hamburger {
	flex-grow: 0;
	flex-shrink: 0;
	display: none;
	cursor: pointer;
	align-items: center;
	align-self: center;
	height: 24px;
	position: relative;
	z-index: 3;
	width: 24px;
	opacity: 1;
	background: none;
	border: none;
	transform: translateZ(0);
	transition: opacity .3s,visibility .3s,transform .3s;
	visibility: visible;
}

@media screen and (min-width: 1025px) {
	.hamburger:hover::after, .hamburger:hover::before,
	.hamburger:hover span {
		background-color: var(--color-active);
	}
}

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

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

.hamburger::before {
	top: 0;
	bottom: auto;
}

.hamburger::after {
	top: auto;
	bottom: 0;
}

.hamburger::before, .hamburger::after {
	transform: translate3d(0, 0, 0) rotate(0);
	left: auto;
	width: 100%;
}

.hamburger span {
	top: 50%;
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, -50%, 0) rotate(0);
	transition: background-color .2s, opacity .2s, visibility .2s, transform .2s;
}

.action-search {
	flex-grow: 0;
	flex-shrink: 0;
	display: none;
	align-items: center;
	align-self: center;
	justify-content: center;
	border: none;
	background: none;
	cursor: pointer;
	color: var(--color-main);
	font-size: 24px;
	position: relative;
	z-index: 4;
	transform: translate3d(0, 0, 0);
	transition: transform .3s;
}

@media screen and (max-width: 768px) {
	.action-search {
		display: flex;
	}
}

.action-search > * {
	pointer-events: none;
}

.action-search svg {
	transform: rotate(0);
	transition: transform .3s;
}

.action-search use[href="#icon-close"] {
	display: none;
}

.logo {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 15px 0;
	transition: opacity .3s, visibility .3s;
}

@media screen and (max-width: 768px) {
	.logo {
		flex-grow: 1;
		flex-shrink: 1;
		padding: 10px 0;
	}
}

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

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

.header-search {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.header-search {
		position: absolute;
		right: 0;
		padding-right: 34px;
		top: 80%;
		left: 0;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s, visibility .3s, top .3s;
		transform: translate3d(0, -50%, 0);
	}
}

.header-search .form {
	max-width: 600px;
	display: flex;
	height: 40px;
	background: var(--bg-main);
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--bg-second);
	border-radius: var(--border-radius);
}

@media screen and (max-width: 768px) {
	.header-search .form {
		max-width: 100%;
	}
}

.header-search input {
	width: 100%;
	height: 100%;
	background: transparent;
	padding: 0 10px 0 20px;
	color: var(--color-main);
	font-size: 14px;
	border: none;
}

.btn-search {
	padding: 0 20px;
	color: var(--color-main);
	height: 100%;
	font-size: 20px;
	transition: color .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	background: none;
}

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

.header-auth {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-self: center;
	position: relative;
}

@media screen and (max-width: 1160px) {
	.header-auth {
		display: none;
	}
}

.header-auth.show .drop-hidden {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

.header-auth.show .arrow {
	transform: rotate(180deg);
}

.header-auth .arrow {
	transition: transform .3s;
}

.header-auth .button {
	transition: color .3s;
}

.header-mobile {
	display: none;
	align-items: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 1160px) {
	.header-mobile {
		display: flex;
	}
}

.header-mobile .wrapped {
	width: 100%;
}

.header-mobile .wrapped.show .drop-hidden {
	display: block;
}

.header-mobile .wrapped.show .arrow {
	transform: rotate(180deg);
}

.header-mobile .wrapped.show .button {
	color: var(--color-active);
}

.header-mobile .item {
	width: 50%;
}

.header-mobile .btn,
.header-mobile .button {
	width: 100%;
}

.header-auth,
.header-mobile {
	align-items: center;
	gap: 10px;
}

.header-auth .btn,
.header-mobile .btn {
	padding: 8px 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	border-radius: var(--border-radius);
	color: var(--color-second);
	background: var(--bg-darkness);
	font-weight: 600;
	font-size: 16px;
	font-family: inherit;
	line-height: 1.5;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.header-auth .btn:hover,
	.header-mobile .btn:hover {
		color: var(--color-main);
		background: var(--bg-active);
	}
}

.header-auth .btn.second,
.header-mobile .btn.second {
	background: var(--bg-active);
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.header-auth .btn.second:hover,
	.header-mobile .btn.second:hover {
		background: var(--bg-second-active);
	}
}

.header-auth .button,
.header-auth .wrap,
.header-mobile .button,
.header-mobile .wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-auth .button,
.header-mobile .button {
	color: var(--color-main);
	background: none;
	cursor: pointer;
	border: none;
}

@media screen and (min-width: 1025px) {
	.header-auth .button:hover,
	.header-mobile .button:hover {
		color: var(--color-active);
	}
}

.header-auth .button .arrow,
.header-mobile .button .arrow {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 10px;
}

.header-auth .button img,
.header-mobile .button img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	max-width: 100%;
}

.header-auth .ava,
.header-mobile .ava {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-main);
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	font-size: 20px;
	background: var(--bg-darkness);
}

.header-auth .wrap,
.header-mobile .wrap {
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: 500;
}

.drop-hidden {
	position: absolute;
	z-index: 3;
	right: 0;
	padding: 5px 0;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.15);
	background: var(--bg-darkness);
	border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius);
	top: calc(100% + 10px);
	max-height: 250px;
	overflow-y: auto;
	min-width: 225px;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	transition: opacity .3s, transform .3s, visibility .3s;
}

@media screen and (max-width: 1160px) {
	.drop-hidden {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
		position: static;
		display: none;
		min-width: auto;
		border-radius: var(--border-radius);
		margin-top: 10px;
	}
}

.drop-hidden .link {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	color: var(--color-main);
	padding: 10px 20px;
	transition: background .3s;
}

.drop-hidden .link.active {
	background: var(--bg-active);
}

@media screen and (min-width: 1025px) {
	.drop-hidden a:hover {
		background: var(--bg-active);
	}
}

.drop-hidden svg {
	font-size: 20px;
	flex-grow: 0;
	flex-shrink: 0;
}

.header-navigation {
	margin-top: 10px;
}

@media screen and (max-width: 1160px) {
	.header-navigation {
		position: fixed;
		padding: 20px;
		left: 0;
		bottom: 0;
		max-width: 300px;
		width: 100%;
		overflow: auto;
		top: var(--header-height);
		height: calc(100svh - var(--header-height));
		z-index: 20;
		transform: translate3d(-100%, 0, 0);
		transition: transform .3s, visibility .3s, opacity .3s;
		visibility: hidden;
		opacity: 0;
		background: var(--bg-main);
		margin: 0;
	}
}

.navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	max-width: 950px;
	margin: 0 auto;
}

@media screen and (max-width: 1160px) {
	.navigation {
		flex-direction: column;
		margin: 0;
	}
}

.navigation li {
	width: 16.66666%;
}

@media screen and (max-width: 1160px) {
	.navigation li {
		width: 100%;
	}
}

.navigation a, .navigation span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 16px;
	background: var(--bg-darkness);
	color: var(--color-main);
	width: 100%;
}

.navigation a {
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.navigation a:hover {
		background: var(--bg-active);
	}
}

.navigation .active a, 
.navigation .active span {
	background: var(--bg-active);
	color: var(--color-main);
}

.mask {
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0;
	right: 0;
	top: var(--header-height);
	transition: transform .4s, visibility .4s, opacity .4s;
	visibility: hidden;
	z-index: 9;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(var(--bg-rgb-dark), 0.6);
}

.main {
	flex-shrink: 1;
	flex-grow: 1;
	padding: 30px 0 50px;
}

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

.section {
	margin-bottom: 50px;
}

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

.section:last-child {
	margin-bottom: 0;
}

.headline {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.headline.second {
	margin-bottom: 15px;
}

.headline .title {
	flex-grow: 1;
	flex-shrink: 1;
	font-weight: 700;
	font-size: 26px;
}
.headline .title a{
	color: var(--color-active);
}

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

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

.headline .wrap {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

@media screen and (max-width: 480px) {
	.headline .wrap {
		flex-grow: 1;
		flex-shrink: 1;
		flex-wrap: wrap;
	}
}

.sort-link {
	display: flex;
	align-items: center;
	padding: 9px 20px;
	line-height: 1.286;
	border-radius: var(--border-radius);
	color: var(--color-second);
	background: var(--bg-darkness);
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.sort-link:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

@media screen and (max-width: 480px) {
	.sort-link {
		padding: 9px 15px;
	}
}

.sort-link.active {
	background: var(--bg-second);
	color: var(--color-main);
}

.link-all {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.286;
	border-radius: var(--border-radius);
	color: var(--color-second);
	background: var(--bg-darkness);
	padding: 9px 20px;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.link-all:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

.link-all svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 10px;
}

.main-grid,
.main-grid form {
	--flex-gap: 10px;
	--flex-items: 4;
	display: flex;
	flex-wrap: wrap;
	gap: 20px var(--flex-gap);
}
.main-grid form{
	width: 100%;
}
.main-grid form .bottom {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.main-grid form .submit {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	min-width: 40px;
	border: none;
	border-radius: var(--border-radius);
	color: var(--color-second);
	font-size: 16px;
	background: var(--bg-darkness);
	transition: color .3s, background .3s;
	cursor: pointer;
}
.main-grid form .item-control .toggle-button{
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0;
	padding: 5px 10px;
    min-width: 40px;
    border: none;
    border-radius: var(--border-radius);
	color: var(--color-second);
	background: var(--bg-darkness);
	font-size: 14px;
    transition: color .3s, background .3s;
    cursor: pointer;
}
@media screen and (min-width: 1025px) {
    .main-grid form .item-control .toggle-button:hover, .main-grid form .bottom .submit:hover {
        background-color: var(--color-active);
        color: var(--color-main);
    }
}

@media screen and (max-width: 768px) {
	.main-grid {
		gap: var(--flex-gap);
	}
}

.main-grid .th {
	position: relative;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

@media screen and (max-width: 1366px) {
	.main-grid .th {
		--flex-items: 3;
	}
}

@media screen and (max-width: 768px) {
	.main-grid .th {
		--flex-items: 2;
	}
}

@media screen and (max-width: 480px) {
	.main-grid .th {
		--flex-items: 1;
	}
}

.models-grid {
	--flex-gap: 10px;
	--flex-items: 6;
	display: flex;
	flex-wrap: wrap;
	gap: 20px var(--flex-gap);
}

@media screen and (max-width: 768px) {
	.models-grid {
		gap: var(--flex-gap);
	}
}

.models-grid .th {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

@media screen and (max-width: 1366px) {
	.models-grid .th {
		--flex-items: 5;
	}
}

@media screen and (max-width: 1024px) {
	.models-grid .th {
		--flex-items: 4;
	}
}

@media screen and (max-width: 768px) {
	.models-grid .th {
		--flex-items: 3;
	}
}

@media screen and (max-width: 480px) {
	.models-grid .th {
		--flex-items: 2;
	}
}

.card,
.card-model {
	border-radius: var(--border-radius);
	background: var(--bg-darkness);
	display: block;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	color: var(--color-main);
	transition: color .3s;
}
.card img.no-thumb,
.card-model img.no-thumb {
	object-fit: contain;
	background: var(--bg-darkness);
	opacity: .5;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: auto;
}

@media screen and (min-width: 1025px) {
	.card:hover,
	.card-model:hover {
		color: var(--color-active);
	}
	.card:hover img, .card:hover video,
	.card-model:hover img,
	.card-model:hover video {
		opacity: .8;
	}
}

.card::after,
.card-model::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	z-index: 2;
	background: var(--bg-gradient);
}

.card img,
.card video,
.card-model img,
.card-model video {
	position: absolute;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	transition: opacity .3s;
}

.card {
	padding-bottom: 51.646%;
}
.card-playlists{
	color: var(--color-main);
	transition: color .3s;
	display: block;
}
@media screen and (min-width: 1025px) {
	.card-playlists:hover {
		color: var(--color-active);
	}
}
.card-playlists .media {
	border-radius: var(--border-radius);
	display: block;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.045%;
}
.card-playlists img{
	position: absolute;
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	right: 0;
	top: 0;
	width: 100%;
}
.card-playlists .sticky {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight: 400;
	font-size: 12px;
	padding: 3px 5px;
	border-radius: 5px;
	color: var(--color-main);
	background: rgba(var(--bg-rgb-dark), 0.8);
	z-index: 2;
}
.card-playlists .sticky.line-private {
	left: 10px;
	right: auto;
}

.list-playlists .media img.video2,
.list-playlists .media img.video3,
.list-playlists .media img.video4,
.list-playlists .media img.video5 {
	position: absolute;
	width: 7rem;
	height: 4rem;
	border: 2px solid rgba(255, 255, 255, 0.5);
	z-index: 2;
	transition: border .3s;
	left: auto;
	border-radius: var(--border-radius);
}
.no-touch .list-playlists .item:hover .media img {
	opacity: 1;
}
.no-touch .list-playlists .item .media .video3:hover,
.no-touch .list-playlists .item .media .video4:hover,
.no-touch .list-playlists .item .media .video2:hover {
	z-index: 3;
	border: 2px solid var(--color-active);
}
.list-playlists .media img.video2 {
	right: 25px;
	top: 5px;
}
.list-playlists .media img.video3 {
	right: 15px;
	top: 15px;
}

.list-playlists .media img.video4 {
	right: 5px;
	top: 25px;
}
.card-title {
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card-playlists .list {
	font-weight: 400;
	color: var(--color-second);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 5px;
	gap: 0 14px;
}

@media screen and (max-width: 390px) {
	.card-playlists .list {
		font-size: 12px;
	}
}

.card-playlists li {
	position: relative;
}

.card-playlists li:last-child::before {
	display: none;
}

.card-playlists li::before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	right: -9px;
	border-radius: 100%;
	overflow: hidden;
	background: var(--color-active);
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.card-model {
	padding-bottom: 132.656%;
}

.card-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 10px;
}

.card-content .title {
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-list {
	color: var(--color-second);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 5px;
	gap: 0 14px;
	font-size: 12px;
}

.card-list li {
	position: relative;
	text-transform: lowercase;
}

.card-list li:last-child::before {
	display: none;
}

.card-list li::before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	right: -9px;
	border-radius: 100%;
	overflow: hidden;
	background: var(--bg-active);
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.tags-field {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.tags-field a {
	font-weight: 500;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius);
	padding: 8px 19px;
	background: var(--bg-darkness);
	color: var(--color-second);
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.tags-field a:hover {
		color: var(--color-main);
		background: var(--bg-active);
	}
}

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

@media screen and (max-width: 768px) {
	.pagination-list {
		margin-top: 20px;
	}
}

.pagination-list .list {
	display: flex;
}

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

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

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

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

.pagination-list .list .item.active span {
	border-radius: var(--border-radius);
	pointer-events: none;
	color: var(--color-main);
	background: var(--bg-active);
}

.pagination-list a,
.pagination-list .list span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	height: 40px;
	min-width: 40px;
	border-radius: var(--border-radius);
	background: var(--bg-darkness);
	color: var(--color-second);
	font-size: 14px;
	font-weight: 500;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.pagination-list a:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

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

.pagination-list .item.pager svg {
	font-size: 10px;
}

.pagination-list .item.pager a {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px 20px;
	min-width: 50px;
	font-size: 14px;
	font-weight: 500;
}

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

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

.pagination-list .item.prev {
	margin-right: 20px;
}

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

.pagination-list .dots a, .pagination-list .dots span {
	background: none;
	display: flex;
	color: var(--color-second);
	justify-content: center;
	align-items: center;
	min-width: 22px;
	padding: 0 5px;
	height: 100%;
}

@media screen and (min-width: 1025px) {
	.pagination-list .dots a:hover, .pagination-list .dots span:hover {
		color: var(--color-active);
	}
}

.swiper {
	display: none;
}

.swiper.swiper-initialized {
	display: block;
}

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

.slider-box {
	position: relative;
}

.swiper-button-prev,
.swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	font-size: 13px;
	color: var(--color-main);
	background: var(--bg-active);
	margin: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.swiper-button-prev:hover,
	.swiper-button-next:hover {
		background: var(--bg-second-active);
	}
}

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

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	display: none;
}

.swiper-button-prev .svg-icon,
.swiper-button-next .svg-icon {
	display: inline-block;
	vertical-align: top;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.swiper-button-prev {
	left: -20px;
}

@media screen and (max-width: 1680px) {
	.swiper-button-prev {
		left: 5px;
	}
}

.swiper-button-next {
	right: -20px;
}

@media screen and (max-width: 1680px) {
	.swiper-button-next {
		right: 5px;
	}
}

.about-box {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
	.about-box {
		flex-direction: column;
		margin-bottom: 30px;
	}
}

.about-box .col {
	flex-grow: 1;
	flex-shrink: 1;
	width: 100%;
}

.about-box .col.second {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 20px;
	max-width: 395px;
	overflow: hidden;
	border-radius: var(--border-radius);
	width: 100%;
}

@media screen and (max-width: 991px) {
	.about-box .col.second {
		margin: 0 auto 20px;
	}
}

.about-box .col.primary {
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 20px;
	max-width: 168px;
	overflow: hidden;
	border-radius: var(--border-radius);
	width: 100%;
}

@media screen and (max-width: 991px) {
	.about-box .col.primary {
		margin: 0 auto 20px;
	}
}

.about-box .col .wrap {
	padding-bottom: 51.646%;
	position: relative;
}

.about-box .col .wrap.second {
	padding-bottom: 148.81%;
}

.about-box .col .img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	object-fit: cover;
	height: 100%;
}
.about-box .no-thumb{
	background: var(--bg-darkness);
}
.about-box .no-thumb img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: .5;
}

.about-box .col .title {
	font-weight: 700;
	font-size: 26px;
}

@media screen and (max-width: 768px) {
	.about-box .col .title {
		font-size: 24px;
	}
}

@media screen and (max-width: 480px) {
	.about-box .col .title {
		font-size: 22px;
	}
}

.about-box .list {
	margin-top: 10px;
	font-size: 14px;
	-moz-column-count: 3;
	     column-count: 3;
	gap: 0 50px;
	max-width: 660px;
}

@media screen and (max-width: 768px) {
	.about-box .list {
		-moz-column-count: 2;
		     column-count: 2;
	}
}

.about-box .list li {
	margin-bottom: 13px;
	line-height: 1.5;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.about-box .list li:last-child {
	margin-bottom: 0;
}

.about-box .list span:first-child {
	color: var(--color-second);
}

.about-box .description {
	margin-top: 15px;
	color: var(--color-second);
	max-width: 1042px;
}

.about-box .description.second {
	max-width: 820px;
}

.about-box .wrapped {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

@media screen and (max-width: 991px) {
	.about-box .wrapped {
		flex-direction: column;
	}
}

.about-box .group {
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 991px) {
	.about-box .group {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.about-box .group.second {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

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

.subsc-link {
	display: flex;
	align-items: center;
	font-weight: 600;
	color: var(--color-main);
	cursor: pointer;
	border: none;
	border-radius: var(--border-radius);
	padding: 10px 30px;
	background: var(--bg-active);
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.subsc-link:hover {
		background: var(--bg-second-active);
	}
}

.social-list {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
[data-attr-insta] {
	position: relative;
}
[data-attr-insta]::before {
	position: absolute;
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_36_5355)"><path d="M10.0033 0.00273132C5.82836 0.00273132 4.60736 0.00703821 4.37002 0.0267268C3.51325 0.0979442 2.98012 0.232842 2.39931 0.522018C1.9517 0.744284 1.59869 1.00193 1.25029 1.36309C0.615799 2.02174 0.231256 2.83205 0.0920511 3.79525C0.0243715 4.26285 0.00468288 4.35822 0.000683632 6.74669C-0.00085454 7.54285 0.000683632 8.59065 0.000683632 9.99608C0.000683632 14.1676 0.00529815 15.3874 0.0252944 15.6243C0.0945121 16.4579 0.225257 16.9825 0.502128 17.5562C1.03126 18.6545 2.04184 19.4789 3.23238 19.7865C3.64461 19.8927 4.09991 19.9511 4.68442 19.9788C4.93206 19.9896 7.4562 19.9973 9.98188 19.9973C12.5076 19.9973 15.0332 19.9942 15.2747 19.9819C15.9515 19.9501 16.3445 19.8973 16.7791 19.785C17.9773 19.4758 18.9694 18.6637 19.5093 17.55C19.7808 16.9902 19.9185 16.4456 19.9808 15.6555C19.9943 15.4832 20 12.7365 20 9.99347C20 7.24998 19.9938 4.50835 19.9803 4.33607C19.9172 3.53314 19.7796 2.99325 19.4993 2.42258C19.2694 1.95544 19.014 1.60658 18.6433 1.24988C17.9818 0.618 17.1727 0.233457 16.2086 0.0944064C15.7414 0.0268806 15.6484 0.00688439 13.258 0.00273132H10.0033Z" fill="url(%23paint0_radial_36_5355)"/><path d="M10.0033 0.00273132C5.82836 0.00273132 4.60736 0.00703821 4.37002 0.0267268C3.51325 0.0979442 2.98012 0.232842 2.39931 0.522018C1.9517 0.744284 1.59869 1.00193 1.25029 1.36309C0.615799 2.02174 0.231256 2.83205 0.0920511 3.79525C0.0243715 4.26285 0.00468288 4.35822 0.000683632 6.74669C-0.00085454 7.54285 0.000683632 8.59065 0.000683632 9.99608C0.000683632 14.1676 0.00529815 15.3874 0.0252944 15.6243C0.0945121 16.4579 0.225257 16.9825 0.502128 17.5562C1.03126 18.6545 2.04184 19.4789 3.23238 19.7865C3.64461 19.8927 4.09991 19.9511 4.68442 19.9788C4.93206 19.9896 7.4562 19.9973 9.98188 19.9973C12.5076 19.9973 15.0332 19.9942 15.2747 19.9819C15.9515 19.9501 16.3445 19.8973 16.7791 19.785C17.9773 19.4758 18.9694 18.6637 19.5093 17.55C19.7808 16.9902 19.9185 16.4456 19.9808 15.6555C19.9943 15.4832 20 12.7365 20 9.99347C20 7.24998 19.9938 4.50835 19.9803 4.33607C19.9172 3.53314 19.7796 2.99325 19.4993 2.42258C19.2694 1.95544 19.014 1.60658 18.6433 1.24988C17.9818 0.618 17.1727 0.233457 16.2086 0.0944064C15.7414 0.0268806 15.6484 0.00688439 13.258 0.00273132H10.0033Z" fill="url(%23paint1_radial_36_5355)"/><path d="M9.99908 2.61761C7.99391 2.61761 7.74227 2.62638 6.95473 2.66222C6.16872 2.69822 5.63221 2.82265 5.16276 3.00523C4.67715 3.19381 4.26523 3.44607 3.85485 3.85661C3.44416 4.267 3.1919 4.67892 3.0027 5.16437C2.81966 5.63397 2.69507 6.17064 2.65969 6.95634C2.62446 7.74388 2.61523 7.99568 2.61523 10.0008C2.61523 12.006 2.62416 12.2569 2.65984 13.0444C2.69599 13.8304 2.82043 14.3669 3.00285 14.8364C3.19159 15.322 3.44385 15.7339 3.85439 16.1443C4.26462 16.555 4.67654 16.8079 5.16183 16.9964C5.63159 17.179 6.16826 17.3035 6.95411 17.3395C7.74165 17.3753 7.99315 17.3841 9.99815 17.3841C12.0035 17.3841 12.2543 17.3753 13.0419 17.3395C13.8279 17.3035 14.365 17.179 14.8348 16.9964C15.3202 16.8079 15.7315 16.555 16.1418 16.1443C16.5525 15.7339 16.8047 15.322 16.9939 14.8365C17.1754 14.3669 17.3 13.8303 17.3369 13.0446C17.3723 12.257 17.3815 12.006 17.3815 10.0008C17.3815 7.99568 17.3723 7.74404 17.3369 6.95649C17.3 6.17049 17.1754 5.63397 16.9939 5.16452C16.8047 4.67892 16.5525 4.267 16.1418 3.85661C15.7311 3.44592 15.3204 3.19366 14.8343 3.00523C14.3636 2.82265 13.8268 2.69822 13.0408 2.66222C12.2533 2.62638 12.0025 2.61761 9.99677 2.61761H9.99908ZM9.33674 3.94813C9.53332 3.94783 9.75266 3.94813 9.99908 3.94813C11.9704 3.94813 12.204 3.95521 12.9825 3.99059C13.7024 4.0235 14.0931 4.14379 14.3533 4.24485C14.6979 4.37867 14.9435 4.53864 15.2018 4.79705C15.4602 5.05546 15.6202 5.30157 15.7543 5.64612C15.8554 5.90607 15.9758 6.29677 16.0086 7.01663C16.0439 7.79495 16.0516 8.02875 16.0516 9.99915C16.0516 11.9695 16.0439 12.2034 16.0086 12.9817C15.9756 13.7015 15.8554 14.0922 15.7543 14.3522C15.6205 14.6967 15.4602 14.9421 15.2018 15.2003C14.9434 15.4587 14.698 15.6187 14.3533 15.7525C14.0934 15.854 13.7024 15.974 12.9825 16.0069C12.2042 16.0423 11.9704 16.05 9.99908 16.05C8.0276 16.05 7.79395 16.0423 7.01564 16.0069C6.29577 15.9737 5.90508 15.8534 5.64466 15.7524C5.30011 15.6186 5.05401 15.4586 4.79559 15.2002C4.53718 14.9418 4.37721 14.6963 4.24308 14.3516C4.14202 14.0916 4.02159 13.7009 3.98882 12.9811C3.95344 12.2027 3.94637 11.9689 3.94637 9.9973C3.94637 8.02567 3.95344 7.7931 3.98882 7.01479C4.02174 6.29492 4.14202 5.90423 4.24308 5.64397C4.3769 5.29942 4.53718 5.05331 4.79559 4.7949C5.05401 4.53648 5.30011 4.37651 5.64466 4.24239C5.90492 4.14087 6.29577 4.02089 7.01564 3.98782C7.69674 3.95706 7.96069 3.94783 9.33674 3.94629V3.94813ZM13.9402 5.17406C13.451 5.17406 13.0542 5.57044 13.0542 6.05974C13.0542 6.54888 13.451 6.94572 13.9402 6.94572C14.4293 6.94572 14.8262 6.54888 14.8262 6.05974C14.8262 5.5706 14.4293 5.17375 13.9402 5.17375V5.17406ZM9.99908 6.20925C7.90516 6.20925 6.20748 7.90693 6.20748 10.0008C6.20748 12.0948 7.90516 13.7917 9.99908 13.7917C12.093 13.7917 13.7901 12.0948 13.7901 10.0008C13.7901 7.90693 12.093 6.20925 9.99908 6.20925ZM9.99908 7.53977C11.3582 7.53977 12.4602 8.64156 12.4602 10.0008C12.4602 11.36 11.3582 12.4619 9.99908 12.4619C8.63979 12.4619 7.538 11.36 7.538 10.0008C7.538 8.64156 8.63979 7.53977 9.99908 7.53977Z" fill="white"/></g><defs><radialGradient id="paint0_radial_36_5355" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(5.31253 21.5373) rotate(-90) scale(19.8161 18.4355)"><stop stop-color="%23FFDD55"/><stop offset="0.1" stop-color="%23FFDD55"/><stop offset="0.5" stop-color="%23FF543E"/><stop offset="1" stop-color="%23C837AB"/></radialGradient><radialGradient id="paint1_radial_36_5355" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(-3.3501 1.4431) rotate(78.6776) scale(8.85796 36.5221)"><stop stop-color="%233771C8"/><stop offset="0.128" stop-color="%233771C8"/><stop offset="1" stop-color="%236600FF" stop-opacity="0"/></radialGradient><clipPath id="clip0_36_5355"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
	top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    background-position: center;
    width: 20px;
    height: 20px;
}
.social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	font-size: 20px;
	color: var(--color-main);
	background: var(--bg-darkness);
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.social-link:hover {
		background: var(--bg-second);
	}
}

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

.social-link use[href="#icon-facebook"] {
	color: var(--color-facebook);
}

.social-link use[href="#icon-telegram"] {
	color: var(--color-telegram);
}

.social-link use[href="#icon-twitter"] {
	color: var(--color-twitter);
}

.alphabet-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
	gap: 5px;
}

@media screen and (max-width: 480px) {
	.alphabet-list {
		gap: 10px;
	}
}

.alphabet-list li.active a {
	background: var(--bg-second);
	color: var(--color-main);
}

.alphabet-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-pagination);
	font-weight: 500;
	font-size: 14px;
	border-radius: var(--border-radius);
	padding: 0 5px;
	min-width: 40px;
	height: 40px;
	cursor: pointer;
	background: var(--bg-darkness);
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.alphabet-list a:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

.tags-box {
	margin-bottom: 30px;
}

.tags-box:last-child {
	margin-bottom: -17px;
}
.tags-list li.letter-wrap {
	width: 100%;
	padding-top: 30px;
}
.letter {
	background: var(--bg-darkness);
	color: var(--color-active);
	padding: 7px 20px;
	margin-bottom: 20px;
	border-radius: var(--border-radius);
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
	width: 100%;
}

/* .tags-list {
	gap: 0 70px;
	display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 1160px) {
	.tags-list {
		gap: 0 40px;
	}
} */
 .tags-list{
	--flex-gap: 70px;
    --flex-items: 5;

    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--flex-gap);
 }
 @media screen and (max-width: 1366px) {
	.tags-list {
		--flex-items: 4;
	}
}
@media screen and (max-width: 1160px) {
	.tags-list {
    	gap: 0 var(--flex-gap);
	}

}
@media screen and (max-width: 1024px) {
	.tags-list {
		--flex-items: 3;
	}
}
@media screen and (max-width: 768px) {
	.tags-list {
		--flex-items: 2;
	}
}
@media screen and (max-width: 480px) {
	.tags-list {
		--flex-items: 1;
	}
}
.tags-list li{
	margin-bottom: 17px;
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

.tags-list li:last-child {
	margin-bottom: 0;
}

.tags-list a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	color: var(--color-main);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.tags-list a:hover {
		color: var(--color-active);
	}
	.tags-list a:hover span:last-child {
		color: var(--color-active);
	}
}

.tags-list span:first-child {
	flex-grow: 1;
	flex-shrink: 1;
}

.tags-list span:last-child {
	flex-shrink: 0;
	flex-grow: 0;
	transition: color .3s;
	color: var(--color-second);
}

.twocolumns {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.twocolumns .column {
	flex-grow: 1;
	flex-shrink: 1;
}

.twocolumns .column.secondary {
	flex-grow: 0;
	flex-shrink: 0;
	max-width: 360px;
	width: 100%;
	border: 1px solid var(--bg-second);
	border-radius: var(--border-radius);
	overflow: hidden;
	padding: 15px 30px 50px;
}

@media screen and (max-width: 1024px) {
	.twocolumns .column.secondary {
		display: none;
	}
}

.twocolumns .input,
.twocolumns .textarea {
	width: 100%;
	background: none;
	border-radius: var(--border-radius);
	font-size: 14px;
	color: var(--color-main);
	border: 1px solid var(--bg-second);
}

.twocolumns .input {
	padding: 11px 20px;
}

.twocolumns .textarea {
	height: 100px;
	resize: none;
	padding: 15px 20px;
}

.sidebar-text {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-align: center;
	color: var(--color-second);
	margin-bottom: 10px;
}

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

.sidebar-spot .item:last-child {
	margin-bottom: 0;
}

.sidebar-spot img {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 10px;
	width: 100%;
	height: auto;
}
.player-wrap {
    position: relative !important;
}
.player-wrap .kt-player {
    position: absolute !important;
}
.videoplayer {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (max-width: 480px) {
	.videoplayer {
		padding-bottom: 0;
		min-height: 220px;
	}
}

.videoplayer img,
.videoplayer video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.btn-play {
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	border: none;
	font-size: 100px;
	background: none;
	color: rgba(var(--color-rgb-light), 0.8);
	transform: scale(1) translate3d(-50%, -50%, 0);
	transition: transform .3s;
}

@media screen and (min-width: 1025px) {
	.btn-play:hover {
		transform: translate3d(-50%, -50%, 0) scale(1.05);
	}
}

@media screen and (max-width: 1366px) {
	.btn-play {
		font-size: 80px;
	}
}

@media screen and (max-width: 768px) {
	.btn-play {
		font-size: 60px;
	}
}

.btn-play svg {
	display: block;
}

.video-tools {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.video-tools .col {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

@media screen and (max-width: 640px) {
	.video-tools .col {
		justify-content: space-between;
	}
}

@media screen and (max-width: 390px) {
	.video-tools .col {
		flex-direction: column;
		gap: 10px 20px;
	}
}

.video-tools .col.second {
	flex-grow: 0;
	flex-shrink: 0;
}

.video-tools .group {
	display: flex;
	align-items: center;
	gap: 10px;
}

.video-tools .group.second {
	gap: 5px;
}

.video-tools .item.active .link {
	background: var(--bg-active);
	color: var(--color-main);
}

.video-tools .link {
	border: none;
	cursor: pointer;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 20px;
	border-radius: var(--border-radius);
	color: var(--color-second);
	background: var(--bg-darkness);
	font-weight: 500;
	line-height: 1.2;
	transition: color .3s, background .3s, border-radius .3s;
}

@media screen and (min-width: 1025px) {
	.video-tools .link:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

@media screen and (max-width: 390px) {
	.video-tools .link {
		font-size: 16px;
	}
}

.video-tools .link.active {
	background: var(--bg-active);
	color: var(--color-main);
}

.video-tools .link.second {
	padding: 8px 20px;
}

[data-attr-favorite].active {
	background: var(--bg-active);
}

.author-box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.author-box .ava {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: var(--color-main);
	background: var(--bg-darkness);
}

.author-box .ava img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.author-box .name {
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--color-main);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.author-box .name:hover {
		color: var(--color-active);
	}
}

.author-box .name svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 14px;
	color: var(--color-active);
}

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

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

.video-thumb {
	margin-top: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.video-thumb .description {
	color: var(--color-second);
	font-weight: 500;
}
.video-thumb .link {
	border-radius: var(--border-radius);
	border: none;
	background: var(--bg-darkness);
	color: var(--color-second);
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	padding: 11px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.286;
	cursor: pointer;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.video-thumb .link:hover {
		color: var(--color-main);
		background: var(--bg-active);
	}
}

.video-thumb .link.active {
	color: var(--color-main);
	background: var(--bg-second);
}

.video-thumb .name {
	flex-grow: 0;
	flex-shrink: 0;
	font-weight: 500;
}

.comment-box {
	margin-top: 25px;
	padding-top: 25px;
	max-width: 1000px;
}

@media screen and (max-width: 768px) {
	.comment-box {
		margin-top: 15px;
		padding-top: 15px;
	}
}

.comment-box.active .enter-box {
	display: block;
}

.enter-box {
	display: none;
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.enter-box {
		margin-top: 10px;
	}
}

.enter-box .row {
	margin-bottom: 10px;
}

.enter-box .row:last-child {
	margin-bottom: 0;
}

.enter-box .row.second {
	max-width: 400px;
}

.comment-headline .btn,
.btn-submit {
	cursor: pointer;
	flex-grow: 0;
	flex-shrink: 0;
	border: none;
	color: var(--color-main);
	background: var(--bg-active);
	font-weight: 500;
	font-size: 16px;
	padding: 10px 20px;
	line-height: 1.25;
	border-radius: var(--border-radius);
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.comment-headline .btn:hover,
	.btn-submit:hover {
		background: var(--bg-second-active);
	}
}

@media screen and (max-width: 390px) {
	.comment-headline .btn,
	.btn-submit {
		font-size: 14px;
		padding: 10px 15px;
	}
}

.btn-submit {
	margin-top: 20px;
}

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

.comment-headline {
	display: flex;
	align-items: center;
	gap: 20px;
}

.comment-headline .title {
	font-size: 26px;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.comment-headline .title {
		font-size: 24px;
	}
}

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

.comments-list {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	.comments-list {
		margin-top: 20px;
	}
}

.comments-list .item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 20px;
}

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

.comments-list .ava {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-main);
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 100%;
	font-size: 20px;
	background: var(--bg-darkness);
}

.comments-list img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.comments-list .wrap {
	display: flex;
	align-items: center;
	gap: 0 14px;
	margin-bottom: 6px;
}

.comments-list .name {
	font-weight: 600;
	color: var(--color-main);
	transition: color .3s;
}

.comments-list .list {
	color: var(--color-second);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 14px;
	font-size: 14px;
}

.comments-list .list li {
	position: relative;
}

.comments-list .list li::before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	left: -9px;
	border-radius: 100%;
	overflow: hidden;
	background: var(--bg-active);
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.comments-list .text {
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-second);
}

.share-field {
	max-width: 1000px;
}

.share-field label {
	display: block;
	margin-bottom: 20px;
}

.share-field .text {
	color: var(--color-second);
	display: block;
	margin-bottom: 5px;
}

.violation-box {
	max-width: 1000px;
}

.violation-box .wrap {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

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

.radio-block {
	width: 50%;
}

@media screen and (max-width: 640px) {
	.radio-block {
		width: 100%;
	}
}

.label-choice {
	margin-bottom: 10px;
	display: block;
}

.label-choice:last-child {
	margin-bottom: 0;
}

.radio-info {
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left: 30px;
	font-size: 14px;
}

.radio-info:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: var(--bg-active);
	border-radius: 50%;
	top: 50%;
	left: 6px;
	transition: background .4s, opacity .3s;
	transform: translate3d(0, -50%, 0);
	z-index: 2;
	opacity: 0;
}

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

.input-violation {
	display: none;
}

.input-violation:checked + .radio-info:after {
	opacity: 1;
}

.input-violation:checked + .radio-info::before {
	border: solid 1px var(--bg-active);
}

.textarea-box {
	width: 50%;
}

@media screen and (max-width: 640px) {
	.textarea-box {
		width: 100%;
	}
}

.field-name {
	display: block;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 15px;
}

.footer {
	flex-shrink: 0;
	flex-grow: 0;
}

.adv-box {
	margin: 0 auto;
	border: 1px solid var(--bg-second);
	border-radius: var(--border-radius);
	padding: 15px 100px 50px;
}

@media screen and (max-width: 768px) {
	.adv-box {
		padding: 15px 45px;
	}
}

.adv-box .text {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	text-align: center;
	color: var(--color-second);
}

.adv-box .spot {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -7px;
}

@media screen and (max-width: 1366px) {
	.adv-box .spot {
		justify-content: center;
	}
}

.adv-box .item {
	padding: 7px;
}

.adv-box a {
	display: block;
}

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

.footer-holder {
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

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

.logo-footer {
	margin-bottom: 20px;
}

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

@media screen and (max-width: 768px) {
	.logo-footer img {
		max-width: 183px;
	}
}

.footer-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 20px;
	gap: 10px 40px;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	.footer-list {
		gap: 12px 20px;
	}
}

.footer-list a {
	text-transform: uppercase;
	color: var(--color-main);
	transition: color .3s;
	cursor: pointer;
}

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

.footer-text {
	font-size: 14px;
	line-height: 1.7;
	text-align: center;
	color: var(--color-second);
	padding: 0 16px;
}

.modal-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 1px;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(var(--bg-rgb-dark), 0.8);
}

.fancybox-skin{
	border-radius: var(--border-radius);
	background-color: var(--bg-main);
	color: var(--color-main);
}
.modal-box.show {
	opacity: 1;
	visibility: visible;
}

.modal-content {
	width: 484px;
	padding: 50px;
	max-height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform .3s;
	position: relative;
	margin: auto;
}
@media screen and (max-width: 568px) {
	.modal-content {
		width: 100%;
		max-width: 484px;
	}
}
.field-error {
	margin-top: 5px;
}
.field-error, .generic-error {
	color: #bf1b1b;
	width: 100%;
}
.generic-error  {
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.modal-content {
		padding: 30px 20px 20px;
	}
}

.modal-content.second {
	width: 950px;
}
@media screen and (max-width: 1024px) {
	.modal-content.second {
		width: 100%;
		max-width: 950px;
	}
}

.modal-content .close {
	border: none;
	background: none;
	position: absolute;
	font-size: 24px;
	right: 20px;
	top: 20px;
	color: var(--color-main);
	cursor: pointer;
	transition: color .3s;
}

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

.modal-content .close svg {
	display: block;
}

.modal-content .title {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 25px;
	padding-right: 34px;
	color: var(--color-main);
}

@media screen and (max-width: 991px) {
	.modal-content .title {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.modal-content .title {
		font-size: 22px;
	}
}

@media screen and (max-width: 390px) {
	.modal-content .title {
		font-size: 20px;
	}
}
.modal-content .input,
.modal-content .textarea {
	width: 100%;
	background: none;
	border-radius: var(--border-radius);
	padding: 11px 20px;
	font-size: 14px;
	color: var(--color-main);
	border: 1px solid var(--bg-second);
}
.modal-content .textarea {
	height: 100px;
	resize: none;
}


.modal-content .row {
	margin-bottom: 20px;
}

.modal-content .row:last-child {
	margin-bottom: 0;
}

.modal-content .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
}

.modal-content .hold {
	margin-bottom: 20px;
	padding-bottom: 50px;
	border-bottom: 1px solid var(--bg-second);
}

.modal-content .hold:last-child,
.modal-content .hold.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.modal-content .hold.secondary {
	margin-bottom: 20px;
	padding-bottom: 30px;
}

.modal-content .btn {
	width: 100%;
	border: none;
	cursor: pointer;
	background: var(--color-active);
	color: var(--color-main);
	border-radius: var(--border-radius);
	transition: background .3s;
	padding: 10px;
	font-weight: 600;
	line-height: 1.25;
}

@media screen and (min-width: 1025px) {
	.modal-content .btn:hover {
		background: var(--bg-second-active);
	}
}

.modal-content .text {
	text-align: center;
	color: var(--color-second);
	margin-bottom: 8px;
	font-size: 14px;
}

.modal-content .info {
	text-align: center;
	line-height: 1.4;
	font-size: 14px;
	color: var(--color-second);
	max-width: 300px;
	margin: 0 auto;
}

.modal-content .info a {
	color: var(--color-main);
	transition: color .3s;
}

@media screen and (min-width: 1024px) {
	.modal-content .info a:hover {
		color: var(--color-active);
	}
}

.modal-content .button {
	display: flex;
	justify-content: center;
	width: 100%;
	border: none;
	cursor: pointer;
	background: var(--bg-darkness);
	color: var(--color-second);
	font-weight: 600;
	border-radius: var(--border-radius);
	transition: background .3s, color .3s;
	padding: 10px;
	line-height: 1.25;
}

@media screen and (min-width: 1025px) {
	.modal-content .button:hover {
		background: var(--bg-active);
		color: var(--color-main);
	}
}

.forgot-link {
	text-align: end;
	color: var(--color-second);
	transition: color .3s;
	font-size: 14px;
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.forgot-link:hover {
		color: var(--color-main);
	}
}

@media screen and (max-width: 390px) {
	.forgot-link {
		font-size: 12px;
	}
}

.main-grid .checkbox-label{
	position: absolute;
    top: 10px;
    left: 10px;
	z-index: 6;
}
.checkbox-label {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	cursor: pointer;
	font-size: 14px;
	color: var(--color-main);
}

@media screen and (max-width: 390px) {
	.checkbox-label {
		font-size: 12px;
	}
}

.checkbox-input{
	display: none;
}
.checkbox-label .checkbox {
	display: inline-flex;
	vertical-align: top;
	position: relative;
	margin-right: 10px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 20px;
	background: var(--bg-second);
	border: 1px solid var(--bg-second);
	transition: background .2s, border .2s;
	border-radius: 5px;
	height: 20px;
}
.main-grid form .checkbox-label .checkbox{
	margin: 0;
}

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

.main-grid form .checkbox-input {
	position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    outline: auto;
    -webkit-appearance: auto;
	display: inline-block;
	vertical-align: top;
}

.checkbox-input:checked + .checkbox {
	background: var(--color-active);
}

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

.modal-field {
	display: flex;
}

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

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

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

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

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

.modal-field .name {
	margin-bottom: 10px;
	display: block;
	font-weight: 500;
	font-size: 14px;
	color: var(--color-main);
}

.modal-field select {
	display: none;
}

.modal-field .textarea {
	width: 100%;
	height: 120px;
	border-radius: var(--border-radius);
	resize: none;
	border: 1px solid var(--bg-second);
	background: none;
	padding: 10px 20px;
	color: var(--color-main);
}

.mask-button {
	position: relative;
}

.mask-button input[type=file] {
	display: none;
}

.mask-input {
	font-size: 14px;
	color: var(--color-second);
	background: none;
	height: 40px;
	border-radius: var(--border-radius);
	position: relative;
	padding: 5px 100px 5px 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid var(--bg-second);
}

.file-wrap {
	border-radius: var(--border-radius);
	cursor: pointer;
	font-size: 14px;
	min-height: 30px;
	padding: 6px 20px;
	background: var(--color-active);
	color: var(--color-main);
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	z-index: 2;
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.file-wrap:hover {
		background: var(--bg-second-active);
	}
}

.modal-user-box {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.modal-user-box .ava {
	width: 160px;
	height: 160px;
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 80px;
	color: var(--color-main);
	background: var(--bg-darkness);
}

@media screen and (max-width: 390px) {
	.modal-user-box .ava {
		width: 130px;
		height: 130px;
		font-size: 70px;
	}
}

.modal-user-box img {
	max-width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.save-btn {
	border: none;
	cursor: pointer;
	background: var(--bg-active);
	color: var(--color-main);
	border-radius: var(--border-radius);
	transition: background .3s;
	padding: 10px 28px;
	line-height: 1.25;
	font-weight: 600;
	margin-top: 30px;
}

@media screen and (min-width: 1025px) {
	.save-btn:hover {
		background: var(--bg-second-active);
	}
}

.select2-container--default .select2-selection--single {
	border: none;
	background: none;
	border-radius: var(--border-radius);
	height: 40px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	font-family: inherit;
	border: 1px solid var(--bg-second);
}

.select2-selection__arrow::before {
	background-image: url("../images/arrow.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) rotate(180deg);
	width: 100%;
	transition: transform .3s;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0) rotate(180deg);
	right: 20px;
	width: 10px;
}

.select2-container--open .select2-selection__arrow::before {
	transform: translate3d(-50%, -50%, 0) rotate(0deg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-main);
	padding: 0 20px;
}

.select2-results__option--selectable {
	color: var(--color-second);
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-weight: 400;
	font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--color-active);
	color: var(--color-main);
}

.select2-dropdown {
	border: none;
	border-radius: var(--border-radius);
	overflow: hidden;
	background: var(--bg-main);
	border: 1px solid var(--bg-second);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: none;
	padding: 0 20px;
	color: var(--color-main);
	height: 40px;
	border-radius: var(--border-radius);
	background: var(--bg-main);
	border: 1px solid var(--bg-second);
}

.select2-container--default .select2-results__option--selected {
	background: var(--bg-darkness);
	color: var(--color-main);
}

.wrap-select {
	margin: -5px;
	display: flex;
	flex-wrap: wrap;
}

.wrap-select .col-list {
	padding: 5px;
	width: 29%;
}

@media screen and (max-width: 390px) {
	.wrap-select .col-list {
		width: 50%;
	}
}

.wrap-select .col-list.second {
	width: 42%;
}

@media screen and (max-width: 390px) {
	.wrap-select .col-list.second {
		width: 50%;
	}
}
.single-page a {
	color: var(--color-active);
	cursor: pointer;
}
@media screen and (min-width: 1025px) {
	.single-page a:hover {
		text-decoration: underline;
	}
}
.single-page p,
.single-page li{
	margin-bottom: 15px;
	line-height: 1.5;
}
.single-page p:last-child,
.single-page li:last-child {
	margin-bottom: 0;
}
.single-page h2 {
	margin: 25px 0 10px;
    font-size: 18px;
    line-height: 1.7;
}
.single-page ul {
	list-style: auto;
    margin-bottom: 15px;
    padding: 0 0 0 25px;
}
.captcha-control img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.fancybox-type-ajax .fancybox-close {
    opacity: 0 !important;
}
.hidden{
	display: none;
}
.select2-container.select2-container--open {
	z-index: 9999;
}
.btn-favourites {
	position: relative;
}
.btn-favourites.show .link.secondary {
    color: var(--color-main);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.btn-favourites.show .favorite-hidden {
	opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
}
.favorite-hidden {
	position: absolute;
    z-index: 3;
    left: 0;
	background: var(--bg-darkness);
    border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
    top: 100%;
    max-height: 250px;
    min-width: 185px;
    overflow-y: auto;
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    transition: opacity .3s, transform .3s, visibility .3s;
}
.favorite-hidden a {
	display: flex;
    align-items: center;
    padding: 10px 20px;
    color: var(--color-main);
    transition: background .3s;
	font-size: 14px;
	white-space: nowrap;
	flex-grow: 1;
	flex-shrink: 1;
}
.favorite-hidden .delete {
	position: relative;
	flex-grow: 0;
	flex-shrink: 0;
	padding: 10px 15px;
	color: transparent;
}
.favorite-hidden .delete::before {
	position: absolute;
	content: '';
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><rect width="2.85706" height="30.8494" rx="1.42853" transform="matrix(0.712063 -0.702115 0.712063 0.702115 0.248474 2.33816)" fill="white"/><rect width="2.85706" height="30.8494" rx="1.42853" transform="matrix(-0.712063 -0.702115 -0.712063 0.702115 24.25 2.008)" fill="white"/></svg>');
	background-position: center;
	/* background-size: ; */
	width: 16px;
	height: 16px;
	color: var(--color-main);
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}
.favorite-hidden span {
	display: flex;
    align-items: center;
	justify-content: space-between;
}
@media screen and (min-width: 1025px) {
	.favorite-hidden a:hover {
		background: var(--color-active);
	}
}
.wrap-thumbs {
	display: flex;
    flex-direction: column;
    gap: 15px;
}
.wrap-thumbs .thumb{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.wrap-thumbs a {
	border-radius: var(--border-radius);
    border: none;
    color: var(--color-second);
    background: var(--bg-darkness);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px;
    min-height: 36px;
    cursor: pointer;
    transition: color .3s, background .3s;
}
@media screen and (min-width: 1025px) {
	.wrap-thumbs a:hover {
		background: var(--color-active);
		color: var(--color-main);
	}
}
.share-field .custom-size {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.share-field .custom-size .input {
    max-width: 150px;
}
.share-field .custom-size .custom-x {
    margin: 0 5px 0;
    color: var(--color-second);
}
.rating-container {
	position: relative;
}
.rating-container .voters {
    position: absolute;
    top: -20px;
    white-space: nowrap;
    padding-left: 10px;
    color: chartreuse;
}