@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@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 {
	--height-header: 168px;
	--height-header-outline: var(--height-header);
	--height-top-header: 30px;
	--outline-content: 80px;
	--height-mobile-panel: 70px;
	--max-width-search: 650px;
	--font-weight-general: 400;
	--font-size-general: 16px;
	--line-height-general: 1.2;
	--default-font: "Roboto", sans-serif;
	--color-white: #fff;
	--color-main: var(--color-white);
	--color-black: #000;
	--color-active: #D30404;
	--color-second: #6e6e6e;
	--color-tools: #282828;
	--color-blue-second: #174CA8;
	--color-green: #04F000;
	--color-gray: #a5a5a5;
	--color-gray-darkness: #555b67;
	--bg-main: var(--bg-black);
	--bg-black: #000;
	--bg-white: #fff;
	--bg-active: #D30404;
	--bg-second-active: #f50c0c;
	--bg-dark: 0, 0, 0;
	--bg-darkness: #161616;
	--bg-red: 211, 4, 4;
	--bg-dark-gray: #6E6E6E;
	--bg-gray-rgb: 110, 110, 110;
	--bg-bottom-card: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
	--box-shadow-menu: 0 4px 18px 0 rgba(0, 0, 0, 0.35);
	--border-radius: 10px;
	--border-radius-second: 20px;
	--border-mobile: #0e0e0e;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	:root {
		--height-header: 177px;
		--outline-content: 280px;
	}
}

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

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

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	body.show-search .hamburger {
		opacity: 0;
		visibility: hidden;
	}
	body.show-search .header-search {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
	body.show-search .action-btn use[href="#icon-search"] {
		display: none;
	}
	body.show-search .action-btn use[href="#icon-close"] {
		display: block;
	}
}

body.open-menu {
	--outline-content: 250px;
}

@media screen and (max-width: 1140px) {
	body.open-menu .pagination-list .item {
		display: none;
	}
	body.open-menu .pagination-list .item.active {
		display: block;
		margin: 0;
	}
	body.open-menu .pagination-list .item.pager {
		display: block;
	}
	body.open-menu .inner-section .columns {
		flex-direction: column;
	}
	body.open-menu .inner-section .column {
		width: 100%;
	}
	body.open-menu .form-text-box {
		max-width: 100%;
		text-align: center;
	}
	body.open-menu .section-wrap-content {
		max-width: 100%;
	}
	body.open-menu .section-wrap-image {
		margin: 0 auto;
	}
	body.open-menu .auth-box {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	body.open-menu {
		--outline-content: 280px;
	}
	body.open-menu .mask {
		opacity: 1;
		visibility: visible;
	}
}

body.open-menu .hamburger use[href="#icon-menu"] {
	display: none;
}

body.open-menu .hamburger use[href="#icon-close"] {
	display: block;
}

body.open-menu .list-general {
	font-size: 14px;
}

body.open-menu .list-general a {
	--num: 20px;
	flex-direction: row;
	justify-content: flex-start;
	gap: 0 20px;
	padding: 0 20px;
	width: calc(var(--outline-content) - var(--num));
	min-height: 50px;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	body.open-menu .list-general a {
		--num: 40px;
	}
}

body.open-menu .list-general span {
	flex-shrink: 1;
	flex-grow: 1;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	body.open-menu .aside-menu {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
}

body.open-menu .aside-menu .item {
	white-space: nowrap;
}

body.open-menu .aside-menu .row {
	display: block;
}

body.open-menu .aside-menu .row::before {
	opacity: 1;
}

@media screen and (max-width: 1366px) {
	body.open-menu .aside-spot {
		display: none;
	}
}

body.notop {
	--height-header-outline: var(--height-header) - var(--height-top-header);
}

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

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

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;
}

.select2-dropdown {
	z-index: 3;
}

.select2-dropdown.modal-dropdown {
	z-index: 1031;
}

.select2-dropdown.modal-dropdown .select2-results__option--selectable {
	font-size: 14px;
}

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

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

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

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

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

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

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

@media screen and (max-width: 991px), screen and (orientation: landscape) and (max-width: 1024px) {
	.wrapper {
		padding-bottom: var(--height-mobile-panel);
	}
}

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

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

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

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
	z-index: 99999998;
	display: none;
	transition: opacity .3s, visibility .3s;
}

.fancybox-lock .mask {
	z-index: 555;
}

@media screen and (max-width: 991px), screen and (orientation: landscape) and (max-width: 1024px) {
	.mask {
		display: block;
		opacity: 0;
		visibility: hidden;
	}
}

.top-header {
	background: var(--bg-darkness);
	padding: 7px 0;
	white-space: nowrap;
	overflow: auto;
	scrollbar-width: none;
	height: var(--height-top-header);
}

.top-header::-webkit-scrollbar {
	-ms-overflow-style: none;
	display: none;
}

.top-header .list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px 0;
	line-height: 1.143;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.top-header .list {
		justify-content: flex-start;
	}
}

.top-header li {
	font-weight: 400;
	font-size: 14px;
	position: relative;
	padding: 0 13px 0 0;
	margin: 0 13px 0 0;
}

.top-header li:last-child {
	margin: 0;
}

.top-header li:last-child::before {
	display: none;
}

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

.top-header a {
	color: var(--color-second);
	transition: color .3s;
}

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

.header {
	flex-shrink: 0;
	flex-grow: 0;
	/* height: var(--height-header-outline); */
	position: relative;
	z-index: 4;
	z-index: 200;
}

.sticky-holder {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.general-header {
	background: var(--bg-main);
	padding: 14px 30px;
	min-height: 70px;
}

@media screen and (max-width: 1024px) {
	.general-header {
		padding: 14px 20px;
	}
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.general-header {
		position: relative;
		z-index: 2;
		min-height: 60px;
		display: flex;
		align-items: center;
		padding: 14px 10px;
	}
}

.general-header .holder {
	display: flex;
	align-items: center;
	gap: 0 15px;
}

@media screen and (max-width: 1024px) {
	.general-header .holder {
		justify-content: space-between;
	}
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.general-header .holder {
		width: 100%;
	}
}

.logo {
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 15px;
}

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

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

.header-search {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-grow: 1;
	flex-shrink: 1;
	position: relative;
}

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

.header-search.show .autocomplete {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0) scale(1);
}

.header-search .form {
	display: flex;
	align-items: center;
	border-radius: 10px;
	background: var(--color-main);
	border-radius: var(--border-radius-second);
	width: 100%;
	height: 40px;
	max-width: var(--max-width-search);
	position: relative;
	background: #121212;
    border: 1px solid var(--color-tools);
}

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

.header-search input {
	width: 100%;
	padding-left: 20px;
	color: var(--bg-main);
	color: var(--color-white);
	font-weight: 400;
	font-size: 14px;
	border: none;
	background: none;
	padding: 12px 0 12px 20px;
}  

.header-search input::-webkit-input-placeholder {
	color: #727272;
}

.header-search input:-moz-placeholder {
	color: #727272;
	opacity: 1;
}

.btn-search {
	border: none;
	background: none;
	font-size: 20px;
	color: var(--color-active);
	cursor: pointer;
	padding: 0 20px;
	height: 100%;
	transition: transform .3s, color .3s;
	transform: scale(1);
}

@media screen and (min-width: 1025px) {
	.btn-search:hover {
		color: var(--bg-main);
		transform: scale(1.05);
	}
}

.action-btn {
	display: none;
	border: none;
	cursor: pointer;
	background: none;
	font-size: 24px;
	color: var(--color-main);
	cursor: pointer;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.action-btn {
		display: flex;
	}
}

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

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

.autocomplete {
	position: absolute;
	top: calc(10px + 100%);
	left: 0;
	right: 0;
	z-index: 99;
	max-height: 280px;
	background-color: #000;
	border: 1px solid #282828;
	max-width: var(--max-width-search);
	width: 100%;
	margin: 0 auto;
	border-radius: 20px;
	overflow: auto;
	transform: translate3d(0, 10px, 0) scale(0.96);
	opacity: 0;
	visibility: hidden;
	transition: transform .3s, opacity .3s, visibility .3s;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.autocomplete {
		top: 100%;
		left: 10px;
		right: 10px;
		max-width: 100%;
		width: auto;
	}
}

.autocomplete .title {
	font-weight: 700;
	font-size: 18px;
	padding: 10px 20px 0;
	margin-bottom: 5px;
}

.autocomplete .item {
	padding: 10px 20px;
	display: flex;
	align-items: center;
	gap: 0 10px;
	color: #6E6E6E;
	font-weight: 500;
	font-size: 16px;
	cursor: pointer;
}

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

.autocomplete .svg-icon {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 20px;
}

.autocomplete .fire {
	color: var(--color-active);
}

.autocomplete .val {
	flex-shrink: 1;
	flex-grow: 1;
}

.autocomplete .val span {
	color: #fff;
}

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

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.header-tools {
		display: none;
	}
}

.header-tools .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	border: 2px solid transparent;
	color: var(--color-main);
	border-radius: var(--border-radius-second);
	padding: 10px 28px;
	background: rgba(110, 110, 110, 0.1);
	transition: border .3s, color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.header-tools .btn:hover {
		border-color: var(--bg-dark-gray);
	}
}

.header-tools .btn.second {
	font-weight: 700;
	background: var(--bg-active);
	border-color: var(--bg-active);
}

@media screen and (min-width: 1025px) {
	.header-tools .btn.second:hover {
		background: none;
		color: var(--color-active);
	}
}

.button-upload {
	display: flex;
	align-items: center;
	font-size: 24px;
	color: var(--color-main);
	cursor: pointer;
	background: none;
	border: none;
	transition: color .3s;
}

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

.wrapped-auth {
	position: relative;
	padding-left: 20px;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.wrapped-auth {
		padding-left: 0;
	}
}

.wrapped-auth.show .button-profile {
	color: var(--color-active);
}

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

.wrapped-auth.show .drop-profile {
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
	visibility: visible;
}

.mobile-auth {
	margin-bottom: 20px;
}

.mobile-auth.show .button-profile {
	color: var(--color-active);
}

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

.mobile-auth.show .drop-profile {
	display: block;
}

.mobile-auth .button-profile {
	width: 100%;
}

.mobile-auth .drop-profile {
	position: static;
	transform: none;
	opacity: 1;
	visibility: visible;
	display: none;
	margin-top: 10px;
}

.button-profile {
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: var(--color-main);
	gap: 0 10px;
}

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

.button-profile .avatar,
.button-profile .svg-icon {
	flex-shrink: 0;
	flex-grow: 0;
}

.button-profile .wrapped {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
	transition: color .3s;
}

.button-profile .wrapped span {
	flex-shrink: 1;
	flex-grow: 1;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.button-profile .wrapped span {
		max-width: 100%;
	}
}

.button-profile .wrapped svg {
	font-size: 10px;
}

.button-profile .avatar {
	position: relative;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-darkness);
	color: var(--color-second);
	font-size: 20px;
}

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

.button-profile .svg-icon {
	transform: rotate(0);
	transition: transform .3s;
}

.drop-profile {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 10px, 0) scale(0.96);
	transition: transform .3s, opacity .3s, visibility .3s;
	background: var(--bg-darkness);
	font-weight: 500;
	font-size: 14px;
	min-width: 158px;
	border-radius: 20px 0 20px 20px;
	overflow: hidden;
}

.drop-profile .item {
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding: 10px 20px;
	color: var(--color-second);
}

@media screen and (min-width: 1025px) {
	.drop-profile .item:hover {
		background-color: var(--bg-dark-gray);
		color: var(--color-main);
	}
}

.drop-profile .item.active {
	background-color: var(--bg-active);
	color: var(--color-main);
}

.drop-profile .svg-icon {
	font-size: 20px;
}

.hamburger {
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: var(--color-main);
	opacity: 1;
	font-size: 24px;
	visibility: visible;
	transition: color .3s, opacity .3s, visibility .3s;
}

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

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

.group-links {
	background: var(--bg-darkness);
	display: flex;
	align-items: center;
	margin-top: calc(var(--height-header-outline) - 70px);
}

.group-links.top_big {
	margin-top: calc(var(--height-header-outline) - 40px);
}

.group-links a,
.group-links .btn {
	padding: 12px;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 1.143;
	color: var(--color-second);
	transition: color .3s;
	flex-shrink: 1;
	flex-grow: 1;
	text-align: center;
	background: transparent;
	border: none;
	cursor: pointer;
	border-right: 1px solid var(--bg-main);
}

.group-links .btn {
	color: var(--color-white);
	border-color: var(--color-tools);
}

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

@media screen and (max-width: 390px) {
	.group-links a,
	.group-links .btn {
		font-size: 12px;
	}
}

.group-links a [data-attr-status],
.group-links .btn [data-attr-status] {
	position: relative;
}

.group-links a [data-attr-status]::before,
.group-links .btn [data-attr-status]::before {
	content: '';
	position: absolute;
	right: -13px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	width: 8px;
	height: 8px;
	border-radius: 100%;
	overflow: hidden;
	background: var(--color-green);
	box-shadow: 0 0 9px 0 rgba(4, 240, 0, 0.5);
}

.group-links a:last-child,
.group-links .btn:last-child {
	border-right: none;
}

.aside-menu {
	position: fixed;
	top: calc(var(--height-header-outline) + 20px);
	left: 0;
	bottom: 20px;
	border-radius: 0 20px 20px 0;
	overflow: hidden;
	background-color: var(--bg-darkness);
	width: var(--outline-content);
	z-index: 9;
	font-weight: 500;
	text-transform: capitalize;
	height: calc(100% - var(--height-header-outline) - 40px);
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.aside-menu {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		background: var(--bg-main);
		z-index: 20;
		z-index: 99999999;
		transform: translate3d(-100%, 0, 0);
		transition: transform .3s, visibility .3s, opacity .3s;
		visibility: hidden;
		opacity: 0;
		height: 100%;
	}

	.fancybox-lock .aside-menu {
		z-index: 1;
	}
}

.aside-menu .holder {
	position: relative;
	height: 100%;
	padding: 0 10px;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.aside-menu .holder {
		padding: 0 20px;
	}
}

.aside-menu .holder::before, .aside-menu .holder::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	pointer-events: none;
}

.aside-menu .holder::before {
	top: 0;
	height: 20px;
	background: linear-gradient(to bottom, #161616 0%, rgba(22, 22, 22, 0.8) 50%, rgba(22, 22, 22, 0) 100%);
}

.aside-menu .holder::after {
	bottom: 0;
	height: 30px;
	background: linear-gradient(to bottom, rgba(22, 22, 22, 0) 0%, rgba(22, 22, 22, 0.8) 50%, #161616 100%);
}

.aside-menu .wrap {
	position: relative;
	overflow-y: auto;
	height: 100%;
	scrollbar-width: none;
}

.aside-menu .wrap::-webkit-scrollbar {
	-ms-overflow-style: none;
	display: none;
}

.aside-menu .row {
	padding: 30px 0;
	position: relative;
	display: none;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.aside-menu .row {
		display: block;
	}
}

.aside-menu .row:first-child::before {
	display: none;
}

.aside-menu .row::before {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	width: calc(100% - 20px);
	height: 1px;
	background: var(--bg-main);
	transform: translate3d(-50%, 0, 0);
	opacity: 0;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.aside-menu .row::before {
		background: var(--border-mobile);
	}
}

.aside-menu .row.visible {
	display: block;
}

.aside-menu .title {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 16px;
}

.aside-menu .list,
.aside-menu .list-general {
	display: flex;
	flex-direction: column;
	gap: 5px 0;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
}

.aside-menu .list a,
.aside-menu .list-general a {
	color: var(--color-main);
	display: flex;
	align-items: center;
	border-radius: 20px;
	gap: 0 20px;
	width: 100%;
	padding: 15px 20px;
	transition: box-shadow .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.aside-menu .list a:hover,
	.aside-menu .list-general a:hover {
		--opacity: .1;
		box-shadow: inset 0 0 0 2px var(--bg-dark-gray);
		background: rgba(var(--bg-gray-rgb), var(--opacity));
	}
	.aside-menu .list a:hover b,
	.aside-menu .list-general a:hover b {
		color: var(--color-main);
	}
}

.aside-menu .list span,
.aside-menu .list-general span {
	text-align: center;
}

.aside-menu .list b,
.aside-menu .list-general b {
	font-weight: normal;
	color: var(--color-second);
}

.aside-menu .list svg,
.aside-menu .list-general svg {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 20px;
}

.aside-menu .list img,
.aside-menu .list-general img {
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.aside-menu .list span {
	text-align: left;
	flex-shrink: 1;
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	will-change: transform;
}

.aside-menu .list-general {
	font-size: 10px;
}

.aside-menu .list-general a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 7px 0;
	width: 60px;
	min-height: 60px;
	padding: 0;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.aside-menu .list-general a {
		--num: 40px;
		flex-direction: row;
		justify-content: flex-start;
		gap: 0 20px;
		padding: 0 20px;
		width: calc(var(--outline-content) - var(--num));
		min-height: 50px;
	}
}

.aside-menu .item.active {
	--opacity: .1;
}

.aside-menu .item.active a {
	box-shadow: inset 0 0 0 2px var(--color-active);
	background-color: rgba(var(--bg-red), var(--opacity));
	color: var(--color-active);
}

.mobile-auth-box {
	display: none;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.mobile-auth-box {
		display: block;
	}
}

.mobile-auth-box .group {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
}

.mobile-auth-box .box {
	width: 50%;
}

.mobile-auth-box .button {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	border: 2px solid var(--bg-dark-gray);
	color: var(--color-main);
	border-radius: var(--border-radius-second);
	padding: 10px 20px;
	background: rgba(110, 110, 110, 0.1);
}

.mobile-auth-box .button.second {
	font-weight: 700;
	background: var(--bg-active);
	border-color: var(--bg-active);
}

.tools-menu {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 35px;
}

.tools-menu .btn {
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	background: none;
	border: none;
	font-size: 24px;
	color: var(--color-main);
	cursor: pointer;
}

.logo-menu {
	flex-grow: 1;
	flex-shrink: 1;
}

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

.link-all {
	margin-top: 20px;
	padding: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 14px;
	color: var(--color-second);
	border: 2px solid var(--color-tools);
	border-radius: var(--border-radius-second);
	transition: border .3s, color .3s;
}

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

.main {
	flex-shrink: 1;
	flex-grow: 1;
	padding: 20px 0 50px;
	padding-left: var(--outline-content);
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.main {
		padding-left: 0;
	}
}

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

.section {
	margin-bottom: 50px;
}

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

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

.slider-wrapped {
	margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
	.slider-wrapped {
		margin-bottom: 30px;
	}
}

.slider-bar {
	position: relative;
}

.slider-bar .swiper-button-prev,
.slider-bar .swiper-button-next {
	padding: 0 10px;
	background: none;
	color: var(--bg-dark-gray);
	transition: color .3s;
	width: 72px;
	height: 100%;
	border-radius: 0;
	z-index: 10;
	-webkit-backdrop-filter: blur(0);
	        backdrop-filter: blur(0);
}

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

@media screen and (max-width: 1640px) {
	.slider-bar .swiper-button-prev,
	.slider-bar .swiper-button-next {
		display: flex;
	}
}

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

.slider-bar .swiper-button-prev svg,
.slider-bar .swiper-button-next svg {
	font-size: 14px;
}

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

.slider-bar .swiper-button-next {
	right: 0;
	justify-content: flex-end;
	background: linear-gradient(270deg, #000 52.6%, rgba(0, 0, 0, 0) 100%);
}

@media screen and (min-width: 1025px) {
	.slider-bar .swiper-button-next:hover {
		color: var(--color-active);
		background: linear-gradient(270deg, #000 52.6%, rgba(0, 0, 0, 0) 100%);
	}
}

.slider-bar .swiper-button-prev {
	left: 0;
	justify-content: flex-start;
	background: linear-gradient(-270deg, #000 52.6%, rgba(255, 255, 255, 0));
}

@media screen and (min-width: 1025px) {
	.slider-bar .swiper-button-prev:hover {
		color: var(--color-active);
		background: linear-gradient(-270deg, #000 52.6%, rgba(255, 255, 255, 0));
	}
}

.slider-bar .swiper-slide {
	width: auto;
}

.slider-bar .swiper-slide.active a {
	border-color: var(--bg-dark-gray);
	color: var(--color-main);
}

.slider-bar a {
	font-weight: 500;
	font-size: 14px;
	border-radius: var(--border-radius-second);
	display: flex;
	padding: 8px 20px;
	color: var(--color-second);
	border: 2px solid var(--color-tools);
	transition: color .3s, border .3s;
}

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

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

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

.headline .title {
	font-weight: 700;
	font-size: 26px;
	flex-grow: 1;
	flex-shrink: 1;
}

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

@media screen and (max-width: 768px) {
	.headline .title {
		font-size: 20px;
		width: 100%;
		display: block;
	}
}

.headline .title a {
	text-decoration: underline;
	transition: color .3s;
	color: var(--color-white);
}

@media screen and (min-width: 1024px) {
	.headline .title a:hover {
		color: var(--bg-second-active);
	}
}

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

.dropped-box {
	position: relative;
}

.dropped-box.show .btn {
	border-color: var(--color-active);
	color: var(--color-main);
	background: var(--bg-active);
	border-radius: var(--border-radius-second) var(--border-radius-second) 0 0;
}

.dropped-box.show .btn svg {
	transform: rotate(180deg);
}

.dropped-box.show .drop-list {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

.dropped-box .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-second);
	border: 2px solid var(--color-tools);
	border-radius: var(--border-radius-second);
	background: none;
	font-weight: 500;
	font-size: 14px;
	padding: 8px 19px;
	cursor: pointer;
	transition: color .3s, background .3s, border .3s, border-radius .3s;
}

@media screen and (min-width: 1025px) {
	.dropped-box .btn:hover {
		background: var(--bg-active);
		border-color: var(--bg-active);
		color: var(--color-main);
	}
}

.dropped-box svg {
	font-size: 10px;
	transition: transform .3s;
}

.view-all {
	display: flex;
	align-items: center;
	border: 2px solid var(--color-tools);
	border-radius: var(--border-radius-second);
	padding: 8px 19px;
	font-weight: 500;
	font-size: 14px;
	color: var(--bg-dark-gray);
	transition: border .3s, color .3s;
}

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

.drop-list {
	position: absolute;
	z-index: 4;
	border: 2px solid var(--color-tools);
	background: var(--bg-main);
	width: 100%;
	border-radius: 0 0 var(--border-radius-second) var(--border-radius-second);
	top: 100%;
	max-height: 250px;
	overflow-y: auto;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	transition: opacity .3s, transform .3s, visibility .3s;
	min-width: fit-content;
    left: auto;
    right: 0;
}

@media screen and (max-width: 767px) {
	.drop-list {
		left: 0;
		right: auto;
	}
}

 
.drop-list a {
	cursor: pointer;
	white-space: nowrap;
	display: block;
	padding: 10px;
	font-weight: 500;
	font-size: 14px;
	color: var(--color-main);
	transition: background .3s;
}

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

.main-flex form,
.main-flex {
	--flex-gap: 20px;
	--flex-items: 5;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
	width: 100%;
}

@media screen and (max-width: 1440px) {
	.main-flex form,
	.main-flex {
		--flex-items: 4;
	}
}

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

@media screen and (max-width: 1024px) {
	.main-flex form,
	.main-flex {
		--flex-items: 2;
		gap: 30px var(--flex-gap);
	}
}

@media screen and (max-width: 640px) {
	.main-flex form,
	.main-flex {
		--flex-gap: 15px;
		gap: 15px var(--flex-gap);
	}
}

@media screen and (max-width: 479px) {
	.main-flex form,
	.main-flex {
		--flex-items: 1;
		gap: 30px var(--flex-gap);
	}
}

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

@media screen and (min-width: 1025px) {
	.main-flex .th:hover .card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.main-primary {
	--flex-gap: 20px;
	--flex-items: 5;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
}

@media screen and (max-width: 1440px) {
	.main-primary {
		--flex-items: 4;
	}
}

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

@media screen and (max-width: 1024px) {
	.main-primary {
		--flex-items: 2;
		gap: 30px var(--flex-gap);
	}
}

@media screen and (max-width: 640px) {
	.main-primary {
		--flex-gap: 15px;
		gap: var(--flex-gap);
	}
}

@media screen and (max-width: 374px) {
	.main-primary {
		--flex-items: 1;
		gap: 30px var(--flex-gap);
	}
}

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

@media screen and (min-width: 1025px) {
	.main-primary .th:hover .card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.second-flex {
	--flex-gap: 20px;
	--flex-items: 5;
	display: flex;
	flex-wrap: wrap;
	gap: 20px var(--flex-gap);
}

@media screen and (max-width: 1440px) {
	.second-flex {
		--flex-items: 4;
		--flex-gap: 11px;
	}
}

@media screen and (max-width: 1024px) {
	.second-flex {
		--flex-items: 3;
	}
}

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

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

@media screen and (min-width: 1025px) {
	.second-flex .th:hover .card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.main-portrait form,
.main-portrait {
	--flex-gap: 20px;
	--flex-items: 5;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
	width: 100%;
}

@media screen and (max-width: 1440px) {
	.main-portrait form,
	.main-portrait {
		--flex-items: 4;
	}
}

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

@media screen and (max-width: 1024px) {
	.main-portrait form,
	.main-portrait {
		gap: 30px var(--flex-gap);
	}
}

@media screen and (max-width: 640px) {
	.main-portrait form,
	.main-portrait {
		--flex-items: 2;
		--flex-gap: 15px;
		gap: 15px var(--flex-gap);
	}
}

@media screen and (max-width: 429px) {
	.main-portrait form,
	.main-portrait {
		--flex-items: 1;
		gap: 30px var(--flex-gap);
	}
}

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

@media screen and (min-width: 1025px) {
	.main-portrait .card-secondary:hover .card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

a.th {
	display: block;
}

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

.card-image {
	border-radius: var(--border-radius);
	display: block;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56%;
}

@media screen and (min-width: 1025px) {
	.card-image:hover .num {
		right: -100%;
	}
}

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

.card-image .num {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 1rem;
	min-width: 80px;
	transition: right .6s;
}

.card-image .num .svg-icon,
.card-image .num span {
	color: var(--color-main);
}

.card-image .num .svg-icon {
	font-size: 30px;
	margin-bottom: 8px;
	flex-shrink: 0;
	flex-grow: 0;
}

.card-content,
.user-inform {
	display: flex;
	gap: 10px;
}

.card-content .ava,
.user-inform .ava {
	flex-grow: 0;
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	overflow: hidden;
	border-radius: 100%;
	position: relative;
}

.card-content .ava img,
.user-inform .ava img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-content .wrap,
.user-inform .wrap {
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
}

.card-content .title,
.user-inform .title {
	color: var(--color-main);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	transition: color .3s;
	display: inline-block;
	vertical-align: top;
}

.videos_list .card-content .title {
	font-size: 14px;
}

.card-content .title svg,
.user-inform .title svg {
	color: #1663FA;
}

@media screen and (min-width: 1025px) {
	.card-content a.title:hover,
	.user-inform a.title:hover {
		color: var(--color-active);
	}
}

.card-content .group,
.user-inform .group {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 0;
	margin-top: 5px;
}

.card-content .list,
.user-inform .list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 5px 14px;
	color: var(--color-second);
}

.card-content .list .box,
.user-inform .list .box {
	position: relative;
}

.card-content .list .box:last-child::before,
.user-inform .list .box:last-child::before {
	display: none;
}

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

.card-content .list svg,
.user-inform .list svg {
	color: var(--color-blue);
	transition: color .3s;
}

.card-content .author,
.user-inform .author {
	display: flex;
	align-items: center;
	font-size: 12px;
	gap: 5px;
	color: var(--color-main);
	color: var(--color-second);
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.card-content .author:hover,
	.user-inform .author:hover {
		color: var(--color-active);
	}
	.card-content .author:hover svg,
	.user-inform .author:hover svg {
		color: var(--color-active);
	}
}

.card-content {
	margin-top: 10px;
}

.card-tools {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 16px;
	padding: 10px;
	transform: translate3d(0, -50%, 0);
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s, transform .3s, visibility .3s;
}

@media screen and (max-width: 1024px) {
	.card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.card-tools .btn {
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(var(--bg-dark), 0.6);
	border-radius: 100%;
	overflow: hidden;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: var(--color-main);
	transition: background .3s;
}

@media screen and (min-width: 1025px) {
	.card-tools .btn:hover {
		background: rgba(var(--bg-red), 0.6);
	}
}

.card-tools .btn.active {
	background: rgba(var(--bg-red), 0.6);
}

.bottom-panel {
	position: absolute;
	width: 100%;
	padding: 10px;
	bottom: 0;
	z-index: 3;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--color-main);
	font-size: 12px;
}

.bottom-panel .group {
	display: flex;
	align-items: center;
	gap: 3px;
}

.bottom-panel .box {
	display: flex;
	align-items: center;
	gap: 5px;
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(var(--bg-dark), 0.6);
	border-radius: var(--border-radius-second);
	padding: 4px 7px;
}

.bottom-panel .box.second {
	font-weight: 800;
	background: rgba(var(--bg-red), 0.6);
}

.bottom-panel svg {
	flex-grow: 0;
	flex-shrink: 0;
}

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

.pagination-list.secondary {
	gap: 20px 10px;
	width: 100%;
	justify-content: space-between;
}

@media screen and (max-width: 1280px) {
	.pagination-list.secondary {
		flex-direction: column;
	}
}

.pagination-list.secondary::before {
	content: "";
	min-width: 1px;
	flex-shrink: 1;
	flex-grow: 1;
}

@media screen and (max-width: 1280px) {
	.pagination-list.secondary::before {
		display: none;
	}
}

.pagination-list .holder {
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
}

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

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

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

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

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

.pagination-list .list .item.active span {
	border-radius: var(--border-radius-second);
	color: var(--color-main);
	border: 2px solid var(--color-second);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	height: 40px;
	min-width: 40px;
	font-weight: 500;
	font-size: 14px;
}

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

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

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

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

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

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

.pagination-list .item.pager.not-available a {
	cursor: default;
	pointer-events: none;
}

.pagination-list .item.pager:first-child {
	margin-right: 20px;
}
 
.pagination-list .item.pager.next_page {
	margin-left: 20px;
}

.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%;
}

.group-button {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	flex-grow: 1;
	flex-shrink: 1;
	justify-content: flex-end;
}

@media screen and (max-width: 568px) {
	.group-button {
		margin: 0 0 0 auto;
	}
}

.group-button .button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	min-width: 100px;
	background: none;
	cursor: pointer;
	border-radius: var(--border-radius-second);
	color: var(--color-second);
	font-weight: 500;
	font-size: 14px;
	border: 2px solid var(--color-tools);
	transition: color .3s, border .3s, background-color .3s;
}

@media screen and (min-width: 1025px) {
	.group-button .button:hover {
		border-color: var(--color-active);
		color: var(--color-white);
		background: none;
	}
}

.group-button .button.primary {
	background-color: var(--bg-active);
	color: var(--color-white);
	border-color: var(--bg-active);
}

@media screen and (min-width: 1025px) {
	.group-button .button.primary:hover {
		border-color: var(--color-active);
		color: var(--color-white);
		background: transparent;
	}
}

.thumb {
	display: flex;
	flex-direction: column;
	position: relative;
}

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

.thumb::before {
	position: absolute;
	content: '';
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--bg-bottom-card);
	opacity: .9;
	z-index: 1;
	height: 88px;
}

.thumb .wrap {
	border-radius: var(--border-radius);
	overflow: hidden;
	position: relative;
}

.thumb .img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.thumb .live {
	position: absolute;
	top: 10px;
	left: 10px;
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(211, 4, 4, 0.6);
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 12px;
	border-radius: 20px;
	padding: 4px 8px;
}

.thumb .tools {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.thumb .author {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--color-main);
	flex-grow: 1;
	flex-shrink: 1;
	overflow: hidden;
	transition: color .3s;
}

.thumb .ava {
	flex-grow: 0;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	box-shadow: 0 0 0 2px var(--color-active);
	border-radius: 100%;
	overflow: hidden;
	position: relative;
}

.thumb .ava img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.thumb .name {
	font-weight: 400;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	flex-shrink: 1;
	flex-grow: 1;
}

.on-chat {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: var(--color-active);
	border: 2px solid var(--bg-active);
	border-radius: var(--border-radius-second);
	padding: 5px 7px;
	flex-grow: 0;
	flex-shrink: 0;
	transition: color .3s, border .3s;
}

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

.swiper {
	display: none;
}

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

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

.swiper-button-prev,
.swiper-button-next {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-radius: 100%;
	background-color: rgba(var(--bg-dark), 0.5);
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	width: 40px;
	height: 40px;
	color: var(--color-main);
	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-color: rgba(var(--bg-red), 0.5);
	}
}

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

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

.swiper-button-prev::after,
.swiper-button-next::after {
	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: 0;
}

.swiper-button-next {
	right: 0;
}

.slider-second .swiper-button-prev,
.slider-second .swiper-button-next,
.slider-thirth .swiper-button-prev,
.slider-thirth .swiper-button-next {
	transform: translate3d(0, -90%, 0);
}

.card-secondary {
	display: flex;
	flex-direction: column;
	position: relative;
}

.card-secondary .media {
	border-radius: var(--border-radius);
	display: block;
	height: auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 140.523%;
}

.card-image.no_images,
.card-secondary .media.second { 
	border: 2px solid var(--color-tools);
}

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

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

.description-box .row {
	margin-bottom: 30px;
}

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

.description-box h1,
.description-box h2,
.description-box h3,
.description-box .title {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	.description-box h1,
	.description-box h2,
	.description-box h3,
	.description-box .title {
		font-size: 24px;
	}
}

@media screen and (max-width: 768px) {
	.description-box h1,
	.description-box h2,
	.description-box h3,
	.description-box .title {
		font-size: 20px;
	}
}

.description-box ul,
.description-box ol,
.description-box p {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 25px;
}

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

.description-box a {
	color: var(--color-active);
}

@media screen and (min-width: 1025px) {
	.description-box a:hover {
		text-decoration: underline;
	}
}

.adv-box {
	margin-bottom: 30px;
	padding: 15px 25px 25px;
	border: 2px solid var(--color-tools);
	border-radius: var(--border-radius-second);
}

.adv-box .text {
	font-weight: 400;
	font-size: 12px;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-align: center;
	color: var(--color-second);
	margin-bottom: 6px;
}

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

.spot .item {
	padding: 7px;
}

.spot a {
	display: block;
}

.spot img {
	border-radius: var(--border-radius);
	max-width: 100%;
}

.mobile-panel {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 -6px 14px 0 rgba(0, 0, 0, 0.7);
	background: var(--bg-darkness);
	z-index: 7;
	z-index: 99;
	padding: 5px 15px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	border-radius: 20px 20px 0 0;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 50%, 0);
	transition: opacity .3s, transform .3s, visibility .3s;
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.mobile-panel {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.mobile-panel .list {
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.mobile-panel .item.active a {
	color: var(--color-active);
}

.mobile-panel a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	font-weight: 500;
	font-size: 11px;
	color: var(--color-main);
	padding: 8px 15px;
}

@media screen and (max-width: 390px) {
	.mobile-panel a {
		padding: 8px;
	}
}

.mobile-panel svg {
	font-size: 20px;
}

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

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

.alphabet a {
	border: 2px solid var(--color-tools);
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	color: var(--color-second);
}

.alphabet a.active {
	border-color: var(--color-active);
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.alphabet a:hover {
		color: var(--color-main);
		border-color: var(--color-second);
	}
}

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

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

.tag-box .letter {
	border-radius: 20px;
	background-color: var(--bg-darkness);
	color: var(--color-active);
	padding: 10px 20px;
	line-height: 1;
	margin-bottom: 20px;
}

.tag-list {
	--flex-gap: 4.65%;
	--flex-items: 5;
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--flex-gap);
	padding: 0 20px;
}

@media screen and (max-width: 1160px) {
	.tag-list {
		--flex-items: 3;
	}
}

@media screen and (max-width: 768px) {
	.tag-list {
		--flex-items: 2;
	}
}

@media screen and (max-width: 440px) {
	.tag-list {
		--flex-gap: 30px;
	}
}

@media screen and (max-width: 374px) {
	.tag-list {
		--flex-items: 1;
	}
}

.tag-list .column {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
	margin-bottom: 20px;
}

.tag-item {
	margin-bottom: 20px;
}

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

.tag-item a {
	color: var(--color-main);
	display: flex;
	gap: 0 5px;
	transition: color .3s;
}

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

.tag-item span {
	flex-shrink: 1;
	flex-grow: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.tag-item em {
	flex-grow: 0;
	flex-shrink: 0;
	color: var(--color-gray-darkness);
	transition: color .3s;
}

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

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

.gallery {
	--flex-gap: 20px;
	--flex-items: 4;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
}

@media screen and (max-width: 768px) {
	.gallery {
		--flex-items: 3;
		--flex-gap: 10px;
	}
}

@media screen and (max-width: 479px) {
	.gallery {
		--flex-items: 2;
	}
}

@media screen and (max-width: 374px) {
	.gallery {
		--flex-items: 1;
	}
}

.gallery-item {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (min-width: 1025px) {
	.gallery-item:hover img {
		opacity: .8;
	}
}

.gallery-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover; 
	   object-fit: cover;
	opacity: 1;
	transition: opacity .3s;
}

@media screen and (max-width: 768px) {
	.sticky-player {
		position: sticky;
		top: 60px;
		z-index: 2;
	}
	.sticky-player::after {
		content: "";
		position: absolute;
		bottom: -18px;
		left: 0;
		right: 0;
		height: 20px;
		background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
	}
}

.player .player-wrap {
	position: relative !important;
}

.player .player-wrap #kt_player {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.player .fp-poster img {
	object-fit: contain;
}

.button-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0) scale(1);
	display: flex;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 2;
	font-size: 100px;
	color: var(--color-main);
	opacity: .8;
	transition: opacity .3s, transform .3s;
}

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

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

.player-tools {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 20px;
}

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

.user-inform {
	flex-shrink: 1;
	flex-grow: 1;
}

.panel-action {
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}

.panel-rate {
	display: flex;
	gap: 5px;
}

.btn-rate,
.btn-rate-secondary {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-second);
	min-width: 40px;
	height: 40px;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	border-radius: 20px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 10px;
}

@media screen and (min-width: 1025px) {
	.btn-rate:hover,
	.btn-rate-secondary:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.btn-rate.selected,
.btn-rate-secondary.selected {
	background-color: var(--bg-active);
	color: var(--color-white);
	box-shadow: inset 0 0 0 2px var(--color-active);
}

.btn-rate span,
.btn-rate-secondary span {
	font-size: 14px;
}

.btn-rate-secondary {
	min-width: 98px;
}

.panel-tools {
	display: flex;
	gap: 5px;
}

.panel-tools .btn {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-second);
	min-width: 40px;
	height: 40px;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	border-radius: 20px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 10px;
}

@media screen and (min-width: 1025px) {
	.panel-tools .btn:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.panel-tools .btn.added, .panel-tools .btn.selected {
	background-color: var(--bg-active);
	color: var(--color-white);
	box-shadow: inset 0 0 0 2px var(--color-active);
}

.tags-list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	color: var(--color-white);
	gap: 10px;
}

.tags-list span {
	font-weight: 400;
	font-size: 16px;
	padding: 8px 0;
}
.block-share a {
	display: inline-block;
}

.block-share a,
.tags-list .item,
.tags-list .btn-more {
	color: var(--color-second);
	border-radius: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1;
	padding: 11px 20px;
	box-shadow: inset 0 0 0 2px var(--color-tools);
}

@media screen and (min-width: 1025px) {
	.block-share a:hover,
	.tags-list .item:hover,
	.tags-list .btn-more:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-second);
	}
}

.tags-list .item.active,
.tags-list .btn-more.active {
	box-shadow: inset 0 0 0 2px var(--bg-active);
	color: var(--color-white);
}

.tags-list .btn-more {
	border: none;
	background: none;
	cursor: pointer;
	font-family: inherit;
	background-color: var(--bg-active);
	box-shadow: inset 0 0 0 2px var(--bg-active);
	color: var(--color-white);
	transition: background-color .3s, box-shadow .3s, color .3s;
}

@media screen and (min-width: 1025px) {
	.tags-list .btn-more:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-active);
		background-color: var(--bg-black);
	}
}

.tags-list .btn-more.expanded {
	color: var(--color-white);
	box-shadow: inset 0 0 0 2px var(--color-active);
	background-color: var(--bg-black);
}

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

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

.comments-headline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 20px;
}

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

.btn-add-comments,
.btn-comment {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	font-family: inherit;
	border-radius: 20px;
	padding: 12px 20px;
	color: var(--color-main);
	background: var(--bg-active);
	border: none;
	cursor: pointer;
	transition: background-color .3s;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.btn-add-comments:hover,
	.btn-comment:hover {
		opacity: .8;
	}
}

.btn-add-comments {
	text-transform: uppercase;
	flex-grow: 0;
	flex-shrink: 0;
}

.btn-add-comments.show {
	background-color: transparent;
	box-shadow: 0 0 0 2px var(--color-active);
}

.form-box {
	max-width: 1000px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
	display: none;
}

.form-box .hidden {
	display: none;
}

.form-box.visible {
	display: block;
}

.form-box .wrap {
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.form-box .input {
	max-width: 400px;
	width: 100%;
	height: 40px;
	font-family: inherit;
	font-size: 14px;
	border-radius: 20px;
	background: var(--bg-darkness);
	border: none;
	padding: 11px 20px;
	color: var(--color-main);
}

.form-box .input::-webkit-input-placeholder {
	color: var(--color-main);
}

.form-box .input:-moz-placeholder {
	color: var(--color-main);
	opacity: 1;
}

.form-box .input::-moz-placeholder {
	color: var(--color-main);
	opacity: 1;
}

.form-box .input:-ms-input-placeholder {
	color: var(--color-main);
}

.form-box .input:focus::-webkit-input-placeholder {
	color: transparent;
}

.form-box .input:focus:-moz-placeholder {
	color: transparent;
}

.form-box .input:focus::-moz-placeholder {
	color: transparent;
}

.form-box .input:focus:-ms-input-placeholder {
	color: transparent;
}

.form-box .input.placeholder {
	color: var(--color-main) !important;
}

.form-box .textarea {
	width: 100%;
	height: 100px;
	resize: none;
	display: block;
	font-family: inherit;
	font-size: 14px;
	border-radius: 20px;
	background: var(--bg-darkness);
	border: none;
	padding: 11px 20px;
	color: var(--color-main);
}

.form-box .textarea::-webkit-input-placeholder {
	color: var(--color-main);
}

.form-box .textarea:-moz-placeholder {
	color: var(--color-main);
	opacity: 1;
}

.form-box .textarea::-moz-placeholder {
	color: var(--color-main);
	opacity: 1;
}

.form-box .textarea:-ms-input-placeholder {
	color: var(--color-main);
}

.form-box .textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

.form-box .textarea:focus:-moz-placeholder {
	color: transparent;
}

.form-box .textarea:focus::-moz-placeholder {
	color: transparent;
}

.form-box .textarea:focus:-ms-input-placeholder {
	color: transparent;
}

.form-box .textarea.placeholder {
	color: var(--color-main) !important;
}

.form-box .bottom {
	margin-top: 20px;
}

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

.comments-wrap .checkbox {
	left: auto;
	right: 0;
	top: 50%;
	transform: translate3d(0, -50%, 0);
}

.comments-wrap .checkbox-fake {
	background: none;
	border: 1px solid var(--color-tools);
}

.comments-wrap .item {
	display: flex;
	gap: 10px;
	margin-bottom: 25px;
	padding-right: 30px;
	position: relative;
}

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

.comments-wrap .ava {
	flex-grow: 0;
	flex-shrink: 0;
	border-radius: 100%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: box-shadow .3s;
}

.comments-wrap .ava.no-ava {
	box-shadow: 0 0 0 2px inset var(--color-tools);
}

@media screen and (min-width: 1025px) {
	.comments-wrap .ava.no-ava:hover {
		box-shadow: 0 0 0 2px inset var(--color-active);
	}
}

.comments-wrap .ava.no-ava img {
	width: auto;
	height: auto;
	-o-object-fit: contain;
	   object-fit: contain;
}

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

.comments-wrap .comment {
	line-height: 1.5;
}

.top-box {
	display: flex;
	align-items: center;
	gap: 0 14px;
	margin-bottom: 5px;
}

.top-box .name {
	transition: color .3s;
	color: var(--color-main);
}

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

.top-box .date {
	font-size: 14px;
	color: var(--color-second);
	position: relative;
}

.top-box .date::before {
	content: '';
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	width: 4px;
	height: 4px;
	overflow: hidden;
	border-radius: 100%;
	background: var(--color-active);
}

.form-field {
	display: flex;
	flex-direction: column;
}

.form-field .box {
	display: flex;
	gap: 20px 10px;
}

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

.form-field .column {
	width: 50%;
}

@media screen and (max-width: 640px) {
	.form-field .column {
		width: 100%;
	}
}

.form-field .row {
	margin-bottom: 8px;
	display: flex;
}

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

.form-field .row-item {
	margin-bottom: 20px;
}

.label-choice {
	display: inline-flex;
	vertical-align: top;
}

.radio-info {
	cursor: pointer;
	font-size: 14px;
	font-family: inherit;
	display: inline-block;
	vertical-align: top;
	position: relative;
	flex-grow: 1;
	flex-shrink: 1;
	padding-left: 30px;
	color: var(--color-second);
}

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

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

.input-choice {
	display: none;
}

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

.input-choice:checked + .radio-info {
	color: var(--color-main);
}

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

.field-name {
	margin-bottom: 12px;
	font-size: 14px;
	display: block;
}

.field-textarea {
	width: 100%;
	height: 100px;
	resize: none;
	display: block;
	font-family: inherit;
	font-size: 14px;
	border-radius: 20px;
	background: var(--bg-darkness);
	border: none;
	padding: 11px 20px;
	color: var(--color-main);
}

.field-input {
	width: 100%;
	height: 40px;
	font-family: inherit;
	font-size: 14px;
	border-radius: 20px;
	background: var(--bg-darkness);
	border: none;
	padding: 11px 20px;
	color: var(--color-main);
}

.btn-submit {
	margin-top: 20px;
	display: flex;
	font-weight: 700;
	font-size: 14px;
	justify-content: center;
	font-family: inherit;
	border-radius: var(--border-radius-second);
	color: var(--color-main);
	padding: 12px 20px;
	background: var(--bg-active);
	border: none;
	cursor: pointer;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.btn-submit:hover {
		opacity: .8;
	}
}

.profile-section {
	display: flex;
	gap: 20px;
}

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

.profile-section .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 860px) {
	.profile-section .avatar {
		flex-shrink: 1;
		flex-grow: 1;
		margin: 0 auto;
	}
}

.profile-section .avatar.second {
	border-radius: 7px;
	height: 280px;
}

.profile-section .avatar.second::before {
	display: none;
}

.profile-section .avatar::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid var(--color-tools);
	z-index: 2;
	border-radius: 100px;
}

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

.profile-section .content {
	flex-shrink: 1;
	flex-grow: 1;
}

.profile-section .heading {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

@media screen and (max-width: 860px) {
	.profile-section .heading {
		flex-direction: column;
		margin-bottom: 20px;
	}
}

.profile-section .wrap {
	font-weight: 700;
	flex-shrink: 1;
	flex-grow: 1;
	min-width: 1px;
}

.profile-section .title {
	font-size: 26px;
	display: flex;
	gap: 0 10px;
}

@media screen and (max-width: 860px) {
	.profile-section .title {
		justify-content: center;
	}
}

.profile-section .title svg {
	color: #1663FA;
	font-size: 18px;
	flex-shrink: 0;
	flex-grow: 0;
	align-self: center;
}

.profile-section .description {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 25px;
}

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

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

.statistic-list li {
	position: relative;
}

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

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

.headline-panel {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 60%;
	justify-content: flex-end;
	gap: 10px 0;
}

@media screen and (max-width: 860px) {
	.headline-panel {
		flex-wrap: wrap;
		justify-content: center;
		max-width: 100%;
	}
}

.headline-panel .list {
	display: flex;
	gap: 5px;
}

.headline-panel .btn {
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-main);
	min-width: 40px;
	height: 40px;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	border-radius: var(--border-radius-second);
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 10px;
}

@media screen and (min-width: 1025px) {
	.headline-panel .btn:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.headline-panel .button {
	background: none;
	cursor: pointer;
	color: var(--color-main);
	min-width: 40px;
	height: 40px;
	border-radius: var(--border-radius-second);
	border: 2px solid var(--color-tools);
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	transition: color .3s, border .3s, background .3s;
	margin-left: 10px;
}

@media screen and (min-width: 1025px) {
	.headline-panel .button:hover {
		color: var(--color-active);
		border-color: var(--color-active);
	}
}

.headline-panel .button:first-child {
	margin-left: 0;
}

.headline-panel .button.second {
	font-weight: 700;
	background: var(--color-active);
	border-color: var(--bg-active);
	color: var(--color-main);
}

@media screen and (min-width: 1025px) {
	.headline-panel .button.second:hover {
		background: none;
		color: var(--color-active);
	}
}

.headline-panel .group {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	margin-left: 20px;
}

@media screen and (max-width: 860px) {
	.headline-panel .group {
		order: 2;
		justify-content: center;
	}
}

.headline-panel .btn-selected {
	text-transform: uppercase;
}

@media screen and (min-width: 1025px) {
	.headline-panel .btn-selected:hover {
		color: var(--color-white);
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.btn-subscribe {
	background-color: var(--bg-darkness);
	border-radius: 20px;
	overflow: hidden;
	font-size: 14px;
	font-family: inherit;
	color: var(--color-second);
	display: flex;
	min-height: 40px;
	margin-left: 10px;
}

@media screen and (max-width: 860px) {
	.btn-subscribe {
		order: 1;
	}
}

.btn-subscribe span {
	color: var(--color-main);
	background-color: var(--bg-active);
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: center;
	flex-shrink: 1;
	flex-grow: 1;
	border-radius: 20px 0 0 20px;
	transition: background-color .3s, box-shadow .3s;
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.btn-subscribe span:hover {
		background-color: transparent;
		box-shadow: inset 0 0 0 2px var(--bg-active);
	}
}

.btn-subscribe em {
	padding: 0 10px;
	display: flex;
	align-items: center;
	flex-grow: 0;
	flex-shrink: 0;
}

.list-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	font-size: 16px;
	width: 100%;
}

.list-columns .column {
	display: flex;
	flex-direction: column;
	gap: 18px 0;
	flex-shrink: 1;
	flex-grow: 1;
}

.list-columns .column a {
	color: var(--color-white);
}

.list-columns span {
	color: #6e6e6e;
}

.btn-selected {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-second);
	border: none;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	border-radius: var(--border-radius-second);
	background: none;
	font-weight: 500;
	font-size: 20px;
	padding: 10px 20px;
	font-family: inherit;
	cursor: pointer;
}

.btn-selected span {
	font-size: 14px;
}

.tabs-bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	overflow: auto;
	white-space: nowrap;
	scrollbar-width: none;
}

.tabs-bottom::-webkit-scrollbar {
	-ms-overflow-style: none;
	display: none;
}

@media screen and (max-width: 860px) {
	.tabs-bottom {
		flex-wrap: nowrap;
		margin: 20px -10px 0;
		padding: 0 10px;
	}
}

@media screen and (min-width: 1025px) {
	.tabs-bottom .btn-selected:hover {
		color: var(--color-active);
		box-shadow: inset 0 0 0 2px var(--color-active);
	}
}

.tabs-bottom .btn-selected.selected {
	color: var(--color-active);
	box-shadow: inset 0 0 0 2px var(--color-active);
}

.profile-content {
	margin-top: 30px;
}

.media-content {
	display: none;
}

.media-content.active {
	display: block;
}

.notification {
	margin-bottom: 20px;
	border: 1px solid var(--bg-active);
	border-radius: 20px;
	padding: 10px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-active);
	display: flex;
	gap: 0 20px;
}

.notification .svg-icon {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 20px;
}

.notification span {
	flex-shrink: 1;
	flex-grow: 1;
}

.member-grid form,
.member-grid {
	--flex-gap: 40px;
	--flex-items: 6;
	display: flex;
	flex-wrap: wrap;
	gap: 50px var(--flex-gap);
	padding: 0 20px;
	width: 100%;
}

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

@media screen and (max-width: 1280px) {
	.member-grid form,
	.member-grid {
		--flex-items: 4;
	}
}

@media screen and (max-width: 1024px) {
	.member-grid form,
	.member-grid {
		--flex-items: 3;
		gap: 30px var(--flex-gap);
	}
}

@media screen and (max-width: 768px) {
	.member-grid form,
	.member-grid {
		padding: 0 15px;
		--flex-items: 2;
	}
}

.member-grid form {
	padding: 0;
}

.member-grid .th {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.member-card {
	max-width: 200px;
	width: 100%;
	text-align: center;
	font-weight: 400;
}

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

@media screen and (max-width: 768px) {
	.member-card {
		max-width: 160px;
	}
}

.member-card .image {
	padding-bottom: 100%;
	position: relative;
	margin-bottom: 15px;
	border-radius: 100%;
	overflow: hidden;
}

.member-card .image.second {
	box-shadow: 0 0 0 2px var(--color-tools);
}

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

.member-card .name {
	color: var(--color-main);
	margin-bottom: 5px;
	transition: color .3s;
}

.member-card .date {
	font-size: 12px;
	color: var(--color-second);
}

.main-wall .row {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
	.main-wall .row {
		margin-bottom: 20px;
	}
}

.main-wall .row:last-child {
	margin-bottom: 0;
}

.heading-wall {
	order: 0;
	margin-bottom: 15px;
}

.heading-wall .author {
	font-weight: 500;
	font-size: 14px;
}

.heading-wall .name {
	font-weight: 600;
	font-size: 20px;
	color: var(--color-active);
}

@media screen and (min-width: 1025px) {
	.heading-wall .name:hover {
		text-decoration: underline;
	}
}

.heading-wall .sub {
	color: var(--color-second);
	font-size: 14px;
	margin-top: 5px;
}

.post-wall {
	margin-bottom: 18px;
	display: flex;
	gap: 10px;
	order: 1;
}

.post-wall:last-child {
	margin-bottom: 0;
}

.post-wall .avatar {
	flex-shrink: 0;
	flex-grow: 0;
	border-radius: 20px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin-top: 0;
}

.post-wall .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.post-wall .content {
	flex-shrink: 1;
	flex-grow: 1;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
}

.post-wall span {
	font-size: 14px;
	color: var(--color-second);
}

.post-wall span.date {
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
}

.post-wall span.date::before {
	content: '';
	position: absolute;
	top: 6px;
	left: -2px;
	border-radius: 4px;
	width: 4px;
	height: 4px;
	background-color: var(--bg-active);
}

.post-wall .link {
	font-weight: 500;
	color: var(--color-active);
}

@media screen and (min-width: 1025px) {
	.post-wall .link:hover {
		text-decoration: underline;
	}
}

.post-wall .name {
	color: var(--color-main);
	transition: color .3s;
}

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

.post-wall p {
	margin-top: 5px;
}

.show-more {
	font-weight: 700;
	font-size: 14px;
	color: var(--color-main);
	background: var(--bg-active);
	cursor: pointer;
	border-radius: 20px;
	padding: 10px 20px;
	border: 2px solid var(--bg-active);
	display: inline-flex;
	transition: color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.show-more:hover {
		border-color: var(--color-active);
		color: var(--color-active);
		background: none;
	}
}

.aside-spot {
	flex-shrink: 0;
	flex-grow: 0;
	max-width: 360px;
	width: 100%;
	border: 2px solid var(--color-tools);
	border-radius: 20px;
	padding: 15px 0 25px;
}

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

.aside-spot .title {
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-second);
	font-weight: 400;
	font-size: 12px;
	letter-spacing: .3em;
}

.aside-spot .hold {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.spot-item {
	border-radius: 10px;
	overflow: hidden;
}

.checkbox {
	display: flex;
	align-items: center;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.checkbox-in {
	display: none;
}

.checkbox-in:checked + .checkbox-fake {
	background: var(--bg-active);
	border: 1px solid var(--bg-active);
}

.checkbox-in:checked + .checkbox-fake::before {
	opacity: 1;
}

.checkbox-wrap {
	display: flex;
	align-items: center;
	position: relative;
}

.checkbox-wrap .checkbox-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: inline-block;
    opacity: 0;
    z-index: 22;
}

.checkbox-fake {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	-webkit-backdrop-filter: blur(15px);
	        backdrop-filter: blur(15px);
	background: rgba(0, 0, 0, 0.6);
	border-radius: 5px;
	height: 20px;
	cursor: pointer;
	position: relative;
	border: 1px solid var(--color-tools);
}

.checkbox-fake::before {
	content: "";
	position: absolute;
	background-image: url('data:image/svg+xml,<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.63844 7.7276L11.6542 1.92477C11.7627 1.8238 11.8491 1.703 11.9085 1.56945C11.9679 1.4359 11.999 1.29228 12 1.14701C12.001 1.00174 11.9719 0.857733 11.9143 0.723432C11.8568 0.58913 11.7721 0.467234 11.665 0.364876C11.4489 0.160369 11.158 0.0457764 10.855 0.0457764C10.552 0.0457764 10.2611 0.160369 10.0449 0.364876L4.83923 5.37735L1.95556 2.61113C1.74073 2.40428 1.44935 2.28807 1.14554 2.28807C0.841721 2.28807 0.550348 2.40428 0.335518 2.61113C0.120688 2.81799 0 3.09854 0 3.39108C0 3.53593 0.0296301 3.67936 0.0871988 3.81318C0.144768 3.94701 0.229145 4.06861 0.335518 4.17103L4.02921 7.7276C4.24349 7.93145 4.53259 8.04578 4.83383 8.04578C5.13506 8.04578 5.42416 7.93145 5.63844 7.7276Z" fill="white" /></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 12px;
	height: 8px;
	opacity: 0;
	transition: 0.2s;
}

.general-filter {
	margin-bottom: 30px;
}

.wrap-cols {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: center;
	margin: -10px;
}

.wrap-cols .col {
	padding: 10px;
	width: 19.5%;
}

@media screen and (max-width: 1366px) {
	.wrap-cols .col {
		width: 33.33333%;
	}
}

@media screen and (max-width: 768px) {
	.wrap-cols .col {
		width: 50%;
	}
}

.wrap-cols .col.primary {
	width: 28%;
}

@media screen and (max-width: 1366px) {
	.wrap-cols .col.primary {
		width: 80%;
	}
}

@media screen and (max-width: 768px) {
	.wrap-cols .col.primary {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.wrap-cols .col.indent {
		width: 100%;
	}
}

.wrap-cols .col.second {
	width: 13.5%;
}

@media screen and (max-width: 1366px) {
	.wrap-cols .col.second {
		width: 20%;
	}
}

@media screen and (max-width: 768px) {
	.wrap-cols .col.second {
		width: 100%;
	}
}

.wrap-cols .wrapped {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 768px) {
	.wrap-cols .wrapped {
		gap: 20px 10px;
	}
}

@media screen and (max-width: 390px) {
	.wrap-cols .wrapped {
		flex-direction: column;
	}
}

.wrap-cols .wrapped .group {
	width: 71%;
}

@media screen and (max-width: 390px) {
	.wrap-cols .wrapped .group {
		width: 100%;
	}
}

.wrap-cols .wrap {
	width: 29%;
}

@media screen and (max-width: 390px) {
	.wrap-cols .wrap {
		width: 100%;
	}
}

.wrap-cols .group {
	display: flex;
	align-items: center;
	gap: 5px;
}

.wrap-cols .group .box {
	width: 50%;
}

.wrap-cols .group.second {
	gap: 10px;
}

.wrap-cols .group.second .box {
	width: 40%;
}

.wrap-cols .group.second .box.second {
	width: 60%;
}

.wrap-cols .box {
	width: 100%;
}

.wrap-cols .name {
	display: block;
	margin-bottom: 10px;
}

.wrap-cols .input {
	border: none;
	background: var(--bg-darkness);
	border-radius: var(--border-radius-second);
	width: 100%;
	padding: 11px 20px;
	color: var(--color-main);
}

.wrap-cols .btn {
	width: 100%;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
	background: var(--bg-active);
	color: var(--color-white);
	border-radius: var(--border-radius-second);
	border: 2px solid var(--bg-active);
	padding: 10px 30px;
	transition: background .3s, color .3s;
}

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

.checkbox-label {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 5px 10px;
	vertical-align: top;
	align-items: center;
	cursor: pointer;
	justify-content: center;
}

.checkbox-label .check-box {
	display: inline-flex;
	vertical-align: top;
	position: relative;
	width: 20px;
	border: 1px solid var(--color-tools);
	transition: background .2s, border .2s;
	border-radius: 5px;
	height: 20px;
}

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

.checkbox-input {
	display: none;
}

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

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

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

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

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

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

.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 35px 0 20px;
}

.select2-results__option--selectable {
	color: var(--color-second);
	height: 41px;
	padding: 0 20px;
	display: flex;
	align-items: center;
}

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

.select2-dropdown {
	background: var(--bg-darkness);
	border-radius: var(--border-radius-second);
	overflow: hidden;
	border: none;
	font-family: inherit;
	font-size: 16px;
}

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

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--color-main);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.upload-tabs {
	display: flex;
	align-items: center;
	gap: 10px 30px;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
	.upload-tabs {
		margin-bottom: 15px;
	}
}

.upload-tabs .link {
	font-weight: 700;
	font-size: 26px;
	color: var(--color-main);
	transition: color .3s;
}

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

@media screen and (max-width: 1024px) {
	.upload-tabs .link {
		font-size: 24px;
	}
}

@media screen and (max-width: 768px) {
	.upload-tabs .link {
		font-size: 20px;
	}
}

.upload-tabs .link.selected {
	color: var(--color-active);
}

.tab-box {
	display: none;
}

.tab-box.active {
	display: block;
}

.tab-box .text {
	line-height: 1.5;
	margin-bottom: 50px;
}

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

.upload-box {
	display: flex;
	gap: 30px 100px;
}

@media screen and (max-width: 1366px) {
	.upload-box {
		gap: 30px;
	}
}

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

.upload-box .mask-button .button .field-error.down {
	position: absolute;
	top: 41px;
}

.upload-box .mask-button .button {
	position: static;
}

.upload-box .column {
	width: 50%;
}

@media screen and (max-width: 1024px) {
	.upload-box .column {
		width: 100%;
	}
}

.radio-box {
	margin-bottom: 20px;
}

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

.radio-box.checked .mask-button,
.radio-box.checked .wrap-box {
	pointer-events: all;
	opacity: 1;
}

.radio-box .mask-button,
.radio-box .wrap-box {
	pointer-events: none;
	opacity: .6;
}

.radio-box .radio-info {
	color: var(--color-main);
}

.mask-button {
	position: relative;
	margin-top: 10px;
}

.mask-button .input {
	border: none;
	color: var(--color-main);
	background: var(--bg-darkness);
	border-radius: 15px;
	min-height: 40px;
	padding: 9px 95px 9px 20px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mask-button .button {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.mask-button .file-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	cursor: pointer;
	border-radius: 20px;
	transition: box-shadow .3s;
}

@media screen and (min-width: 1025px) {
	.mask-button .file-wrap:hover {
		box-shadow: 0 0 0 1px inset var(--color-active);
	}
}

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

.upload-box .mask-button .file-wrap span {
	transform: none;
    top: 4px;
}

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

.upload-title {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 26px;
}

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

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

.rules-box {
	font-size: 16px;
	line-height: 1.5;
}

.rules-box p {
	margin-bottom: 15px;
}

.rules-box p:last-child {
	margin-bottom: 0;
}

.upload-button {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	font-family: inherit;
	border-radius: 20px;
	padding: 12px 20px;
	color: var(--color-main);
	background: var(--bg-active);
	border: none;
	cursor: pointer;
	transition: background-color .3s;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.upload-button:hover {
		opacity: .8;
	}
}

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

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

.wrap-box .input {
	border: none;
	color: var(--color-main);
	background: var(--bg-darkness);
	border-radius: 20px;
	min-height: 40px;
	padding: 10px 20px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrap-box .input::-webkit-input-placeholder {
	color: #fff;
}

.wrap-box .input:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.wrap-box .input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.wrap-box .input:-ms-input-placeholder {
	color: #fff;
}

.wrap-box .input:focus::-webkit-input-placeholder {
	color: transparent;
}

.wrap-box .input:focus:-moz-placeholder {
	color: transparent;
}

.wrap-box .input:focus::-moz-placeholder {
	color: transparent;
}

.wrap-box .input:focus:-ms-input-placeholder {
	color: transparent;
}

.wrap-box .input.placeholder {
	color: #fff !important;
}

.main-subtitle {
	line-height: 1.5;
	margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
	.main-subtitle {
		margin-bottom: 30px;
	}
}

.upload-field {
	display: none;
}

.upload-field.selected {
	display: block;
}

.form-upload.form.uploading .text {
	color: #fff;
	opacity: 0;
}

.form-upload.form.uploading .blockOverlay {
	opacity: 0 !important;
}

.progressbar .text {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	top: -57px;
	opacity: 1 !important;
}

@media screen and (max-width: 1024px) {
	.progressbar .text {
		font-size: 22px;
	}
}

.progressbar {
	width: 100%;
	background: var(--color-second);
	height: 8px;
	border-radius: 20px;
	position: relative;
}

.progressbar .progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: var(--color-active);
	border-radius: 20px;
}

.progressbar {
	margin-bottom: 50px;
	position: absolute;
	top: 51px;
}

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

.form-upload.form.uploading {
	position: relative !important;
	overflow: hidden;
	max-height: 60px;
	margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
	.form-upload.form.uploading {
		margin-bottom: 30px;
	}
}


.two-sections {
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 1024px) {
	.two-sections {
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 1024px) {
	.two-sections .preview {
		max-width: 500px;
		margin: 0 auto;
	}
}

.two-sections .preview img {
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.two-sections .field-label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.two-sections .field-label {
		font-size: 14px;
	}
}

.two-sections .field-label.second {
	margin-bottom: 15px;
}

.two-sections .textarea,
.two-sections .textfield {
	width: 100%;
	border-radius: 20px;
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
	font-size: 14px;
	border: none;
	background: var(--bg-darkness);
	color: var(--color-main);
}

.two-sections .textarea.second,
.two-sections .textfield.second {
	color: var(--color-second);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.two-sections .textarea {
	height: 104px;
	resize: none;
	padding: 20px;
}

.two-sections input::-webkit-input-placeholder, .two-sections textarea::-webkit-input-placeholder {
	color: #fff;
}

.two-sections input:-moz-placeholder, .two-sections textarea:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.two-sections input::-moz-placeholder, .two-sections textarea::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.two-sections input:-ms-input-placeholder, .two-sections textarea:-ms-input-placeholder {
	color: #fff;
}

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

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

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

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

.two-sections input.placeholder, .two-sections textarea.placeholder {
	color: #fff !important;
}

.two-sections .textfield {
	padding: 0 20px;
	height: 40px;
}

.two-sections .row {
	margin-bottom: 30px;
	position: relative;
}

@media screen and (max-width: 767px) {
	.two-sections .row {
		margin-bottom: 20px;
	}
}

.two-sections .row:last-child {
	margin-bottom: 0;
}

.section-one {
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 1024px) {
	.section-one {
		width: 100%;
	}
}

.section-one.show .list-selector-popup {
	display: block;
}

.section-two {
	max-width: 306px;
	width: 100%;
	flex-grow: 0;
	flex-shrink: 0;
	margin-left: 50px;
}

@media screen and (max-width: 1024px) {
	.section-two {
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 30px;
	}
}

.section-two .preview {
	position: relative;
}

@media screen and (min-width: 1025px) {
	.section-two .preview:hover .card-tools {
		opacity: 1;
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}
}

.bottom {
	margin-top: 30px;
}

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

.bottom .submit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 14px;
	padding: 12px 30px;
	border: none;
	font-family: inherit;
	background: var(--bg-active);
	border-radius: 20px;
	color: var(--color-white);
	cursor: pointer;
	transition: opacity .3s;
}

@media screen and (min-width: 1025px) {
	.bottom .submit:hover {
		opacity: .8;
	}
}

.bottom .radio-info {
	color: var(--color-main);
}

.section-title {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 15px;
	display: block;
}

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

.list-selector-popup {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 160px; 
	left: 0;
	bottom: 52px; 
	border-radius: 10px;
	background: var(--bg-darkness);
	box-shadow: var(--box-shadow-menu);
}

.list-selector-popup label {
	color: var(--color-main);
	font-size: 12px;
	cursor: pointer;
	position: relative;
	padding: 0 0 0 25px;
}

.list-selector-popup label::before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	z-index: 2;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	border: 1px solid var(--color-second);
	transition: background-color 0.3s, border 0.3s, color 0.3s;
}

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

.list-selector-popup .checkbox {
	display: none;
}

.list-selector-popup .checkbox:checked + label::before {
	background-color: var(--color-active);
	border: 1px solid var(--color-active);
}

.list-selector-popup .checkbox:checked + label::after {
	opacity: 1;
}

.button-group {
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 30px;
	right: 8px;
}

.button-group .item {
	display: inline-block;
	width: 31%;
	padding: 3px 0 10px;
	vertical-align: top;
}

@media screen and (max-width: 479px) {
	.button-group .item {
		width: 45%;
	}
}

.fancybox-outer .button-group .item {
	width: 45%;
}

.list-selector-popup .filter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	border: 2px solid var(--color-second);
	border: none;
}

.list-selector-popup .filter input {
	width: 100%;
	height: 100%;
	padding: 8px 10px;
	border: none;
	background-color: var(--bg-content);
	color: var(--color-main);
	font-weight: inherit;
	font-size: 12px;
	font-family: inherit;
}

.file-control {
	position: relative;
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.file-control:hover .textfield {
		border: 1px solid var(--color-active);
	}
}

.file-control .textfield {
	padding-right: 100px;
	transition: border .3s;
	border: 1px solid transparent;
}

.file-control:not(.mask-button) .button {
	border-radius: 30px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.2;
	min-height: 30px;
	padding: 6px 20px;
	background: var(--color-active);
	color: var(--color-white);
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transition: color .3s, background .3s;
}

.file-control .file {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	opacity: 0;
	width: 100%;
	z-index: 10;
	cursor: pointer;
	transform: none;
	transition: border .3s, color .3s;
}

.file-control .file::-webkit-file-upload-button {
	display: none;
}

.radio-block .item {
	margin-bottom: 10px;
}

.radio-block .item:last-child {
	margin-bottom: 0;
}

.inner-section {
	padding: 0 30px;
}

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

.inner-section .holder {
	padding: 50px 0;
	position: relative;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 860px) {
	.inner-section .holder {
		padding: 30px 0;
	}
}

@media screen and (max-width: 860px) {
	.inner-section .holder.second {
		padding: 30px 0 0 0;
	}
}

.inner-section .holder[data-attr-general] {
	height: calc(100vh - var(--height-header-outline));
	max-height: 905px;
	min-height: 505px;
}

@media screen and (max-width: 860px) {
	.inner-section .holder[data-attr-general] {
		max-height: 100%;
		min-height: auto;
		height: 100%;
	}
}

.inner-section .holder[data-attr-general]::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-image: url("../images/first-section-bg.jpg");
	width: 100%;
	height: 100%;
	background-size: cover;
}

.inner-section .holder[data-attr-primary] {
	height: 100vh;
	max-height: 905px;
	min-height: 680px;
}

@media screen and (max-width: 860px) {
	.inner-section .holder[data-attr-primary] {
		max-height: 100%;
		min-height: auto;
		height: 100%;
	}
}

.inner-section .holder[data-attr-primary]::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("../images/second-section-bg.jpg");
	width: 100%;
	height: 100%;
	background-size: cover;
}

.inner-section .container {
	max-width: 1044px;
}

.inner-section .columns {
	display: flex;
	width: 100%;
	gap: 20px 30px;
	position: relative;
}

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

.inner-section .column {
	width: 50%;
	display: flex;
}

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

.inner-section .wrapped {
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
	background: var(--bg-darkness);
	padding: 20px;
	border-radius: var(--border-radius);
	width: 100%;
}

.bottom-tools {
	padding-top: 20px;
	border-top: 1px solid var(--bg-black);
	margin-top: 20px;
}

.bottom-tools .btn {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: var(--color-main);
	background: var(--bg-black);
	border-radius: 20px;
	display: flex;
	justify-content: center;
	padding: 12px;
	transition: color .3s, background .3s;
}

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

.form-text-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px 0;
	height: 100%;
	max-width: 400px;
	width: 100%;
}

@media screen and (max-width: 860px) {
	.form-text-box {
		max-width: 100%;
		text-align: center;
	}
}

.form-text-box .desc {
	font-weight: 800;
	font-size: 46px;
	flex-shrink: 1;
	flex-grow: 1;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 480px) {
	.form-text-box .desc {
		font-size: 34px;
	}
}

@media screen and (max-width: 390px) {
	.form-text-box .desc {
		font-size: 30px;
	}
}

.form-text-box .group {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 0;
	flex-shrink: 0;
	gap: 10px 20px;
	width: 100%;
}

.form-text-box .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: var(--color-second);
	border: none;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	border-radius: var(--border-radius-second);
	background: var(--bg-black);
	font-weight: 700;
	font-size: 14px;
	flex-shrink: 1;
	flex-grow: 1;
	padding: 10px 20px;
	font-family: inherit;
	cursor: pointer;
	transition: color .3s;
}

@media screen and (min-width: 1025px) {
	.form-text-box .btn:hover {
		color: var(--color-white);
	}
}

.form-text-box .btn svg {
	font-size: 20px;
}

.section-logo {
	flex-shrink: 0;
	flex-grow: 0;
}

@media screen and (max-width: 480px) {
	.section-logo {
		max-width: 188px;
		width: 100%;
		margin: 0 auto;
	}
}

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

.auth-box {
	padding: 50px;
	border-radius: var(--border-radius);
	background: var(--color-black);
	max-width: 484px;
	width: 100%;
}

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

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

.auth-box .hold {
	margin-bottom: 30px;
}

.auth-box .hold:last-child {
	margin-bottom: 0;
}

.auth-box .row {
	margin-bottom: 20px;
}

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

.auth-box .input {
	width: 100%;
	height: 40px;
	background: var(--bg-darkness);
	border-radius: 20px;
	border: none;
	padding: 10px 20px;
	font-size: 14px;
	color: var(--color-main);
}

.auth-box .input::-webkit-input-placeholder {
	color: #fff;
}

.auth-box .input:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.auth-box .input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.auth-box .input:-ms-input-placeholder {
	color: #fff;
}

.auth-box .input:focus::-webkit-input-placeholder {
	color: transparent;
}

.auth-box .input:focus:-moz-placeholder {
	color: transparent;
}

.auth-box .input:focus::-moz-placeholder {
	color: transparent;
}

.auth-box .input:focus:-ms-input-placeholder {
	color: transparent;
}

.auth-box .input.placeholder {
	color: #fff !important;
}

.auth-box .text {
	text-align: center;
	color: var(--color-second);
	font-size: 14px;
	line-height: 1.4;
}

.auth-box .text a {
	color: var(--color-main);
	transition: color .3s;
}

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

.auth-box .button {
	width: 100%;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	font-family: inherit;
	text-transform: uppercase;
	border: 2px solid var(--bg-active);
	color: var(--color-main);
	border-radius: var(--border-radius-second);
	padding: 10px 28px;
	background: var(--bg-active);
	transition: border .3s, color .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.auth-box .button:hover {
		background: none;
		color: var(--color-active);
	}
}

.auth-head {
	text-align: center;
	margin-bottom: 30px;
}

.auth-head .title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 30px;
}

.auth-head .sub {
	font-size: 16px;
}

.section-wrap-image {
	box-shadow: 0 0 0 1px var(--bg-active);
	border-radius: var(--border-radius);
	overflow: hidden;
	max-width: 411px;
	width: 100%;
	align-self: center;
}

@media screen and (max-width: 860px) {
	.section-wrap-image {
		margin: 0 auto;
	}
}

.section-wrap-image img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

.section-align-center {
	display: flex;
	justify-content: center;
	width: 100%;
}

.section-wrap-content {
	max-width: 472px;
	width: 100%;
	align-self: center;
}

@media screen and (max-width: 860px) {
	.section-wrap-content {
		max-width: 100%;
	}
}

.section-wrap-content .title {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 20px;
}

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

.section-wrap-content .desc {
	margin-bottom: 40px;
	line-height: 1.5;
	font-size: 16px;
}

@media screen and (max-width: 480px) {
	.section-wrap-content .desc {
		margin-bottom: 20px;
	}
}

.section-wrap-content .list {
	--flex-gap: 30px;
	--flex-items: 2;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-gap);
}

.section-wrap-content .list .item {
	width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-gap)));
}

@media screen and (max-width: 374px) {
	.section-wrap-content .list .item {
		--flex-items: 1;
	}
}

.section-wrap-content .item {
	font-weight: 700;
	font-size: 16px;
	width: 50%;
	display: flex;
	align-items: center;
	gap: 10px;
}

.section-wrap-content .item svg {
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 24px;
}

.section-title {
	font-weight: 700;
	font-size: 34px;
	text-align: center;
	margin-bottom: 20px;
}

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

@media screen and (max-width: 390px) {
	.section-title {
		font-size: 28px;
	}
}

.section-bottom {
	margin-top: 50px;
}

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

.section-bottom .btn {
	cursor: pointer;
	font-weight: 700;
	font-size: 14px;
	font-family: inherit;
	text-transform: uppercase;
	border: 2px solid var(--bg-active);
	color: var(--color-main);
	border-radius: var(--border-radius-second);
	padding: 10px 48px;
	background: var(--bg-active);
	transition: border .3s, color .3s, background .3s;
}

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

.inner-title {
	font-weight: 700;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--bg-black);
	margin-bottom: 20px;
}

.section-list {
	font-weight: 700;
	font-size: 14px;
}

.section-list li {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

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

.section-list svg {
	flex-grow: 0;
	flex-shrink: 0;
	font-size: 16px;
	color: var(--color-second);
}

.section-list .check {
	color: var(--color-active);
}

.footer {
	flex-shrink: 0;
	flex-grow: 0;
	padding: 0 0 20px;
	padding-left: var(--outline-content);
}

@media screen and (max-width: 768px), screen and (orientation: landscape) and (max-width: 1024px) {
	.footer {
		padding-left: 0;
	}
}

.footer .holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 28px 0;
}

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

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

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

.footer-copy {
	color: var(--color-second);
}

.footer-copy > * {
	margin-bottom: 18px;
}

.footer-copy > *:last-child {
	margin-bottom: 0;
}

.footer-copy a {
	color: var(--color-main);
}

.modal {
	--opacity: .8;
	--blur: 15px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-backdrop-filter: blur(var(--blur));
	        backdrop-filter: blur(var(--blur));
	background: rgba(var(--bg-dark), var(--opacity));
}

.modal .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
}

.modal-holder {
	border-radius: 10px;
	padding: 50px;
	max-width: 484px;
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
	background-color: var(--bg-main);
	position: relative;
}

@media screen and (min-width: 440px) {
	.modal-holder {
		min-width: 350px !important;
	}
}

@media screen and (max-width: 860px) {
	.modal-holder {
		padding: 20px;
	}
}

.modal-holder.primary {
	max-width: 950px;
}

@media screen and (max-width: 860px) {
	.modal-holder.indent {
		padding: 50px 20px;
	}
}

.modal-holder.secondary {
	max-width: 800px;
}

@media screen and (max-width: 860px) {
	.modal-holder.secondary {
		padding: 50px 20px;
	}
}

.modal-holder .title {
	font-weight: 700;
	font-size: 26px;
	flex-shrink: 1;
	flex-grow: 1;
	margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
	.modal-holder .title {
		font-size: 24px;
	}
}

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

.modal-holder .btn {
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--color-white);
	border-radius: 20px;
	padding: 12px 30px;
	font-family: inherit;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	box-shadow: inset 0 0 0 2px var(--color-tools);
	transition: background-color .3s, opacity .3s;
}

.modal-holder .btn.secondary {
	box-shadow: none;
	background-color: var(--bg-active);
}

@media screen and (min-width: 1025px) {
	.modal-holder .btn.secondary:hover {
		opacity: .8;
	}
}

@media screen and (min-width: 1025px) {
	.modal-holder .btn:hover {
		box-shadow: none;
		background-color: var(--bg-active);
	}
}

.modal-main .box {
	margin-bottom: 30px;
}

.modal-main .box:last-child {
	margin-bottom: 0;
}

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

.modal-main .row.list-selector {
	position: relative;
}

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

.modal-main .cols {
	display: flex;
	gap: 50px;
	margin-top: 20px;
}

.modal-main .cols:first-child {
	margin-top: 0;
}

@media screen and (max-width: 860px) {
	.modal-main .cols {
		gap: 20px;
		flex-direction: column;
	}
}

.modal-main .col {
	width: 50%;
}

@media screen and (max-width: 860px) {
	.modal-main .col {
		width: 100%;
	}
	.modal-main .col.secondary {
		order: -1;
	}
}

.modal-main .label {
	font-weight: 400;
	font-family: inherit;
	font-size: 14px;
	margin-bottom: 8px;
	display: inline-block;
	vertical-align: top;
}

.modal-main .input {
	width: 100%;
	display: block;
	height: 40px;
	font-family: inherit;
	font-size: 14px;
	border-radius: 20px;
	background: var(--bg-darkness);
	border: none;
	padding: 11px 20px;
	color: var(--color-white);
}

.mask-button .input::-webkit-input-placeholder,
.modal-main .input::-webkit-input-placeholder {
	color: var(--color-white);
}

.modal-main .input:-moz-placeholder {
	color: var(--color-white);
	opacity: 1;
}

.modal-main .input::-moz-placeholder {
	color: var(--color-white);
	opacity: 1;
}

.modal-main .input:-ms-input-placeholder {
	color: var(--color-white);
}

.modal-main .input:focus::-webkit-input-placeholder {
	color: transparent;
}

.modal-main .input:focus:-moz-placeholder {
	color: transparent;
}

.modal-main .input:focus::-moz-placeholder {
	color: transparent;
}

.modal-main .input:focus:-ms-input-placeholder {
	color: transparent;
}

.modal-main .input.placeholder {
	color: var(--color-white) !important;
}

.modal-main select {
	opacity: 0;
	visibility: hidden;
}

.modal-main .select-box {
	font-size: 14px;
	font-weight: 400;
}

.modal-main .text {
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-second);
	max-width: 78%;
	width: 100%;
	margin: 0 auto;
}

.modal-main .text a {
	color: var(--color-white);
}

@media screen and (min-width: 1025px) {
	.modal-main .text a:hover {
		text-decoration: underline;
	}
}

.modal-main .columns {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 10px;
}

.modal-main .link-aside {
	background: none;
	border: none;
	cursor: pointer;
	flex-shrink: 0;
	flex-grow: 0;
	font-size: 14px;
	line-height: 1.4;
	font-family: inherit;
	color: var(--color-second);
}

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

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

@media screen and (max-width: 374px) {
	.modal-main .group {
		flex-direction: column;
	}
}

.modal-main .group .col {
	width: 44%;
	width: 40%;
}

@media screen and (max-width: 374px) {
	.modal-main .group .col {
		width: 100%;
	}
}

.modal-main .group .col:nth-child(odd) {
	width: 28%;
	width: 26%;
}

@media screen and (max-width: 374px) {
	.modal-main .group .col:nth-child(odd) {
		width: 100%;
	}
}

.modal-main .textarea {
	height: 120px;
	width: 100%;
	display: block;
	margin: 0;
	padding: 15px 20px;
	background-color: var(--bg-darkness);
	border: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	resize: none;
	border-radius: 20px;
	color: var(--color-white);
}

.modal-main .file-wrap {
	border-radius: 20px;
	cursor: pointer;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	padding: 8px 22px;
	font-family: inherit;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	z-index: 2;
	transition: color .3s, background-color .3s;
	background: var(--bg-active);
}

@media screen and (min-width: 1025px) {
	.modal-main .file-wrap:hover {
		background: var(--bg-dark-gray);
	}
}

.modal-main .sub {
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.modal-main .hold {
	margin-bottom: 30px;
}

@media screen and (max-width: 860px) {
	.modal-main .hold {
		margin-bottom: 20px;
	}
}

.modal-main .hold:last-child {
	margin-bottom: 0;
}

.fake-button {
	position: relative;
	font-size: 14px;
}

.mask-input {
	font-family: inherit;
	font-weight: 400;
	font-size: inherit;
	color: var(--secondary-color);
	height: 40px;
	border-radius: 20px;
	position: relative;
	background: var(--bg-darkness);
	padding: 5px 100px 5px 20px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	border: 1px solid var(--search-border);
}

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

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

.modal-user-box .ava {
	width: 160px;
	height: 160px;
	flex-grow: 0;
	flex-shrink: 0;
	border-radius: 100px;
	overflow: hidden;
	border: 2px solid var(--color-tools);
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--user-bg);
	color: var(--main-color);
	font-size: 64px;
}

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

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

.modal-user-box .wrap-checkbox {
	margin-left: 20px;
}

@media screen and (max-width: 390px) {
	.modal-user-box .wrap-checkbox {
		margin-left: 10px;
		font-size: 12px;
	}
}

.box-bottom {
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
}

.box-bottom .btn {
	width: auto;
}

.checkbox-agree {
	font-size: 14px;
	font-family: inherit;
	display: inline-flex;
	vertical-align: top;
	gap: 10px;
	cursor: pointer;
}

.checkbox-agree input {
	display: none;
}

.checkbox-agree input:checked + .check {
	background-color: var(--bg-active);
	box-shadow: inset 0 0 0 1px var(--bg-active);
}

.checkbox-agree input:checked + .check::after {
	transform: scale(1);
	opacity: 1;
}

.checkbox-agree .check {
	flex-shrink: 0;
	flex-grow: 0;
	width: 20px;
	height: 20px;
	box-shadow: inset 0 0 0 1px var(--color-tools);
	border-radius: 5px;
	position: relative;
	transition: background-color .3s, box-shadow .3s;
}

.checkbox-agree .check::after {
	content: "";
	background: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.63844 7.68182L11.6542 1.879C11.7627 1.77802 11.8491 1.65722 11.9085 1.52367C11.9679 1.39012 11.999 1.2465 12 1.10123C12.001 0.95596 11.9719 0.811957 11.9143 0.677655C11.8568 0.543354 11.7721 0.421457 11.665 0.3191C11.4489 0.114592 11.158 0 10.855 0C10.552 0 10.2611 0.114592 10.0449 0.3191L4.83923 5.33157L1.95556 2.56536C1.74073 2.3585 1.44935 2.24229 1.14554 2.24229C0.841721 2.24229 0.550348 2.3585 0.335518 2.56536C0.120688 2.77221 0 3.05277 0 3.34531C0 3.49016 0.0296301 3.63358 0.0871988 3.76741C0.144768 3.90123 0.229145 4.02283 0.335518 4.12525L4.02921 7.68182C4.24349 7.88568 4.53259 8 4.83383 8C5.13506 8 5.42416 7.88568 5.63844 7.68182Z" fill="white" /></svg>');
	position: absolute;
	top: 6px;
	right: 4px;
	width: 12px;
	height: 8px;
	transform: scale(0.8);
	opacity: 0;
	transition: transform .3s, opacity .3s;
}

.checkbox-agree span {
	align-self: center;
	color: #fff;
}

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

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

.btn-close.secondary {
	top: 20px;
	right: 50px;
}

@media screen and (max-width: 860px) {
	.btn-close.secondary {
		top: 20px;
		right: 20px;
	}
}

.modal-footer {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid var(--bg-darkness);
	text-align: center;
}

@media screen and (max-width: 860px) {
	.modal-footer {
		margin-top: 20px;
	}
}

.modal-footer .text {
	margin-bottom: 10px;
}

.modal-footer .inf {
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	color: var(--color-second);
}

.modal-footer .inf a {
	color: var(--color-white);
}

@media screen and (min-width: 1025px) {
	.modal-footer .inf a:hover {
		text-decoration: underline;
	}
}

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

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

.modal-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 0;
	align-items: center;
	justify-content: center;
	list-style-type: none;
}

.modal-list li {
	position: relative;
	margin-left: 10px;
	padding-left: 10px;
}

@media screen and (max-width: 374px) {
	.modal-list li {
		padding-left: 0;
	}
}

.modal-list li:first-child {
	margin-left: 0;
	padding-left: 0;
}

.modal-list li:first-child::before {
	display: none;
}

.modal-list li::before {
	position: absolute;
	content: '';
	height: calc(100% - 7px);
	top: 50%;
	transform: translate3d(0, -50%, 0);
	width: 1px;
	background: var(--color-second);
	left: 0;
}

@media screen and (max-width: 374px) {
	.modal-list li::before {
		display: none;
	}
}

.modal-list a {
	color: var(--color-main);
	font-size: 14px;
	transition: color .3s;
}

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

.title-mod {
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 10px;
	text-align: center;
	color: #fff;
}

.age-confirm .image {
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 860px) {
	.age-confirm .image {
		margin-bottom: 30px;
	}
}

.age-confirm .image img {
	max-width: 100%;
	max-width: 180px;
}

@media screen and (max-width: 860px) {
	.age-confirm .image img {
		max-width: 150px;
	}
}

.age-confirm .subtitle {
	text-align: center;
	font-size: 20px;
	padding: 0 20px;
	margin-bottom: 45px;
}

@media screen and (max-width: 860px) {
	.age-confirm .subtitle {
		margin-bottom: 25px;
		font-size: 18px;
		padding: 0;
	}
}

.age-confirm .inf {
	font-size: 16px;
	text-align: center;
	margin-top: 25px;
}

.age-confirm .inf a {
	color: var(--color-active);
}

@media screen and (min-width: 1025px) {
	.age-confirm .inf a:hover {
		text-decoration: underline;
	}
}

.age-confirm .row {
	margin-bottom: 70px;
}

@media screen and (max-width: 860px) {
	.age-confirm .row {
		margin-bottom: 27px;
	}
}

.age-confirm .row:last-child {
	margin-bottom: 0;
}

.logo-mod {
	text-align: center;
}

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

@media screen and (max-width: 860px) {
	.logo-mod img {
		max-width: 188px;
	}
}

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

@media screen and (max-width: 390px) {
	.group-btn {
		flex-direction: column;
	}
}

.group-btn .item {
	width: 50%;
}

@media screen and (max-width: 390px) {
	.group-btn .item {
		width: 100%;
	}
}

.group-btn .button {
	width: 100%;
	cursor: pointer;
	border: 2px solid var(--bg-darkness);
	background: var(--bg-darkness);
	border-radius: 20px;
	padding: 16px 10px;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--color-main);
	transition: border .3s, background .3s;
}

@media screen and (min-width: 1025px) {
	.group-btn .button:hover {
		border-color: var(--color-active);
		background: none;
	}
}

@media screen and (max-width: 860px) {
	.group-btn .button {
		font-size: 18px;
		padding: 17px 10px;
	}
}

.group-btn .button.second {
	background: var(--bg-active);
	border: 2px solid var(--color-active);
}

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

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

.under-text span {
	color: var(--color-main);
}
 
.serach-info-autocomplete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    border-radius: 5px;
    background-color: #fff;
    z-index: 99999 !important;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    max-height: 280px;
    background-color: #000;
    border: 1px solid #282828;
    max-width: var(--max-width-search);
    width: 100%;
    border-radius: 20px;
    overflow: auto;
    width: 100% !important;
	top: 100%;
    left: 0;
}

.serach-info-autocomplete .autocomplete-suggestion {
    display: block;
    width: 100%;

}
.serach-info-autocomplete .autocomplete-suggestion a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: #6E6E6E;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.serach-info-autocomplete .autocomplete-suggestion a svg {
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 20px;
}

.serach-info-autocomplete .autocomplete-suggestion a svg.fire {
	color: var(--color-active);
}

.serach-info-autocomplete .autocomplete-suggestion a .val {
	flex-shrink: 1;
    flex-grow: 1;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.serach-info-autocomplete .autocomplete-suggestion.hidden {
    display: none;
}

.serach-info-autocomplete a.hidden {
    display: none;
}

.serach-info-autocomplete strong {
    font-weight: 400;
	color: var(--color-main);
    display: initial;
    transition: color .3s, background .3s;
}

@media screen and (min-width:1024px) {
    .serach-info-autocomplete a:hover {
        color: var(--var-color);
        background-color: var(--bg-active);
    }

	.serach-info-autocomplete a:hover svg,
	.serach-info-autocomplete .autocomplete-suggestion a:hover svg.fire {
        color: var(--color-main);
    }

}

.serach-info-autocomplete .title .link {
    pointer-events: none;
    cursor: default;
    display: block;
    width: 100%;
    font-weight: 500;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 20px 0;
    margin-bottom: 5px;
    color: var(--color-main);
}

.awebl_webcams .thumb .wrap {
	padding-bottom: 56%;
    position: relative;
}

.awebl_webcams .thumb .wrap img{
    position: absolute;
}

.lazyload, 
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
}

.rating-container {
	position: relative;
}

.rating-container .voters {
	position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    text-align: center;
}

.custom-size .field-input {
	max-width: 100px;
}

.btn-favourites .drop-list .box.hidden {
	display: none;
}

.btn-favourites .drop-list .box span {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-favourites .btn span {
	line-height: 0;
}

.btn-favourites .btn span svg {
	font-size: 20px;
	transform: none !important;
}

.block-new-comment .captcha-control {
	margin: 0 0 10px;
}

.field-error {
	font-size: 15px;
	color: var(--bg-active);
}

.block-flagging .hidden {
	display: none;
}

.fancybox-close {
	opacity: 0;
	cursor: default;
}

.form-upload.hidden {
	display: none;
}

.list-videos-screenshots {
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
	justify-content: flex-start;
}

.list-videos-screenshots .item-post {
	width: calc(33.33% - 5px);
	padding: 0 5px 10px 0;
}

@media screen and (max-width:550px) {
	.list-videos-screenshots .item-post {
		width: calc(50% - 5px);
	}
}

.list-videos-screenshots .item-post .item-control {
	margin-top: 10px;
}

.list-videos-screenshots .item-post img {
	width: 100%;
}

.modal-main .success {
	color: var(--color-white);
}

.popup_age-holder {
	display: none;
}

.popup_age-holder .group-btn .button {
	display: inline-block;
	text-align: center;
}

body.popup_age .popup_age-holder {
	display: flex;
	z-index: 99999999;
}

body.popup_age .popup_age-holder.hidden {
	display: none !important;
}

html.fancybox-margin .select2-container.select2-container--open {
	z-index: 999999;
}

.modal-holder .title,
.modal-holder .label {
	color: var(--color-white);
}

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

.main-flex form .bottom,
.main-portrait form .bottom,
.member-grid form .bottom {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.item-control .item-control-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 10px;
}

.item-control .item-control-holder .toggle-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 20px;
    background: none; 
    cursor: pointer;
    border-radius: var(--border-radius-second);
    color: var(--color-second);
    font-weight: 500;
    font-size: 14px;
    border: 2px solid var(--color-tools);
    transition: color .3s, border .3s, background-color .3s;
}

@media screen and (min-width: 1025px) { 
    .item-control .item-control-holder .toggle-button:hover {
        border-color: var(--color-active);
        color: var(--color-white);
        background: none;
    }
}

.subscribe-form .top-box {
	flex-direction: column;
	align-items: flex-start;
}

.subscribe-form .comments-wrap .checkbox {
	position: static;
	transform: none;
}

.subscribe-form .item-control .item-control-holder .checkbox-wrap.toggle-button {
	padding: 0;
	border: none;
}

.member-card .masseges-count {
	color: var(--color-white);
}

.comments-wrap .item.me .top-box,
.comments-wrap .item.me {
	flex-direction: row-reverse;
}

.comments-wrap .item.me .top-box .date::before {
	right: -8px;
	left: auto;
}

.comments-wrap .item.me .comment {
	text-align: right;
}

.dropped-box svg.icon-edit {
    font-size: 20px;
    transform: none !important;
}

.modal-main .generic-error {
	margin: 0 0 10px;
	color: var(--bg-active);
}

.popup-send-message.hidden,
.popup-add-to-friends.hidden {
	display: none;
}

.player-holder .no-player {
	position: relative;
	overflow: hidden;
}

.player-holder .no-player img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(8px);
}

.list-albums-images {
	position: relative;
}

.list-albums-images .message,
.player-holder .no-player .message {
    position: absolute;
    background: rgba(0,0,0, .7);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--color-white); 
}

.list-albums-images .message,
.player-holder .no-player .message .message-text {
    max-width: 600px;
    padding: 0 10px;
    width: 100%;
	text-align: center;
}

.list-albums-images .message {
	max-width: 100%;
}

.list-albums-images .messagea,
.player-holder .no-player .message .message-text a {
    color: var(--color-active);
    cursor: pointer;
    transition: .3s;
}

@media (min-width: 1024px) {
	.list-albums-images .message a:hover,
    .player-holder .no-player .message .message-text a:hover {
        color: var(--color-white);
    }   
}

.fancybox-opened .fancybox-skin {
	box-shadow: none !important;
	background: transparent !important;
}

.preview-loading::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	height: 3px;
	width: 0%;
	background: var(--bg-active);
	backface-visibility: hidden;
	will-change: width;
	animation: progressBar 1.2s ease-out forwards;
}

@keyframes progressBar {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}

.static_page .description-box h2 {
	text-transform: capitalize;
}

.description_content {
	margin-top: 20px;
    font-size: 14px;
}