@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;800&display=swap');

.red {
	background: red !important;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

:focus {
	outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: rgba(50, 50, 50, 0.50);
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: rgba(50, 50, 50, 0.50);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: rgba(50, 50, 50, 0.50);
}

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

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

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

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #323232;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #fff;
	font: 500 14px/1.2  "Montserrat", sans-serif;
	color: #323232;
}

input, textarea {
	font: 500 15px/1.2  "Montserrat", sans-serif;
	color: #323232;
}

.wrapper,
.wrapper-holder {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	position: relative;
	overflow: hidden;
}

@media screen and (max-width: 992px) {
	.wrapper.fixed,
	.wrapper.fixed .wrapper-holder {
		position: static;
		display: block;
	}
}

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

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

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?4lhbtk');
	src:  url('../fonts/icomoon.eot?4lhbtk#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?4lhbtk') format('truetype'),
		url('../fonts/icomoon.woff?4lhbtk') format('woff'),
		url('../fonts/icomoon.svg?4lhbtk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
  
.icon-arrow-down:before {
	content: "\e900";
}

.icon-arrow-left:before {
	content: "\e901";
}

.icon-arrow-right:before {
	content: "\e902";
}

.icon-diamond:before {
	content: "\e904";
}

.icon-search:before {
	content: "\e909";
}

.icon-trailer:before {
	content: "\e90b";
}

.icon-volume:before {
	content: "\e90c";
	color: rgb(255, 255, 255);
}

.icon-volume:after {
	content: "\e90d";
	margin-left: -1em;
	color: rgb(255, 255, 255);
	opacity: 0.4;
}

.icon-play-hover:before {
	content: "\e90e";
	border-radius: 50%;
	box-shadow: 0 0 0 2px #323232;
	background-color: transparent;
	width: 22px;
	height: 22px;
	color: transparent;
}

.icon-play-hover:after {
	content: "\e90f";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	color: #323232;
}

.icon-photo-hover:before {
	content: "\e910";
	box-shadow: 0 0 0 2px #323232;
	border-radius: 6px;
	width: 20px;
	height: 20px;
	color: transparent;
}

.icon-photo-hover:after {
	content: "\e911";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-size: 22px;
}

.icon-category-hover:before {
	content: "\e903";
	box-shadow: 0 0 0 2px #323232;
	border-radius: 4px;
	width: 18px;
	height: 20px;
	color: transparent;
}

.icon-category-hover:after {
	content: "\e905";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.icon-models-hover:after {
	content: "\e917";
	color: #323232;
	font-size: 27px;
}

.icon-models-hover .path {
	opacity: 0;
}

.icon-models-hover .path:before {
	color: rgb(251, 0, 73);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition: opacity .3s, content .3s;
	font-size: 18px;
}

.icon-models-hover .path1:before { content: "\e906"; opacity: 1; }
.icon-models-hover .path2:before { content: "\e907"; opacity: 0.4; }
.icon-models-hover .path3:before { content: "\e908"; opacity: 0.4; }
.icon-models-hover .path4:before { content: "\e90a"; opacity: 1; }
.icon-models-hover .path5:before { content: "\e912"; opacity: 0.4; }
.icon-models-hover .path6:before { content: "\e913"; opacity: 1; }
  
.icon-studios-hover:before {
	content: "\e914";
}

.icon-studios-hover:after {
	content: "\e915";
}

.icon-heart:after {
	content: "\e916";
	color: #fb0049;
	height: 21px;
}

.icon-models:before {
	content: "\e917";
}

.icon-studios:before {
	content: "\e918";
}

.icon-heart:before {
	content: "\e919";
	height: 19px;
}

.icon-day-night:before {
	content: "\e91a";
	color: rgb(50, 50, 50);
	opacity: 0.35;
}

.icon-day-night:after {
	content: "\e91b";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-day-night .path:before {
	content: "\e91c";
	margin-left: -1em;
	color: rgb(50, 50, 50);
	opacity: 0.35;
}

.icon-day-night .path:after {
	content: "\e91d";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-day-night .path2:before {
	content: "\e91e";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-sun:before {
	content: "\e91f";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-sun:after {
	content: "\e920";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-radio:before {
	content: "\e921";
	color: rgb(0, 0, 0);
	opacity: 0.4;
}

.icon-radio:after {
	content: "\e922";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

.icon-moon:before {
	content: "\e923";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-moon:after {
	content: "\e924";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-moon .path:before {
	content: "\e925";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-share:before {
	content: "\e926";
	color: rgb(0, 0, 0);
}

.icon-share:after {
	content: "\e927";
	margin-left: -1em;
	color: rgb(0, 0, 0);
}

.icon-share .path:before {
	content: "\e928";
	margin-left: -1em;
	color: rgb(0, 0, 0);
	opacity: 0.35;
}

.icon-share .path:after {
	content: "\e929";
	margin-left: -1em;
	color: rgb(0, 0, 0);
	opacity: 0.35;
}

.icon-share .path2:before {
	content: "\e92a";
	margin-left: -1em;
	color: rgb(0, 0, 0);
	opacity: 0.35;
}

.icon-danger:before {
	content: "\e92b";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-danger:after {
	content: "\e92c";
	margin-left: -0.9599609375em;
	color: rgb(50, 50, 50);
}

.icon-category1:before {
	content: "\e92d";
}

.icon-category2:before {
	content: "\e92e";
}

.icon-category3:before {
	content: "\e92f";
}

.icon-category4:before {
	content: "\e930";
}

.icon-category5:before {
	content: "\e931";
}

.icon-category6:before {
	content: "\e932";
}

.icon-category7:before {
	content: "\e933";
}

.icon-category8:before {
	content: "\e934";
}

.icon-arrow-back:before {
	content: "\e935";
}

.icon-tag:before {
	content: "\e936";
	color: #d5d5d5;
}

.icon-tag:after {
	content: "\e937";
	color: rgb(255, 255, 255);
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
}

.icon-tag .path:before {
	content: "\e938";
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
}

.icon-tag .path:after {
	content: "\e939";
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
}

.icon-tag .path2:before {
	content: "\e93a";
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
}

.icon-tag .path2:after {
	content: "\e93b";
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0;
	top: 0;
}

.icon-edit:before {
	content: "\e93c";
	color: rgb(50, 50, 50);
	opacity: 0.4;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.icon-edit:after {
	content: "\e93d";
	color: rgb(50, 50, 50);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.icon-edit .path:before {
	content: "\e93e";
	color: rgb(50, 50, 50);
	opacity: 0.4;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-size: 24px;
}

.icon-message:before {
	content: "\e93f";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-message:after {
	content: "\e940";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-setting:before {
	content: "\e941";
}

.icon-setting:after {
	content: "\e942";
	margin-left: -1em;
	opacity: 0.4;
}

.icon-star:before {
	content: "\e943";
}

.icon-user:before {
	content: "\e946";
	color: rgb(50, 50, 50);
}

.icon-user:after {
	content: "\e947";
	margin-left: -1em;
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-user-plus:before {
	content: "\e948";
	color: rgb(50, 50, 50);
}

.icon-user-plus:after {
	content: "\e949";
	position: absolute;
	left: 0;
	top: 0;
	color: rgb(50, 50, 50);
}

.icon-user-plus .path:before {
	content: "\e94a";
	position: absolute;
	left: 0;
	top: 0;
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-logout:before {
	content: "\e94b";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-logout:after {
	content: "\e94c";
	margin-left: -1em;
	color: rgb(50, 50, 50);
}

.icon-users:before {
	content: "\e944";
}

.icon-close:before {
	content: "\e945";
}

.icon-calendar:before {
	content: "\e94d";
	color: rgb(50, 50, 50);
}

.icon-calendar:after {
	content: "\e94e";
	margin-left: -1em;
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-like:before {
	content: "\e94f";
}

.icon-dislike:before {
	content: "\e950";
}

.icon-fullscreen:before {
	content: "\e951";
}

.icon-star2:before {
	content: "\e952";
}

.icon-rate:before {
	content: "\e953";
	color: rgb(50, 50, 50);
}

.icon-rate:after {
	content: "\e954";
	margin-left: -1em;
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-smile:before {
	content: "\e955";
}

.icon-telegram:before {
	content: "\e956";
	color: rgb(255, 255, 255);
}

.icon-telegram:after {
	content: "\e957";
	margin-left: -1em;
	color: rgb(255, 255, 255);
	opacity: 0.4;
}

.icon-camera:before {
	content: "\e958";
}

.icon-arrow-line:before {
	content: "\e959";
}

.icon-clock:before {
	content: "\e95a";
	opacity: 0.4;
}

.icon-clock:after {
	content: "\e95b";
	margin-left: -1em;
}

.icon-danger1:before {
	content: "\e95c";
	opacity: 0.4;
}

.icon-danger1:after {
	content: "\e95d";
	margin-left: -1em;
}

.icon-download:before {
	content: "\e95e";
	opacity: 0.4;
}

.icon-download:after {
	content: "\e95f";
	margin-left: -1em;
}

.icon-share1:before {
	content: "\e960";
	opacity: 0.4;
}

.icon-share1:after {
	content: "\e961";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-share1 .path:before {
	content: "\e962";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-like-hover:before {
	content: "\e963";
}

.icon-dislike-hover:before {
	content: "\e964";
}

.icon-link:before {
	content: "\e965";
	color: rgb(135, 135, 140);
	opacity: 0.4;
}

.icon-link:after {
	content: "\e966";
	margin-left: -1em;
	color: rgb(135, 135, 140);
}

.icon-copy:before {
	content: "\e967";
	color: rgb(60, 149, 255);
}

.icon-copy:after {
	content: "\e968";
	margin-left: -1em;
	color: rgb(60, 149, 255);
	opacity: 0.5;
}

.icon-lock:before {
	content: "\e969";
	color: #fff;
}

.icon-lock:after {
	content: "\e96a";
	margin-left: -0.8603515625em;
	opacity: 0.4;
}

.icon-checked:before {
	content: "\e96b";
}

.icon-checked2:before {
	content: "\e96c";
	background: linear-gradient(135deg, #339DFF 0%, #AE33FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.icon-checked2:after {
	content: "\e971";
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.icon-man:before {
	content: "\e972";
}

.icon-woman:before {
	content: "\e973";
}

.icon-couple:before {
	content: "\e974";
}

.icon-filter:before {
	content: "\e975";
	color: rgb(255, 255, 255);
	opacity: 0.4;
}

.icon-filter:after {
	content: "\e976";
	color: rgb(255, 255, 255);
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
}

.icon-filter .path:before {
	content: "\e977";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-filter .path:after {
	content: "\e978";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-delete:before {
	content: "\e979";
	color: rgb(50, 50, 50);
	opacity: 0.4;
}

.icon-delete:after {
	content: "\e97a";
	margin-left: -0.900390625em;
	color: rgb(50, 50, 50);
}

.icon-country:before {
	content: "\e97b";
}

.icon-albums:before {
	content: "\e97c";
}

.icon-albums:after {
	content: "\e97d";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.3;
}

.icon-albums .path:before {
	content: "\e97e";
	position: absolute;
	left: 1px;
	top: 0;
	opacity: 0.6;
}

.icon-users2:before {
	content: "\e97f";
	opacity: 0;
}
.icon-users2:after {
	content: "\e980";
	margin-left: -1em;
}

.icon-chat:before {
	content: "\e981";
	color: rgb(251, 0, 73);
	opacity: 0.4;
}
.icon-chat:after {
	content: "\e982";
	margin-left: -0.9521484375em;
	color: rgb(251, 0, 73);
}
.icon-lock2:before {
	content: "\e983";
}
.icon-lock2:after {
	content: "\e984";
	position: absolute;
	left: 0;
	top: 0;
}
.icon-lock2 .path:before {
	content: "\e985";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.4;
}

.icon-question:before {
	content: "\e986";
}

.icon-show:before {
	content: "\e987";
	opacity: 0.4;
}
.icon-show:after {
	content: "\e988";
	margin-left: -1.3125em;
}
.icon-hide:before {
	content: "\e989";
	opacity: 0.4;
}
.icon-hide:after {
	content: "\e98a";
	margin-left: -1.1669921875em;
}

.icon-half-star:before {
	content: "\e98b";
	opacity: 0.4;
}

.icon-half-star:after {
	content: "\e98c";
	margin-left: -1em;
}

.icon-clip:before {
	content: "\e98d";
}

.icon-star-login:before {
	content: "\e98e";
	color: rgb(255, 206, 0);
}
.icon-star-login:after {
	content: "\e98f";
	margin-left: -1em;
	color: rgb(255, 255, 255);
}

.icon-cut:before {
	content: "\e990";
}

.icon-cut:after {
	content: "\e991";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-cut .path:before {
	content: "\e992";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.4;
}

.icon-cut .path:after {
	content: "\e993";
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.4;
}

.icon-upload:before {
	content: "\e994";
	opacity: 0.4;
}

.icon-upload:after {
	content: "\e995";
	position: absolute;
	left: 0;
	top: 0;
}

.icon-play-hover,
.icon-photo-hover,
.icon-category-hover,
.icon-share1,
.icon-filter,
.icon-checked2,
.icon-albums,
.icon-tag,
.icon-studios,
.icon-lock2,
.icon-user-plus,
.icon-edit,
.icon-cut,
.icon-upload,
.icon-user-plus {
	position: relative;
}

html, body {
	height: 100%;
}

.block-search ::-webkit-input-placeholder {
	color: rgba(50, 50, 50, 0.50);
	font-size: 15px;
}

.block-search ::-moz-placeholder {
	color: rgba(50, 50, 50, 0.50);
	font-size: 15px;
}

.block-search :-moz-placeholder {
	color: rgba(50, 50, 50, 0.50);
	font-size: 15px;
}

.header {
	padding: 30px 0 0;
	width: 100%;
	box-shadow: none;
	background-color: #f3f3f3;
	border-radius: 0 0 50% 50% / 0 0 30% 30%;
	margin-bottom: 15px;
	position: relative;
	z-index: 206;
}

@media (max-width: 992px) {
	.header {
		position: relative;
		padding: 10px 0 0;
		border-radius: 0 0 50% 50% / 0 0 20% 20%;
		margin-bottom: 30px;
	}
	.wrapper-holder {
		padding-top: 0;
	}
	.header-area {
		padding: 0;
	}
	.search-mobi {
		display: none;
	}
	.box.reverse .headline .sort-holder {
		margin-left: 0;
		box-shadow: inherit;
		width: auto;
		padding: 0;
		margin-bottom: 0;
	}
	.box.reverse .sort-holder .sort {
		position: relative;
	}
	.box.reverse .headline {
		flex-direction: row;
		/* margin-top: -15px; */
	}
	.box .headline {
		flex-wrap: nowrap;
	}
	.box.reverse .sort-holder .sort .selected {
		color: #87878C;
		font-size: 12px;
		border-radius: 50px;
		padding: 9px 16px;
	}
	.box.reverse .sort-holder .sort .selected span {
		white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
	.box.reverse .sort-holder .sort .selected.active,
	.box.reverse .sort-holder .sort.open-sort .selected,
	.box.reverse .sort-holder .sort.open-sort .selected.js-sort {
		color: #fff;
		border-radius: 50px;
	}
	.box.reverse .sort-holder .sort .drop-holder:before {
		display: none;
	}
	.box.reverse .headline .sort-holder .sort .drop-holder {
		top: 100%;
		width: 100%;
		left: 0px;
		right: 0px;
		padding: 10px 8px;
		background: #FFF;
		box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
		0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
		0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
		border-radius: 0 0 20px 20px;
	}
	.box.reverse .sort-holder .sort .drop-holder .item-sort .link-drop {
		margin: 0;
		color: #87878C;
		border-radius: 10px;
		padding: 9px 4px;
		font-size: 13px;
		line-height: 1.2;
		font-weight: 500;
		border: none;
	}
}

@media (max-width: 640px) {
	.box.reverse .headline {
		padding-bottom: 15px;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.box.reverse .headline .sort-holder {
		margin-bottom: 12px;
		width: 100%;
		justify-content: space-between;
		width: auto;
		margin-bottom: 0;
	}
	.box.reverse .headline .sort-holder .sort {
		flex-grow: 1;
	}
	.box.reverse .sort-holder .sort .selected {
		justify-content: center;
	}
}

@media (max-width: 480px) {
	.box.reverse .sort-holder .sort .selected {
		padding: 9px;
	}
	.box.reverse .sort-holder .sort .drop-holder .item-sort .link-drop {
		font-size: 12px;
		padding: 6px 0px;
	}
	.box.reverse .sort-holder .sort:last-of-type {
		width: 42%;
	}
}

.box .sort-holder .sort:hover .selected.js-sort {
	border-radius: 50px;
	box-shadow: none;
}

.header-area {
	flex-wrap: wrap;
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-area .logo {
	order: -1;
	margin: 0 auto 15px;
}

@media (max-width: 992px) {
	.header-area .logo {
		margin-bottom: 0;
		width: 100%;
		text-align: center;
	}
	.header-area .logo a img {
		width: 176px;
		will-change: transform;
	}
}

.burder-menu {
	position: absolute;
	left: 0;
	top: 14px;
	width: 24px;
	height: 21px;
	display: block;
	cursor: pointer;
	z-index: 19;
}

@media (max-width: 992px) {
	.burder-menu {
		left: 20px;
		top: 12px;
	}
}

@media (max-width: 380px) {
	.burder-menu {
		left: 10px;
	}
}

.burder-menu span,
.burder-menu span:after,
.burder-menu span:before {
	background-color: #323232;
	width: 100%;
	height: 4px;
	position: absolute;
	transition: all .3s;
	margin-top: -1px;
	backface-visibility: hidden;
    left: 0;
    right: 0;
    border-radius: 2px;
}

.burder-menu span:after {
    content: "";
	top: 17px;
}

.burder-menu span:before {
    content: "";
	top: 9px;
}

.open-menu .burder-menu span:after,
.open-menu .burder-menu span:before {
	transform: inherit;
}

.burder-menu .count {
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: #FB0049;
	height: 23px;
	width: 23px;
	line-height: 21px;
	font-weight: 700;
	padding: 0 3px;
	display: inline-table;
	text-align: center;
	min-width: 23px;
}

.btn-upgrade-new {
	order: 1;
	margin: 0 0 17px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 15px;
	padding: 16px;
	background: url("../images/svg/bg-premium-btn.svg") no-repeat center center / cover;
	border-radius: 50px;
	color: #fff;
	transition: box-shadow .3s ease;
}

.btn-upgrade-new.green {
	background: url("../images/svg/bg-premium-btn_green.svg") no-repeat center center / cover;
}

@media (hover: hover) and (pointer: fine) {
	.btn-upgrade-new:hover  {
		box-shadow: 0 4px 20px rgba(255, 187, 0, 0.5), 0 2px 10px rgba(255, 140, 0, 0.3);
	}
	.btn-upgrade-new.green:hover {
		box-shadow: 0 4px 20px rgba(95, 206, 95, 0.5), 0 2px 10px rgba(43, 168, 43, 0.3);
	}
}

.btn-upgrade-new .icon-diamond {
	font-size: 27px;
	margin-right: 10px;
	flex-shrink: 0;
}

.btn-upgrade-new b {
	text-transform: uppercase;
	font-weight: 700;
}

.logo a {
	display: inline-block;
}

.logo img {
	display: block;
}

.nav-holder.old {
	margin: 0 0 18px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.block-search {
	max-width: 608px;
	width: 100%;
	margin: 0 auto;
	transform: translateY(20px);
}

@media screen and (max-width: 1200px) {
	.block-search {
		padding: 0;
		margin: -12px auto 0;
	}
}

@media screen and (max-width: 992px) {
	.block-search {
		position: static;
		visibility: visible;
		opacity: 1;
		background: transparent;
		transform: translateY(20px);
		margin-top: -12px;
		overflow: inherit;
	}
}
  
@media screen and (max-width: 768px) {
	.block-search { 
		transform: translateY(15px);
	}

	.wrapper.chat-wrapper .block-search {
		display: none;
	}
}

.block-search .search-input {
	border-radius: 50px;
	border: 2px solid #F3F3F3;
	background: #FFF;
	padding: 15px 60px 15px 30px;
	transition: border-color .3s;
	width: 100%;
	font-size: 16px;
}

.block-search .search-input::placeholder {
	color: rgba(50, 50, 50, 0.50);
}

.dark .block-search .search-input::placeholder {
    color: rgba(135, 135, 140, 0.50);
}

.block-search .search-input:focus {
	border-color: #FB0049;
}

.block-search .search-btn {
	background-color: transparent;
	border-radius: 0;
	padding: 5px 30px 5px 10px;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	cursor: pointer;
    border: 0;
	display: block !important;
}

.block-search .search-btn i {
	color: rgba(0, 0, 0, .7);
	transition: color .3s;
	font-size: 24px;
}

@media (hover: hover) and (pointer: fine) {
	.block-search .search-btn:hover i {
		color: #FB0049;
	}
}

.nav-holder .item .link-nav {
	font-size: 18px;
	padding: 5px 10px 5px 5px;
	display: flex;
	align-items: center;
	border-radius: 50px;
	transition: all .3s;
}

.nav-holder .link-nav:hover .icon-studios:after {
	content: "\e914";
	color: rgba(251, 0, 73, .4);
	opacity: 0;
}

.nav-holder .link-nav .icon-heart:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	opacity: 0;
}

.nav-holder .link-nav .icon-models-hover {
	font-size: 17px;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder .link-nav:hover .icon-play-hover:before,
	.nav-holder .link-nav:hover .icon-photo-hover:before,
	.nav-holder .link-nav:hover .icon-category-hover:before {
		background-color: rgba(251, 0, 73, .4);
		box-shadow: 0 0 0 2px rgba(251, 0, 73, .4);
	}
	.nav-holder .link-nav:hover .icon-play-hover:after,
	.nav-holder .link-nav:hover .icon-photo-hover:after,
	.nav-holder .link-nav:hover .icon-category-hover:after {
		color: rgb(251, 0, 73);
	}
	.nav-holder .link-nav:hover .icon-studios:after,
	.nav-holder .link-nav:hover .icon-models-hover .path {
		opacity: 1;
	}
	.nav-holder .link-nav:hover .icon-studios:before {
		content: "\e915";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate3d(-50%, -50%, 0);
	}
	.nav-holder .link-nav:hover .icon-heart:before,
	.nav-holder .link-nav:hover .icon-models-hover:after {
		opacity: 0;
	}
	.nav-holder .link-nav:hover .icon-heart:after {
		opacity: 1;
	}
}

.nav-holder .item.open-sort .link-nav {
	background: rgba(251, 0, 73, 0.10);
}

.nav-holder .open-sort .link-nav .icon-play-hover:before,
.nav-holder .open-sort .link-nav .icon-category-hover:before,
.nav-holder .open-sort .link-nav.active .icon-heart:before {
	background-color: rgba(251, 0, 73, .4);
	box-shadow: 0 0 0 2px rgba(251, 0, 73, .4);
}

.nav-holder .open-sort .link-nav.active {
	color: #e6184e;
}

.nav-holder .open-sort .link-nav .icon-play-hover:after {
	color: rgb(251, 0, 73);
}

.nav-holder .open-sort .link-nav .icon-heart:after {
	opacity: 1;
}

.nav-holder .open-sort .link-nav.js-sort .icon-play-hover,
.nav-holder .open-sort .link-nav.js-sort .icon-category-hover,
.nav-holder .open-sort .link-nav.js-sort .icon-heart {
    transform: rotate(0);
}

.nav-holder .item {
	margin: 0 10px;
}

@media screen and (max-width: 1150px) {
	.nav-holder .item {
		margin: 0 2px;
	}
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder.old .item .link-nav:hover {
		background: rgba(251, 0, 73, 0.10);
        color: #FB0049;
	}
}

.nav-holder .item .link-nav i {
	font-size: 24px;
	margin: 0 10px 0 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}

.nav-holder .item .link-nav .icon-play-hover:after {
	padding-top: 1px;
}

.nav-holder .item .link-nav .icon-studios {
	font-size: 23px;
}

.nav-holder .item .link-nav i:before,
.nav-holder .item .link-nav i:after {
	transition: color .1s, box-shadow .2s, background-color .3s, opacity .3s;
}

.nav-holder .item .link-nav .icon-studios:before {
	transition: none;
}

.nav-holder .link-nav .text + i {
	width: auto;
	height: auto;
	background-color: transparent;
	margin: 0 0 0 5px;
	transition: transform .3s;
}

.block-search .placeholder {
	position: absolute;
	left: 30px;
	top: 0;
    bottom: 0;
	pointer-events: none;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: calc(100% - 100px);
	white-space: nowrap;
    overflow: hidden;
	font-size: 15px;
	color: #323232;
}

@media (max-width: 480px) {
	.block-search .placeholder {
		font-size: 12px;
	}
	.block-search .placeholder .mark {
		margin-left: 3px;
	}
}

.block-search .placeholder .mark {
	color: rgba(50, 50, 50, 0.50);
	margin-left: 5px;
}

.block-search.open .placeholder {
	display: none;
}

.box {
    padding: 25px 0 0;
}

.box.models-list + .box.content_sources {
    padding: 0;
}

.nav-holder .small-drop {
	width: 100%;
	padding: 10px 8px;
	max-width: 152px;
	position: absolute;
	top: calc(100% + 10px);
	left: auto;
	right: 0;
	overflow: visible;
	z-index: 15;
    transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.02);
	background-color: #FFF;
	transform: translate3d(0, 10px, 0);
    opacity: 0;
	visibility: hidden;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07),
	0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
	0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
	0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.nav-holder .small-drop:after {
	display: none;
}

.nav-holder .item.open-sort .drop-holder {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible;
}

.small-drop .link {
	padding: 8px;
	display: block;
	text-align: center;
	color: #87878C;
	font-size: 16px;
	border-radius: 10px;
	transition: background-color .3s, color .3s;
	margin-bottom: 1px;
}

.small-drop .link:last-child {
	margin-bottom: 0;
}

.box .sort-holder .sort .selected {
	padding: 14px 20px;
	border: 2px solid #F3F3F3;
	border-radius: 50px;
	font-weight: 500;
	color: #87878C;
	display: flex;
	align-items: center;
	transition: background-color .3s, color .3s, border-color .3s;
}

.box .sort-holder .sort .selected.active {
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FAECF0;
}

.box .sort-holder .sort .selected.active i {
	color: #fff !important;
}

.box .sort-holder .sort .selected .text+i {
	font-size: 20px;
	color: #87878C;
	transition: color .3s;
} 

@media (max-width: 480px) {
	.box .sort-holder .sort .selected .text+i {
		font-size: 14px;
	}
}

.box .sort-holder .sort .selected .text+.icon-filter {
	transform: none !important;
}

.sort .selected .icon-filter:before,
.sort .selected .icon-filter:after {
	color: #87878C;
	transition: color .3s;
}

.box .sort-holder .sort.open-sort .selected.js-sort .icon-filter:before,
.box .sort-holder .sort.open-sort .selected.js-sort .icon-filter:after {
	color: #fff;
}

.sort .selected .icon-filter {
	font-size: 16px;
	transition: none;
	margin-right: 6px;
}

.link-filter .value {
	margin-left: 5px;
	border-radius: 50px;
	border: 2px solid #F3F3F3;
	background: #3C95FF;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	flex-shrink: 0;
	padding: 0 5px;
}

.box .sort-holder .sort .drop-holder,
.user-btns .drop-holder {
	border-radius: 20px;
	background: #FFF;
	padding: 20px 8px 10px;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07),
	0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
	0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
	0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
	z-index: 101;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s, transform .3s;
}

.box .sort-holder .sort .selected .text+i {
	transition: transform .3s;
	margin: 0 0 0 5px;
    display: inline-block;
	flex-shrink: 0;
}

.box .sort-holder .sort:hover .drop-holder {
	opacity: 0;
	visibility: hidden;
	transform: none;
}

.box .sort-holder .sort:hover .selected.js-sort .text+i {
	transform: none;
}

.box .sort-holder .sort.open-sort:hover .selected.js-sort .text+i {
	transform: rotate(180deg);
}

.box .sort-holder .sort .drop-holder .item-sort .link-drop,
.user-btns .drop-holder .link-drop {
	color: #87878C;
	border-radius: 10px;
	padding: 9px 4px;
	font-size: 16px;
	letter-spacing: -1px;
	display: inline-block;
    width: 100%;
    text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color .3s, background .3s;
}

.box .sort-holder .sort {
	margin-right: 5px;
	position: relative;
}

.box .sort-holder .sort:last-child {
	margin-right: 0;
}

.box .sort-holder .sort .selected:after {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	.small-drop .link:hover {
		background-color: #FAECF0;
		color: #FB0049;
	}

	.box .sort-holder .sort:hover .selected {
		box-shadow: none;
		border-radius: 50px;
		border-color: rgba(251, 0, 73, 0.04);
		background: #FAECF0;
		color: #FB0049;
	}

	.box .sort-holder .sort:not(.open-sort):hover .selected.js-sort i {
		color: #FB0049 !important;
	}
	.box .sort-holder .sort:hover .selected .text+i,
	.sort:hover .selected .icon-filter:before,
	.sort:hover .selected .icon-filter:after {
		color: #FB0049;
	}
	.box .sort-holder .sort .drop-holder .item-sort .link-drop:hover,
	.user-btns .drop-holder .link-drop:hover {
		background-color: #FAECF0;
		color: #FB0049;
	}
}

.box .sort-holder .sort.open-sort .selected.js-sort {
	border-color: #FB0049;
	color: #fff;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.box .sort-holder .sort.open-sort .selected .text+i {
	color: #fff;
	transform: rotate(180deg);
}

.box .sort-holder .sort.open-sort .drop-holder {
	opacity: 1;
	visibility: visible;
	transform: translateZ(0);
}

.box .sort-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.box .headline .title-holder {
	font-size: 18px;
	margin-right: 5px;
}

@media (max-width: 640px) {
	.box .headline .title-holder {
		margin-right: 0;
		width: 100%;
	}
}

.box .headline {
	padding: 0 0 20px;
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.box .video_list .item .info-holder,
.box.albums-list .item .info-holder {
	position: static;
	background: transparent;
	font-weight: 500;
	color: rgba(50, 50, 50, 0.50);
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	line-height: 1.2;
	font-size: 14px;
}

.box .item .title-item {
	padding: 0 20px;
	font-weight: 500;
	color: #323232;
	text-align: left;
	margin-top: 5px;
	font-size: 16px;
	transition: color .3s;
	line-height: 1.2;
}

.premium-thumbs .item .title-item {
	margin-top: 0;
}

@media screen and (max-width: 992px) {
	.box .video_list .item .info-holder,
	.box.albums-list .item .info-holder {
		padding: 0 10px;
		margin-bottom: 4px;
	}
	.box .item .title-item {
		padding: 0 10px;
	}
}

.box .item .link:hover .info-holder {
	opacity: 1;
	transform: translateY(0);
}

.box .item .img-holder {
	box-shadow: none;
	border-radius: 30px;
	margin-bottom: 10px;
	position: relative;
    padding-bottom: 57%;
	overflow: hidden;
	transition: all .3s;
}

@media (max-width: 992px) {
	.box .item .img-holder {
		border-radius: 20px;
		margin-bottom: 8px;
	}
}

.box.models-list .item .img-holder {
    padding-bottom: 141%;
}

.box .img-holder video {
	position: absolute;
	top: 0;
	right: 0;	
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.box .item .info-holder .text {
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
}

.box .item .info-holder .text:after {
	content: "";
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: rgba(50, 50, 50, 0.50);
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

@media (max-width: 992px) {
	.box .item .info-holder .text:after {
		margin: 0 5px;
	}
}

.box .item .info-holder .item-info:last-child .text:after {
	display: none;
}

.box .item .img-holder .img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
	object-fit: cover;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 500ms;
}

.thumbs-holder .duration {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 50px;
	background: rgba(50, 50, 50, 0.50);
	text-transform: uppercase;
}

.thumbs-holder .studio-name {
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #fff;
	font-size: 15px;
	padding: 8px 20px 8px 10px;
	border-radius: 50px;
	background: rgba(50, 50, 50, 0.50);
	display: flex;
	align-items: center;
}

.img-studio {
	flex-shrink: 0;
	margin-right: 10px;
	max-width: 66px;
	height: auto;
}

@media (max-width: 992px) {
	.thumbs-holder .duration {
		right: 10px;
		bottom: 10px;
	}
}

.premium-thumbs .item .info-holder .item-info {
	font-size: 14px;
	padding-bottom: 5px;
}

@media (max-width: 992px) {
	.premium-thumbs .item .info-holder .item-info,
	.albums-list .items-list .item .info-holder .item-info {
		padding-bottom: 2px;
	}
	.premium-thumbs .premium-icons {
		top: 10px;
		left: 10px;
	}
}

.premium-thumbs .premium-icons {
	display: flex;
	align-items: center;
	top: 20px;
	left: 20px;
	position: absolute;
}

.box .item .swipe-hint {
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 10px;
    font-size: 30px;
    border-radius: 3px;
    position: absolute;
    left: 50%;
    top: 29px;
    transform: translate(-50%, -50%);
	display: none;
}

.wrap-trailer {
	display: flex;
	align-items: center;
	border-radius: 50px;
	background-color: rgba(50, 50, 50, 0.50);
	text-transform: uppercase;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	padding: 4px 12px;
	line-height: 1;
	z-index: 1;
	transition: color .3s, background-color .3s;
}

@media screen and (max-width: 992px) {
	.wrap-trailer {
		right: 10px;
		bottom: 10px;
		padding: 4px 10px;
	}
}

.box .item .img-holder .link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (hover: hover) and (pointer: fine) {
	.wrap-trailer:hover {
		background-color: #fff;
		color: #323232;
	}
	.box .item .img-holder:hover + .link .title-item,
	.box .item .link:hover .title-item {
		color: #FB0049;
	}
}

.box .thumbs-holder {
	padding: 0 0 25px;
}

.pagination {
    padding: 0 0 25px;
}

.pagination .pagination-holder {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-trailer .icon-trailer {
    margin-left: 5px;
    font-size: 24px;
}

.premium-thumbs .wrap {
	margin: 0;
	border-radius: 50px;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%,
	rgba(255, 255, 255, 0.00) 100.36%),
	linear-gradient(180deg, #FFBB0E 0%, #F90 100%), linear-gradient(118deg, #FFB800 -10.6%, #FF28C3 51.73%, #FB0049 103.15%),
	linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FB0049;
	color: #fff;
	font-size: 28px;
	font-size: 19px;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.premium-thumbs .wrap .icon-diamond {
	height: 27px;
	width: 27px;
	font-size: 27px;
	padding: 1px 0 0;
}

.premium-thumbs .wrap.second {
	height: auto;
	width: auto;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 7px 11px;
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	order: 1;
}

.premium-thumbs .wrap.second .logo_thumb {
	width: 22px;
    height: 20px;
    margin: 0 5px 0 0;
}

.premium-thumbs .wrap + .wrap {
	margin-right: 10px;
}

.premium-thumbs .wrap.second .icon-volume {
	margin-right: 5px;
	font-size: 20px;
}

.premium-thumbs .wrap.second svg {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	fill: #fff;
}

@media screen and (max-width: 992px) {
	.premium-thumbs .wrap {
		width: 26px;
		height: 26px;
	}
	.premium-thumbs .wrap .icon-diamond {
		width: 22px;
		height: 22px;
		font-size: 22px;
	}
	.premium-thumbs .wrap + .wrap {
		margin-right: 5px;
	}
	.premium-thumbs .wrap.second .icon-volume {
		font-size: 14px;
	}
	.premium-thumbs .wrap.second svg {
		width: 14px;
		height: 14px;
	}
	.premium-thumbs .wrap.second {
		padding: 6px 10px;
	}
}

.item-post .overlay,
.img-holder .overlay {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 100;
	z-index: 1;
}

.item-post .overlay {
	border-radius: 20px;
}

.text-viewed {
	color: #fff;
	border-radius: 50px;
	border: 1px solid #FFF;
	padding: 11px 20px;
	font-size: 14px;
}

.preview-progress {
	border-radius: 3px;
	position: absolute;
    z-index: 99;
	left: 22px;
    top: 0;
    right: 0;
    width: 0;
    height: 3px;
    background: #FB0049;
    transition: width 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: width;
}

.preview-progress.is-full {
	width: calc(100% - 44px);
}

.box .items-list {
	margin: -20px -20px 0 0;
	font-size: 0;
    line-height: 0;
}

.box .items-list.empty {
	margin-left: 0;
	margin-right: 0;
}

.box .item {
	padding: 20px 20px 0 0;
	display: inline-block;
    vertical-align: top;
	width: 33.333%;
	font-size: 14px;
	line-height: 1.2;
}

@media screen and (max-width: 1200px) {
    .box .item {
        width: 50%;
    }
}

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

.member-menu.login {
    display: none;
}
@media screen and (max-width: 992px){
    .nav-holder.old {
       display: none;
    }
}
.nav-holder.new {
    overflow: hidden;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    opacity: 0;
    z-index: 15;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    left: 0;
    height: 1000vh;
    background: hsla(0, 0%, 100%, .95);
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 125px 0 0;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s, visibility .3s;
    transition: transform .3s, opacity .3s, visibility .3s;
    transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
}

.nav-holder.new {
    padding: 0;
    z-index: 9999999;
    background: #fff;
    height: calc(100vh - 62px);
    overflow-y: scroll;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 100%;
    background: transparent;
}

.open-menu .nav-holder.new {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    visibility: visible;
    overflow: visible;
    z-index: 999999999999;
	overflow-y: auto;
}

@media screen and (min-width: 992px){
    .header-area .nav-holder.new {
        height: 1000vh;
        height: 100vh;
    }
}

.burder-menu .count {
    border: 4px solid rgba(255,255,255,.95);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #ff485a;
    position: absolute;
    z-index: 2;
    right: -10px;
    top: -10px;
}

.burder-menu .count.small {
    border: 3px solid #fff;
    font-size: 10px;
}

.nav-holder.new .burger_user_menu {
    display: block;
    max-width: 320px; 
    background: #fff;
}

.nav-holder.new {
    padding: 0;
    z-index: 9999999;
    background: #fff;
    height: calc(100vh - 62px);
    overflow-y: scroll; 
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 320px;
    background: transparent;
    overflow-y: auto; 
}

.header-area .logo a img {
    height: auto;
}

@media screen and (min-width: 992px){
    .nav-holder.new {
        height: calc(100vh - 89px);
    }

    .nav-holder.new, .nav-holder.new:after {
        top: 89px;
    }

    .burder-menu {
        width: 26px;
    }

    .burder-menu span:after, 
    .burder-menu span:before {
        width: 100%;
    }

    .open-menu .burder-menu span {
        transform: rotate(-90deg) translate3d(-10px, -10px, 0);
    }

    .open-menu .burder-menu span,
    .open-menu .burder-menu span:after, 
    .open-menu .burder-menu span:before {
        background: #5e5e5e;
    }

}

@media screen and (max-width: 992px){
    .nav-holder.new {
        overflow-y: scroll; 
    }
	body.open-menu {
        overflow: hidden;
        position: relative;
    }

	body.open-menu #mixtraff {
		display: none !important;
	}
}

.slider_holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 46px;
    height: 24px;
    border-radius: 12px;
    background: #e6e6e6;
    margin: 0 0 0 auto;
}

.slider_holder::after {
    content: '';
    left: 2px;
    top: 2px;
    height: 20px;
    width: 20px;
    background: #fff;
    transition: all .3s;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    transform: translateX(0);
}

body.dark .slider_holder::after {
    transform: translateX(22px); 
}

.slider_holder svg {
    width: 14px;
    min-width: 14px;
    height: 14px;
    fill: #5e5e5e;
    margin: 0;
}

.light.open-menu .burder-menu span, .light.open-menu .burder-menu span:after, .light.open-menu .burder-menu span:before {
    background: #000;
}

.content_sources.box .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}

.content_sources.box .headline {
    order: 1;
}

.container.content_source {
    padding: 0;
    order: 0;
}

.content_sources.box .thumbs-holder,
.content_sources.box .pagination,
.content_sources.box .bread-crumb {
    order: 1;
	display: block;
	width: 100%;
}

@media screen and (max-width: 992px){
    .content_sources.box .container {
        order: 1;
        justify-content: center;
        align-items: center;
    }
}

.box.users-list .items-list .img-holder.model {
    border-radius: 10px;
    text-align: center;
    box-shadow: none;
}

.box.users-list .items-list .img-holder.model img {
    border-radius: 10px;
    width: auto;
    margin: 0 auto;
    box-shadow: 0 0 20px rgb(0 0 0 / 0);
}

.box.users-list .list-subscriptions .items-list .img-holder,
.box.users-list .list-subscriptions .items-list .img-holder.model img {
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    transition: all .3s;
}

.box.users-list .list-subscriptions .items-list .item .link:hover .img-holder,
.box.users-list .list-subscriptions .items-list .item .link:hover .img-holder.model img {
    -webkit-box-shadow: 0 0 10px rgb(230 24 78 / 50%);
    box-shadow: 0 0 10px rgb(230 24 78 / 50%);
}

.box.users-list .list-subscriptions .items-list .img-holder.model {
    box-shadow: 0 0 20px rgb(0 0 0 / 0);
    overflow: visible;
}

.box.users-list .list-subscriptions .items-list .img-holder .icon{
    border-radius: 0;
}

.box.users-list .items-list .img-holder.cs {
    border-radius: 10px;
    padding-bottom: 74%; 
}

.box.users-list .items-list .img-holder.cs img {
    border-radius: 10px;
}

.box.users-list .items-list .img-holder.cs svg {
    width: 75px;
}

.dark .box.users-list .items-list .img-holder.cs svg {
    fill: #fff;
}

.box.users-list.show .list-subscriptions .items-list .item {
    width: 14.28%;
}

@media screen and (max-width: 1050px){
    .box.users-list.show .list-subscriptions .items-list .item {
        width: 20%;
    }
}

@media screen and (max-width: 992px){
    .box.users-list.show .list-subscriptions .items-list .item {
        width: 33.33%;
    }
}

@media screen and (max-width: 992px){
    .invite_support .invite_support_block {
        padding: 10px 18px;
    }

    .nav-holder.new .item .link-nav {
        padding: 13px 10px;
    }

    .logo_burger {
        padding: 20px 0 10px;
    }

    .nav-holder.new .burger_menu_top .user_info .name {
        margin: 10px 0;
    }

    .open-menu .nav-holder.new {
        overflow-y: auto;
    }
}

.text_link {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.text_link .text {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin: 0;
}

.text_link a {
    font-size: 13px;
    text-align: center;
    text-decoration: underline;
}

.cards.second .card .btn {
    bottom: 54px;
}

.cards.second .card {
    height: 275px;
}

.cards.second .main-card {
    padding-bottom: 100px;
}

.live_sex {
    position: relative;
}

.live_sex i {
    opacity: 0;
}

.live_sex:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: rgb(66, 231, 24);
    left: -10px;
    border-radius: 50%;
    -webkit-animation: pulse-btn 2.5s infinite;
    animation: pulse-btn 2.5s infinite
}

.nav-live_sex.live_sex:before {
    width: 10px;
    height: 10px;
    left: 21px;
}


@-webkit-keyframes pulse-btn {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 231, 24, .9)
    }

    70% {
      -webkit-box-shadow: 0 0 0 5px rgba(66, 231, 24, 0);
      text-shadow: 0 0 5px rgba(66, 231, 24, .9)
    }

    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 231, 24, 0)
    }
}

@keyframes pulse-btn {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 231, 24, .4);
      box-shadow: 0 0 0 0 rgba(66, 231, 24, .4)
    }

    70% {
      -webkit-box-shadow: 0 0 0 5px rgba(66, 231, 24, 0);
      box-shadow: 0 0 0 5px rgba(66, 231, 24, 0);
      text-shadow: 0 0 5px rgba(66, 231, 24, .9)
    }

    100% {
      -webkit-box-shadow: 0 0 0 0 rgba(66, 231, 24, 0);
      box-shadow: 0 0 0 0 rgba(66, 231, 24, 0)
    }
}

.pagination .pagination-holder .item-pagin {
	padding: 0;
	margin-right: 8px;
}

.pagination .pagination-holder .item-pagin:last-of-type {
	margin-right: 0;
}

.pagination .pagination-holder .item-pagin .link {
	border-radius: 50%;
	background-color: #F3F3F3;
	border: 2px solid #F3F3F3;
	font-size: 15px;
	color: #87878C;
	padding: 0 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	line-height: 1.2;
	min-width: 35px;
	height: 35px;
	transition: color .3s, border-color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.pagination .pagination-holder .item-pagin .link:hover {
		color: #FB0049;
		border-color: rgba(251, 0, 73, 0.04);
		background-color: #FAECF0;
	}
}

.pagination .pagination-holder .item-pagin.active .link {
	color: #fff;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.pagination .pagination-holder .item-pagin .link i {
	display: block;
	font-size: 20px;
}

.nav-holder.new,
.nav-holder.new .burger_user_menu {
	width: 328px;
	max-width: 100%;
}

.main-holder {
	margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
	.headline.lg {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.headline.lg .title-holder {
		margin: 15px 0 0 0;
	}
	.headline.lg .title-holder + .sort-holder {
		width: 100%;
	}
	.headline.lg .title-holder + .sort-holder .sort {
		width: 25%;
	}
	.headline.lg .title-holder + .sort-holder .sort .js-sort,
	.headline.lg .sort .selected.active {
		justify-content: center;
	}
}

@media screen and (max-width: 992px) {
	.main-holder {
		margin-bottom: 120px;
	}
	.headline.lg .title-holder + .sort-holder .sort:last-child {
		width: 100%;
		margin: 5px 5px 0 0;
	}
	.headline.lg .title-holder + .sort-holder .sort {
		width: calc(33.333% - 5px);
		width: calc(25% - 5px);
	}
}

@media screen and (max-width: 768px) {
	.headline.lg .title-holder + .sort-holder .sort:last-child {
		margin-top: 10px;
	}
}

@media screen and (max-width: 640px) {
	.pagination .pagination-holder .item-pagin {
		display: none;
	}
	.pagination .pagination-holder .item-pagin.active-pagin,
	.pagination .pagination-holder .active-pagin + .item-pagin,
	.pagination .pagination-holder .item-pagin:nth-child(-n+4),
	.pagination .pagination-holder .item-pagin:nth-last-child(2),
	.pagination .pagination-holder .item-pagin:last-of-type {
		display: inline-block;
	}
	.pagination .pagination-holder .item-pagin:first-of-type,
	.pagination .pagination-holder .item-pagin.active-pagin,
	.pagination .pagination-holder .item-pagin:last-of-type {
		padding-right: 0;
	}
	.headline.lg .title-holder + .sort-holder .sort {
		width: calc(50% - 5px);
	}
	.headline.lg .title-holder + .sort-holder .sort:last-child {
		width: 50%;
		padding-left: 7px;
	}
	.headline.lg .title-holder + .sort-holder .sort:nth-child(3) {
		margin-top: 9px;
	}
	.headline.lg .title-holder,
	.box.models-list .headline.lg .title-holder .sort .selected {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.main-holder {
		margin-bottom: 130px;
	}
	.headline.lg .title-holder .title {
		flex-wrap: wrap;
	}
	.headline.lg .sort-holder + div {
		/* width: 100%; */
		padding: 3px 0;
	}
	.headline.lg .title-holder + .sort-holder .sort:last-child,
	.headline.lg .title-holder + .sort-holder .sort:nth-child(3),
	.headline.lg .title-holder + .sort-holder .sort:nth-child(4) {
		width: 100%;
		margin-top: 8px;
	}
	.headline.lg .title-holder + .sort-holder .sort:last-child {
		padding-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 380px) {
	.nav-holder.new,
	.nav-holder.new .burger_user_menu {
		width: 320px;
	}
	.pagination .pagination-holder .item-pagin {
		margin-right: 3px;
	}
}

.nav-holder.new .burger_user_menu,
.nav-holder.new .item {
	background: transparent;
}

.burger_menu_top {
	box-shadow: none;
	padding-bottom: 25px;
}

.burger_menu_top.logined {
	margin-top: 23px;
	display: flex;
	flex-direction: column;
	border-radius: 30px;
	background: linear-gradient(166deg, #FFF 50.5%, #FFD9E4 111.13%);
	backdrop-filter: blur(25px);
	padding: 10px 10px 20px;
	margin-bottom: 20px;
	box-shadow: 0 40px 57px rgba(255, 217, 228, 0.6);
	border: 2px solid transparent;
	background: linear-gradient(#fff, #fff, #FFD9E4) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.1) 50%, #FFD9E4 65%) border-box;
}

@media (max-width: 992px) {
	.burger_menu_top.logined {
		margin-top: 10px;
	}
	.open-menu .nav-holder.new {
		padding-bottom: 130px;
		height: 100%;
	}
}

.burger_menu_top.logined .logo_burger {
	padding: 0;
}

.burger_menu_top.logined .logo_burger .arrow {
	left: 18px;
	top: 24px;
}

.wrap-token { order: 1; position: relative; width: 100%; }
.balance_pill { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 50px; padding: 0 24px; box-sizing: border-box; background: #fff; border: 1px solid #f0f0f0; border-radius: 24px; box-shadow: 0 -2px 43px rgba(0,0,0,0.04), 0 -0.447px 9.605px rgba(0,0,0,0.02), 0 -0.133px 2.86px rgba(0,0,0,0.02); cursor: pointer; transition: border-color 0.2s; }
.wrap-token.open .balance_pill { border-color: #1ceac5; }
.balance_pill_label { font-weight: 600; font-size: 16px; letter-spacing: -0.32px; color: #323232; }
.balance_pill_val { display: flex; align-items: center; gap: 4px; }
.balance_pill_ico { width: 30px; height: 30px; display: block; }
.balance_pill_num { font-weight: 700; font-size: 16px; letter-spacing: -0.32px; text-transform: uppercase; background: linear-gradient(135deg, #1CEAC5 0%, #28A5FF 40%, #882FCD 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.balance_drop { position: absolute; left: 0; top: calc(100% + 6px); z-index: 200; display: flex; gap: 1px; width: 100%; box-sizing: border-box; background: #fff; border: 1px solid rgba(0,0,0,0.02); border-radius: 20px; box-shadow: 0 100px 40px rgba(0,0,0,0.07), 0 41.778px 16.711px rgba(0,0,0,0.05), 0 22.336px 8.935px rgba(0,0,0,0.04), 0 12.522px 5.009px rgba(0,0,0,0.04), 0 6.65px 2.66px rgba(0,0,0,0.03), 0 2.767px 1.107px rgba(0,0,0,0.02); padding: 10px; opacity: 0; visibility: hidden; transform: translate3d(0, 10px, 0); transition: opacity .3s, visibility .3s, transform .3s; }
.wrap-token.open .balance_drop { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
.balance_drop_item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px; border-radius: 14px; text-decoration: none; transition: background 0.2s; }
.balance_drop_item--active { background: #f4f4f4; }
.balance_drop_ico { width: 24px; height: auto; display: block; }
.balance_drop_txt { font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #323232; }
.balance_drop_ico-dark { display: none; }
body.dark .balance_drop_ico-light { display: none; }
body.dark .balance_drop_ico-dark { display: block; }

.nav-holder.new .item .link-nav .icon {
    width: 36px;
    height: 36px;
    border-radius: 50px;
    border: 1px solid transparent;
    background: linear-gradient(#F9F4F4, #F9F4F4) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
    font-size: 20px;
    transition: background .3s;
    margin-right: 10px;
    z-index: -1;
}

/* token top-up popup (Figma 1650-4047 / 1618-65670 / 1618-66127) */
body.show_buy_tokens { overflow: hidden; }
body.show_buy_tokens .buy_tokens-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_buy_tokens .buy_tokens-popup.popup-bottom .popup { transform: translateY(0); }
.unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom { align-items: flex-end; padding-bottom: 0; }
.unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom .popup { max-width: 500px; border-radius: 30px 30px 0 0; border: 2px solid rgba(156,156,156,0.2); }
.topup_step { display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 20px 20px 30px; }
.topup_step-qr, .topup_step-success { display: none; }
.buy_tokens-popup.is-qr .topup_step-main, .buy_tokens-popup.is-success .topup_step-main { display: none; }
.buy_tokens-popup.is-qr .topup_step-qr { display: flex; }
.buy_tokens-popup.is-success .topup_step-success { display: flex; }
.topup_head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0; border-bottom: 1px solid #87878c; }
.topup_title { font-weight: 600; font-size: 16px; letter-spacing: -0.32px; color: #323232; }
.topup_close { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; cursor: pointer; color: #323232; }
.topup_close_ico { width: 18px; height: 18px; display: block; fill: currentColor; }
.topup_form { display: flex; flex-direction: column; align-items: stretch; gap: 30px; width: 100%; }
.topup_error { display: none; color: #fb0049; font-size: 13px; text-align: center; }
.topup_amount { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.topup_presets { display: flex; align-items: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 8px; background: #fff; border: 1px solid #d9d9d9; border-radius: 50px; }
.topup_preset { flex: 1; display: flex; align-items: center; justify-content: center; height: 40px; border: 1px solid #d9d9d9; border-radius: 50px; cursor: pointer; transition: border-color 0.2s; }
.topup_preset input { display: none; }
.topup_preset.is-active { border-color: #1CEAC5; }
.topup_preset_val { font-weight: 700; font-size: 16px; letter-spacing: -0.32px; background: linear-gradient(135deg, #1CEAC5 0%, #28A5FF 40%, #882FCD 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.topup_custom { width: 100%; box-sizing: border-box; height: 48px; padding: 0 18px; background: #fff; border: 1px solid #d9d9d9; border-radius: 50px; font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #323232; outline: none; }
.topup_custom::placeholder { color: #87878c; }
.topup_methods { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
.topup_method { position: relative; display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 18px; background: #fff; border: 1px solid #f0f0f0; border-radius: 24px; box-shadow: 0 -2px 43px rgba(0,0,0,0.04); cursor: pointer; transition: border-color 0.2s; }
.topup_method input { display: none; }
.topup_method.is-active { border-color: #fb0049; box-shadow: 0 100px 80px rgba(0,0,0,0.07), 0 41.778px 33.422px rgba(0,0,0,0.05), 0 22.336px 17.869px rgba(0,0,0,0.04), 0 12.522px 10.017px rgba(0,0,0,0.04), 0 6.65px 5.32px rgba(0,0,0,0.03), 0 2.767px 2.214px rgba(0,0,0,0.02); }
.topup_method_ico { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.topup_method_ico img { width: 40px; height: 40px; object-fit: contain; }
.topup_method_ico-crypto .topup_crypto { position: absolute; }
.topup_method_ico-crypto .topup_crypto-btc { top: 0; left: 0; width: 23px; height: 23px; }
.topup_method_ico-crypto .topup_crypto-eth { bottom: 0; left: 15px; width: 17px; height: 17px; }
.topup_method_ico-crypto .topup_crypto-usdt { top: 8px; left: 25px; width: 15px; height: 15px; }
.topup_method_name { font-weight: 600; font-size: 16px; letter-spacing: -0.32px; color: #323232; }
.topup_submit { display: flex; align-items: center; justify-content: center; height: 40px; padding: 5px 20px; border: 2px solid rgba(255,255,255,0.2); border-radius: 50px; background-image: linear-gradient(179deg, rgba(255,255,255,0.2) 9%, rgba(255,255,255,0) 100%), linear-gradient(106deg, #fb0049 0%, #ff3671 100%); font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #fff; text-decoration: none; cursor: pointer; transition: box-shadow 0.2s; }
.topup_submit:hover { box-shadow: 0 6px 25px rgba(251,0,73,0.5); }
.topup_submit.is-loading { pointer-events: none; color: transparent; position: relative; }
.topup_submit.is-loading::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; box-sizing: border-box; border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff; border-radius: 50%; animation: ktBuySpin 0.7s linear infinite; }
.topup_note { font-weight: 500; font-size: 12px; letter-spacing: -0.24px; color: #87878c; text-align: center; }
.topup_qr_amount { display: flex; align-items: center; justify-content: center; gap: 8px; font-weight: 600; font-size: 16px; letter-spacing: -0.32px; color: #000; }
.topup_qr_pill { display: flex; align-items: center; gap: 5px; padding: 5px 10px; background: #fff; border-radius: 50px; }
.topup_qr_ico { width: 20px; height: 20px; display: block; }
.topup_qr_sum { font-weight: 700; font-size: 12px; letter-spacing: -0.24px; text-transform: uppercase; background: linear-gradient(135deg, #1CEAC5 0%, #28A5FF 40%, #882FCD 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.topup_qr_box { display: flex; align-items: center; justify-content: center; padding: 12px; background: #fff; border: 1px solid #d9d9d9; border-radius: 33px; }
.topup_step-qr { gap: 20px; }
.topup_step-qr .info-note { width: 100%; margin: -10px 0; box-sizing: border-box; }
.topup_qr_canvas { width: 220px; height: 220px; }
.topup_qr_canvas img, .topup_qr_canvas canvas { width: 220px !important; height: 220px !important; }
.topup_qr_hint { font-weight: 500; font-size: 12px; line-height: 1.2; letter-spacing: -0.24px; color: #87878c; text-align: center; }
.topup_qr_open { width: 300px; max-width: 100%; }
.topup_step-success { text-align: center; }
.topup_success_title { font-weight: 800; font-size: 20px; text-transform: uppercase; color: #323232; }
.topup_success_text { font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #87878c; }
.topup_success_amount { display: flex; align-items: center; gap: 4px; font-weight: 700; font-size: 20px; color: #323232; }
.topup_step-success .topup_submit { width: 200px; }

/* token top-up — dark theme */
body.dark .balance_pill { background: #262626; border-color: rgba(255,255,255,0.1); box-shadow: none; }
body.dark .balance_pill_label { color: #fff; }
body.dark .balance_drop { background: #262626; border-color: rgba(255,255,255,0.08); }
body.dark .balance_drop_item--active { background: rgba(255,255,255,0.08); }
body.dark .balance_drop_txt { color: #fff; }
body.dark .popup_topup { background: #1c1c1c; border-color: rgba(255,255,255,0.1); }
body.dark .topup_title { color: #fff; }
body.dark .topup_close { color: #fff; }
body.dark .topup_head { border-bottom-color: rgba(255,255,255,0.15); }
body.dark .topup_presets { background: #262626; border-color: rgba(255,255,255,0.1); }
body.dark .topup_preset { border-color: rgba(255,255,255,0.15); }
body.dark .topup_preset.is-active { border-color: #1CEAC5; }
body.dark .topup_custom { background: #262626; border-color: rgba(255,255,255,0.15); color: #fff; }
body.dark .topup_method { background: #262626; border-color: rgba(255,255,255,0.1); box-shadow: none; }
body.dark .topup_method.is-active { border-color: #fb0049; }
body.dark .topup_method_name { color: #fff; }
body.dark .topup_qr_amount { color: #fff; }
body.dark .topup_qr_pill { background: #262626; }
body.dark .topup_qr_box { background: #fff; border-color: rgba(255,255,255,0.15); }
body.dark .topup_success_title { color: #fff; }
body.dark .topup_success_amount { color: #fff; }

.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile {
	text-decoration: none;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	border-radius: 50px;
	border: 2px solid #323232;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color .3s, background .3s;
}

.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile .icon-edit:before,
.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile .icon-edit:after,
.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile .icon-edit .path:before {
	transition: color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile:hover {
		border-color: transparent;
		background: rgba(251, 0, 73, .4);
	}
	.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile:hover .icon-edit:before,
	.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile:hover .icon-edit .path:before {
		color: #fff;
		opacity: 1;
	}
	.nav-holder.new .burger_menu_top .user_info .info-user .edit_profile:hover .icon-edit:after {
		color: #FB0049;
	}
}

.nav-holder.new .burger_menu_top .user_info {
	padding: 0;
	margin-bottom: 17px;
	display: block;
}

.nav-holder.new {
	position: fixed;
	top: 0;
	background: rgba(255, 255, 255, 0.80);
	box-shadow: 89px 0px 83.6px 0px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(25px);
	padding: 0 10px;
}

.logo_burger {
	padding: 20px 0 10px;
	text-align: center;
}

.logo_burger a {
	display: inline-block;
}

.logo_burger a img {
	width: 193px;
	display: block;
}

.logo_burger .js-open-menu + a {
	pointer-events: none;
}

.logo_burger .arrow .icon-arrow-down, .logo_burger .arrow .icon-arrow-down:after, .logo_burger .arrow .icon-arrow-down:before {
    background-color: #FB0049;
	height: 4px;
	border-radius: 2px;
	display: block;
}

.logo_burger .arrow {
	width: 26px;
	height: 21px;
	transform: rotate(0);
	padding: 0;
	left: 30px;
	top: 45px;
	display: flex;
	align-items: flex-end;
	position: absolute;
}

.logo_burger .arrow .icon-arrow-down {
	width: 100%;
}

.logo_burger .arrow .icon-arrow-down:before {
	content: "";
	width: 12px;
	top: 0;
	position: absolute;
}

.logo_burger .arrow .icon-arrow-down:after {
	content: "";
	top: 9px;
	width: 18px;
	position: absolute;
}

.burger_menu_top .text {
	color: #323232;
	font-size: 14px;
	max-width: 290px;
	margin: 0 auto;
    display: block;
    padding-bottom: 20px;
	text-align: center;
}

.burger_menu_top .text b {
	font-weight: 700;
}

.burger_menu_top .btns_holder {
	flex-direction: column;
}
.nav-holder.new .item {
	width: 100%;
	border-bottom: none;
	max-width: 100%;
	margin: 0 0 2px 0;
}

.nav-holder.new .item .link-nav .count {
	background: #FB0049;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.20);
	height: 23px;
	border-radius: 23px;
	line-height: 21px;
	font-weight: 700;
	font-size: 12px;
	padding: 0 3px;
    display: inline-table;
    text-align: center;
    min-width: 23px;
	margin-left: auto;
}

.burger_menu_top .btns_holder .or {
	font-weight: 500;
	font-size: 14px;
	color: #323232;
	padding: 10px 0;
	display: block;
	text-align: center;
}

.burger_menu_top .btns_holder a {
	border: 1px solid #FB0049;
	color: #FB0049;
	padding: 16px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50px;
	transition: all .3s;
	display: block;
	text-align: center;
}

.nav-holder.new .item .link-nav .icon:before,
.nav-holder.new .item .link-nav .icon:after,
.nav-holder.new .item .link-nav .icon .path:before,
.nav-holder.new .item .link-nav .icon .path:after, 
.nav-holder.new .item .link-nav .icon .path2:before {
	transition: color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder.new .item:last-of-type a:hover {
		border-color: rgba(251, 0, 73, 0.04);
		background: #FAECF0;
		color: #FB0049;
	}
	.nav-holder.new .item .link-nav:hover .ya-share2__title,
	.nav-holder.new .item .link-nav:hover,
	.nav-holder.new .item .link-nav:hover .icon-arrow-down:before {
		color: #FB0049 !important;
	}
	.nav-holder.new .item .link-nav.help:hover {
		color: #FB0049;
		background: transparent;
		border-color: transparent;
	}
	.nav-holder.new .item .link-nav:hover .icon {
		background: linear-gradient(#facbd7, #f9edef) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
	}
	.nav-holder.new .item .link-nav:hover i:before,
	.nav-holder.new .item .link-nav:hover i:after,
	.nav-holder.new .item .link-nav:hover i .path:before,
	.nav-holder.new .item .link-nav:hover i .path:after,
	.nav-holder.new .item .link-nav:hover i .path2:before,
	.nav-holder.new .item .link-nav:hover i .path2:after {
		color: #FB0049;
	}
}

.burger_menu_top .btns_holder .item:first-child a {
	border: 2px solid rgba(255, 255, 255, 0.20);
	color: #fff;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	transition: box-shadow .3s;
}

@media (hover: hover) and (pointer: fine) {
	.burger_menu_top .btns_holder .item:first-child a:hover {
		color: #fff;
    	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
	}
}

.nav-holder.new .burger_menu_top .user_info .link-nav {
	width: 120px;
	height: 120px;
	margin: 0 auto 17px;
	border-radius: 50%;
    position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to top left, white, #FF79A0);
	border-radius: 50%;
	z-index: -1;
	transition: box-shadow .2s;
}

.nav-holder.new .burger_menu_top .user_info .name {
	margin: 0;
	color: #323232;
	font-size: 20px;
	font-weight: 600;
	transition: color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder.new .burger_menu_top .user_info .name:hover {
		color: #FB0049;
	}
}

.nav-holder.new .burger_menu_top .user_info .info-user {
	align-items: center;
	text-align: center;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon {
	border: none;
	width: 116px;
	height: 116px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-size: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 2;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon i {
	width: 100%;
	height: 100%;
    background-color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	/* background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(243, 234, 253, 1) 100%); */
	border-radius: 50%;
	z-index: -1;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar img {
	max-width: 108px;
	max-height: 108px;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	position: absolute;
	border-radius: 50%;
    overflow: hidden;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon_foto {
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	background-color: transparent;
	color: #FB0049;
	border: none;
	position: absolute;
	line-height: 0;
}

.nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon_foto svg {
	fill: #FB0049;
	width: 32px;
	height: 25px;
}

.nav-holder.new .item .link-nav {
	padding: 5px;
	font-size: 15px;
	font-weight: 600;
}

.nav-holder.new .item .link-nav.help {
	text-decoration: underline;
	font-size: 14px;
	font-weight: 500;
	color: #323232;
	padding: 5px;
	display: inline-block;
}

.nav-holder.new .item .link-nav .icon {
	width: 36px;
	height: 36px;
	border-radius: 50px;
	border: 1px solid transparent;
	background: linear-gradient(#F9F4F4, #F9F4F4) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	font-size: 20px;
	transition: background .3s;
	margin-right: 10px;
}

.nav-holder.new .item .link-nav .icon-user-plus:after,
.nav-holder.new .item .link-nav .icon-user-plus .path:before {
	top: 7px;
	left: 7px;
}

.nav-holder.new .item .link-nav .icon-arrow-down {
	font-size: 24px;
	margin-right: 0;
	justify-content: flex-end;
}

.nav-holder.new .link-nav.js-sort .text {
	flex-grow: 1;
	margin-right: 5px;
}

.nav-holder.new .item .sort.open-sort > .link-nav {
	color: #FB0049;
}

.nav-holder.new .item .sort.open-sort .link-nav .icon {
	background: linear-gradient(#facbd7, #f9edef) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
	color: #FB0049;
}

.nav-holder.new .item .sort.open-sort .link-nav .icon-day-night:before,
.nav-holder.new .item .sort.open-sort .link-nav .icon-day-night:after,
.nav-holder.new .item .sort.open-sort .link-nav .icon-day-night .path:before,
.nav-holder.new .item .sort.open-sort .link-nav .icon-day-night .path:after, 
.nav-holder.new .item .sort.open-sort .link-nav .icon-day-night .path2:before {
	color: #FB0049;
}

.nav-holder.new .sort.open-sort .icon-arrow-down {
	transform: rotate(180deg);
}

.wrap-themes {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .3s ease-out, opacity .3s ease-out, padding .3s ease-out, margin .3s ease-out;
	border-radius: 50px;
	border: 1px solid rgba(50, 50, 50, 0.30);
	background: #FFF;
}

.nav-holder.new .wrap-themes .link-nav {
	display: flex;
	align-items: center;
	padding: 5px;
	font-weight: 500;
	font-size: 14px;
	color: rgba(50, 50, 50, 0.50);
}

.nav-holder.new .wrap-themes .link-nav:hover {
	border-color: transparent;
	background: transparent;
	color: rgba(50, 50, 50, 0.50);
}

.nav-holder.new .wrap-themes .link-nav i {
	margin-right: 5px;
	width: auto;
	height: auto;
	background: transparent;
}

.wrap-themes .link-nav {
	margin-right: 10px;
	display: flex;
	align-items: center;
	width: 33.333%;
	padding: 5px;
	border-radius: 50px;
}

.wrap-themes .link-nav:last-child {
	margin-right: 0;
}

.sort.open-sort .wrap-themes {
    max-height: 48px;
	padding: 5px;
	margin: 5px 0 10px;
    opacity: 1;
	display: flex;
}

.header:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(100% - 290px);
	height: 100vh;
	z-index: 99999999;
	visibility: hidden;
	opacity: 0;
	transition: visibility .3s, opacity .3s;
}

@media screen and (max-width: 992px) {
	.open-menu .header:after {
		visibility: visible;
		opacity: 1;
		width: calc(100% - 328px);
		background: rgba(66, 66, 66, 0.50);
		backdrop-filter: blur(12.050000190734863px);
	}
}

@media screen and (max-width: 380px) {
	.open-menu .header:after {
		width: calc(100% - 320px);
	}
}

.nav-holder .is-full-width .drop-holder {
	z-index: 21;
	top: auto;
	background: #F3F3F3;
	box-shadow: none;
	border-radius: 0;
	padding-bottom: 30px;
	position: absolute;
	left: 0;
    right: 0;
    width: 100%;
    overflow: visible;
	transition: transform .3s, opacity .3s, visibility .3s;
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
}

.nav-holder .is-full-width .drop-holder:before {
	content: "";
	position: absolute;
	top: 0;
	left: -50vw;
	width: 200vw;
	height: 100%;
	background: #F3F3F3;
	z-index: -1;
}

.nav-holder .is-full-width .drop-holder:after {
	content: "";
    height: 1000vh;
    position: absolute;
    top: 100%;
    bottom: 0;
    right: 0;
    z-index: 999;
	left: -50vw;
	width: 200vw;
	background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(25px);
}

.nav-holder .item.open-sort .link-nav i:not(.icon-play-hover):not(.icon-category-hover):not(.icon-heart) {
    transform: rotate(180deg);
}

.nav-holder .item.open-sort .link-nav {
	color: #FB0049;
}

.nav-holder .is-full-width .drop-holder .container {
	padding: 0;
}

.nav-holder .drop-holder .search-form .input {
	background-color: #fff;
	opacity: 1;
	font-size: 15px;
	color: #323232;
	padding: 11px 50px 11px 20px;
	border-radius: 50px;
	display: block;
    width: 100%;
    border: 0;
	line-height: 30px;
}

.nav-holder .drop-holder .search-form .form {
	position: relative;
}

.nav-holder .drop-holder .search-form {
	padding: 30px 0 20px;
	max-width: 600px;
	margin: 0 auto;
}

.nav-holder .drop-holder .search-form i {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 5px 20px 5px 5px;
	color: #323232;
	font-size: 24px;
	opacity: 1;
	display: flex;
	align-items: center;
}

.nav-holder .drop-holder .column:last-of-type {
	min-width: 1px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.nav-holder .is-full-width .drop-holder .column:first-of-type {
	background: #F3F3F3;
	width: 220px;
	flex-shrink: 0;
	margin-right: 24px;
}

body.dark .nav-holder .is-full-width .drop-holder .column:first-of-type {
	background: transparent;
}

.nav-holder .drop-holder .two-colums {
	align-items: flex-start;
	display: flex;
	justify-content: flex-start;
}

.nav-holder .drop-holder .category-groups .link.active {
	border-color: rgba(251, 0, 73, 0.10);
	background-color: #FAECF0;
	color: #FB0049;
}

.nav-holder .drop-holder .category-groups .link.active i {
	transform: translateX(0);
	color: #FB0049;
}
.nav-holder .drop-holder .category-groups .link svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.nav-holder .drop-holder .category-groups .link svg,
.nav-holder .drop-holder .category-groups .link i {
	font-size: 18px;
	color: #323232;
	margin: 0 8px 0 0;
	flex-shrink: 0;
	transition: color .3s;
}

.nav-holder .drop-holder .category-groups .link {
	font-size: 18px;
	color: #323232;
	padding: 9px 15px;
	border-radius: 50px;
	background-color: #fff;
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	border: 1px solid transparent;
	transition: border-color .3s, background-color .3s, color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder .drop-holder .category-groups .link:hover {
		border-color: rgba(251, 0, 73, 0.10);
		background-color: #FAECF0;
		color: #FB0049;
	}
	.nav-holder .drop-holder .category-groups .link:hover svg,
	.nav-holder .drop-holder .category-groups .link:hover i {
		color: #FB0049 !important;
	}
	.nav-holder .drop-holder .category-items a:hover {
		color: #FB0049;
		border-color: rgba(251, 0, 73, 0.10);
		background: #FAECF0;
	}
	.nav-holder .drop-holder .category-items a:hover .quantity,
	.nav-holder .drop-holder .category-items a:hover .title {
		text-decoration: none;
		color: inherit;
	}
	.nav-holder .drop-holder .category-items a:hover .quantity {
		background-color: #fff;
		color: #FB0049;
	}
	.nav-holder .drop-holder .category-items a:hover .quantity:before {
		color: #feccdb;
	}
	.nav-holder .drop-holder .category-items a:hover .quantity:after {
		color: #fd80a4;
	}
	.nav-holder .drop-holder .category-items a:hover:after {
		display: block;
		border-color: rgba(251, 0, 73, 0.50);
	}
}

.nav-holder .drop-holder .category-groups .item {
	margin-bottom: 10px;
}

.nav-holder .drop-holder .category-groups .item:last-child {
	margin-bottom: 0;
}

.nav-holder .drop-holder .category-items a {
	color: #323232;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	padding: 7px 10px;
	border-radius: 50px;
	border: 1px solid transparent;
	transition: all .3s;
	display: flex;
	align-items: center;
}

.nav-holder .drop-holder .category-items a:after {
	color: transparent;
	content: "";
	border-top: 1px dashed rgba(0, 0, 0, 0.50);
	transition: border-color .3s;
    width: 100%;
}

.nav-holder .drop-holder .category-items .not-found a:after {
	display: none;
}

.nav-holder .drop-holder .category-items a .title {
	margin-right: 8px;
	flex-shrink: 0;
	max-width: 60%;
	max-width: 50%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-holder .drop-holder .category-items a .quantity {
	margin-left: 8px;
	color: rgba(50, 50, 50, 0.50);
	border-radius: 50px;
	background: #EBEBEB;
	padding: 5px;
	position: relative;
	display: flex;
	flex-shrink: 0;
	order: 1;
	transition: all .3s;
}

.nav-holder .drop-holder .category-items a .quantity:before,
.nav-holder .drop-holder .category-items a .quantity:after {
	font-size: 15px;
	transition: color .3s;

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.nav-holder .drop-holder .category-items a .quantity:before {
	content: "\e90e";
	color: #c6c6c6;
	margin-right: 4px;
}

.nav-holder .drop-holder .category-items a .quantity:after {
	content: "\e90f";
	position: absolute;
	left: 5px;
	top: 5px;
	color: #8f8f8f;
}

.nav-holder .drop-holder .btn-holder {
    text-align: center;
}

.nav-holder .drop-holder .btn-holder .link {
	display: inline-flex;
	align-items: center;
	padding: 16px 20px;
	border-radius: 50px;
	border: 2px solid #F3F3F3;
	font-size: 15px;
	color: rgba(50, 50, 50, 0.7);
	background-color: #fff;
	transition: color .3s, background .3s;
}

@media (hover: hover) and (pointer: fine) {
	.nav-holder .drop-holder .btn-holder .link:hover {
		border-color: rgba(251, 0, 73, 0.04);
		background: #FAECF0;
		color: #FB0049;
	}
}

.nav-holder .drop-holder .btn-holder .link i {
	margin-left: 5px;
	font-size: 18px;
}

.nav-holder .drop-holder .category-items {
	margin: 0 -9px -2px;
	column-count: 5;
	display: none;
}

.nav-holder .drop-holder .category-items.open {
	padding-bottom: 100px;
	display: block;
}

@media (max-width: 1350px) {
	.nav-holder .drop-holder .category-items {
		column-count: 4;
	}
	.nav-holder .drop-holder .category-items.open {
		padding-bottom: 30px;
	}
}

@media (max-width: 1250px) {
	.nav-holder .drop-holder .category-items {
		column-count: 3;
	}
}

.nav-holder .drop-holder .category-items .item {
	margin: 0 9px 2px;
}

body.auto .nav-holder.new .link-nav.auto-box,
body.light:not(.auto) .nav-holder.new .link-nav.light-box,
body.dark:not(.auto) .nav-holder.new .link-nav.dark-box {
	background: #FF3671 !important;
	color: #fff !important;
	pointer-events: none !important;
}

body.auto .nav-holder.new .link-nav.auto-box i:before,
body.light:not(.auto) .nav-holder.new .link-nav.light-box i:before,
body.dark:not(.auto) .nav-holder.new .link-nav.dark-box i:before {
	color: #fff !important;
}

body.light:not(.auto) .light-box i:before,
body.light:not(.auto) .light-box i:after,
body.auto .auto-box i:before,
body.auto .auto-box i:after,
body.dark:not(.auto) .dark-box i:before,
body.dark:not(.auto) .dark-box i:after,
body.dark:not(.auto) .dark-box i .path:before {
	color: #fff;
}

@media (hover: hover) and (pointer: fine) {
	body:not(.dark) .nav-holder.new .wrap-themes .link-nav:hover {
		background: #FF3671;
		color: #fff !important;
	}
	.nav-holder.new .wrap-themes .link-nav:hover i:before,
	.nav-holder.new .wrap-themes .link-nav:hover i:after,
	.nav-holder.new .wrap-themes .link-nav:hover i .path:before {
		color: #fff;
	}
}

.block-search.open .serach-info-autocomplete {
	display: block;
}

.serach-info-autocomplete { 
	position: absolute;
	width: 100%;
	display: none;
	margin-top: 10px;
	padding: 15px 5px 15px 10px;
	border-radius: 20px;  
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
	backdrop-filter: blur(15px);
	z-index: 10;
	max-height: fit-content !important;
	z-index: 9999 !important;
}

@media screen and (max-width: 992px) {
	.serach-info-autocomplete {
		width: 100%;
		left: 0;
	}
}

.serach-info-autocomplete .nano {
	height: 800px;
}

.serach-info-autocomplete .nano > .nano-content {
	padding: 0 4px;
}

.serach-info-autocomplete .nano .nano-pane {
	background: transparent;
	width: 4px;
}

.serach-info-autocomplete .nano .nano-slider {
	width: 4px;
	border-radius: 4px;
	background: rgba(50, 50, 50, 0.20);
}

.serach-info-autocomplete .nano-content .nano.has-scrollbar {
	display: none !important;
}

.serach-info-autocomplete .title .link {
	padding: 0;
	font-size: 20px;
	color: #323232;
	background-color: transparent;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.autocomplete-suggestion.title {
	margin: 10px 0;
	padding-top: 15px;
	border-top: 1px solid rgba(224, 224, 224, 0.4);
	pointer-events: none;
}

@media (max-width: 992px) {
	.autocomplete-suggestion.title {
		border-color: rgba(224, 224, 224, 1);
	}
}

.autocomplete-suggestion.title.Видео,
.autocomplete-suggestion.title.videos,
.autocomplete-suggestion.title:first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: none;
}

.autocomplete-suggestion.title .link span {
	color: inherit;
	margin-left: 9px;
}

.serach-info-autocomplete .link {
	color: #A3A3A3;
	line-height: 1.2;
	font-weight: 500;
	padding: 8px 34px 8px 12px;
	border-radius: 10px;
	position: relative;
	display: block;
	transition: color .3s, background .3s;
}

@media screen and (max-width: 992px) {
	.serach-info-autocomplete .link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.serach-info-autocomplete .link strong {
	color: #323232;
}

.serach-info-autocomplete .link i {
	font-size: 18px;
	position: relative;
}

.serach-info-autocomplete .link .icon-arrow-back {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	right: 12px;
	transition: color .3s;
}

.serach-info-autocomplete .link .icon-tag .path:before,
.serach-info-autocomplete .link .icon-tag .path:after,
.serach-info-autocomplete .link .icon-tag .path2:before,
.serach-info-autocomplete .link .icon-tag .path2:after,
.serach-info-autocomplete .link .icon-tag:after {
	font-size: 22px;
} 

.serach-info-autocomplete > .autocomplete-suggestion:last-child {
	display: none !important;
}

.serach-info-autocomplete .icon-play-hover:before,
.serach-info-autocomplete .icon-photo-hover:before {
	box-shadow: none;
	background-color: #d5d5d5;
}

.serach-info-autocomplete .icon-photo-hover:before {
	border-radius: 4px;
	font-size: 20px;
}

.serach-info-autocomplete .link .icon-tag:before {
	background-color: #d5d5d5;
	border-radius: 6px;
	font-size: 22px;
}

.serach-info-autocomplete .icon-studios-hover:before {
	color: #d5d5d5;
}

.serach-info-autocomplete .icon-photo-hover:after,
.serach-info-autocomplete .icon-play-hover:after,
.serach-info-autocomplete .link .icon-models-hover:after,
.serach-info-autocomplete .icon-studios-hover:after {
	color: #fff;
}

.serach-info-autocomplete .icon-photo-hover:after,
.serach-info-autocomplete .icon-play-hover:after {
	font-size: 18px;
}

.serach-info-autocomplete .icon-play-hover:before {
	font-size: 20px;
}

.serach-info-autocomplete .icon-studios-hover:after {
	position: absolute;
	left: -2px;
	top: -2px;
	font-size: 22px;
}

.serach-info-autocomplete .icon-play-hover:after {
	font-size: 22px;
}

.serach-info-autocomplete .link .icon-models-hover,
.serach-info-autocomplete .link .icon-users {
	background-color: #d5d5d5;
	padding: 2px;
	border-radius: 6px;
	color: #fff;
}

.serach-info-autocomplete .link .icon-models-hover:after,
.serach-info-autocomplete .link .icon-users {
	font-size: 18px;
}

@media (hover: hover) and (pointer: fine) {
	.serach-info-autocomplete .link:hover {
		background: #E8E8E8;
		color: #A3A3A3;
	}
	.serach-info-autocomplete .link:hover strong {
		color: #323232;
	}
	.serach-info-autocomplete .link:hover .icon-arrow-back {
		color: #FB0049;
	}
}

.footer_user_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    display: none;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    z-index: 99999999999;
}


@media screen and (max-width: 992px) {
    .footer_user_menu {
        display: block;
    }
}
body.open-menu .footer_user_menu,
html.hidden_fancybox-close #mixtraff,
html.hidden_fancybox-close .footer_user_menu {
	display: none !important;
}
.footer {
	box-shadow: none;
	position: relative;
	height: 1px;
	display: table-row;
}

.footer .logo-footer {
	position: absolute;
	left: 50%;
	bottom: 100%;
    transform: translate(-50%, 0);
	will-change: transform;
	padding: 0 0 20px;
}

@media screen and (max-width: 992px) {
	.footer .logo-footer {
		padding-bottom: 10px;
	}
}

.footer .logo-footer a {
	display: inline-block;
}

.footer .text a {
	text-decoration: underline;
	font-size: inherit;
	color: inherit;
	transition: color .3s;
}

.footer .footer-holder {
	background-color: #f3f3f3;
    border-radius: 50% 50% 0 0 / 30% 30% 0 0;
	padding: 40px 0 30px;
}

@media screen and (max-width: 992px) {
	.footer .footer-holder {
		padding: 40px 0;
		position: relative;
		bottom: 60px;
		border-radius: 50% 50% 0 0 / 20% 20% 0 0;
	}
}

@media screen and (max-width: 640px) {
	.footer .footer-holder {
		padding: 40px 0;
		bottom: 60px;
		border-radius: 50% 50% 0 0 / 10% 10% 0 0;
	}
}

@media screen and (max-width: 480px) {
	.footer .footer-holder {
		padding: 25px 0;
		bottom: 75px;
		border-radius: 50% 50% 0 0 / 5% 5% 0 0;
	}
}

.footer .logo-footer img {
	width: auto;
	display: block;
}

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

.footer .footer-nav {
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.footer .footer-nav .item {
	padding: 0 18px;
	margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
	.footer .footer-nav .item {
		padding: 0 10px;
	}
}

.footer .footer-nav .item .link {
	color: #323232;
	font-size: 18px;
	text-transform: inherit;
	transition: color .3s;
}

@media (hover: hover) and (pointer: fine) {
	.footer .footer-nav .item .link:hover,
	.footer .text a:hover {
		color: #FB0049;
	}
}

@media screen and (max-width: 640px) {
	.footer .footer-nav .item .link {
		font-size: 16px;
	}
	.footer .footer-nav .item {
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.footer .footer-nav {
		padding-bottom: 5px;
	}
}

.footer .text {
	color: rgba(50, 50, 50, 0.50);
	font-size: 14px;
	font-weight: 500;
	max-width: 980px;
	line-height: 1.3;
	text-align: center;
    margin: 0 auto;
}

.footer_user_menu .icon {
	margin-bottom: 5px;
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	position: relative;
}

.footer_user_menu .icon:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid transparent;
    background: linear-gradient(#F9F4F4, #F9F4F4) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 50%;
}

.footer_user_menu .icon i {
	position: relative;
}

.footer_user_menu .menu_items {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: nowrap;
	min-height: 62px;
}

.footer_user_menu .menu_items .item {
	color: #323232;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	transition: color .3s;
	font-size: 12px;
}

@media screen and (max-width: 992px) {
	.footer_user_menu {
		background-color: rgba(243, 243, 243, 0.8);
		backdrop-filter: blur(10px);
		border-radius: 50% 50% 0 0 / 20% 20% 0 0;
		padding: 15px 0 10px;
	}
	.footer_user_menu.active {
		background-color: rgba(243, 243, 243, 1);
	}
}

.footer_user_menu .icon-play-hover {
	width: 24px;
}

.footer_user_menu .icon-studios {
	font-size: 22px;
}

.footer_user_menu .icon-heart {
	font-size: 27px;
}

.footer_user_menu .icon-heart:before {
	position: relative;
	top: 1px;
}

.footer_user_menu .icon-heart:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
	height: 23px;
}

.footer_user_menu .icon-play-hover:before {
	font-size: 22px;
	position: relative;
	top: 0;
	left: 0;
}

.footer_user_menu .icon-play-hover:after {
	content: "...";
	left: 1px;
	top: -11px;
	transform: translate3d(0, 0, 0);
	font-size: 26px;
}

.footer_user_menu .menu_items .item.active,
.footer_user_menu .menu_items .item.active .icon-play-hover:after,
.footer_user_menu .menu_items .item.current,
.footer_user_menu .menu_items .item.current .icon-play-hover:after {
	color: #FB0049;
}

.footer_user_menu .menu_items .item.active .icon-models-hover:after,
.footer_user_menu .menu_items .item.active .icon-heart:before,
.footer_user_menu .menu_items .item.current .icon-models-hover:after,
.footer_user_menu .menu_items .item.current .icon-heart:before {
	opacity: 0;
}

.footer_user_menu .menu_items .item.active .icon-models-hover .path,
.footer_user_menu .menu_items .item.active .icon-heart:after,
.footer_user_menu .menu_items .item.current .icon-models-hover .path,
.footer_user_menu .menu_items .item.current .icon-heart:after {
	opacity: 1;
}

.footer_user_menu .menu_items .item.active .icon-studios:before,
.footer_user_menu .menu_items .item.current .icon-studios:before {
	content: "\e915";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.footer_user_menu .menu_items .item.active .icon-studios:after,
.footer_user_menu .menu_items .item.current .icon-studios:after {
	content: "\e914";
    color: rgba(251, 0, 73, .4);
}

.footer_user_menu .menu_items .item.active .icon:after,
.footer_user_menu .menu_items .item.current .icon:after {
	background: linear-gradient(#F9F4F4, #F9F4F4) padding-box, linear-gradient(to bottom, #FFD9E4 85%, #FFF 106%) border-box;
}

.footer_user_menu .menu_items .item.active .icon-play-hover:before,
.footer_user_menu .menu_items .item.active .icon-category-hover:before,
.footer_user_menu .menu_items .item.current .icon-play-hover:before,
.footer_user_menu .menu_items .item.current .icon-category-hover:before {
	background-color: rgba(251, 0, 73, .4);
	box-shadow: 0 0 0 2px rgba(251, 0, 73, .4);
}

.block_content, .block_models,
.block_edit_foto, .block_members {
	position: fixed;
	bottom: 72px;
	left: 0;
	right: 0;
	width: 100%;
	box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.08);
	border-radius: 20px 20px 0 0;
	background: #F5F5F6;
	color: #323232;
	padding: 20px 10px;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all .3s;
	max-width: 100%;
	margin: 0 auto;
}

.block_content.show,
.block_models.show,
.block_edit_foto.show,
.block_members.show {
	opacity: 1;
	visibility: visible;
}

.block_content .title-fixed, .block_models .title-fixed,
.block_edit_foto .title-fixed, .block_members .title-fixed {
	font-size: 20px;
	font-weight: 600;
	justify-content: center;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
}

.block_content .items a, .block_models .items a,
.block_edit_foto .items .btn, .block_members .items a {
	border-radius: 50px;
	border: 1px solid #E4E4E4;
	background: #FFF;
	font-size: 16px;
	color: #323232;
	padding: 10px;
	display: block;
	text-align: center;
	margin-bottom: 8px;
}

.block_content .items a:last-child, .block_models .items a:last-child,
.block_edit_foto .items .btn:last-child, .block_members .items a:last-child {
	margin-bottom: 0;
}

@media (max-width: 640px) {
	.pagination .pagination-holder .item-pagin i {
		padding: 0;
	}
	.pagination .pagination-holder .item-pagin:first-of-type i {
		padding: 0;
		transform: inherit;
	}
}

.nav-holder .item .link-nav.active {
	color: #FB0049;
	background: rgba(251, 0, 73, 0.10);
}

.nav-holder .link-nav.active .icon-play-hover:before,
.nav-holder .link-nav.active .icon-photo-hover:before,
.nav-holder .link-nav.active .icon-category-hover:before {
	background-color: rgba(251, 0, 73, .4);
	box-shadow: 0 0 0 2px rgba(251, 0, 73, .4);
}

.nav-holder .link-nav.active .icon-play-hover:after {
	color: #FB0049;
}

.nav-holder .item .link-nav.active .icon-studios:before {
	content: "\e915";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	background-color: transparent;
	box-shadow: none;
}

.nav-holder .item .link-nav.active .icon-studios:after {
	content: "\e914";
    color: rgba(251, 0, 73, .4);
	opacity: 1;
}

.nav-holder .item .link-nav.active .icon-models-hover:after,
.nav-holder .item .link-nav.active .icon-heart:before {
	opacity: 0;
}

.nav-holder .item .link-nav.active .icon-models-hover .path,
.nav-holder .item .link-nav.active .icon-heart:after {
	opacity: 1;
}

/* models start */

.box.models-list .item .info-holder {
	position: static;
	background: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0 20px;
}

.box.models-list .video_list .item .info-holder,
.box.albums-list.models-list .item .info-holder {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.box.albums-list.models-list .item .title,
.box.models-list .video_list .item .title {
	white-space: inherit;
}

@media screen and (max-width: 992px) {
	.box.models-list .item .info-holder {
		padding: 0 10px;
	}
}

.box.models-list .item .title {
	color: #323232;
	padding: 0;
	margin-right: 5px;
	transition: color .3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.box.models-list .rating {
	color: rgba(50, 50, 50, 0.50);
}

.box .item .img-holder .country_img {
	position: absolute;
	left: 20px;
	bottom: 20px;
	top: auto;
	border-radius: 34px;
	background: rgba(50, 50, 50, 0.50);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box .item .img-holder .country_img img {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	object-fit: cover;
}

.models-list .quantity,
.albums-list .quantity {
	display: flex;
	align-items: center;
	border-radius: 24px;
	background: rgba(50, 50, 50, 0.50);
	padding: 8px 10px;
	color: #fff;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.models-list .quantity .text,
.albums-list .quantity .text {
	margin-left: 5px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.models-list .quantity i,
.albums-list .quantity i {
	font-size: 18px;
	position: relative;
}

.models-list .quantity i:before,
.albums-list .quantity i:before {
	background-color: rgba(213, 213, 213, .7);
	box-shadow: none;
	padding: 1px;
}

.channals-list .quantity .icon-albums:before {
	background-color: transparent;
}

.models-list .quantity i:after,
.albums-list .quantity i:after {
	color: #fff;
	font-size: 20px;
}

.models-list .title-holder {
	display: flex;
	align-items: center;
}

.models-list .title-holder .name {
	margin-right: 8px;
}

.models-list .title-holder .sort-holder {
	margin-right: 8px;
}

.models-list .title-holder .title + .sort-holder {
	margin-left: 8px;
}

.box.models-list .title-holder .sort .selected {
	padding: 4px 8px 4px 6px;
	font-size: 18px;
	color: #323232;
	background: #F3F3F3;
	border-color: #F3F3F3;
}

.box.models-list .sort-holder.models_mobile_one .sort .selected {
	justify-content: center;
	border-radius: 50px;
}

.box.models-list .sort-holder .sort.list_country .selected {
	max-height: 52px;
}

.box.models-list .sort-holder .sort.list_country .drop-holder {
	column-count: 2;
}

.box.models-list .sort.list_country .item-sort {
	margin-bottom: 5px;
}

.box .sort-holder .sort.list_country .drop-holder .item-sort .link-drop {
	padding: 0;
	background: transparent;
}

.icon-close {
	font-size: 24px;
}

.box.models-list .sort-holder .selected.button-close {
	width: 52px;
	height: 52px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box .sort-holder .sort.list_country .drop-holder .item-sort .link-drop img,
.box .sort-holder .sort.list_country .selected .text img {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	border-radius: 24px;
	background: rgba(170, 170, 170, 0.50);
	padding: 5px;
	max-width: none;
	object-fit: cover;
}

.box .sort-holder .sort.list_country .selected .text {
	line-height: initial;
}

.box.models-list .title-holder .sort .selected .text+i {
	color: #323232;
}

.box.models-list .title-holder .sort-holder .sort.open-sort .selected .text + i {
	color: #fff;
}

.box.models-list .title-holder .sort-holder .sort.open-sort i:first-child:before {
	background: #fff;
}

.box.models-list .title-holder .sort-holder .sort.open-sort i:first-child:after {
	color: #FB0049;
}

.box.models-list .title-holder i:first-child {
	margin-right: 6px;
	font-size: 16px;
}

.box.models-list .title-holder i:first-child:before {
	background: #ccc;
	box-shadow: none;
	transition: background .3s;
}

.box.models-list .title-holder i:first-child:after {
	color: #939393;
	font-size: 18px;
	transition: color .3s;
}

.box.models-list .title-holder i.icon-photo-hover:before {
	box-shadow: none;
	padding: 1px;
}

.box.models-list.categories-list .title-holder i:first-child:before {
	padding: 0;
}

@media (hover: hover) and (pointer: fine) {
	.box.models-list .title-holder .sort-holder .selected:hover .text+i {
		color: #FB0049;
	}
	.box.models-list .title-holder .sort-holder .selected:hover i:first-child:before {
		background: rgba(251, 0, 73, .4);
	}
	.box.models-list .title-holder .sort-holder .selected:hover i:first-child:after {
		color: #FB0049;
	}
	.box.models-list .sort-holder .selected.button-close:hover {
		border-color: rgba(251, 0, 73, 0.04);
		background: #FAECF0;
		color: #FB0049;
		box-shadow: none;
	}
	.box.albums-list.models-list .item .link:hover .title,
	.box.models-list .video_list .item .link:hover .title,
	.box.albums-list.models-list .item .img-holder:hover + .link .title,
	.box.models-list .video_list .item .img-holder:hover + .link .title {
		color: #FB0049;
	}
	.box.models-list .title-holder .sort.open-sort .selected:hover i:first-child:before {
		background: #fff;
	}
}

.box.models-list .title-holder .title {
	display: flex;
	align-items: center;
}

.box.models-list .video_list .item {
	width: 33.333%;
}

.box.models-list .video_list .item .img-holder {
	padding-bottom: 57%;
}

.box.models-list .item {
	width: 16.666%;
}

.profile-box-bg {
	margin-bottom: 40px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	display: flex;
}

.profile-box-bg:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	pointer-events: none;
	background: 
		radial-gradient(circle at 50% 70%, rgba(243, 243, 243, 1) 30%, rgba(243, 243, 243, 0.8) 50%, rgba(243, 243, 243, 0) 80%),
		radial-gradient(circle at 50% 60%, rgba(243, 243, 243, 1) 20%, rgba(243, 243, 243, 0.6) 50%, rgba(243, 243, 243, 0) 80%),
		radial-gradient(circle at 50% 50%, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 0.4) 40%, rgba(243, 243, 243, 0) 80%);
}

.model-box-bg:after {
	width: 65%;
}

.model-box-bg:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 49%;
	pointer-events: none;
	z-index: 1;
	background: linear-gradient(to right, #f3f3f3 0%, #f3f3f3 70%, rgba(243, 243, 243, 0) 100%);
}

.dark .model-box-bg:before {
	background: linear-gradient(to right, #1f1f1f 0%, #1f1f1f 70%, rgba(31, 31, 31, 0) 100%);
}

.profile-box-bg .col-info {
	max-width: 784px;
	width: 100%;
	padding: 50px 10px 60px 40px;
	position: relative;
	z-index: 1;
	background: linear-gradient(to right, #f3f3f3 0%, rgba(243, 243, 243, 0) 100%);
}

.profile-box-bg .text {
	color: #7E7E7E;
	font-size: 15px;
	line-height: 1.5;
}

.profile-box-bg .profile-header,
.studies-info .profile-header {
	display: flex;
	align-items: center;
}

.profile-box-bg .profile-header .btn,
.studies-info .profile-header .btn {
	border: 1px solid rgba(60, 149, 255, 0.30);
	color: #3C95FF;
	padding: 8px 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: box-shadow .3s;
	border-radius: 50px;
	color: #3C95FF;
	flex-shrink: 0;
	cursor: default;
	pointer-events: none;
}

.profile-box-bg .profile-header .btn .icon-user:before,
.profile-box-bg .profile-header .btn .icon-user:after,
.studies-info .profile-header .btn .icon-user:before,
.studies-info .profile-header .btn .icon-user:after {
    color: #3C95FF;
}

.profile-box-bg .profile-header .btn i,
.studies-info .profile-header .btn i {
    font-size: 20px;
    flex-shrink: 0;
}

.profile-box-bg .profile-header .btn .name,
.studies-info .profile-header .btn.name {
	margin-left: 7px;
}

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

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

.profile-box-bg .title,
.studies-info .title {
	font-size: 36px;
	font-weight: 600;
	margin-right: 20px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-box-image {
	border-radius: 20px 20px 0 0;
	overflow: hidden;
	display: none;
}

.mobile-box-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile-box-bg .profile-info,
.studies-info .profile-info {
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 1.5;
}

.profile-box-bg .item-info,
.studies-info .item-info {
	display: flex;
	align-items: center;
}

.profile-box-bg .item-info span {
	margin-right: 4px;
}

.profile-box-bg .item-info:after,
.studies-info .item-info:after {
	content: "";
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(50, 50, 50, 0.50);
	margin: 0 10px;
}

.profile-box-bg .item-info:last-child:after,
.studies-info .item-info:last-child:after {
	display: none;
}

.link-star {
	border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.20);
    color: #fff;
	padding: 10px 30px;
    align-items: center;
    justify-content: center;
    transition: box-shadow .3s;
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.user-nav .btn-user .link.unsubscribe_btn,
.link-star.unsubscribe_btn {
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #2f7ed1 0.39%, #66b0ff 99.49%);
}

.link-star.hidden {
	display: none !important;
}

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

.profile-box-bg .list-buttons .item-link {
	display: inline-flex;
	margin-right: 15px;
}

.profile-box-bg .list-buttons .link-star.item-link {
	margin-right: 20px;
	min-width: 188px;
}

.profile-box-bg .list-buttons .item-link:last-child {
	margin-right: 0;
}

.link-star .name {
	margin-left: 7px;
}

.link-star i {
    font-size: 20px;
    flex-shrink: 0;
}

.box .wrap-comments.models-comment .item {
	width: 100%;
}

.wrap-comments.models-comment .item .img-holder,
.wrap-comments.models-comment .item .img-holder .icon {
	padding-bottom: 0;
}

.wrap-comments.models-comment {
	display: none;
	overflow: hidden;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.btn-models-comment {
	margin-bottom: 20px;
}

.block-holder.wrap-comments.open {
	display: block;
	opacity: 1;
}

.btn-models-comment.open-comment .js-sort i {
	transform: rotate(180deg);
}

.btn-models-comment .js-sort {
	display: inline-flex;
	align-items: center;
	font-size: 18px;
}

.btn-models-comment .js-sort i {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	font-size: 16px;
	margin-left: 10px;
	transition: transform .3s;
	background: #D6D6D6;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.mobile-followers,
.profile-box-bg .profile-header .social-link,
.profile-box-bg .show-more {
	display: none;
}

.profile-box-bg .show-more .btn {
	background: transparent;
}

.profile-box-bg .show-more .btn:after {
	background: linear-gradient(#f3f3f3, #f3f3f3) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #f3f3f3 106%) border-box;
}

.box.models-list.open .text {
	-webkit-line-clamp: none;
}

.mobile-followers {
	border: 1px solid rgba(60, 149, 255, 0.30);
	border-radius: 0px 50px 50px 0px;
	padding: 10px 30px;
	color: #3C95FF;
	padding: 11px 20px;
	cursor: default;
	pointer-events: none;
}

.mobile-followers i {
    font-size: 20px;
    flex-shrink: 0;
	margin-right: 7px;
}

.mobile-followers .icon-user:before,
.mobile-followers .icon-user:after {
	color: #3C95FF;
}

.social-link img {
	display: block;
}

@media (hover: hover) and (pointer: fine) {
	.user-nav .btn-user .link.unsubscribe_btn:hover,
	.link-star.unsubscribe_btn:hover,
	.profile-box-bg .profile-header .btn:hover,
	.studies-info .profile-header .btn:hover {
		box-shadow: 0 6px 16px rgba(60, 149, 255, 0.6);
	}
	.link-star:hover {
		box-shadow: 0 6px 16px rgba(251, 0, 73, 0.6);
	}
} 

@media screen and (max-width: 1500px) {
	.box.models-list .item {
		width: 20%;
		width: 25%;
	}
	.profile-box-bg:after {
		width: 100%;
	}
	.profile-box-bg .col-info {
		width: 60%;
		max-width: none;
	}
	.profile-box-bg .title,
	.studies-info .title {
		font-size: 28px;
	}
	.model-box-bg:after {
		width: 85%;
		background: radial-gradient(circle at 40% 70%, rgba(243, 243, 243, 1) 20%, rgba(243, 243, 243, 0.6) 40%, rgba(243, 243, 243, 0) 70%), radial-gradient(circle at 40% 60%, rgba(243, 243, 243, 1) 10%, rgba(243, 243, 243, 0.4) 40%, rgba(243, 243, 243, 0) 70%), radial-gradient(circle at 40% 50%, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 0.3) 30%, rgba(243, 243, 243, 0) 65%);
	}

	.dark .model-box-bg:after {
		background: radial-gradient(circle at 40% 70%, rgba(31, 31, 31, 1) 20%, rgba(31, 31, 31, 0.6) 40%, rgba(31, 31, 31, 0) 70%), radial-gradient(circle at 40% 60%, rgba(31, 31, 31, 1) 10%, rgba(31, 31, 31, 0.4) 40%, rgba(31, 31, 31, 0) 70%), radial-gradient(circle at 40% 50%, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, 0.3) 30%, rgba(31, 31, 31, 0) 65%) !important;
	}
}

@media screen and (max-width: 1200px) {
	.box.models-list .item {
		width: 25%;
	}
	.box.models-list .video_list .item {
		width: 50%;
	}
}

@media screen and (max-width: 992px) {
	.box.models-list .item {
		width: 33.333%;
	}
	.box .item .img-holder .country_img {
		left: 10px;
		bottom: 10px;
	}
	.models-list .quantity,
	.albums-list .quantity {
		right: 10px;
		bottom: 10px;
	}
	.box .sort-holder.models_mobile_one .sort.list_country {
		width: auto;
		min-width: auto;
	}
	.box.models-list {
		padding-top: 5px;
	}
	.box.models-list .headline {
		flex-direction: column-reverse;
	}
	.box.models-list .sort-holder {
		padding: 0;
		width: auto;
		flex-wrap: wrap;
	}
	.box.models-list .sort-holder.models_mobile_one {
		margin-bottom: 15px;
		width: 100%;
		flex-wrap: nowrap;
	}
	.models-list .title-holder {
		width: 100%;
	}
	.box.models-list .sort-holder.models_mobile_one .sort {
		width: 100%;
	}
	.box.models-list .sort-holder.models_mobile_one .sort-close {
		width: 52px;
	}
	.box.models-list .sort .selected {
		justify-content: center;
	}
	.box.models-list .sort-holder .sort.list_country .drop-holder {
		column-count: 4;
	}
	.profile-box-bg .col-info {
		width: 100%;
		background: #f3f3f3;
		padding: 0 30px 30px;
		top: -30px;
		border-radius: 0 0 20px 20px;
	}
	.profile-box-bg .col-info.no_cover {
		padding: 20px;
		top: 0;
	}
	.profile-box-bg {
		background: none !important;
		flex-direction: column;
		margin-bottom: 0;
	}
	.profile-box-bg:after {
		display: none;
	}
	.mobile-box-image {
		display: block;
		position: relative;
	}
	.mobile-box-image.no_images {
        min-height: 40px;
        background: #f3f3f3;
    } 

	.mobile-box-image:after {
		content: "";
		position: absolute;
		height: 40%;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		background: linear-gradient(to top, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
		pointer-events: none;
	}

	.model-box-bg:before {
		display: none;
	}
	.profile-box-bg .text {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 15px;
	}
	.profile-box-bg .show-more {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.box.models-list .sort-holder .sort {
		width: auto;
		padding-top: 0;
	}
	.box.models-list {
		padding-top: 0;
	}
	.box.models-list .sort-holder.models_mobile_one .sort-close {
		display: none;
	}
	.box.models-list .sort-holder .sort:nth-child(3) {
		margin-right: 0;
	}
	.box.models-list .sort-holder .sort.list_country .drop-holder {
		column-count: 3;
	}
	.box.models-list .sort-holder.models_mobile_one .sort .selected {
		padding: 14px 10px;
	}
}

@media screen and (max-width: 640px) {
	.box.models-list .item {
		width: 50%;
	}
	.profile-box-bg .title,
	.studies-info .title {
		font-size: 24px;
	}
	.profile-box-bg .col-info {
		padding: 0 10px 30px;
	}
}

@media screen and (max-width: 550px) {
	.box.models-list .items-list,
	.box.albums-list .items-list {
		margin: -20px -10px 0 0;
	}
	.box.models-list .item,
	.box.albums-list .item {
		padding: 20px 10px 0 0;
	}
	.box.models-list .video_list .item {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.box.models-list .sort-holder.models_mobile_one .sort {
		padding: 0 2px;
		margin: 0;
	}
	.box.models-list .sort-holder .sort.list_country .drop-holder {
		column-count: 2;
	}
	.box .item .img-holder .country_img {
		width: 30px;
		height: 30px;
	}
	.box .item .img-holder .country_img img {
		width: 20px;
		height: 20px;
	}
	.models-list .quantity, .albums-list .quantity {
		padding: 6px;
	}
	.profile-box-bg .profile-header .btn,
	.profile-box-bg .list-buttons .social-link,
	.studies-info .profile-header .btn {
		display: none;
	}
	.mobile-followers {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30%;
	}
	.profile-box-bg .profile-header .social-link {
		display: inline-block;
	}
	.profile-box-bg .title,
	.studies-info .title {
		margin-right: 5px;
		flex-grow: 1;
		white-space: pre-wrap;
	}
	.link-star {
		width: 70%;
		border-radius: 50px 0 0 50px;
	}
	.profile-box-bg .list-buttons .link-star.item-link {
		margin-right: 0;
		width: auto;
	}
	.profile-box-bg .col-info {
		top: -20px;
	}

	#model_view_model_info .profile-box-bg .col-info {
		top: 0;
	}
}

@media screen and (max-width: 390px) {
	.box.models-list .sort-holder.models_mobile_one {
		flex-wrap: wrap;
	}
	.box.models-list .sort-holder.models_mobile_one .sort {
        width: 50%;
    }
	.box.models-list .sort-holder .sort:nth-child(3) {
		margin-top: 4px;
		width: 100%;
	}
	.box.models-list .sort-holder .sort.list_country .drop-holder {
		column-count: 3;
	}
}

@media screen and (min-width: 1024px) {
	.box.models-list .item .link:hover .info-holder {
		background: transparent;
	}
}

@media (hover: hover) and (pointer: fine) {
	.models-list .item .link:hover .info-holder .title {
		color: #FB0049;
	}
}

/* models end */

/* studies start */

.box.studies-list .channals-list {
	margin: 0;
}

.box.studies-list .item {
	width: 20%;
}

.box.studies-list .channals-list .item .img-holder {
	padding-bottom: 74%;
	padding-bottom: 55%;
	background: #f3f3f3;
	border-radius: 20px;
}

body.dark .box.studies-list .channals-list .item .img-holder {
	background: #2e2e2e;
}

.box.studies-list .channals-list .item .img-holder img {
	object-fit: contain;
	padding: 12px;
}

.header.studies-banner .block-search {
	transform: none;
}

.header.studies-banner {
	padding: 30px 0 54px;
	border-radius: 0 0 50% 50% / 0 0 20% 20%;
	position: relative;
}

@media (min-width: 1920px) {
	.header.studies-banner {
  		background-size: 59% auto !important;
	}
}

@media (min-width: 993px) {
	.header.studies-banner:after {
		top: 0;
		left: auto;
		right: 0;
		width: 50%;
		height: 100%;
		background: linear-gradient(to left, #f3f3f3 70%, transparent 100%);
		pointer-events: none;
		visibility: visible;
		opacity: 1;
		z-index: -1;
		border-radius: 0 0 50% 50% / 0 0 20% 0;
	}
}

.header.studies-banner:before {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 70%;
    pointer-events: none;
	border-radius: 0 0 50% 50% / 0 0 25% 0%;
    background: radial-gradient(circle at 50% 70%, rgba(243, 243, 243, 1) 30%, rgba(243, 243, 243, 0.8) 50%, rgba(243, 243, 243, 0) 80%), radial-gradient(circle at 50% 60%, rgba(243, 243, 243, 1) 20%, rgba(243, 243, 243, 0.6) 50%, rgba(243, 243, 243, 0) 80%), radial-gradient(circle at 50% 50%, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 0.4) 40%, rgba(243, 243, 243, 0) 80%);
}

.studies-block {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

.studies-invite { width: fit-content; margin: 12px auto 0; text-align: center; font-size: 15px; line-height: 1.4; color: #000; text-shadow: 0 0 10px rgba(243, 243, 243, 0.9), 0 0 20px rgba(243, 243, 243, 0.7); position: relative; z-index: 2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); background: rgba(243, 243, 243, 0.6); border-radius: 20px; padding: 5px 10px; }
.studies-invite a { color: #FB0049; text-decoration: underline; cursor: pointer; }
body.dark .studies-invite { color: #fff; background: rgba(31, 31, 31, 0.6); text-shadow: 0 0 10px rgba(31, 31, 31, 0.9), 0 0 20px rgba(31, 31, 31, 0.7); }

.photo-stack {
	position: absolute;
	border-radius: 20px;
	overflow: hidden;
	border: 6px solid #ffff;
}

.photo-stack.photo-1 {
	bottom: -70px;
	left: 20%;
	transform: rotate(-23deg);
	z-index: 2;
	width: 178px;
	height: 178px;
}

.photo-stack.photo-2 {
	bottom: -86px;
	left: 25%;
	transform: rotate(15deg);
	z-index: 2;
	width: 164px;
	height: 92px;
}

.photo-stack.photo-3 {
	bottom: -13px;
	left: 26%;
	transform: rotate(15deg);
	z-index: 3;
	width: 201px;
	height: 201px;
}

.photo-stack.photo-4 {
	bottom: 98px;
	left: 20%;
	transform: rotate(-23deg);
	z-index: 1;
	width: 115px;
	height: 115px;
}

.photo-stack.photo-1 img {
	transform: rotate(15deg) scale(1.3);
}

.photo-stack.photo-2 img {
	transform: rotate(-9deg) scale(1.247);
}

.photo-stack.photo-3 img {
	transform: rotate(-15deg) scale(1.3);
}

.photo-stack.photo-4 img {
	transform: rotate(15deg) scale(1.3);
}

.photo-stack .photo {
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}

.filler {
	flex: 1;
}

.studies-logo {
	margin-right: 50px;
	flex: 0 0 auto;
	text-align: center;
	position: relative;
	z-index: 9;
}

.studies-logo img,
.studies-logo a {
	display: block;
}

.studies-logo img {
	max-width: 267px;
	width: 100%;
	height: auto;
}

.studies-block .link-star {
	display: inline-flex;
	cursor: pointer;
}

.studies-block .item-info i {
	flex-shrink: 0;
	margin-right: 6px;
	font-size: 22px;
	color: #878787;
}

.studies-block .item-info .icon-play-hover:before {
	box-shadow: none;
	background: #BDBDBD;
	border-radius: 50%;
}

.studies-block .item-info .icon-play-hover:after {
	color: #878787;
}

.studies-block .item-info .icon-albums .path:before {
	left: 0;
}

.studies-block .item-info .name {
	font-size: 12px;
	font-weight: 600;
}

.studies-block .profile-info {
	margin-bottom: 20px;
}

.studies-info {
	flex: 1;
}

.studies-info .profile-header {
	margin-bottom: 30px;
}

.studies-info .profile-header .btn .name {
	margin-left: 7px;
}

@media (hover: hover) and (pointer: fine) {
	.box.studies-list .item .link:hover .title {
		color: #FB0049;
	}
}

@media screen and (max-width: 1600px) {
	.photo-stack.photo-1,
	.photo-stack.photo-4 {
		left: 5%;
	}
	.photo-stack.photo-2 {
		left: 14%;
	}
	.photo-stack.photo-3 {
		left: 15%;
	}
}

@media screen and (max-width: 1300px) {
	.box.studies-list .item {
		width: 25%;
	}
	.photo-stack.photo-1,
	.photo-stack.photo-4 {
		left: 2%;
	}
	.photo-stack.photo-2 {
		left: 11%;
		width: 144px;
	}
	.photo-stack.photo-3 {
		left: 12%;
		width: 180px;
		height: 180px;
	}
	.studies-logo {
		margin-right: 30px;
	}
	.studies-logo img {
		max-width: 200px;
	}
}

@media screen and (max-width: 992px) {
	.box.studies-list .item {
		width: 33.333%;
	}
	.header.studies-banner .block-search {
		margin-top: 5px;
	}
	.header.studies-banner {
		/* background-image: none !important; */
		border-radius: 0 0 50% 50% / 0 0 5% 5%;
	}
	.studies-block {
		flex-direction: column;
		margin-top: 20px;
	}
	.studies-logo {
		margin-right: 0;
	}
	.studies-block .mobile-box-image {
		margin: -70px -15px 0 0;
		border-radius: 0;
		width: 100%;
	}
	.studies-block .mobile-box-image:after {
		background: radial-gradient(138.06% 70.1% at 135.91% 27.5%, rgba(0, 0, 0, 0.00) 0%, #F3F3F3 100%);
	}
	.studies-block .mobile-box-image:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 5%;
		background: linear-gradient(to bottom, #f3f3f3 60%, rgba(243,243,243,0) 100%);
		pointer-events: none;
	}
	.photo-stack.photo-4 {
		left: 14px;
		bottom: 64%;
		transform: rotate(-12deg);
	}
	.photo-stack.photo-1 {
		bottom: 32%;
		left: -20px;
		transform: rotate(-12deg);
	}
	.photo-stack.photo-3 {
		left: auto;
	    bottom: 46.5%;
		right: -5%;
		transform: rotate(12deg);
		width: 201px;
		height: 201px;
	}
	.photo-stack.photo-2 {
		transform: rotate(12deg);
		bottom: 32%;
		left: auto;
		right: 0;
	}
}

@media screen and (max-width: 768px) {
	.studies-info {
		margin-top: 50px;
		position: relative;
        z-index: 2;
	}
}

@media screen and (max-width: 640px) {
	.header.studies-banner {
		border-radius: 0 0 50% 50% / 0 0 3% 3%;
	}
	.photo-stack{
		border-width: 3px;
	}
	.photo-stack.photo-4 {
		width: 73px;
		height: 73px;
        left: 0px;
        bottom: 66%;
	}
	.photo-stack.photo-1 {
		width: 114px;
		height: 114px;
		bottom: 40%;
	}
	.photo-stack.photo-3 {
		width: 129px;
		height: 129px;
		bottom: 51%;
	}
	.photo-stack.photo-2 {
		width: 105px;
		height: 58px;
		bottom: 40%;
	}
	.studies-info {
		width: 100%;
		margin-top: 10px;
	}
	.studies-info .profile-header {
		margin-bottom: 20px;
	}

	.studies-block {
		margin-top: 10px;
	}
}

@media screen and (max-width: 550px) {
	.box.studies-list .item {
		width: 50%;
	}
	.studies-info {
		margin-top: 50px;
	}
}

@media screen and (max-width: 480px) {
	.studies-info .profile-header .btn {
		display: none;
	}
	.studies-logo img {
		max-width: 180px;
	}
}

@media screen and (max-width: 390px) {
	.box.studies-list .title {
		font-size: 13px;
	}
	.box.studies-list .sort-holder.models_mobile_one .sort {
		width: 100%;
	}
	.photo-stack.photo-4 {
        left: -48px;
        bottom: 72%;
	}
	.photo-stack.photo-1 {
		left: -60px;
		bottom: 45%;
	}
	.photo-stack.photo-3 {
		bottom: 53%;
		right: -28%;
	}
	.photo-stack.photo-2 {
		bottom: 45%;
		right: -19%;
	}
}

/* studies end */

/* categories start */

.categories-list .name + .sort-holder {
	margin-left: 8px;
}

.box.categories-list .items-list {
	margin: 0 -20px;
}

.box.categories-list .items-list .item.title,
.box.categories-list .thumbs-holder .category-group .title-group {
	background: #F3F3F3;
	border-radius: 20px;
	padding: 18px 16px;
	width: 100%;
	margin: 0 0 12px 0;
	font-size: 18px;
}

.box.categories-list .thumbs-holder .category-group .title-group {
	color: #323232;
	font-weight: 600;
}

.title .letter {
	color: #323232;
	font-weight: 600;
}

.box.groups .thumbs-holder .category-group {
    padding: 0 0 20px;
}

.box.categories-list .items-list:after {
	display: none;
}

.box.categories-list .items-list .letter-holder {
	border-right: none;
	padding: 0 20px;
	margin-top: 30px;
}

.box.categories-list .items-list .letter-holder:first-child {
	margin-top: 0;
}

.box.categories-list .items-list .item .link {
	padding: 4px 8px 4px 4px;
	border-radius: 50px;
	transition: all .3s;
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box.categories-list .items-list .link:after {
	content: "";
	border-top: 1px dashed rgba(0, 0, 0, 0.50);
	transition: border-color .3s;
	width: 100%;
}

.box.categories-list .tabs-content {
	display: none;
}

.box.categories-list .tabs-content.active {
    display: block;
}

.box.categories-list .item .title {
	margin-right: 8px;
	flex-shrink: 0;
	max-width: 50%;
	width: auto;
	font-size: 14px;
	border: 1px solid transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 208px);
    display: inline-block;
}

.box.categories-list .quantity {
	position: static;
	right: 0;
	bottom: 0;
	margin-left: 8px;
    color: rgba(50, 50, 50, 0.50);
    border-radius: 50px;
    background: #EBEBEB;
    padding: 5px;
    position: relative;
    display: flex;
    flex-shrink: 0;
    order: 1;
    transition: all .3s;
}

.box.categories-list .items-list .item {
	margin-bottom: 2px;
	padding-right: 0;
	width: 100%;
}

.box.categories-list .items-list .item:last-child {
	margin-bottom: 0;
}

.box.categories-list .items-list .link .avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	margin-right: 12px;
	position: relative;
}

.box.categories-list .items-list .link .avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box.categories-list .items-list .link .avatar i {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box.categories-list .items-list .link .avatar i:before, 
.box.categories-list .items-list .link .avatar i:after {
    transition: color .1s, box-shadow .2s, background-color .3s, opacity .3s;
}

@media (hover: hover) and (pointer: fine) {
	.box.categories-list .items-list .link:hover i::after {
        color: rgb(251, 0, 73);
    }
    .box.categories-list .items-list .link:hover i:before {
        background-color: rgba(251, 0, 73, .4);
        box-shadow: 0 0 0 2px rgba(251, 0, 73, .4);
    }
}

.box.categories-list .items-list .link .quantity:before,
.box.categories-list .items-list .link .quantity:after,
.box.categories-list .items-list .link .quantity.second:before,
.box.categories-list .items-list .link .quantity.second:after {
	font-size: 15px;
	transition: color .3s;
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.box.categories-list .items-list .link .quantity:before {
	content: "\e90e";
	color: #c6c6c6;
	margin-right: 6px;
	font-size: 17px;
}

.box.categories-list .items-list .link .quantity:after {
	content: "\e90f";
	position: absolute;
	left: 5px;
	top: 5px;
	color: #8f8f8f;
	font-size: 17px;
}

.box.categories-list .items-list .link .quantity.second:before {
	content: "\e910";
	font-size: 17px;
}

.box.categories-list .items-list .link .quantity.second:after {
	content: "\e911";
	left: 6px;
	font-size: 16px;
}

.box.categories-list .title-holder i:first-child:before {
	font-size: 20px;
}

.box.categories-list .title-holder .selected:hover i.icon-photo-hover:before,
.box.categories-list .title-holder .selected i.icon-photo-hover:before,
.box.categories-list .title-holder .sort.open-sort .selected i.icon-photo-hover:before {
	box-shadow: none;
}

.box.categories-list .sort-holder .sort .drop-holder .item-sort .link-drop.active {
	display: none;
}

.categories-list .change-title {
	text-transform: lowercase;
}

.box.categories-list .groups .items-list {
	column-count: inherit;
}

.box.categories-list .groups .items-list {
	padding-top: 0;
}

.box.categories-list .items-list,
.box.categories-list .groups .thumbs-holder {
	column-count: 4;
}

@media screen and (max-width: 1300px) {
	.box.categories-list .items-list,
	.box.categories-list .groups .thumbs-holder {
		column-count: 3;
	}
}

@media screen and (max-width: 992px) {
	.box.categories-list .items-list,
	.box.categories-list .groups .thumbs-holder {
		column-count: 2;
	}
}

@media screen and (max-width: 768px) {
	.box.categories-list .sort-holder .sort {
		padding: 0;
	}
}

@media screen and (max-width: 640px) {
	.box.categories-list .items-list,
	.box.categories-list .groups .thumbs-holder {
		column-count: 1;
		padding-top: 0;
	}
}

@media screen and (max-width: 410px) {
	.box.categories-list .title-holder .title {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 640px) {
    .box.categories-list .sort-holder.models_mobile_one .sort .drop-holder {
		padding: 5px;
	}
}

@media screen and (max-width: 390px) {
    .box.categories-list .sort-holder.models_mobile_one .sort {
        width: 100%;
    }
}

@media (hover: hover) and (pointer: fine) {
	.box.categories-list .items-list .item .link:hover {
		color: #FB0049;
		border-color: rgba(251, 0, 73, 0.10);
		background: #FAECF0;
	}

	.box.categories-list .items-list .item .link:hover .quantity {
        background-color: #fff;
        color: #FB0049;
    }

	.box.categories-list .items-list .item .link:hover .quantity:before {
		color: #feccdb;
	}
	
	.box.categories-list .items-list .item .link:hover .quantity:after {
		color: #fd80a4;
	}
	.box.categories-list .items-list .item .link:hover:after {
		border-color: #FB0049;
	}
	.box.categories-list .items-list .item .link:hover .title {
		color: #FB0049;
	}
}

/* categories end */

/* video start */

.player-wrap .kt-player {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
    height: 100%;
}

.player-wrap {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	padding-bottom: 56.25%;
}

.is-splash.kt-player .fp-ui:before, 
.is-poster.kt-player .fp-ui:before, .is-paused.kt-player .fp-ui:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url("../images/svg/player-btn.svg") center no-repeat !important;
	z-index: 1;
	opacity: .8;
	transition: opacity .3s;
}

@media screen and (max-width: 400px) {
	.is-splash.kt-player .fp-ui:before, 
	.is-poster.kt-player .fp-ui:before, .is-paused.kt-player .fp-ui:before {
        background-size: 20% !important;
    }
}
.is-playing.kt-player .fp-ui:before,
.is-ad-visible.kt-player .fp-ui:before,
.is-seeking.kt-player .fp-ui:before,
.is-error.kt-player .fp-ui:before,
.is-waiting.kt-player .fp-ui:before,
.is-loading.kt-player .fp-ui:before {
	background-image: none !important;
	background-position: -9999em !important;
}
.player {
	margin-bottom: 10px;
}

.player-holder .video-info {
	padding: 0;
}

.player-holder {
	box-shadow: none;
	background: transparent;
	margin-bottom: 0;
	position: relative;
}

.player-holder .exclusive_player {
	position: absolute;
    top: -12px;
    z-index: 9;
    max-width: 238px;
    left: 30px;
}

@media screen and (max-width: 640px) {
	.player-holder .exclusive_player {
        position: absolute;
        top: -8px;
        z-index: 9;
        max-width: 150px;
        left: 10px;
	}
}

.video-holder .models-list .item.hidden {
	display: none;
}

.block-holder.models-list.open .js-show-models i {
	transform: rotate(180deg);
}

.serial-list {
	display: flex;
	white-space: nowrap;
	padding: 20px;
	border-radius: 30px;
	background: #F3F3F3;
	margin-bottom: 10px;
	gap: 0 10px;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.serial-list .btn-serial {
	padding: 9px;
	position: relative;
    z-index: 1;
	font-size: 15px;
	display: block;
	transition: color .3s;
}

.serial-list .btn-serial:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 50px;
}

.player-holder .buttons-holder {
	padding: 20px;
	border-radius: 30px;
	background: #F3F3F3;
	margin-bottom: 10px;
	display: flex;
}

.rating-info .info {
    display: flex;
    align-items: center;
	font-size: 15px;
}

.rating-info .info .item:first-of-type {
	padding: 0;
}

.rating-info .rating-fav {
	padding-right: 0;
	border-right: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.rating-info .rating-holder .voters {
    position: absolute;
    bottom: 100%;
    left: 0;
}

.rating-info .info i {
	margin-right: 7px;
	font-size: 19px;
}

.rating-info .info .icon-calendar {
	font-size: 21px;
}

.rating-info .info .item {
	margin-right: 30px;
	display: flex;
	align-items: center;
	padding: 0;
	width: auto;
}

.rating-info .info .item:last-child {
	margin-right: 0;
}

.rating-info .rating-holder {
	border-radius: 50px;
	padding: 6px 10px;
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.rating-info .rating-holder:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 50px;
}

.player-holder .tabs-holder {
	display: flex;
	align-items: center;
}

.player-holder .tabs-holder .tab .btn {
	padding: 8px 10px;
	border-radius: 20px;
	position: relative;
    z-index: 1;
	display: flex;
	align-items: center;
	transition: all .3s;
}

.player-holder .tabs-holder .tab .btn .icon-photo-hover:after {
	font-size: 18px;
}

.player-holder .tabs-holder .tab .btn:after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: -1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
    border-radius: 50px;
}

.player-holder .tabs-holder .tab .btn.active {
	box-shadow: none;
	color: #FB0049;
}

.player-holder .tabs-holder .tab .btn.active:after {
	box-shadow: none;
	color: #FB0049;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
}


.player-holder .tabs-holder .tab .btn i {
	font-size: 24px;
	margin-right: 7px;
}

.player-holder .tabs-holder .tab .btn .icon-share1 {
	font-size: 22px;
}

.player-holder .tabs-holder .tab .btn .icon-category-hover,
.player-holder .tabs-holder .tab .btn .icon-photo-hover {
	font-size: 19px;
}

.player-holder .tabs-holder .tab .btn .icon-category-hover:before,
.player-holder .tabs-holder .tab .btn .icon-photo-hover:before {
	box-shadow: none;
	background: #adadad;
}

.player-holder .tabs-holder .tab .btn.active .icon-category-hover:before,
.player-holder .tabs-holder .tab .btn.active .icon-photo-hover:before {
	background: rgba(251, 0, 73, .4);
}

.buttons-holder .rating-info .rating-fav {
	margin-right: 60px;
}

.player-holder .view-video {
	padding-top: 0;
    margin-bottom: 8px;
	color: #323232;
	font-size: 15px;
}

.player-holder .tabs-content .info-block {
	color: #7E7E7E;
	display: none;
}

.player-holder .tabs-content .info-block:first-of-type {
    display: block;
}

.player-holder .tabs-content .info-block .screenshots-holder {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
}

.player-holder .tabs-content .info-block .screenshots-holder .item {
	width: 20%;
	margin: 0;
	padding: 3px;
}

.player-holder .tabs-content .info-block .screenshots-holder .link {
	width: auto;
	height: auto;
	padding-bottom: 56%;
	border-radius: 20px;
}

.player-holder .tabs-content .info-block .screenshots-holder .private .link {
	pointer-events: none;
}

.player-holder .tabs-content {
	padding: 20px;
	border-radius: 30px;
	background: #F3F3F3;
}

.screenshots-holder .item .img.private {
	backdrop-filter: blur(7.5px);
}

.form-holder .row .input {
	border-radius: 50px;
	border: none;
	padding: 10px 20px;
	height: 50px;
	border: 1px solid transparent;
	width: 100%;
}

.form-holder .row .input:focus {
	border-color: transparent;
}

.form-holder .row {
	margin-bottom: 10px;
}

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

.js-copy {
	padding: 5px 8px;
	border-radius: 15px;
	background: #E9F4FF;
	display: inline-flex;
	align-items: center;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.js-copy i {
	font-size: 22px;
}

.js-copy .name {
	font-size: 12px;
	color: #3C95FF;
	display: inline-block;
	margin-left: 5px;
}

.shadow.is-relative .icon-link {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
}

.shadow.is-relative .input {
	padding-left: 54px;
	padding-right: 130px;
}

.social-list {
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
	background-color: #fff;
	padding: 10px;
	max-width: 660px;
}

.social-list .link {
	padding: 5px;
	transition: color .3s;
	display: block;
}

.social-list img {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50px;
}

.social-list .name {
	margin-top: 10px;
	font-size: 12px;
	display: block;
	text-align: center;
}

.social-list li {
	width: 12.5%;
}

.form-holder .row .block-radios .row .label {
	font-size: 13px;
	position: relative;
}

.form-holder .flagging-form .block-radios {
	width: 305px;
	flex-shrink: 0;
	margin-right: 10px;
}

.form-holder .row .block-radios .row .label:before {
	content: "";
    position: absolute;
	width: 20px;
	height: 20px;
	box-shadow: none;
	left: 0;
	top: -2px;
	border-radius: 50%;
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
}

.form-holder .flagging-form .row .textarea {
	min-height: 80px;
	border-radius: 20px;
	resize: none;
	height: 80px;
	display: block;
}

.search-text {
	position: relative;
	z-index: 2;
}

.form-holder .flagging-form .block-textarea.row {
	position: relative;
	z-index: 1;
	width: 100%;
	margin-bottom: 20px;
	z-index: 0;
}

.form-holder .flagging-form .block-textarea.row:after {
	content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: -1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 20px;
}

.form-holder .flagging-form .block-radios .row .text {
	padding: 0 0px 0 30px;
	cursor: pointer;
}

.form-holder .row .block-radios .row .label:after {
    position: absolute;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #3C95FF;
	left: 6px;
	top: 4px;
}

.form-holder .row .block-radios .row input:checked ~ .label:after {
	content: "";
}

.form-holder .row .block-radios .row input:checked ~ .label:before {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #3C95FF 85%, #FFF 106%) border-box;
}

.block-flagging .botton.block-radios {
	padding-left: 315px;
}

.form-holder.block-flagging .botton.block-radios .btn {
	display: flex;
	align-items: center;
	padding: 10px 20px;
}

.block-flagging .botton.block-radios .btn .name {
	margin-right: 7px;
	font-size: 15px;
	color: #fff;
}

.block-flagging .botton.block-radios .btn i {
	font-size: 18px;
}

.tab.open-sort.download-holder.open-sort .btn {
	color: #FB0049;
}

.tab.open-sort.download-holder.open-sort .btn:after {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
}

.player-holder .tabs-holder .download-holder .drop-holder {
	padding: 10px 8px;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.02);
	background-color: #FFF;
	transform: translate3d(0, 10px, 0);
    opacity: 0;
	visibility: hidden;
	z-index: 1;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.form-holder .flagging-form {
	display: flex;
}

.player-holder .tabs-holder .download-holder .js-sort.current:after {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
}

.player-holder .tabs-holder .download-holder {
	position: relative;
}

.player-holder .tabs-holder .download-holder.open-sort .drop-holder {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.player-holder .tabs-holder .tab .drop-holder .link-drop {
	color: #87878C;
	font-size: 13px;
	padding: 8px;
	border-radius: 10px;
	display: block;
	text-align: center;
	transition: all .3s;
}

.video-holder .left .models-list .thumbs-holder .show-more {
	margin-top: 20px;
}

.video-holder .models-list .show-more .btn {
	width: 100%;
	box-shadow: none;
	background: transparent;
	padding: 8px 10px;
	display: flex;
	border: none;
}

.video-holder .models-list .show-more .btn:after {
	background: linear-gradient(#f3f3f3, #f3f3f3) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 115%) border-box;
}

.player-holder .private .img-holder,
.viewer_video_wrap .private .img-holder {
	border-radius: 30px;
	position: relative;
    padding-bottom: 56.6%;
    overflow: hidden;
}

.premium-overlay.premium_preview {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
	font: 500 14px / 1.2 "Montserrat", sans-serif;
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	z-index: 2;
}

.player-holder .private img,
.viewer_video_wrap .private img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.player-holder .private .video_preview,
.viewer_video_wrap .private .video_preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.premium-overlay {
	padding: 10px;
	color: #fff;
}

.premium-overlay .info-text {
	text-align: center;
}

.premium-overlay .cols-info {
	display: flex;
	align-items: center;
	margin: 0 -5px 40px;
}

.premium-overlay .cols-info .col {
	width: 16.666%;
	border-radius: 30px;
	border: 1px solid rgba(156, 156, 156, 0.20);
	padding: 30px 5px;
	margin: 0 5px;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-content: space-between;
	position: relative;
}

.premium-overlay .cols-info .image {
	position: static;
	display: block;
	filter: grayscale(1) brightness(0.99);
	width: auto;
	max-width: 92px;
}

.premium-overlay .image-box {
	margin-bottom: 10px;
}

.premium-overlay .name {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	font-size: 12px;
	color: #fff;
	padding: 7px;
	border-radius: 20px;
	background: linear-gradient(135deg, #8A8683, #5C5856);
}

.premium-overlay .title {
	font-weight: 500;
	margin-bottom: 0;
	font-size: 30px;
}

.premium-overlay .title a {
	color: #FB0049;
}

.premium-overlay .title a:hover {
	text-decoration: underline;
}

.premium-overlay .mark {
	color: #FFA902;
	font-weight: 700;
	text-shadow: 0px 0 currentColor, -1px 0 currentColor;
}

.premium-overlay .box-icon {
	margin-bottom: 20px;
}

.premium-overlay .box-icon .icon-lock {
	margin-bottom: 20px;
	display: inline-block;
	font-size: 54px;
}

.premium-overlay .cols-info .image-text {
	font-weight: 600;
	line-height: 1.3;
	max-width: 158px;
}

.premium-overlay .btn-premium {
	padding: 16px;
	margin: 0 auto 40px;
	max-width: 288px;
	width: 100%;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.premium-overlay .info-text span.price {
	margin-bottom: 40px;
	font-size: 16px;
	display: block;
}

@media screen and (max-width: 768px) {
	.premium-overlay .info-text span.price.show_mobile {
		display: block;
	}

	.premium-overlay .info-text span.price.hidden_mobile {
		display: none;
	}
}

.premium-overlay .price .bold {
	font-weight: 700;
	font-size: 20px;
}

.premium-overlay .overlay-text {
	font-size: 16px;
	line-height: 1.5;
}

.player-holder .tabs-holder .tab {
	margin: 0 10px 0 0;
}

@media (hover: hover) and (pointer: fine) {
	.kt-player:hover:before {
		opacity: 1;
	}
	.player-holder .tabs-holder .tab .btn:hover:after {
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
	}
	.player-holder .tabs-holder .tab .btn:hover,
	.rating-info .rating-fav .btn-favourites .btn:hover .quantity,
	.social-list .link:hover {
		color: #FB0049;
	}
	.player-holder .tabs-holder .tab .btn:hover .icon-category-hover:before,
	.player-holder .tabs-holder .tab .btn:hover .icon-photo-hover:before {
		background: rgba(251, 0, 73, .4);
	}
	.rating-info .rating-holder:hover:after,
	.rating-info .rating-fav .btn-favourites .btn:hover:after,
	.album-info .rating-info .rating-holder:hover:after {
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
	}
	.rating-info .rating-fav .btn-favourites .btn:hover i,
	.rating-info .rating-fav .btn:hover i {
		background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.rating-info .rating-fav .btn-favourites .btn:hover .icon-star2:before {
		content: "\e943";
	}
	.rating-info .rating-fav .rate-like:hover i:before {
		content: "\e963";
	}
	.rating-info .rating-fav .rate-dislike:hover i:before {
		content: "\e964";
	}
	.player-holder .tabs-holder .tab .drop-holder .link-drop:hover {
		background-color: #FAECF0;
		color: #FB0049;
	}
	.serial-list .btn-serial:hover {
		color: #FB0049;
	}
	.serial-list .btn-serial:hover:after {
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
	}
}

@media screen and (min-width: 1024px) {
	.rating-info .rating-fav .btn.like:hover i {
		color: #FB0049;
	}
	.player-holder .tabs-holder .tab .btn:hover {
		color: #FB0049;
		box-shadow: none;
		background-color: transparent;
	}
}

@media screen and (max-width: 1800px) {
	.player-holder .buttons-holder {
		flex-wrap: wrap;
	}
	.player-holder .tabs-holder {
		padding-top: 15px;
		width: 100%;
		justify-content: space-between;
	}
	.player-holder .tabs-holder .tab {
		width: 100%;
	}
	.player-holder .tabs-holder .tab .btn {
		justify-content: center;
	}
	.video-holder .right .buttons-holder .rating-info {
		margin-right: 0;
		width: 100%;
		justify-content: flex-start;
	}
	.rating-info .rating-fav .btn .quantity {
		flex-shrink: 0;
	}
	.buttons-holder .rating-info .rating-fav {
		margin-right: 30px;
	}
}

@media screen and (max-width: 1600px) {
	.premium-overlay .cols-info .image-text {
		font-size: 13px;
	}
	.premium-overlay .box-icon {
		margin-bottom: 10px;
	}
	.premium-overlay .box-icon .icon-lock {
		font-size: 50px;
	}
	.premium-overlay .info-text span.price,
	.premium-overlay .cols-info,
	.premium-overlay .btn-premium {
		margin-bottom: 20px;
	}
	.premium-overlay .name {
		font-size: 11px;
		padding: 5px;
	}
	.premium-overlay .cols-info .col {
		padding: 20px 5px;
		height: 170px;
	}
}

@media screen and (max-width: 1300px) {
	.premium-overlay .cols-info .image-text {
		font-size: 11px;
	}
	.premium-overlay .cols-info .col {
		padding: 25px 5px;
		height: 150px;
	}
	.premium-overlay .cols-info .image {
		max-width: 75%;
		height: auto;
		margin: 0 auto;
	}
	.premium-overlay .box-icon .icon-lock {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 1200px) {
	.serial-list {
		padding: 10px;
	}
	.player-holder .buttons-holder {
		padding: 10px 0;
		border-radius: 20px;
	}
	.player-holder .tabs-holder {
		padding: 10px 10px 0 10px;
	}
	.player-holder .tabs-holder .tab .btn {
		padding: 8px 6px;
		font-size: 14px;
	}
	.video-holder .right .buttons-holder .rating-info {
		padding: 0 10px;
	}
	.premium-overlay .btn-premium {
		padding: 10px;
	}
	.premium-overlay .title {
		font-size: 25px;
	}
	.premium-overlay .info-text span.price {
		font-size: 15px;
	}
	.premium-overlay .price .bold {
		font-size: 18px;
	}
	.premium-overlay .info-text span.price,
	.premium-overlay .cols-info,
	.premium-overlay .btn-premium {
		margin-bottom: 15px;
	}
	.premium-overlay .box-icon .icon-lock {
		font-size: 30px;
	}
	.premium-overlay .overlay-text {
		font-size: 14px;
		line-height: 1.4;
	}
	.premium-overlay .cols-info .col {
		padding: 15px 5px;
		height: 124px;
	}
	.premium-overlay .name {
		display: none;
	}
	.premium-overlay .cols-info .image {
		max-width: 60%;
	}
	.premium-overlay .cols-info .col {
		margin: 0 2px;
	}
	.premium-overlay .cols-info {
		margin-left: -2px;
		margin-right: -2px;
	}
}

@media screen and (max-width: 1024px) {
	.player-holder .tabs-holder {
		padding: 10px 10px 1px 10px;
		padding: 10px 10px 4px 10px;
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.player-holder .tabs-holder .tab .btn {
		padding: 8px 10px;
	}
	.kt-player:before {
		opacity: 1;
	}
}

@media screen and (max-width: 992px) {
	.premium-overlay .name {
		display: block;
	}
	.premium-overlay .box-icon .icon-lock {
		font-size: 40px;
	}
	.premium-overlay .cols-info .image-text {
		font-size: 12px;
	}
	.premium-overlay .cols-info .col {
		padding: 25px 5px;
		height: 140px;
	}
	.player {
		margin: 0 -10px 10px;
	}
	.player-holder .private .img-holder,
	.viewer_video_wrap .private .img-holder,
	.player-wrap {
		border-radius: 0;
	}
}

@media screen and (max-width: 768px) {
	.rating-info .info {
		border: none;
	}
	.video-holder .right .buttons-holder .rating-info {
		flex-direction: column;
	}
	.buttons-holder .rating-info .rating-fav {
		margin: 0 0 15px 0;
	}
	.player-holder .tabs-holder {
		padding-top: 15px;
	}
	.buttons-holder .rating-info .rating-holder {
		justify-content: center;
		width: calc(50% - 4px);
		margin-right: 4px;
	}
	.buttons-holder .rating-info .rating-fav {
		padding-bottom: 0;
		width: 100%;
	}
	.player-holder .tabs-holder .tab .btn .text {
		display: block;
	}
	.rating-info .rating-fav .btn,
	.rating-info .info {
		width: 100%;
	}
	.player-holder .tabs-content .info-block .screenshots-holder .item {
		width: 25%;
	}
	.form-holder .flagging-form .block-textarea.row {
		margin: 10px 0 0;
	}
	.form-holder .flagging-form {
		flex-direction: column;
	}
	.block-flagging .botton.block-radios {
		padding: 15px 0 0 0;
	}
	.block-flagging .botton.block-radios .btn {
		width: 100%;
		justify-content: center;
	}
	.premium-overlay .cols-info {
		display: none;
	}
	.premium-overlay .btn-premium {
		padding: 16px;
	}

	.player-holder .tabs-holder .tab.download-holder .drop-holder {
		position: fixed;
		left: 10px !important;
	}
}

@media screen and (max-width: 640px) {
	.player-holder .tabs-content .info-block .screenshots-holder .item {
		width: 33.333%;
	}
	.social-list li {
		width: 25%;
	}
	.kt-player:before {
		background-size: 80px 80px;
	}
	.premium-overlay .overlay-text,
	.premium-overlay .info-text span.price {
		font-size: 12px;
	}
	.premium-overlay .price .bold {
		font-size: 14px;
	}
	.premium-overlay .info-text span.price,
	.premium-overlay .cols-info,
	.premium-overlay .btn-premium {
		margin-bottom: 10px;
	}
	.premium-overlay .title {
		font-size: 18px;
	}
}

@media screen and (max-width: 480px) {
	.player-holder .tabs-content .info-block .screenshots-holder .item {
		width: 50%;
	}
	.premium-overlay .btn-premium {
		font-size: 15px;
	}
	.premium-overlay .box-icon {
		display: flex;
		align-items: center;
		max-width: 240px;
		margin: 0 auto 5px;
	}
	.premium-overlay .box-icon .icon-lock {
		font-size: 28px;
		margin-bottom: 0;
		flex-shrink: 0;
		margin-right: 14px;
	}
	.premium-overlay .title {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media screen and (max-width: 390px) {
	.buttons-holder .rating-info .rating-holder {
		margin: 0 0 15px 0;
		width: 100%;
	}
	.social-list {
		justify-content: flex-start;
	}
	.social-list li {
		width: 33.333%;
	}
	.form-holder .flagging-form .block-radios .row .text {
		font-size: 12px;
	}
	.premium-overlay .btn-premium {
		font-size: 14px;
		max-width: 230px;
		padding: 5px;
	}
	.premium-overlay .btn-upgrade-new .icon-diamond {
		margin-right: 2px;
	}
	.premium-overlay .info-text span.price,
	.premium-overlay .cols-info,
	.premium-overlay .btn-premium {
		margin-bottom: 3px;
	}
	.premium-overlay .title {
		font-size: 15px;
		line-height: 1.2;
    }
	.premium-overlay .box-icon .icon-lock {
		margin-right: 0;
	}
	.premium-overlay .overlay-text {
		line-height: 1.2;
	}
}
 
/* video end */

/* albums start */

.box.albums-list .link,
.box.albums-list .link:hover {
	box-shadow: none;
}

.box.albums-list .link:hover .info-holder {
	background: transparent;
}

.box.albums-list .link {
	display: block;
}

.box.albums-list .img-holder,
.box.albums-list.models-list .img-holder {
	width: 100%;
	padding-bottom: 62.3%;
}

.box.albums-list .item {
	width: 25%;
}

@media screen and (max-width: 1300px) {
	.box.albums-list .item {
		width: 33.333%;
	}
}

@media screen and (max-width: 992px) {
	.box.albums-list .item {
		width: 50%;
	}
}

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

/* albums end */

/* album start */

.video-holder {
	display: grid;
	grid-template-columns: 1fr 380px;
	grid-template-rows: auto auto;
	align-items: start;
}

.video-holder .right {
	padding: 0 0 30px 0;
	min-width: 1px;
	display: flex;
	flex-direction: column;
	grid-column: 1;
	grid-row: 1;
	width: 100%;
}

.wrap-comments.block-holder {
	grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.video-holder .left {
	min-width: auto;
	width: 360px;
	flex-shrink: 0;
	margin-left: 20px;
    grid-column: 2;
    grid-row: 1 / span 2;
}

.video-holder .left .models-list .item {
	padding: 20px 10px 0 0;
}

.video-holder .left .models-list .items-list{
	margin: -20px -10px 0 0;
	display: flex;
	flex-wrap: wrap;
}

.video-holder .left .models-list .item {
	width: 33.333%;
}

.video-holder .left .models-list .thumbs-holder {
	padding-bottom: 0;
}

.video-holder .left .models-list .item .img-holder {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	padding-bottom: inherit;
	margin: 0 auto 10px;
}

.video-holder .left .models-list .item .img-holder .icon {
	padding: initial;
	font-size: 36px;
}

.video-holder .left .models-list .item .info-holder {
	display: block;
	padding: 0;
}

.video-holder .left .models-list .item .info-holder .title {
	margin-right: 0;
	text-align: center;
	margin-bottom: 7px;
	font-size: 15px;
	/* line-height: 1.2; */
}

.video-holder .left .models-list .item .info-model {
	font-size: 14px;
	display: flex;
	justify-content: center;
}

.box .item .info-holder i {
    margin: 0 5px 0 0;
}

.video-holder .left .models-list .item .info-holder .text:after {
	display: none;
}

.video-holder .left .models-list .item .info-holder .text {
	margin-left: 0;
	padding-bottom: 0;
	font-size: 14px;
	color: #323232;
}

.video-holder .left .models-list .item .quantity {
	position: static;
	background-color: #fff;
	color: rgba(50, 50, 50, 0.50);
	padding: 5px;
}

.video-holder .left .models-list .item .quantity i:before {
	color: #d6d6d6;
}

.video-holder .left .models-list .item .quantity i:after {
	font-size: 18px;
	color: #989898;
}

.video-holder .left .models-list .item .info-holder i {
	font-size: 14px;
}

.video-holder .left .models-list .item .img-holder .img {
	object-fit: cover;
}

.video-holder .categor-holder {
	font-size: 0;
}

.video-holder .categor-holder .row-item {
	font-size: 15px;
	background-color: #fff;
	border-radius: 20px;
	padding: 10px;
	display: inline-flex;
	align-items: center;
	margin: 0 5px 5px 0;
	transition: background .3s, color .3s;
}

.video-holder .categor-holder .row-item img {
	flex-shrink: 0;
	margin-right: 16px;
	max-width: 66px;
	height: auto;
	border-radius: 20px;
}

.video-holder .categor-holder .row-title,
.video-holder .left .models-list .text {
	font-size: 16px;
	padding-bottom: 10px;
}

.album-holder .album img {
    border-radius: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: 100%;
    transform: translateY(-50%);
}

.album-holder .album img.vertical {
    width: auto;
    margin: 0 auto;
	height: 100%;
	top: 0;
    transform: translateY(0);
}

.album-holder .album {
	overflow: hidden;
}

.video-holder .left .block-holder {
	box-shadow: none;
	border-radius: 30px;
	background: #F3F3F3;
	margin: 0 0 10px;
	padding: 20px;
}

.video-holder .right .album-holder.block-holder,
.video-holder .right .album-descrip {
	padding: 20px;
	border-radius: 30px;
	background: #F3F3F3;
}

.video-holder .right .album-holder.block-holder {
	margin-bottom: 10px;

}

.video-holder .right .album-descrip {
	color: #7E7E7E;
	font-size: 15px;
}

.video-holder .right .album-descrip .text-title {
	color: #323232;
	margin-bottom: 8px;
}

.album-info {
	display: flex;
}

.block-holder .album-info .inform {
	padding: 0;
	margin: 0;
	border-bottom: none;
	display: flex;
	align-items: center;
}

.block-holder .album-info .inform .item-info {
	margin-right: 30px;
	font-size: 15px;
	color: #323232;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.album-info .inform .item-info:first-of-type {
	padding-bottom: 0;
}

.rating-info .rating-fav .btn-favourites:hover i {
	color: #87878C;
}

.album-info .inform .item-info:last-child {
	margin-right: 0;
}

.video-holder .right .rating-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	order: -1;
	margin-right: 40px;
}

.rating-info .rating-fav .btn-favourites {
	margin-left: 10px;
	flex-shrink: 0;
}

.rating-info .rating-fav .btn-favourites .btn,
.album-info .rating-info .rating-holder {
	border-radius: 50px;
	padding: 6px 10px;
	position: relative;
	z-index: 1;
}

.rating-info .rating-fav .btn-favourites .btn:after,
.album-info .rating-info .rating-holder:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 50px;
}

.album-info .rating-info .rating-holder {
	max-width: none;
	width: auto;
	justify-content: center;
	display: flex;
}

.rating-info .rating-fav .btn .quantity {
	font-size: 15px;
	margin-left: 5px;
	transition: color .3s;
}

.rating-info .rating-fav .btn i {
	font-size: 22px;
	color: #87878C;
}

.rating-info .rating-fav .btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rating-info .rating-fav .btn.hidden {
	display: none;
}

.rating-info .rating-holder .voters {
	bottom: calc(100% + 5px);
	white-space: nowrap;
}

.album-info .rating-info .rating-fav {
	padding-right: 0;
	width: 100%;
}

.rating-info .rating-fav .rate-like {
	position: relative;
	margin-right: 10px;
}

.rating-info .rating-fav .rate-dislike {
	margin-left: 10px;
}

.rating-info .rating-fav .rate-like:after {
	content: "";
	width: 1px;
	height: 20px;
	background: #C5C5C5;
	position: absolute;
    right: -10px;
	pointer-events: none;
}

.album-info .inform .item-info .icon-calendar {
	font-size: 21px;
}

.album-info .inform .item-info .icon-photo-hover:before {
	box-shadow: none;
	background: #a6a6a6;
	border-radius: 4px;
	font-size: 19px;
}

.album-info .inform .item-info .icon-photo-hover:after {
	font-size: 19px;
}

.album-info .inform .item-info i {
	margin-right: 7px;
	font-size: 19px;
}

.comment-block .comment-item .form .row .input {
	color: #323232;
}

.form-holder .row.smail-holder .textarea_border {
	border-radius: 20px;
	border: 1px solid rgba(99, 99, 99, 0.20);
	background: #FAFAFA;
	padding: 0;
	min-height: 100px;
	transition: padding-bottom .3s;
}

.form-holder .row.smail-holder .textarea_border .input,
.comment-block .comment-item .form .row .input {
	resize: none;
	border-radius: 20px;
	background: #FAFAFA;
	min-height: 100px;
	padding: 20px 10px 25px 20px;
	color: #7E7E7E;
	font-size: 15px;
	width: 100%;
}

.form-holder .row.smail-holder .textarea_border textarea.input {
	word-break: break-word;
	overflow-wrap: break-word;
	padding-bottom: 0;
	margin-bottom: 50px;
}

.form-holder .row.smail-holder .textarea_border .input,
.comment-block .comment-item .form .row .input {
    font-size: 15px;
    color: #7E7E7E;
}

.form-holder .row.smail-holder .textarea_border .input::placeholder,
.comment-block .comment-item .form .row .input::placeholder {
    color: #7E7E7E;
    font-size: 15px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.form-holder .row.smail-holder .textarea_border .input::-webkit-input-placeholder,
.comment-block .comment-item .form .row .input::-webkit-input-placeholder {
    color: #7E7E7E;
    font-size: 15px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.form-holder .row.smail-holder .textarea_border .input::-moz-placeholder,
.comment-block .comment-item .form .row .input::-moz-placeholder {
    color: #7E7E7E;
    font-size: 15px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.form-holder .row.smail-holder .textarea_border .input:-ms-input-placeholder,
.comment-block .comment-item .form .row .input:-ms-input-placeholder {
    color: #7E7E7E;
    font-size: 15px;
    opacity: 1;
}

.form-holder .row.smail-holder .textarea_border .input::-ms-input-placeholder,
.comment-block .comment-item .form .row .input::-ms-input-placeholder {
    color: #7E7E7E;
    font-size: 15px;
    opacity: 1;
}

.form-holder .row.smail-holder .textarea_border .input:focus::placeholder,
.comment-block .comment-item .form .row .input:focus::placeholder {
    opacity: 0;
}

.form-holder .row.smail-holder .textarea_border .input:focus::-webkit-input-placeholder,
.comment-block .comment-item .form .row .input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.form-holder .row.smail-holder .textarea_border .input:focus::-moz-placeholder,
.comment-block .comment-item .form .row .input:focus::-moz-placeholder {
    opacity: 0;
}

.form-holder .row.smail-holder .textarea_border .input:focus:-ms-input-placeholder,
.comment-block .comment-item .form .row .input:focus:-ms-input-placeholder {
    opacity: 0;
}

.form-holder .row.smail-holder .textarea_border .input:focus::-ms-input-placeholder,
.comment-block .comment-item .form .row .input:focus::-ms-input-placeholder {
    opacity: 0;
}

.comment-block .comment-item .form .row {
	padding-left: 0;
	width: 100%;
}

.form-holder .label, .form-holder .text {
	color: #323232;
	font-size: 18px;
	margin: 0 0 20px;
}

.is-relative {
	position: relative;
	display: block;
}

.is-relative .botton {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.form-holder .form .botton .btn {
	border-radius: 50px;
	padding: 8px 20px;
	font-size: 22px;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.form-holder .form .botton .btn i {
	display: block;
}

.block-new-comment .generic-error {
	padding-left: 60px;
}

.comment-block .comment-item .form .reply-form-holder {
	padding-top: 0;
}

.comment-block .comment-item .form-holder {
	margin-top: 20px;
	display: none;
}

.comment-block .comment-item .form .block-new-comment .generic-error {
	padding-left: 0;
}

.smileys-support {
	position: relative;
	width: 100%;
}

.form-holder .row.smail-holder {
	margin-bottom: 0;
	display: flex;
}

.form-holder .row.smail-holder .img-holder,
.comment-block .comment-item .img-holder {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	flex-shrink: 0;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	overflow: hidden;
	padding-bottom: 0;
	position: relative;
}

.form-holder .row.smail-holder .img-holder .no-avatar {
	line-height: 0;
	width: 100%;
	height: 100%;
}

.comment-block .comment-item .img-holder img {
	border-radius: 50%;
    overflow: hidden;
    width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.comment-block .reply-holder .img-holder {
	width: 30px;
	height: 30px;
}

.video-holder .left .models-list .item .img-holder.no-avatar {
	overflow: inherit;
}

.video-holder .left .models-list .item .img-holder.no-avatar:after {
	background: linear-gradient(#F3F3F3, #F3F3F3) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
}

.box .item .img-holder.no-avatar .icon {
	border-radius: 50%;
	background: transparent;
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-holder .row.smail-holder .img-holder.no-avatar,
.comment-block .comment-item .img-holder.no-avatar,
.img-holder.no-avatar {
	overflow: inherit;
	position: relative;
	z-index: 1;
}

.form-holder .no-avatar:after,
.comment-block .comment-item .no-avatar:after,
.img-holder.no-avatar:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
	border-radius: 50%;
}

.comment-block .comment-item .img-holder .icon {
	box-shadow: none;
	z-index: 1;
	font-size: 24px;
}

.comment-block .reply-holder .img-holder.no-avatar .icon {
    font-size: 14px;
}

.form-holder .no-avatar .icon {
	position: relative;
	z-index: 1;
	line-height: 0;
}

.comment-block .comment-item .coments-info {
	width: calc(100% - 60px);
	padding-left: 0;
}

.comment-block .reply-holder {
	padding: 10px 0 0 60px;
    width: 100%;
}

.comment-block .comment-item .text {
	color: #626262;
	line-height: 1.4;
	padding-bottom: 10px;
	display: block !important;
}

.comment-block .comment-item .name-holder .user-name {
	font-size: 15px;
	font-weight: 600;
	color: #323232;
	transition: color .3s;
	margin-right: 5px;
}

.comment-block .comment-item .name-holder .date,
.comment-block .comment-item .name-holder .user-name .date {
	margin-left: 10px;
	color: #7E7E7E;
	font-size: 13px;
}

.user-btns .drop-holder .link-drop {
	font-size: 13px;
}

.comment-block .comment-item .btn-coment,
.comment-block .comment-item .date-reply {
	display: inline-flex;
	align-items: center;
}

.comment-block .comment-item .date-reply {
	order: 1;
}

.comment-block .comment-item .like-holder i {
	font-size: 20px;
	margin: 0;
	color: #87878C;
}

.quantity-like.comment-rating {
	order: 1;
	margin-left: 5px;
	color: #323232;
}

.user-btns {
	position: relative;
}

.comment-block .comment-item .like-holder .icon-heart {
	position: relative;
}

.comment-block .comment-item .like-holder .icon-heart:after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	opacity: 0;
    background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	height: 20px;
}

.comment-block .comment-item .comment-like.active .icon-heart:after {
	opacity: 1;
    background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.wrap-answer {
	margin-top: 6px;
}

.btn-answer,
.link-answer {
	display: inline-flex;
	align-items: center;
	color: #3C95FF;
	cursor: pointer;
}

.btn-answer {
	padding: 5px;
	border-radius: 10px;
	transition: background .3s;
}

.link-answer {
	background: #d8eaff;
	padding: 5px;
	border-radius: 20px;
	font-size: 12px;
}

.link-answer i {
	flex-shrink: 0;
	margin-right: 5px;
	font-size: 14px;
}

.btn-answer i {
	margin-right: 5px;
	background: #d8eaff;
	flex-shrink: 0;
	border-radius: 14px;
	transition: transform .3s;
}

.btn-answer .name {
	font-size: 12px;
}

.reply-holder {
	display: none;
}

.open-answer .reply-holder {
	display: block;
}

.open-answer .btn-answer {
	background: #E9F4FF;
}

.open-answer .btn-answer i {
	transform: rotate(180deg);
}

.comment-block .comment-item .like-holder:hover .quantity-like {
	color: #323232;
}

.comment-block .comment-item .name-holder i,
.show-more i {
	margin: 0;
	font-size: 16px;
	border-radius: 16px;
	background: #d6d6d6;
	cursor: pointer;
	display: block;
	transition: background .3s, color .3s, transform .3s;
}

.comment-block .comment-item .name-holder .user-btns.open-sort i {
	transform: rotate(180deg);
	color: #FB0049;
	background: rgba(251, 0, 73, 0.10);
}

.comment-block .comment-item .date-reply .btn {
	margin-left: 30px;
	font-size: 12px;
}

.user-btns .drop-holder {
	right: auto;
	left: 0;
	width: 154px;
}

.user-btns.open-sort .drop-holder {
    transform: translateZ(0);
    opacity: 1;
    visibility: visible;
}

.comment-holder {
	padding: 0 0 35px;
	box-shadow: none;
	background: transparent;
}

.models-comment.open .comment-holder {
	display: block !important;
}

.comment-block {
	padding-top: 10px;
}

.comment-block .comment-item {
	border-top: none;
	padding: 10px 0;
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.comment-block .comment-item .form {
	padding-top: 0;
}

.comment-block .comment-item .like-holder {
	display: flex;
	align-items: center;
}

.user-img.no-avatar {
	position: relative;
}

.comment-block .show-more {
	padding-bottom: 0;
	margin-top: 20px;
}

.comment-block .show-more .btn {
	text-decoration: none;
}

.show-more .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 6px;
	border-radius: 50px;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.2);
	color: #323232;
	font-size: 15px;
	position: relative;
	z-index: 1;
}

.show-more .btn:after {
	content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
	z-index: -1;
    border: 1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
    border-radius: 50px;
}

.show-more .btn i {
	font-size: 22px;
	margin-left: 7px;
}

.form-holder .row.smail-holder .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.form-holder .row .smails-holder {
	display: none;
}

.form-holder .row.smail-holder.open-smail .textarea_border .smail-btn,
.comment-block .comment-item .form .open-smail .btns .smail-btn {
	color: #FB0049;
}

.form-holder .row.smail-holder.open-smail .textarea_border {
	padding-bottom: 90px;
}

.form-holder .row.smail-holder .smails-holder img {
	margin: 1px;
	display: block;
	border: 1px solid transparent;
    padding: 2px;
    border-radius: 50%;
	cursor: pointer;
	transition: border-color .3s;
}

.form-holder .form .row.smail-holder .smails-holder {
	position: absolute;
	left: 20px;
	bottom: 56px;
	margin: -1px;
	display: flex;
	align-items: center;
	transform: translate3d(0, 10px, 0);
    opacity: 0;
    z-index: 15;
    visibility: hidden;
	display: flex;
	flex-wrap: wrap;
	transition: transform .3s, opacity .3s, visibility .3s;
}

.form-holder .form .row.smail-holder.open-smail .smails-holder {
	bottom: 62px;
	top: auto;
	border-bottom: 1px solid rgba(99, 99, 99, 0.20);
	padding-bottom: 8px;
	width: calc(100% - 30px);
	transform: translateZ(0);
    opacity: 1;
    visibility: visible;
}

.form-holder .row.smail-holder .textarea_border .smail-btn,
.comment-block .comment-item .form .btns {
	font-size: 22px;
    color: #323232;
    left: 20px;
	top: auto;
	bottom: 20px;
	position: absolute;
}

.comment-block .comment-item .form .btns .smail-btn {
	color: #323232;
	font-size: 22px;
	position: static;
}

.form-holder .row.smail-holder .smail-btn i {
	display: block;
}

.box .screenshots-holder {
	margin: 0;
	display: block;
	width: 110px;
	flex-shrink: 0;
	order: -1;
	padding: 20px 0;
	border-radius: 30px;
	background: #F3F3F3;
	margin-right: 20px;
}

.screenshots-holder .nano > .nano-pane {
	width: 4px;
	background: transparent;
	right: 7px;
}

.screenshots-holder .nano > .nano-pane > .nano-slider {
	background: rgba(50, 50, 50, 0.20);
	margin: 0;
}

.screenshots-holder .nano-content {
	padding: 0 20px;
}

.box .screenshots-holder .item {
	padding: 0;
	margin-bottom: 10px;
}

.box .screenshots-holder .item:last-child {
	margin-bottom: 0;
}

.screenshots-holder .item {
	width: 100%;
}

.screenshots-holder .item .link.swiper-slide-thumb-active {
	border-color: #FB0049;
}

.screenshots-holder .item .link {
	height: 74px;
	width: 74px;
	position: relative;
	padding-bottom: 100%;
	display: block;
    overflow: hidden;
	border-radius: 10px;
	border: 2px solid transparent;
	transition: border-color .3s;
}

.screenshots-holder .item .img.vertical {
	width: 100%;
}

.album-holder.view-album {
	display: flex;
	margin-bottom: 10px;
}

.screenshots-holder .item .img {
	object-fit: cover;
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}

.album-holder .album .swiper-button-next,
.album-holder .album .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: rgba(50, 50, 50, 0.5);
	color: #fff;
	background-image: none;
}

.album-holder .album .swiper-button-next {
	right: 20px;
	transform: rotate(-90deg);
}

.swiper-button-icon {
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.swiper-button-icon i {
	font-size: 28px;
}

.album-holder .album .swiper-button-prev {
	left: 20px;
	transform: rotate(90deg);
}

.album-holder .album .fullscreen {
	right: 20px;
	top: auto;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: rgba(50, 50, 50, 0.5);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	position: absolute;
	z-index: 9;
}

.swiper-container.gallery-thumbs {
	display: none;
}

.title-video {
	font-size: 18px;
	padding-top: 25px;
}

.hidden {
	display: none;
}

.album-holder .album .img-holder {
	position: relative;
    text-align: center;
    padding-bottom: 66.666666666667%;
}

.comment-block .comment-item .name-holder {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
    position: relative;
    margin: 0 0 10px;
}

@media (hover: hover) and (pointer: fine) {
	.screenshots-holder .item .link:hover {
		border-color: #FB0049;
	}
	.video-holder .categor-holder .row-item:hover {
		color: #FB0049;
		background: #fff;
	}
	.form-holder .row.smail-holder .smails-holder img:hover {
		border-color: #FB0049;
	}
	.comment-block .comment-item .name-holder a.user-name:hover {
		color: #FB0049;
	}
	.comment-block .comment-item .name-holder .user-btns:hover i {
		color: #FB0049;
		background: rgba(251, 0, 73, 0.10);
	}
	.comment-block .comment-item .date-reply .btn:hover {
		color: #FB0049;
	}
	.comment-block .comment-item .like-holder:hover .icon-heart:before {
		background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.show-more .btn:hover {
		color: #FB0049;
	}
	.show-more .btn:hover i {
		color: #FB0049;
		background: rgba(251, 0, 73, 0.10);
	}
	.rating-info .rating-fav .btn-favourites:hover i {
		color: #FB0049;
	}
	.show-more .btn:hover:after {
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, rgba(251, 0, 73, .5) 85%, #FFF 106%) border-box;
	}
	.btn-answer:hover {
		background: #E9F4FF;
	}
}

@media screen and (max-width: 1400px) {
	.album-holder .screenshots-holder .item {
		width: auto;
	}
}

@media screen and (max-width: 1300px) {
	.video-holder {
		grid-template-columns: 1fr 315px;
	}
	.video-holder .left {
		width: 300px;
		margin-left: 15px;
	}
	.video-holder .left .models-list .item {
		width: 50%;
	}
}

@media screen and (max-width: 1200px) {
	.video-holder {
		grid-template-columns: 1fr 275px;
	}
	.video-holder .left {
		width: 260px;
	}
	.block-holder .album-info .inform .item-info {
		margin-right: 10px;
	}
	.rating-info .rating-fav .btn-favourites {
		margin-left: 8px;
	}
	.video-holder .right .rating-info {
		margin-right: 10px;
	}
	.video-holder .right .album-holder.block-holder,
	.video-holder .right .album-descrip,
	.video-holder .left .block-holder {
		padding: 15px;
	}
	.video-holder .left .block-holder {
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.album-info .rating-info .rating-fav .btn i {
		font-size: 22px;
	}
}

@media screen and (max-width: 992px) {
	.video-holder {
		display: block;
		padding-top: 15px;
	}
	.album-holder .album img {
		border-radius: 20px;
	}
	.video-holder .right {
		padding-bottom: 10px;
	}
	.video-holder .left {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.title-video {
		padding-top: 0;
	}
	.video-holder .left .block-holder {
		font-size: 15px;
	}
	.video-holder .left .models-list .item {
		width: 25%;
	}
	.video-holder .right .album-descrip {
		margin-bottom: 0;
	}
	.album-holder.view-album{
		flex-wrap: wrap;
	}
	.box .screenshots-holder {
		width: 100%;
		margin: 10px 0 0 0;
		order: 1;
	}
	.album-holder .screenshots-holder {
		padding: 20px 0 12px;
		overflow: hidden;
	}
	.album-holder .screenshots-holder .item .link {
		padding-bottom: initial !important;
		width: 70px;
		height: 70px;
	}
	.album-holder .screenshots-holder .nano-content {
		padding: 0 20px 8px;
	}
	.album-holder .screenshots-holder .item {
		margin: 0 10px 0 0;
	}
	.album-holder .screenshots-holder .item:last-child {
		margin-right: 0;
	}
	.album-holder .screenshots-holder .nano > .nano-content::-webkit-scrollbar {
		height: 4px;
	}
	.album-holder .screenshots-holder .nano > .nano-content::-webkit-scrollbar-thumb {
		background: rgba(50, 50, 50, 0.20);
		border-radius: 4px;
	}
	.album-holder .screenshots-holder .nano > .nano-content {
		position: static;
		white-space: nowrap;
		overflow-x: auto;
		display: flex;
	}
	.video-holder .right .album-holder.block-holder,
	.video-holder .right .album-descrip,
	.video-holder .left .block-holder {
		padding: 20px;
	}
	.comment-holder {
		padding-bottom: 5px;
	}
	.album-holder .album .fullscreen {
		right: 10px;
		bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.album-info {
		flex-direction: column;
	}
	.rating-info .rating-fav .btn-favourites,
	.album-info .rating-info .rating-holder {
		width: calc(50% - 4px);
	}
	.rating-info .rating-fav {
		padding-top: 0;
	}
	.album-info .rating-info .rating-fav {
		margin-right: 0;
		padding-bottom: 20px;
	}
	.rating-info .rating-fav .btn-favourites {
		margin-left: 4px;
	}
	.album-info .rating-info .rating-holder {
		margin-right: 4px;
	}
	.video-holder .right .rating-info {
		margin-right: 0;
	}
	.block-holder .album-info .inform {
		justify-content: space-between;
	}
}

@media screen and (max-width: 640px) {
	.video-holder .left .models-list .item {
		width: 33.333%;
	}
	.album-holder .album .swiper-button-next,
	.album-holder .album .swiper-button-prev {
		/* display: none; */
	}

	.album-holder .album .swiper-button-prev {
		left: 5px;
	}

	.album-holder .album .swiper-button-next {
		right: 5px;
	}

	.album-holder .screenshots-holder {
		border-radius: 20px;
	}
	.video-holder .right .album-holder.block-holder {
		padding: 10px;
		border-radius: 20px;
	}
	.form-holder .row.smail-holder .smails-holder img {
		padding: 1px;
		border: none;
	}
}

@media screen and (max-width: 480px) {
	.rating-info .rating-fav .btn-favourites .btn,
	.album-info .rating-info .rating-holder {
		padding: 5px 8px;
	}
}

@media screen and (max-width: 390px) {
	.rating-info .rating-fav .btn-favourites,
	.album-info .rating-info .rating-holder{
		width: 100%;
		margin: 0;
	}
	.album-info .rating-info .rating-holder {
		margin-bottom: 15px;
	}
	.rating-info .rating-fav {
		padding-bottom: 15px;
	}
	.rating-info .rating-fav {
		flex-direction: column;
	}
	.block-holder .album-info .inform .item-info {
		font-size: 13px;
		margin-right: 5px;
	}
	.form-holder .row.smail-holder.open-smail .textarea_border,
	.form-holder .row.smail-holder .textarea_border .input, .comment-block .comment-item .form .row .input {
		min-height: 130px;
	}
}

/* album end */

/* community start */

.landing-text {
	position: relative;
	max-width: 640px;
	width: 100%;
	min-width: auto;
	max-width: fit-content;
}

.landing-text a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    padding: 7px 10px;
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	font-weight: 500;
	will-change: transform;
	transition: all .3s;
	color: #fff;
	border-radius: 35px;
	cursor: pointer;
	border: 2px solid rgba(255, 255, 255, 0.20);
    background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FAECF0;
}

.landing-text a:hover {
	color: #fff;
}

.landing-text .plus {
	margin-right: 8px;
	flex-shrink: 0;
	background: #FD7EA3;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing-text .selected {
	justify-content: flex-start;
}

.box .sort-holder .sort.landing-text .selected.disable {
	border: none;
	background: #FAECF0;
	padding: 15px 176px 15px 20px;
	color: #FB0049;
	line-height: 1.3;
	text-align: center;
}

.landing-text .icon-danger {
	flex-shrink: 0;
	margin-right: 6px;
	font-size: 22px;
}

.landing-text .icon-danger:before,
.landing-text .icon-danger::after  {
	color: #FB0049;
}

.community-page .box .headline .title-holder {
	padding-top: 32px;
}

.community-page .panel-holder-search {
	width: 310px;
	flex-shrink: 0;
	margin-right: 40px;
	border-radius: 30px;
	background: #F3F3F3;
	padding: 20px; 
	position: relative;
	top: 98px;
}

.community-page .box .headline .title-holder {
	margin-right: 0;
}

.community-page .box .headline {
	width: 100%;
}

.box.show .panel-holder {
	width: 100%;
	padding: 0;
}

.box.show .panel-holder {
	min-width: auto;
}

.box.show .open-sort .dots-holder span,
.box.show .open-sort .dots-holder span:after,
.box.show .open-sort .dots-holder span:before {
	background-color: #FB0049;
}

.community-page .form-holder .rows {
	border-bottom: none;
	padding: 15px 20px;
	border-radius: 20px;
	background: #FFF;
	margin-bottom: 10px;
}

.community-page .form-holder .rows.second {
	padding: 15px 0;
}

.community-page .form-holder .rows.second .label,
.community-page .form-holder .rows.second .select2-container:first-of-type {
	padding: 0 20px;
}

.community-page .form-holder .rows:last-child {
	margin-bottom: 0;
}

.box.show .panel-holder .search-user .submite {
	margin: 0;
	width: 100%;
	padding: 7px;
	border-radius: 50px;
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid rgba(255, 255, 255, 0.20);
	cursor: pointer;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FAECF0;
	transition: all .3s;
}

.box.show .panel-holder .search-user .submite i {
	flex-shrink: 0;
	margin-right: 7px;
	font-size: 22px;
}

.box.show .panel-holder .block-holder {
	background: transparent;
	box-shadow: none;
	padding: 0;
	margin-bottom: 0;
}

.community-page .search-user-input {
	margin-bottom: 10px;
}

.community-page .form-holder .row.input-block {
	margin-bottom: 0;
	position: relative;
}

.community-page .form-holder .row.input-block .input {
	border-color: #fff;
	background: #fff;
	padding: 10px 45px 10px 54px;
	width: 100%;
}

.community-page .form-holder .row.input-block .search-btn {
	padding: 10px 20px 10px 10px;
	display: flex;
	align-items: center;
	font-size: 22px;
	color: rgba(0, 0, 0, .7);
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
}

.community-page .form-holder .input-block .icon-user {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 22px;
}

.community-page .form-holder .input-block .icon-user:before {
	color: #87878C;
}

.community-page .form-holder .input-block .icon-user:after {
	color: #CFCFD1;
	opacity: 1;
}

.community-page .form-holder .label,
.community-page .form-holder .text {
	font-size: 15px;
	margin-bottom: 12px;
	display: block;
}

.community-page .form-holder .row .block-radios .row {
	margin-bottom: 12px;
}

.community-page .form-holder .row .block-radios .row .label {
	position: relative;
	padding-left: 30px;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
}

.community-page .form-holder .row .block-radios .row .label i {
	flex-shrink: 0;
	font-size: 22px;
	margin-right: 6px;
}

.community-page .form-holder .row .block-radios .row .label:before {
	top: 0;
}

.community-page .form-holder .row .block-radios .row .label:after {
	top: 6px;
}

.form-holder .range-slider-holder .inform-holder,
.form-holder .range-slider-holder .inform-holder .inform-item {
	padding: 0;
}

.form-holder .range-slider-holder .inform-holder .inform-item {
	margin: 0;
}

.form-holder .range-slider-holder .inform-holder .inform-item .number {
	padding: 0;
	font-size: 15px;
	color: rgba(50, 50, 50, 0.50);
	background: transparent;
	border: none;
	width: 27px;
}

.form-holder .range-slider-holder .inform-holder .inform-item .js-from1,
.form-holder .range-slider-holder .inform-holder .inform-item .js-from2,
.form-holder .range-slider-holder .inform-holder .inform-item .js-from3 {
	text-align: right;
}

.form-holder .range-slider-holder .inform-holder .inform-item .js-to1,
.form-holder .range-slider-holder .inform-holder .inform-item .js-to2,
.form-holder .range-slider-holder .inform-holder .inform-item .js-to3 {
	text-align: left;
}

.range-slider-holder {
	position: relative;
	width: 100%;
}

.form-holder .range-slider-holder .inform-holder {
	position: absolute;
	right: 0;
	bottom: calc(100% + 12px);
	color: rgba(50, 50, 50, 0.50);
	display: flex;
	align-items: center;
}

.form-holder .range-slider-holder .irs--flat.irs-with-grid,
.js-range-slider1, .js-range-slider2,
.js-range-slider3 {
	height: 28px;
}

.form-holder .range-slider-holder .irs--flat .irs-line,
.form-holder .range-slider-holder .irs--flat .irs-bar  {
	height: 6px;
	border-radius: 6px;
	top: 10px;
	background: #F3F3F3;
}

.form-holder .range-slider-holder .irs--flat .irs-handle {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	top: 0;
    background: linear-gradient(to bottom, #3daaff, #b28dff);
	box-shadow: 0 0 0 2px rgba(61, 170, 255, 0.3);
}

.form-holder .range-slider-holder .irs--flat .irs-handle i {
	background: transparent;
}

.form-holder .range-slider-holder .js-range-slider1,
.form-holder .range-slider-holder .js-range-slider12,
.form-holder .range-slider-holder .js-range-slider3 {
	opacity: 0;
}

.irs--flat .irs-min, .irs--flat .irs-max,
.irs-from, .irs-to, .irs-single,
.irs--flat .irs-grid-pol,
.irs--flat .irs-grid-text {
	display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
	content: "\e900";
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	font-size: 16px;
	color: #323232;
	border-radius: 16px;
    background: #d6d6d6;
    transition: background .3s, color .3s, transform .3s;
	right: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 16px;
	height: 16px;
	right: 20px;
	top: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	background: transparent;
	border: none;
	padding: 0;
	font-size: 14px;
	line-height: 1.2;
}
.select2-container .select2-selection--single {
	height: auto;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	color: #FB0049;
	background: rgba(251, 0, 73, 0.10);
}

.select2-container--open .select2-dropdown--below {
	padding: 10px;
	margin-top: 2px;
	border: none;
	border-radius: 0 0 20px 20px;
}

.community-page .form-holder .rows.second .select2-container.select2-container--open {
	padding-bottom: 8px;
}

.community-page .form-holder .rows.second .select2-container.select2-container--open:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 20px;
	height: 1px;
	width: calc(100% - 40px);
	background: #F3F3F3;
}

.select2-results__option {
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 14px;
	color: #000;
	margin-bottom: 4px;
}

.select2-results__option:last-child {
	margin-bottom: 0;
}

.pm-wd-opt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
}

.pm-wd-opt-txt {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pm-wd-del {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	cursor: pointer;
	color: #ff3671;
	font-size: 20px;
	line-height: 1;
}

.pm-wd-del:hover {
	background: rgba(255, 54, 113, 0.12);
}

.pm-wd-add {
	display: block;
	width: 100%;
	color: #ff3671;
	font-weight: 600;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	color: #FB0049;
	background: #FAECF0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	color: #000;
	background: #f3f3f3;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 162px;
}

.select-img {
	display: flex;
	align-items: center;
}

.select-img img {
	margin-right: 10px;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: inline-block;
	line-height: 22px;
	object-fit: cover;
}

.select-img .icon-country {
	font-size: 22px;
	margin-right: 10px;
	flex-shrink: 0;
	color: #000;
}

.select2-results__options {
	scrollbar-width: thin;
	scrollbar-color: #F3F3F3 transparent;
}

.select2-results__options::-webkit-scrollbar {
	width: 4px;
}

.select2-results__options::-webkit-scrollbar-track {
	background: transparent;
}

.select2-results__options::-webkit-scrollbar-thumb {
	background-color: #F3F3F3;
	border-radius: 4px;
}

.wrap-checkbox {
	position: relative;
	display: block;
	padding-right: 30px;
	font-size: 15px;
}

.form .checkbox {
	display: none;
}

.form .checkbox + .wrap-checkbox:before {
	content: "";
	position: absolute;
	right: 0;
	top: -3px;
	z-index: 2;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	border: 1px solid #D9D9D9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	background: linear-gradient(to right, #67ACFF 0%, #3C95FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.form .checkbox:checked + .wrap-checkbox:before {
	content: "\e96b";
}

.search-user .form_btns {
	margin-top: 10px;
}

.box.show .panel-holder .search-user .submite.clear {
	box-shadow: none;
	color: #323232;
	font-size: 14px;
	max-width: 100%;
	padding: 7px;
	line-height: 18px;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	margin-top: 10px;
	display: none;
}

.box.show .panel-holder .search-user .submite.clear.hidden.show {
	display: flex;
	margin: 10px 0 0;
}

.box.show .panel-holder .search-user .submite.clear i {
	font-size: 20px;
}

.box.users-list .items-list .img-holder {
	width: 120px;
	height: 120px;
	padding-bottom: 0;
	margin: 0 auto 22px;
	overflow: visible;
}

.box.users-list .items-list .img-holder .icon {
	border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: initial;
    font-size: 36px;
}

.box.users-list .items-list .img-holder:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to top left, rgba(203, 203, 203, .1), #CBCBCB);
	border-radius: 50%;
}

.box.users-list .items-list .img-holder.online:after {
	background: linear-gradient(to top left, rgba(166, 217, 192, .1), #A6D9C0);
}

.box.users-list .items-list .img-holder img {
	max-width: 112px;
	max-height: 112px;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	border: 5px solid #F5F5F5;
	object-fit: cover;
	z-index: 1;
	border-radius: 50%;
}

.box.users-list .items-list .icon-online {
	font-size: 12px;
	padding: 5px 8px;
	position: absolute;
	top: calc(100% - 14px);
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	background: linear-gradient(257deg, rgba(216, 216, 216, 0.50) 12.42%, rgba(201, 201, 201, 0.50) 92.7%);
	backdrop-filter: blur(3.950000047683716px);
	color: #828282;
	border-radius: 20px;
	white-space: nowrap;
	font-family: "Montserrat";
	z-index: 1;
}

.box.users-list .items-list .icon-online.online {
	background: linear-gradient(257deg, rgba(141, 250, 123, 0.50) 12.42%, rgba(78, 188, 116, 0.50) 92.7%);
	backdrop-filter: blur(3.950000047683716px);
	color: #386C44;
}

.box.users-list.show .wrap-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.box.users-list.show .wrap-title .icon {
	margin: 0 2px;
	font-size: 20px;
	display: block;
	color: #323232;
	flex-shrink: 0;
}

.box.users-list.show .wrap-title .icon-checked2 {
	font-size: 19px;
	margin: 0;
}

.box.users-list.show .wrap-title .icon-couple {
	font-size: 23px;
	margin: 0 4px;
}

.box.users-list.show .wrap-title .flag {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	object-fit: cover;
}

.box.users-list.show .wrap-title {
	margin-bottom: 4px;
}

.box.users-list .items-list .info-user .name {
	padding-bottom: 0;
	font-weight: 600;
	margin-right: 4px;
	line-height: 1.3;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box.users-list.show .items-list {
	margin: -20px -20px 0 0;
	width: auto;
}

.box.users-list.show .items-list .item {
	width: 20%;
	padding: 20px 20px 0 0;
}

.box.users-list.show .items-list .link {
	border-radius: 30px;
	background: #F8F8F8;
	padding: 20px;
	display: block;
	transition: box-shadow .3s;
}

.box.users-list .items-list .info-user {
	padding: 0;
}

.box.users-list .info-members {
	display: flex;
	align-items: start;
	justify-content: center;
	color: rgba(50, 50, 50, 0.50);
	min-height: 18px;
}

.box.users-list .info-members i {
	font-size: 18px;
	flex-shrink: 0;
	margin-right: 5px;
}

.box.users-list .info-members i:before {
	box-shadow: none;
	background: #D1D1D1;
}

.box.users-list .info-members i:after {
	color: #959595;
}

.box.users-list .info-members .icon-photo-hover:after {
	font-size: 18px;
}

.box.users-list .info-members .text {
	font-size: 14px;
}

.box.users-list .info-members .quantity {
	display: flex;
	align-items: center;
	margin: 0 5px;
}

.box.users-list .items-list .info-user .age {
	text-align: center;
	margin-bottom: 8px;
}

.box.users-list {
	min-width: 1px;
	width: 100%;
}

.box .sort-holder.members-btn {
	/* width: calc(100% - 350px); */
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

@media (hover: hover) and (pointer: fine) {
	.landing-text a:hover,
	.box.show .panel-holder .search-user .submite:hover {
		color: #fff;
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6);
	}
	.box.users-list.show .items-list .link:hover {
		box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
		0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
		0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
	}
	.box.show .panel-holder .search-user .submite.clear.hidden:hover {
		background: transparent;
		box-shadow: none;
		color: #FB0049;
	}	
}

@media screen and (max-width: 1500px) {
	.box.users-list.show .items-list .item {
		width: 25%;
	}
}

@media screen and (max-width: 1300px) {
	.community-page .panel-holder-search {
		margin-right: 20px;
	}
	.community-page .box .headline {
		width: calc(100% + 330px);
		left: -330px;
	}
	.box .sort-holder.members-btn {
		width: calc(100% - 330px);
	}
}

@media screen and (max-width: 1200px) {
	.box.users-list.show .items-list .item {
		width: 33.333%;
	}
}

@media screen and (max-width: 992px) {
	.community-page .panel-holder-search {
		top: 0;
		margin-right: 0;
		width: 100%;
	}
	.community-page .js-form-search {
		display: none;
	}
	.box.show .panel-holder .search-user .rows-holder .rows {
		display: block;
	}
	.community-page .search-user .form_btns {
		max-width: 300px;
		margin: 10px auto 0;
	}
	.community-page .box.flex-start .headline {
        flex-wrap: wrap;
		width: 100%;
        left: 0;
    }
	.community-page .form-holder .row .block-radios {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.community-page .form-holder .row .block-radios .row {
		margin: 0 12px 0 0;
	}
	.community-page .form-holder .row .block-radios .row:last-child {
		margin: 0;
	}
	.community-page .form-holder .label {
		width: 100%;
	}
	.community-page .box .headline .title-holder {
		padding-top: 0;
		width: 100%;
	}
	.community-page .box .sort-holder.members-btn {
		width: 100%;
		padding-top: 0;
		margin-bottom: 25px;
		order: -1;
	}
	.landing-text {
		max-width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.box .sort-holder .sort.landing-text {
		padding: 0;
	}
	.box .sort-holder .sort.landing-text .selected.disable {
		font-size: 13px;
	}
}

@media screen and (max-width: 640px) {
	.community-page .search-user .form_btns {
		max-width: 100%;
	}
	.community-page .form-holder .row .block-radios {
		flex-direction: column;
		align-items: flex-start;
	}
	.community-page .form-holder .row .block-radios .row {
		margin: 0 0 12px 0;
	}
	.landing-text a {
		position: static;
	}
	.box .sort-holder .sort.landing-text .selected.disable {
		flex-direction: column;
		padding: 0;
		font-size: 14px;
		background: transparent;
	}
	.box .sort-holder .sort.landing-text {
		border-radius: 20px;
		background: #FAECF0;
		padding: 10px 20px;
	}
	.landing-text .icon-danger {
		margin: 0 0 8px 0;
		font-size: 24px;
	}
	.landing-text a {
		width: 100%;
		transform: translateY(0);
		margin-top: 12px;
	}
	.box.users-list.show .items-list .item {
		width: 50%;
	}
	.box .sort-holder .sort.landing-text .selected.disable {
		white-space: normal;
	}
}

@media screen and (max-width: 480px) {
	.box.users-list.show .items-list {
        margin: -20px -10px 0 0;
    }
	.box.users-list.show .items-list .item {
		padding: 20px 10px 0 0;
	}
	.box.users-list .items-list .info-user .age {
		font-size: 13px;
	}
}

@media screen and (max-width: 390px) {
	.box.users-list.show .items-list .item {
		width: 100%;
	}
}

/* community end */

/* popup start */

.fancybox-overlay {
	background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(12.050000190734863px);
}

.popup-holder.light-overlay {
	background: rgba(255, 255, 255, 0.90);
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-holder.congratulations {
	min-height: 100vh;
}

.popup-holder.light-overlay .form {
	width: 100%;
}

.popup-holder.congratulations .title-form,
.popup-holder.congratulations .bottom,
.popup-holder.congratulations .text-form-top,
.popup-holder.light-overlay .title-form.congratulations2,
.popup-holder.light-overlay .bottom.congratulations2,
.popup-holder.light-overlay .text-form-top.congratulations {
	display: none;
}

.popup-holder.congratulations .title-form.congratulations2,
.popup-holder.congratulations .bottom.congratulations2,
.popup-holder.congratulations .text-form-top.congratulations2 {
	display: block;
}

.fancybox-wrap {
	/* width: 100% !important;
    top: 0 !important;
    left: 50% !important;
	transform: translate3d(-50%, 0, 0); */
}

.fancybox-inner {
	/* width: 100% !important; */
}

.show_short .fancybox-overlay,
.fancybox-lock .fancybox-overlay {
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9999999999;
}

.fancybox-close {
	background-image: none;
	top: 50px;
	right: 4%;
	background-color: #fff;
	border: 1px solid rgba(50, 50, 50, 0.10);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: color .3s, border-color .3s, background .3s;
	z-index: 99999999;

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fancybox-close:after {
	content: "\e945";
}

.fancybox-type-image .fancybox-close {
	top: 10px;
	right: 10px;
}

.form-holder.popup-holder .columns .right {
	max-width: 750px;
	width: 100%;
	padding: 0;
	background-color: transparent;
}

.form-holder.popup-holder .columns .premium-plus-items .btn {
	max-width: 288px;
	width: 100%;
	background-color: transparent;
	border-radius: 50px;
	font-size: 15px;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}

.form-holder.popup-holder .columns .premium-plus-items .btn:hover {
	color: #fff;
	box-shadow: none;
}

.premium-plus-items .item .icon {
	width: 95px;
	height: 75px;
	margin: 0 auto 30px;
	display: flex;
    justify-content: center;
    align-items: flex-start;
}

.premium-plus-items .item .text {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 0;
}

.premium-plus-items {
	margin: 0;
	padding: 0;
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.premium-plus-items .item {
	padding: 30px 10px;
	border-radius: 30px;
	border: 1px solid rgba(50, 50, 50, 0.10);
	width: 100%;
	position: relative;
	text-align: center;
}

.premium-plus-items .item .icon .name {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	font-size: 12px;
	color: #fff;
	padding: 7px;
	border-radius: 20px;
	background: linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), linear-gradient(97deg, #FB0049 -19.08%, #FFA902 104.14%), #FFF;
}

.premium-plus-items .item .icon img,
.premium-plus-items .item .icon svg {
	width: auto;
}

.premium-plus-items .bottom {
	padding: 10px 0 0;
	grid-column: 1 / -1;
}

.form-holder.popup-holder .columns .right .form-inputs .logo {
	margin-bottom: 40px;
	text-align: center;
}

.form-holder.popup-holder .columns .right .form-inputs .logo img {
	width: 280px;
	height: 59px;
	will-change: transform;
}

.form-holder.popup-holder .columns .right .form-inputs {
	max-width: 100%;
	margin-bottom: 30px;
}

.text-form-top {
	margin: 0 auto;
	max-width: 448px;
	font-size: 16px;
	color: #9C9C9C;
	line-height: 1.4;
	position: static;
	text-align: center;
}

.form-holder.popup-holder .columns .right .title-form {
	padding: 0;
	margin-bottom: 15px;
	color: #323232;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.form-holder.popup-holder .columns .right .title-form:after {
	display: none;
}

.form-holder.popup-holder .title-form .top-text {
	margin-bottom: 10px;
	display: block;
}

.form-holder.popup-holder .title-form .bottom-text {
	font-size: 48px;
	display: block;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor;
}

.form-holder.popup-holder .title-form .bottom-text .mark {
	color: #FFA902;
}

.congratulations {
	background:  rgba(255, 255, 255, 0.90) url("../images/congratulations-bg.png") center top no-repeat;
}

.congratulations.form-holder .title-form .bottom-text {
	font-size: 72px;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor,
	1px 1px currentColor, -1px -1px currentColor, -1px 1px currentColor, 1px -1px currentColor,
	2px 0 currentColor, -2px 0 currentColor, 0 2px currentColor, 0 -2px currentColor;
}

.congratulations.form-holder .columns .premium-plus-items .btn-animation {
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	padding: 10px;
	display: flex;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.btn-animation .arrows {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-left: 10px;
	background: rgba(255, 255, 255, 0.40);
	padding: 10px;
	font-size: 14px;
	border-radius: 50px;
}
  
.btn-animation .arrows i {
	opacity: 0.4;
	animation: pulseArrow 1.2s infinite ease-in-out;
}

.btn-animation .arrows i:nth-child(1) {
	animation-delay: 0s;
}
.btn-animation .arrows i:nth-child(2) {
	animation-delay: 0.2s;
}
.btn-animation .arrows i:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes pulseArrow {
	0%, 80%, 100% {
		opacity: 0.4;
		transform: scale(1);
	}
	40% {
		opacity: 1;
		transform: scale(1.4);
	}
}

.btn-submit.is-loading {
	pointer-events: none;
	opacity: 0.9;
}
.btn-animation.is-loading .arrows i {
	display: none;
}
.btn-animation.is-loading .arrows {
	position: relative;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	box-sizing: border-box;
}
.btn-animation.is-loading .arrows:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: ktBuySpin 0.7s linear infinite;
}
@keyframes ktBuySpin {
	to { transform: rotate(360deg); }
}

.form-holder.popup-holder {
	padding: 30px 10px;
	height: 100%;
}

.congratulations.form-holder .columns .right .title-form {
	margin-bottom: 30px;
}

.congratulations.form-holder .columns .right .form-inputs .logo {
	margin-bottom: 75px;
}

.congratulations .text-form-top {
	color: #323232;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.congratulations.form-holder .premium-plus-items .bottom {
	padding-top: 40px;
}

.coupon-block {
	background: rgba(255, 255, 255, 0.90) url("../images/coupon-bg.png") center bottom no-repeat;
	min-height: 100vh;
}

.coupon-block.popup-holder .columns .right {
	max-width: 1060px;
}

.coupon-block.popup-holder .columns .right .form-inputs .logo {
	margin-bottom: 0;
}

.registration_selection {
	margin: 0 0 30px;
	border-radius: 50px;
	border: 2px solid rgba(50, 50, 50, 0.10);
	background: #FFF;
	backdrop-filter: blur(75px);
	padding: 5px;
	display: inline-flex;
	width: auto;
}

.registration_selection .item {
	border: none;
	border-radius: 50px;
	background: transparent;
	font-size: 16px;
	color: rgba(50, 50, 50, 0.50);
	padding: 12px 30px;
	cursor: pointer;
}

.registration_selection .item.active {
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
}

.signup_premium21,
.signup_premium2 {
	text-align: center;
}

.cards.second .card {
	height: auto;
}

#tab3 .card.primary .card-list,
#tab3 .card.primary .top-card,
#tab3 .card.primary .up-box {
	margin-bottom: 30px;
}

#tab3.main-popup .swiper-wrapper {
	padding-top: 65px;
}

#tab3 div.card.swiper-slide:nth-child(2) {
	top: -43px;
}

.balance-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 0;
	max-width: 100%;
}

.balance-wrap .text-name {
	margin-right: 8px;
	font-size: 16px;
	color: rgba(50, 50, 50, 0.50);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.balance-wrap .field-error {
	position: absolute;
	top: 100%;
	right: 0;
}

.form-token {
	position: relative;
}

.balance-price {
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	padding: 9px 18px;
	border-radius: 50px;
	border: 1px solid rgba(50, 50, 50, 0.10);
	flex-shrink: 0;
}

.img-balance {
	flex-shrink: 0;
	margin-right: 8px;
	width: 24px;
}

.primary-top {
	margin: 0 auto;
	color: #B76E00;
	font-size: 16px;
	max-width: 248px;
    width: 100%;
    padding: 12px 20px;
	border-radius: 30px 30px 0px 0px;
	background: linear-gradient(101deg, #FFB800 42.62%, #FDDD56 81.86%), linear-gradient(90deg, #FED589 0%, #FFD2CF 100%);
}

.cards.second .card .card {
	border-radius: 30px;
	padding: 30px 20px;
	border: 1px solid #F4F4F4;
	background: #FFF;
	margin-bottom: 0;
	display: inline-block;
	cursor: pointer;
}

.wrapper-slider-swiper input.radio {
	display: none;
}

.wrapper-slider-swiper input.radio:checked+.card .main-card {
	border: none;
	background: none;
	transition: none;
}

.wrapper-slider-swiper input.radio:checked+.card .top-card {
	background: none;
}

.wrapper-slider-swiper input.radio:checked+.card {
	background: linear-gradient(120deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FFF;
	color: #fff;
	border-color: #b3b0f6;
}

.wrapper-slider-swiper input.radio:checked+.card .top-card,
.wrapper-slider-swiper input.radio:checked+.card .old-price,
.wrapper-slider-swiper input.radio:checked+.card .up-box,
.wrapper-slider-swiper input.radio:checked+.card .discount,
.wrapper-slider-swiper input.radio:checked+.card .total,
.wrapper-slider-swiper input.radio:checked+.card .btn-coupon {
	color: #fff;
}

.wrapper-slider-swiper input.radio:checked+.card .card-list {
	border-color: rgba(255, 255, 255, 0.20);
}

.card.primary .discount {
	color: inherit;
}

.cards.second .main-card {
	padding: 0;
	border: none;
	text-align: left;
}

.card .price {
	margin-right: 0;
	font-size: 56px;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor;
}

.card .old-price {
	font-size: 20px;
	color: rgba(50, 50, 50, 0.30);
	margin-bottom: 20px;
	display: inline-block;
	text-decoration: line-through;
}

.card.primary .old-price {
	margin-bottom: 10px;
}

.card .card-label {
	font-size: 20px;
	color: rgba(50, 50, 50, 0.30);
	margin-bottom: 20px;
	display: inline-block;
}

.card.primary .card-label {
	margin-bottom: 10px;
}

.card .up-box {
	margin-bottom: 30px;
	color: #FFA902;
	font-size: 16px;
	font-weight: 600;
}

.card.primary .up-box {
	margin-bottom: 15px;
}

.card .card-list {
	padding: 30px 0;
	border-top: 1px solid rgba(50, 50, 50, 0.20);
	border-bottom: 1px solid rgba(50, 50, 50, 0.20);
	margin-bottom: 30px;
}

.card.primary .card-list {
	margin-bottom: 26px;
}

.card .card-list .icon-checked2 {
	font-size: 20px;
	flex-shrink: 0;
	margin-right: 10px;
}

.card .card-list .icon-checked2:before {
	background: #8CCFB9;
	border-radius: 50%;
}

.card .card-list .item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

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

.card .discount:before, .card .discount:after {
	display: none;
}

.card .discount-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #323232;
	font-size: 16px;
	margin-bottom: 30px;
	text-transform: inherit;
}

.card .discount-box .total b {
	font-weight: 700;
}

.signup_premium21 .card .popup-form .row,
.signup_premium2 .card .popup-form .row {
	margin: 0;
	width: 100%;
}

.signup_premium21 .card .btn-animation,
.signup_premium2 .card .btn-animation {
	width: 100%;
	font-size: 16px;
	padding: 17px 10px;
	color: #FB0049;
	border-radius: 50px;
	border: 2px solid #FB0049;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	transition: none;
	cursor: pointer;
}

.signup_premium21 .card .btn-animation .arrows,
.signup_premium2 .card .btn-animation .arrows {
	display: none;
}

.wrapper-slider-swiper input.radio:checked+.card .btn-animation {
	padding: 9px 10px;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.20);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%),
	linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%),
	linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.wrapper-slider-swiper input.radio:checked+.card .btn-animation .arrows {
	display: flex;
}

.cards.second .swiper-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 20px;
}

.card .top-card {
	padding: 0;
	background: none;
	font-size: 24px;
	color: #323232;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.card.primary .top-card {
	margin-bottom: 15px;
}

.card .top-card .col {
	flex-grow: 1;
	margin-right: 5px;
	display: flex;
	align-items: center;
}

.card .top-card .title-name {
	margin-right: 10px;
}

.validity {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 50px;
	background: linear-gradient(97deg, #FB0049 -19.08%, #FFA902 104.14%), rgba(0, 0, 0, 0.05);
}

.img-emoji {
	display: block;
	flex-shrink: 0;
	max-height: 30px;
}

.wrap-coupon {
	text-align: center;
	margin-top: 30px;
}

.card .btn-coupon {
	text-decoration: underline;
	font-size: 14px;
	display: inline-block;
	transition: color .3s;
	background: none;
	cursor: pointer;
	outline: none;
	border: none;
}

.card .img-token {
	flex-shrink: 0;
	margin-right: 5px;
}

.wrapper-slider-swiper:before,
.wrapper-slider-swiper:after {
	display: none;
}

.swiper-pagination-bullet {
	will-change: transform;
}

.wrapper-slider-swiper .cards {
    display: flex;
    justify-content: center;
	opacity: 0;
}

.signup_premium21 .cards.swiper-container-horizontal,
.signup_premium2 .cards.swiper-container-horizontal {
	opacity: 1;
}

.card-coupon .form-code {
	display: none;
}

.card-coupon.open .form-code {
	display: block;
}

.card-coupon.open .hide-coupon {
	display: none;
}

.card-coupon .popup-form .wrap-input {
	max-width: 100%;
	margin-bottom: 10px;
}

.card-coupon .popup-form input {
	border: 1px solid rgba(50, 50, 50, 0.30);
	height: 50px;
	text-align: center;
	color: #323232;
	font-size: 16px;
	border-radius: 50px;
}

.card-coupon.open .discount-box {
	margin-bottom: 15px;
}

.card-coupon .form-code .btn-animation {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	border-color: rgba(255, 255, 255, 0.20);
}

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

.form-holder.popup-holder .columns {
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-holder.popup-holder .columns .left {
	width: 520px;
	margin-right: 15%;
	position: relative;
}

.form-holder.popup-holder.login-holder .columns .right {
	max-width: 640px;
	padding: 50px 30px;
	border-radius: 30px;
	border: 2px solid rgba(156, 156, 156, 0.20);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(50px);
}

.form-holder.popup-holder.login-holder .columns .right .title-form {
	text-transform: inherit;
	font-size: inherit;
	text-align: left;
	margin-bottom: 0;
}

.login-holder .title {
	font-size: 30px;
	margin-bottom: 8px;
	display: block;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor;
}

.login-holder .title-sub {
	font-size: 16px;
	color: #87878C;
	font-weight: 500;
}

.login-holder .title-sub a {
	color: #FB0049;
}

.login-holder .title-top {
	margin-bottom: 50px;
	display: flex;
	align-items: center;
}

.login-holder .user-icon {
	margin-right: 20px;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	border-radius: 10px;
	border: 2px solid #FFEC9C;
	background: #FFF9E2;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-holder .user-icon.second {
	border-color: #FFB4E5;
	background: #FFD4F1;
}

.login-holder .user-icon img {
	display: block;
}

.form-holder.popup-holder.login-holder .columns .icon i {
	font-size: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	transform: none;
	top: 15px;
}

.form-holder.popup-holder.login-holder .columns .icon .icon-lock:before {
	color: #87878C;
}

.form-holder.popup-holder .columns .row .icon.focus i {
	color: initial;
}

.form-holder.popup-holder .columns .row .icon .input {
	padding-left: 50px;
	padding-right: 45px;
	border-radius: 50px;
	border: 2px solid #FFF;
	width: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.50);
	transition: border-color .3s;
}

.form-holder.popup-holder .columns .row .icon .input:focus {
	border-color: #FB0049;
}

.form-holder.popup-holder.login-holder .columns .icon .icon-hide {
	left: auto;
	right: 20px;
}

.login-holder.form-holder .row {
	margin-bottom: 30px;
	line-height: 1.2;
}

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

.login-holder.form-holder .row .icon.input-holder {
	margin-bottom: 10px;
	position: relative;
	min-height: 50.8px;
}

.login-holder.form-holder .row .icon.input-holder:last-child {
	margin-bottom: 0;
}

.login-holder.form-holder .row .icon.input-holder.btn_login {
	min-height: auto;
	text-align: center;
	max-width: 100%;
}

.form-holder.popup-holder.login-holder .columns .row .columns .link {
	margin-right: 0;
	color: #87878C;
	font-size: 15px;
	text-decoration: underline;
	transition: color 0.3s;
}

@media (hover: hover) and (pointer: fine) {
	.form-holder.popup-holder.login-holder .columns .row .columns .link:hover {
		color: #FB0049;
	}
}

.form-holder.popup-holder.login-holder .columns .label {
	color: #87878C;
	font-size: 15px;
	line-height: 24px;
}

.form-holder.popup-holder.login-holder .columns .right .form-inputs {
	margin-bottom: 0;
}

.form-holder.popup-holder .columns .row .columns .label {
	padding-left: 30px;
	position: relative;
	cursor: pointer;
}

.form-holder.popup-holder .columns .row .columns .label:before {
	content: "";
    position: absolute;
    top: -2px;
	left: 0;
	border-radius: 6px;
	border: 1px solid #D9D9D9;
	background: #FFF;
	width: 22px;
	height: 22px;
}

.form-holder.popup-holder .columns .row .columns .label:after {
	position: absolute;
    top: 4px;
    left: 6px;
    height: 6px;
    width: 11px;
	transform: rotate(-50deg);
    border: 2px solid #3C95FF;
	border-top: none;
    border-right: none;
}

.form-holder.popup-holder .columns .row .columns .checkbox:checked + label:after {
    content: "";
}

.form-holder.popup-holder .columns .row .columns .checkbox:checked + label:before {
    background: #fff;
    border-color: #D9D9D9;
}

.form-holder.popup-holder .columns .row .columns {
	padding: 0;
	margin: 0 -5px;
	justify-content: space-between;
}

.form-holder.popup-holder .columns .row .columns .column {
	padding: 0 5px;
	display: flex;
	align-items: center;
}

.login-holder .btn-animation {
	width: 100%;
	font-size: 16px;
	padding: 10px;
	color: #fff;
	border-radius: 50px;
	border-color: rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: box-shadow .3s;
}
.login-holder .separator {
	text-align: center;
	color: #323232;
	line-height: 1.2;
	display: flex;
	align-items: center;
}

.login-holder .separator:before {
	content: "";
	border-top: 1px solid rgba(50, 50, 50, 0.20);
	width: 50%;
	display: inline-block;
	margin-right: 30px;
}

.login-holder .separator:after {
	content: "";
	border-top: 1px solid rgba(50, 50, 50, 0.20);
	width: 50%;
	display: inline-block;
	margin-left: 30px;
}

.form-holder.popup-holder .columns .link-botton {
	padding-top: 0;
}

.form-holder.popup-holder .columns .link-botton .link {
	text-decoration: none;
	color: #323232;
	display: block;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	border: 2px solid #FB0049;
	padding: 17px 10px;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%);
	transition: none;
}

.login-holder .text-bottom {
	font-size: 12px;
	color: #87878C;
	max-width: 436px;
	line-height: 1.3;
}

.login-holder .text-bottom a {
	color: #FB0049;
	font-size: 12px;
}

.popup-copy {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #87878C;
}

.popup-copy .img {
	margin-right: 12px;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	flex-shrink: 0;
}

.login-holder .left .items {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.login-holder .items .item-box {
	width: calc(50% - 20px);
	border-radius: 30px;
	border: 2px solid rgba(50, 50, 50, 0.05);
	padding: 25px;
	background: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #6D6D6D;
	font-size: 16px;
	margin: 10px;
	position: relative;
	overflow: hidden;
}

.login-holder .items .item-box:after {
	content: "";
	position: absolute;
	top: -5px;
	right: -5px;
	width: 40px;
	height: 40px;
	background: radial-gradient(circle at center, rgba(255, 100, 180, 0.9), transparent 100%);
	pointer-events: none;
	filter: blur(30px);
}

.form-holder.popup-holder .columns .left .static-holder {
	color: #323232;
	margin-bottom: 10px;
}

.form-holder.popup-holder .columns .left .item-list .title-list {
	color: #323232;
	text-align: center;
	font-size: 20px;
	padding-bottom: 30px;
}

.form-holder.popup-holder .columns .left .item-list .title-list .mark {
	font-size: 30px;
	display: block;
	margin-bottom: 8px;
    line-height: 1.2;
	font-weight: 600;
}

/* .form-holder.popup-holder .columns .left .static-holder span {
	padding-bottom: 0;
} */

.party-text {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor;
	padding: 16px 20px;
	max-width: 200px;
	margin: 0 auto 15px;
	cursor: default;
	display: block;
	text-align: center;
}

.party-text:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 60px;
	background: linear-gradient(97deg, #FB0049 -19.08%, #FFA902 104.14%), #D9D9D9;
	transform: rotate(-4deg);
	z-index: -1;
}

.party-text .image {
	position: absolute;
    left: -30px;
    top: -26px;
	will-change: transform;
}

.form-holder.popup-holder .columns .left .static-holder span.users {
	font-size: 60px;
	line-height: 1.2;
	margin-bottom: 15px;
	display: block;
	text-align: center;
	text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor, 1px 1px currentColor, -1px -1px currentColor, -1px 1px currentColor, 1px -1px currentColor, 2px 0 currentColor, -2px 0 currentColor, 0 2px currentColor, 0 -2px currentColor;
}

.form-holder.popup-holder .users-text {
	font-size: 20px;
	display: block;
	text-align: center;
}

.login-holder .items .image {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.form-holder.popup-holder .columns .left .text-left {
	padding: 30px 0 0;
}

.static-holder .icon-star-login {
	position: absolute;
}

.static-holder .icon-star-login.icon-left {
	font-size: 55px;
	top: 50px;
	left: 15px;
}

.static-holder .icon-star-login.icon-center {
	top: -30px;
	left: 50%;
	font-size: 35px;
	transform: rotate(40deg);
}

.static-holder .icon-star-login.icon-center:before {
	color: #EE1F53;
}

.static-holder .icon-star-login.icon-right {
	top: 70px;
	right: 50px;
	font-size: 25px;
}

.static-holder .icon-star-login.icon-right:before {
	color: #000;
}

.popup-holder.light-overlay.login-holder {
	background: rgba(255, 255, 255, 0.90) url("../images/svg/login-bg.svg") no-repeat 100% 0% / contain;
}

.login-holder .logo {
	margin-bottom: 30px;
	margin-left: 18%;
}

.form-holder.popup-holder.login-holder .columns .right.authorisation {
	align-self: flex-start;
	margin: auto 0;
}

.form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 15px 20px 15px 50px;
	border: 2px solid #FFF;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.50);
	color: #87878C;
}

.form-holder.popup-holder .select2-container--default .select2-selection--single {
	background: transparent;
}

body:not(.show_avatar) .select2-container,
body:not(.open-menu) .select2-container {
	z-index: 9999999999999;
}


body.open-menu .select2-container,
body.show_avatar .select2-container,
.search-user.filter .select2-container {
	z-index: 1;
}

.form-holder.popup-holder.login-holder .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered {
	border-top-right-radius: 22px;
	border-top-left-radius: 22px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background: transparent;
	border-color: #FB0049;
}

.login-holder .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow b {
	color: #FB0049;
}

.form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered:before {
	content: "\e946";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 20px;
	color: rgb(50, 50, 50);

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered:after {
	content: "\e947";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 20px;
	color: rgb(50, 50, 50);
    opacity: 0.4;

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.login-holder .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}

.login-holder .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: none;
	font-size: 24px;
	color: #87878C;
}

.fancybox-wrap.fancybox-type-image {
	/* top: 50% !important;
	left: 50% !important;
	transform: translate3d(-50%, -50%, 0); */
}

.fancybox-skin {
	background: none !important;
}

.trailers-wrap,
.trailers-wrap .fancybox-skin,
.trailers-wrap .fancybox-outer,
.trailers-wrap .fancybox-inner {
	height: 100%;
}

.basic-popup,
.basic-popup .fancybox-skin,
.basic-popup .fancybox-outer,
.basic-popup .fancybox-inner {
	height: 100%;
}

.trailers-wrap .fancybox-outer {
	width: 600px;
	margin: 0 auto;
}

.trailers-wrap {
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(80px);
	right: 0;
}

.trailers-wrap .fancybox-image {
	object-fit: cover;
}

.trailers-wrap .fancybox-nav {
	width: 50px;
	height: 70px;
	border-radius: 50px;
	padding: 20px 10px;
	border: 2px solid #F3F3F3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #F3F3F3;
	transition: color .3s, background .3s, border-color .3s;
}

.trailers-wrap .fancybox-prev span {
	align-items: flex-start;
}

.trailers-wrap .fancybox-nav.fancybox-prev {
	left: calc(100% + 15px);
	top: 39%;
}

.trailers-wrap .fancybox-nav.fancybox-prev i {
	transform: rotate(-90deg);
}

.trailers-wrap .fancybox-next span {
	align-items: flex-end;
}

.trailers-wrap .fancybox-nav.fancybox-next {
	right: auto;
	left: calc(100% + 15px);
	top: 48%;
}

.trailers-wrap .fancybox-nav.fancybox-next i {
	transform: rotate(90deg);
}

@media (max-height: 750px) {
	.trailers-wrap .fancybox-nav.fancybox-prev {
		top: 34%;
	}

	.trailers-wrap .fancybox-nav.fancybox-next {
		top: 53%;
	}
}



.trailers-wrap .fancybox-nav span {
    visibility: visible;
	display: flex;
	justify-content: center;
	right: auto;
	left: auto;
	background: transparent;
}

.trailers-wrap .fancybox-nav span i {
	display: block;
}

.trailers-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px;
	z-index: 99999;
}

.trailers-top .sort {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 5px;
}

.trailers-top .drop-holder {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
	transform: translate3d(0, 20px, 0);
	opacity: 0;
	padding: 12px 14px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: rgba(255, 255, 255, 0.20);
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.21), 0px 36.502px 29.201px 0px rgba(0, 0, 0, 0.14), 0px 17.721px 14.177px 0px rgba(0, 0, 0, 0.12), 0px 8.687px 6.95px 0px rgba(0, 0, 0, 0.09), 0px 3.435px 2.748px 0px rgba(0, 0, 0, 0.07);
	backdrop-filter: blur(12.5px);
	z-index: 20;
	visibility: hidden;
	width: auto;
    left: auto;
	min-width: 126px;
	transition: transform .3s, opacity .3s, visibility .3s;
}

.trailers-top .open-sort .drop-holder {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 10px, 0);
}

.trailers-top .open-sort .drop-holder .box-image {
	margin: 0;
}

.trailers-top .open-sort .drop-holder .link-drop {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.trailers-top .open-sort .icon-arrow-down {
	transform: rotate(180deg);
}

.trailers-top .js-sort,
.trailers-top .link-drop {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
}

.trailers-top .box-image {
	margin-right: 5px;
	padding: 5px 8px 3px;
	border-radius: 50px;
	text-transform: uppercase;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
	font-weight: 800;
	background: linear-gradient(97deg, #FB0049 -19.08%, #FFA902 104.14%), linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), #FFF;
}

.trailers-top .box-image.second {
	background: linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%);
}

.trailers-top .image {
	display: block;
}

.trailers-top .item-sort {
	margin-bottom: 4px;
}

.trailers-top .item-sort:last-child {
	margin-bottom: 0;
}

.trailers-top .js-sort .text,
.trailers-top .link-drop .text {
	margin-right: 5px;
}

.trailers-top .icon-arrow-down {
	font-size: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.20);
	transition: transform .3s;
}

.close-trailers {
	position: static;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: none;
	color: #fff;
	flex-shrink: 0;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.4);
}

.btn-volume {
	width: 50px;
	height: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	border-radius: 50%;
	cursor: pointer;
	transition: background .3s, border-color .3s;
	flex-shrink: 0;
}

.btn-volume .icon-volume {
	position: relative;
}

.btn-volume .icon-volume:before {
	transition: opacity .2s;
}

.btn-volume.active .icon-volume:before {
	opacity: .4;
}

.btn-volume.active .icon-volume:after {
	content: "";
	width: 2px;
	height: 26px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	opacity: 1;
	top: 50%;
	left: 28px;
	transform: translate3d(0, -50%, 0) rotate(45deg);
}

.close-trailers i {
	transform: rotate(180deg);
}

.close-trailers:after {
	display: none;
}

.trailers-rate {
	position: absolute;
	right: 20px;
	bottom: 20%;
	display: flex;
	flex-direction: column;
	z-index: 99999;
}

.trailers-rate .btn i {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid rgba(255, 255, 255, 0.30);
	font-size: 24px;
	border-radius: 50%;
	color: #fff;
	transition: background .3s, border-color .3s;
}

.trailers-rate .btn-favourites .btn i {
	font-size: 22px;
}

.trailers-rate .btn .quantity {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: block;
	margin-top: 5px;
	text-align: center;
}

.trailers-rate .btn.voted i,
.trailers-rate .btn.active i {
	border-color: #fff;
	background: #fff;
}

.trailers-rate .btn.voted i:before,
.trailers-rate .btn.active i:before {
	background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.trailers-rate .btn.voted,
.trailers-rate .btn.disabled {
	cursor: default;
	pointer-events: none;
}

.trailers-rate .like,
.trailers-rate .dislike {
	margin-bottom: 10px;
}

.trailers-rate .like i,
.trailers-rate .dislike i {
	position: relative;
}

.trailers-rate .like i:after,
.trailers-rate .dislike i:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 13px;
	background: #e4dddd;
	z-index: 1;
}

.trailers-rate .like i:after {
	top: 19px;
	left: 16px;
}

.trailers-rate .dislike i:after {
	top: 13px;
	right: 16px;
}

.trailers-rate .btn.active.like i:after,
.trailers-rate .btn.active.dislike i:after {
	background: #fff;
}

.trailers-rate .voters {
	position: absolute;
    top: -44px;
    right: -13px;
    text-align: center;
	color: #fff;
}

.trailers-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	z-index: 99999;
}

.trailers-bottom .timeline-img {
	display: block;
	width: 100%;
	display: none;
}

.trailers-bottom:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
	pointer-events: none;
	z-index: -1;
}

.timeline-title {
	font-size: 15px;
	margin-bottom: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.timeline-title .view_short {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 5px;
	font-size: 14px;
	font-weight: 700;
}

.timeline-title .view_short svg {
	width: 20px;
	height: 16px;
}

.trailers-bottom .btn-animation {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	padding: 10px;
	color: #fff;
	font-size: 14px;
	transition: background .3s, border-color .3s;
}

.trailers-bottom .btn-animation .arrows {
	padding: 0;
	background: none;
}

.popup-inner {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999999;
	background: rgba(0, 0, 0, 0.50);
	backdrop-filter: blur(12.050000190734863px);
	padding: 10px;
	margin: 0 !important;
}

.popup-inner .box-popup {
	padding: 20px;
	border-radius: 30px;
	border: 2px solid rgba(156, 156, 156, 0.20);
	background: rgba(255, 255, 255, 0.90);
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #000;
	max-height: 100%;
	overflow-y: auto;
}

.popup-inner .box-popup:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, rgba(255, 100, 180, 0.15), transparent 100%);
	pointer-events: none;
	filter: blur(10px);
	z-index: -1;
}

.popup-inner .box-img img {
	width: 100%;
	display: block;
}

.popup-inner .box-img {
	margin-bottom: 20px;
}

.popup-inner .link {
	display: block;
	max-width: 450px;
	width: 100%;
	font-size: 16px;
	padding: 15px;
	margin: 0 auto;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: box-shadow .3s;
}

.popup-inner .link.second {
	border: 2px solid #FB0049;
	background: none;
	color: #FB0049;
}

.popup-inner .separator {
	margin: 10px 0;
}

.popup-inner .text-title {
	font-size: 16px;
	margin-bottom: 20px;
}

.popup-inner .text-title.second {
	font-weight: 600;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.3;
}

.popup-inner .text-title.second p + p {
	margin-top: 30px;
}

.popup-inner .btn-upgrade-new {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	border: none;
	cursor: pointer;
}

.light-text {
	color: #7E7E7E;
	font-weight: 500;
}

.popup-inner .text-title .mark {
	text-transform: uppercase;
	background: linear-gradient(to bottom, #28A9FB, #4285F1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	letter-spacing: -.8px;
}

.popup-inner .top-headline {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
}

.popup-inner .top-headline .text {
	margin-right: 5px;
	font-weight: 600;
	font-size: 18px;
	color: #323232;
}

.popup-inner .box-image.second {
    padding: 4px 10px;
    border-radius: 50px;
    background: linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%);
}

.popup-inner .box-image img {
	display: block;
}

.popup-inner .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #7E7E7E;
	cursor: pointer;
	transition: color .3s;
	background: none;
}

.popup-inner.second {
	background: rgba(0, 0, 0, 0.30);
	backdrop-filter: none;

}

.popup-inner.second .box-popup {
	max-width: 610px;
}

.popup-inner.second .box-popup.reduct,
.popup-inner.second .popup-slider {
	max-width: 1100px;
}

.popup-inner.second .popup-slider {
	padding: 10px 20px;
	width: 100%;
}

.popup-slider .swiper-container {
	opacity: 0;
	transition: opacity .3s;
}

.popup-slider .swiper-container.swiper-container-horizontal {
	opacity: 1;
}

.popup-slider .swiper-container .swiper-slide {
	cursor: pointer;
}

.popup-slider .swiper-button-next,
.popup-slider .swiper-button-prev {
	position: fixed;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	border-radius: 50%;
	font-size: 26px;
}

.popup-slider .swiper-button-prev {
	left: 30px;
}

.popup-slider .swiper-button-next {
	right: 30px;
}

.popup-slider .title-headline {
	position: fixed;
	left: 30px;
	top: 30px;
	color: #fff;
	z-index: 2;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

.popup-slider .title-headline .name {
	font-size: 24px;
	margin-bottom: 4px;
}

.popup-slider .thumbnail-slider {
	margin-top: 30px;
}

.popup-slider .thumbnail-slider .swiper-slide {
	opacity: .5;
}

.popup-slider .thumbnail-slider .swiper-slide img {
	border-radius: 8px;
}

.popup-slider .swiper-slide img {
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 200px);
	width: auto;
	height: auto;
	margin: 0 auto;
	border-radius: 20px;
	object-fit: contain;
}
.popup-slider .thumbnail-slider .swiper-slide img {
	max-height: none;
	width: 100%;
	margin: 0;
}
.popup-slider .player-wrap {
	width: auto !important;
	height: auto !important;
	padding-bottom: 0 !important;
	max-width: 100%;
	max-height: calc(100vh - 100px);
	aspect-ratio: var(--video-aspect, 1.7777);
	margin: 0 auto;
}

.popup-slider .thumbnail-slider .swiper-slide.swiper-slide-active {
	opacity: 1;
}

.columns-upload {
	display: flex;
}

.columns-upload .box-img {
	margin: 0 35px 0 0;
}

.columns-upload .col-images .block-img {
	overflow: hidden;
	border-radius: 50%;
}

.columns-upload .col-images .block-img.lg {
	height: 136px;
	width: 136px;
}

.columns-upload .col-images .block-img.sm {
	height: 80px;
	width: 80px;
	margin: 42px auto 0;
}

.columns-upload .col-images .block-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.popup-inner .buttons-wrap {
	display: flex;
	justify-content: flex-end;
}

.popup-inner .buttons-wrap .btn-light-on {
	margin: 0 8px 0 0;
	width: auto;
	padding: 10px 20px;
}

.popup-inner .buttons-wrap .link.link-submit {
	padding: 10px 20px;
	margin: 0;
	max-width: 260px;
}

.popup-inner.second .top-headline {
	justify-content: flex-start;
	padding-bottom: 10px;
	border-bottom: 1px solid #87878C;
	margin-bottom: 30px;
}

.popup-inner.second .top-headline .text {
	line-height: 26px;
	margin-right: 26px;
}

.text-popup {
	color: #87878C;
	font-size: 12px;
	line-height: 1.4;
}

.popup-inner .text-content {
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}

.text-content .text-popup {
	color: #323232;
	font-size: 15px;
}

.text-popup + .text-popup {
	margin-top: 20px;
}

.text-popup + .text-popup.second {
	margin-top: 5px;
}

.box-text-popup {
	margin-bottom: 24px;
	text-align: center;
}

.box-text-popup .link {
	max-width: 100%;
	padding: 10px;
	font-size: 14px;
	cursor: pointer;
}

.progress-container {
	height: 24px;
	border: 1px solid #3C95FF;
	border-radius: 24px;
	padding: 5px;
}

.progress-bar-content {
	height: 100%;
	width: 80%;
	background-color: #3C95FF;
	border-radius: 8px;
}

.upload-box {
	border-radius: 30px;
	border: 2px dashed #E2E2E2;
	background: rgba(255, 255, 255, 0.50);
	padding: 20px;
	margin-bottom: 30px;
}

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

.upload-box.dragover {
	border: 2px dashed #ff416c;
	background: #fff0f5;
}

.box-popup .separator {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
	color: #87878C;
	font-size: 12px;
}

.box-popup .separator::before,
.box-popup .separator::after {
	content: "";
	width: 86px;
	height: 1px;
	background: #E2E2E2;
}

.box-popup .separator:not(:empty)::before {
	margin-right: 24px;
}

.box-popup .separator:not(:empty)::after {
	margin-left: 24px;
}

.upload-box input[type="file"] {
	display: none;
}

.upload-box .link {
	cursor: pointer;
	max-width: 234px;
	padding: 10px;
}

.upload-box .link.w-100 {
	max-width: 100%;
}

.popup-inner .row .label {
    margin-bottom: 8px;
	display: inline-block;
}

.popup-inner .row .input-holder + .label {
	margin-top: 12px;
}

.popup-inner .row {
	text-align: left;
	margin-bottom: 30px;
}

.popup-inner .row.last,
.popup-inner .row:last-child {
	margin-bottom: 0;
}

.popup-inner .row .input.textfield {
	width: 100%;
	border-radius: 50px;
	height: 50px;
	border: 1px solid #E2E2E2;
	background: rgba(255, 255, 255, 0.60);
	padding: 7px 20px;
	font-size: 12px;
	color: #87878C;
}

.popup-inner .row textarea.input.textfield {
	resize: none;
	padding: 10px 20px;
	border-radius: 20px;
	min-height: 150px;
}

.popup-inner .link.link-submit {
	max-width: 100%;
	display: flex;
    align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 10px;
}

.popup-inner .link.link-submit i {
	margin-left: 7px;
	flex-shrink: 0;
	font-size: 22px;
}

.popup-inner .link.link-submit .icon-arrow-right {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .4);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

.popup-inner .box-wrap {
	margin-bottom: 18px;
}

.popup-inner .box-wrap:last-child {
	margin-bottom: 0;
}

.popup-inner .box-wrap .wrap-checkbox {
	padding: 0 0 0 34px;
	display: inline-block;
	cursor: pointer;
}

.popup-inner .checkbox + .wrap-checkbox:before {
	right: auto;
	left: 0;
}

.nano-popup .top-headline,
.nano-popup .cols-image,
.nano-popup .box-text-popup {
	padding: 0 12px;
}

.nano > .nano-pane {
	width: 4px;
	background: none;
}

.nano > .nano-pane > .nano-slider {
	width: 4px;
	background: rgba(50, 50, 50, 0.20);
}

.cols-image {
	display: flex;
	flex-wrap: wrap;
	margin: -6px;
}

#album_info_form .cols-image {
	margin: 0;
}

.cols-image .col-2 {
	width: 50%;
	padding: 6px;
}

.cols-image .col-3 {
	width: 33.333%;
	padding: 6px;
}

.cols-image .col-2 .block,
.cols-image .col-3 .block  {
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
}

.cols-image .overlay.line-processing {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #6b6b6b;
	z-index: 1;
}

.cols-image .user-btns .drop-holder {
	width: auto;
	min-width: 210px;
	left: auto;
	right: 0;
	overflow: visible;
}

.cols-image .user-btns .drop-holder .link-drop {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.cols-image .user-btns .drop-holder .link-drop i {
	flex-shrink: 0;
	margin-right: 8px;
	min-width: 13px;
}

.cols-image .user-btns .drop-holder .link-drop i.icon-edit {
    width: 13px;
    height: 20px;
    font-size: 20px;
    transform: scale(0.75);
}

.cols-image .overlay.line-processing .text-viewed {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 6px 12px;
	font-size: 11px;
	text-align: center;
}

.cols-image .col-2 img,
.cols-image .col-3 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cols-image .col-2 .block,
.cols-image .col-3 .block {
	display: block;
	position: relative;
	padding-bottom: 100%;
	border: 2px solid transparent;
	transition: border-color .3s;
}

.cols-image .col-2 .block {
	padding-bottom: 56.25%;
}

.cols-image .col-2 .block.active,
.cols-image .col-3 .block.active {
	border-color: #FF3671;
}

@media (hover: hover) and (pointer: fine) {
    .cols-image .col-2 .block:hover,
	.cols-image .col-3 .block:hover {
        border-color: #FB0049;
    }
}

.cols-image .col-2 img,
.cols-image .col-3 img {
	position: absolute;
	top: 0;
	left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nano-upload-video:not(.no_nano) {
	height: 480px;
	height: 430px;
}

.box-popup.nano-popup {
	padding: 20px 8px;
}

.file-upload {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.popup-inner .row .upload_item {
	margin-bottom: 18px;
}

.popup-inner .row .upload_item:last-child,
.file-upload:last-child {
	margin-bottom: 0;
}

.file-thumbnail {
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-right: 12px;
	position: relative;
	overflow: hidden;
}

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

.file-thumbnail i {
	font-size: 30px;
	z-index: 1;
}

.file-thumbnail .icon-play-hover:before {
	border-radius: 50%;
}

.file-thumbnail .icon-photo-hover:before {
	border-radius: 8px;
}

.file-thumbnail .icon-play-hover:before,
.file-thumbnail .icon-photo-hover:before {
	box-shadow: none;
	background: #E8E8E8;
}

.file-thumbnail .icon-play-hover:after,
.file-thumbnail .icon-photo-hover:after {
	color: #fff;
}

.file-thumbnail .icon-photo-hover:after {
	font-size: 26px;
}

.file-info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-width: calc(100% - 105px);
}

.file-header {
	display: flex;
	justify-content: space-between;
}

.file-name {
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 37px);
}

.file-percent {
	color: #87878C;
	font-size: 12px;
}

.progress-bar {
	height: 4px;
	background: #E2E2E2;
	border-radius: 2px;
	overflow: hidden;
}

.progress-fill {
	height: 100%;
	background: #3C95FF;
	border-radius: 2px;
	width: 0%;
	transition: width .3s ease;
	display: block !important;
}

.file-size {
	font-size: 12px;
	color: #87878C;
}

.file-remove {
	border: none;
	cursor: pointer;
	padding: 0;
	margin-left: 15px;
	background: none;
}

.file-remove.opacity {
	cursor: default;
	pointer-events: none;
	opacity: .8;
}

.file-remove:not(.opacity) .icon-close,
.file-remove.opacity .icon-delete {
	display: none;
}

.upload_item.error .file-remove.opacity {
	cursor: pointer;
	pointer-events: all;
}

.upload_item.error .progress-fill {
    background: #ff3872;
	width: 100% !important;
	min-width: 100% !important;
    transition: all 0s !important;
}

.file-remove i {
	border-radius: 50%;
	background: #E2E2E2;
	width: 22px;
	height: 22px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box-img-thumb {
	border-radius: 8px;
	overflow: hidden;
}

.screenshot_step-2 .box-img.box-img-thumb {
	position: static;
	padding-bottom: 0;
	max-width: 100%;
	max-height: 60vh;
}

.screenshot_step-2 .box-img.box-img-thumb img.img-preview {
	position: static;
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 60vh;
	object-fit: initial;
}

.screenshot_step-2 .cropper-view-box,
.screenshot_step-2 .cropper-face {
	border-radius: 0;
}

.screenshot_step-2 .cropper-bg {
	background-image: none;
	background-color: #000;
}

.screenshot_step-2 .cropper-modal {
	background-color: #000;
	opacity: 0.5;
}

.popup-inner .btn-light-on {
	text-align: center;
	max-width: 100%;
	padding: 11px;
	margin-bottom: 8px;
	color: #323232;
	background: #F3F3F3;
	font-size: 14px;
	cursor: pointer;
}

.popup-inner.second .box-popup.popup-folder {
	max-width: 874px;
	max-height: 100%;
	overflow-y: auto;
}

.box-popup.popup-folder .my-buttons .btn {
	max-width: 296px;
}

.box-popup.popup-folder .my-buttons {
	justify-content: center;
}

.popup-folder .cols-image .col-3.can_add-false,
.popup-folder .cols-image .col-3.can_add-false * {
	cursor: default;
}

.popup-folder .cols-image .col-3.can_add-false .card-stack,
.popup-folder .cols-image .col-3.can_add-false .block {
	cursor: default;
	pointer-events: none;
}

.popup-folder .cols-image .col-3 .block {
	border-radius: 20px;
	margin-bottom: 8px;
	position: relative;
}

.popup-folder .cols-image .col-3 .block .quantity {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	background: rgba(50, 50, 50, 0.50);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
}

.popup-folder .cols-image .col-3 .block .quantity .icon-play-hover:before,
.popup-folder .cols-image .col-3 .block .quantity .icon-photo-hover:before {
	box-shadow: none;
	background-color: rgba(213, 213, 213, .7);
	border-radius: 50%;
}

.popup-folder .cols-image .col-3 .block .quantity .icon-photo-hover:before {
	border-radius: 6px;
}

.popup-folder .cols-image .col-3 .block .quantity .icon-photo-hover {
	font-size: 19px;
}

.popup-folder .cols-image .col-3 .block .quantity .icon-photo-hover:after {
	font-size: 18px;
}

.popup-folder .cols-image .col-3 .block .quantity .icon-play-hover:after {
	color: #fff;
}

.popup-folder .cols-image .col-3 {
	margin-bottom: 24px;
}

.popup-folder .card-stack.block {
	overflow: visible;
	width: 100%;
	height: auto;
	padding-bottom: 63%;
	margin-top: 0;
}

.popup-folder .cols-image {
	padding-top: 30px;
}

.popup-folder .title-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

.popup-folder .nav-item {
	display: flex;
	justify-content: center;
	padding: 0 12px;
	margin-bottom: 25px;
}

.popup-folder .block-search {
	padding: 0 12px;
}

.popup-folder .nav-item .link-item {
	width: 33.333%;
	padding: 0 0 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-bottom: 2px solid rgba(50, 50, 50, 0.20);
}

.popup-folder .nav-item .link-item .quantity {
    font-size: 24px;
    color: #323232;
    font-weight: 600;
}

.popup-folder .nav-item .link-item .text {
    color: #828282;
    font-size: 12px;
    text-transform: uppercase;
}

.popup-folder .nav-item .link-item.active {
    border-color: #323232;
}

.folder-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.folder-box .btn-dots {
	position: relative;
	width: 24px;
	height: 24px;
	background: #f3f3f3;
	border-radius: 50%;
	color: #C0C0C0;
	overflow: hidden;
	cursor: pointer !important;
}

.folder-box .btn-dots:after {
	content: "...";
	position: absolute;
	left: 3px;
	top: -10px;
	font-size: 26px;
}

.box-status {
	display: flex;
	align-items: center;
	color: #66D14A;
	font-size: 12px;
	padding: 2px 6px 2px 2px;
	border-radius: 20px;
	background: linear-gradient(0deg, #DBFFD1 0%, #DBFFD1 100%), rgba(21, 51, 13, 0.50);
}

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

.box-status i {
	display: block;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 6px;
	background: #ACED9B;
}

.box-status.yellow {
	background: #FFF0BE;
	color: #FFAE00;
}

.box-status.blue {
	background: #DBEFFF;
	color: #008CFF;
}

.box-status.red {
	background: #FFC4BE !important;
	color: #FF4835;
}

.box-status.pending-delete i,
.box-status.yellow i,
.box-status.blue i,
.box-status.red i {
	background: none;
	font-size: 14px;
}

.popup-inner .popup-folder .block-search .search-input {
	padding-left: 20px;
}

.fancybox-inner .album-holder .album .fullscreen {
	display: none;
}

.signup_premium21 .swiper-pagination,
.signup_premium2 .swiper-pagination {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
	.fancybox-close:hover {
		color: #FB0049;
		background: #FAECF0;
		border-color: rgba(251, 0, 73, 0.10);
	}
	.form-holder.popup-holder .columns .premium-plus-items .btn-upgrade-new:hover {
		color: #fff;
		background: url("../images/svg/bg-premium-btn.svg") no-repeat center center / cover;
		box-shadow: 0 4px 20px rgba(255, 187, 0, 0.5), 0 2px 10px rgba(255, 140, 0, 0.3);
	}
	.congratulations.form-holder .columns .premium-plus-items .btn-animation:hover {
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6);
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.signup_premium21 .card .btn-animation:hover,
	.signup_premium2 .card .btn-animation:hover {
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%) !important;
		color: #fff;
		border-color: rgba(255, 255, 255, 0.20);
	}
	.card .btn-coupon:hover,
	.wrapper-slider-swiper input.radio:checked+.card .btn-coupon:hover {
		color: #FB0049;
	}
	.login-holder .btn-animation:hover {
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
	}
	.form-holder.popup-holder .columns .link-botton .link:hover {
		color: #fff;
		border-color: rgba(255, 255, 255, 0.20);
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.trailers-wrap .fancybox-nav:hover {
		color: #87878C;
		background: #f3f3f3;
	}
	.trailers-rate .btn:hover i,
	.btn-volume:hover,
	.close-trailers:hover,
	.trailers-bottom .btn-animation:hover {
		background: rgba(255, 255, 255, 0.30);
		border-color: transparent;
		color: #fff;
	}
	.trailers-rate .btn.active.like:hover i {
		background: #fff;
		border-color: #fff;
	}
	.popup-inner .link:hover:not(:disabled) {
        box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
    }

	.popup-inner .link:disabled {
        cursor: default;
		pointer-events: none;
    }
	.popup-inner .link.second:hover {
		color: #fff;
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
		box-shadow: none;
	}
	.popup-inner .btn-close:hover {
		color: #FB0049;
	}
	.popup-inner .btn-light-on:hover {
		box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.05);
	}
}

@media screen and (min-width: 993px) {
	.tab-box div.card.swiper-slide {
		width: 100% !important;
	}
}

@media screen and (max-width: 1700px) {
	.form-holder.popup-holder .columns .left {
		margin-right: 100px;
	}
}

@media screen and (max-width: 1600px) {
	.login-holder .title {
		font-size: 28px;
	}
}

@media screen and (max-width: 1500px) {
	.form-holder.popup-holder.login-holder .columns .right {
		max-width: 540px;
	}
	.popup-holder.light-overlay.login-holder {
		background-size: 70% 100%;
	}
	.popup-inner.second .popup-slider {
		max-width: 70%;
		padding: 0;
	}
}

@media screen and (max-width: 1400px) {
	.form-holder.popup-holder .columns .left {
		margin-right: 50px;
	}
}

@media screen and (max-width: 1300px) {
	.form-holder.popup-holder .columns .left {
		margin-right: 20px;
	}
	.form-holder.popup-holder .columns .left .static-holder span.users {
		font-size: 40px;
		letter-spacing: 2px;
	}
	.login-holder .items .item-box {
		padding: 20px 10px;
	}
	.login-holder .logo  {
		margin-left: 16%;
	}
	.popup-inner.second .box-popup.reduct {
		max-width: 750px;
	}
}

@media screen and (max-width: 1200px) {
	.popup-holder.light-overlay.login-holder {
		background-size: 80% 100%;
	}
	.login-holder .logo  {
		margin-left: 12%;
	}
	.popup-slider .title-headline {
		text-shadow: none;
	}
	.popup-slider .thumbnail-slider {
		position: fixed;
		bottom: 30px;
		margin-top: 0;
		max-width: 68.8%;
	}
}

@media screen and (max-width: 992px) {
	.fancybox-close {
		right: 10px;
	}
	.signup_premium21 .swiper-pagination,
	.signup_premium2 .swiper-pagination {
		display: block;
	}
	.cards.second .swiper-wrapper {
		display: flex;
		gap: inherit;
	}
	.wrapper-slider-swiper .cards {
		overflow: hidden;
		padding: 44px 0 35px;
	}
	.card.primary .old-price {
		margin-bottom: 20px;
	}
	.card.primary .top-card,
	.card.primary .up-box,
	.card.primary .card-list {
		margin-bottom: 31px;
	}
	.tab-box .card.swiper-slide {
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
	}
	.cards.swiper-container-horizontal>.swiper-pagination-bullets,
	.cards .swiper-pagination-custom, .cards .swiper-pagination-fraction {
		bottom: 0;
	}
	.coupon-block {
		background: rgba(255, 255, 255, 0.90);
	}
	.balance-wrap {
		position: static;
		justify-content: center;
		margin-bottom: 30px;
		position: relative;
	}
	.balance-wrap .field-error {
		right: 50%;
    	transform: translateX(50%);
	}
	#tab3.main-popup .swiper-wrapper {
		padding-top: 0;
	}
	#tab3 div.card.swiper-slide:nth-child(2) {
		top: 0;
	}
	.primary-top {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 100%;
	}
	.form-holder.popup-holder .columns .left {
		display: none;
	}
	.popup-holder.light-overlay.login-holder {
        background-size: 55% 100%;
    }
	.login-holder .logo {
		margin: 0 0 20px 0;
		text-align: center;
	}
	.login-holder .title-top {
		margin-bottom: 30px;
	}
	.form-holder.popup-holder.login-holder .columns .right {
		padding: 40px 30px;
	}
	.box-popup .separator,
	.popup-inner .upload-box .box-img,
	.popup-inner .upload-box .text-title {
		display: none;
	}
	.popup-inner.second {
		align-items: flex-start;
		height: calc(100vh - 90px);
		height: 100vh;
		padding-top: 81px;
		padding-top: 27px;
		overflow-y: auto;
		padding-bottom: 26px;
		top: 50%;
        transform: translateY(-50%);
        background: transparent;
		padding-bottom: 0;
	}
	.popup-inner.second.popup-profile,
	.popup-inner.second.folder-block {
		padding-bottom: 10px;
		padding-top: 30px;
		height: 100vh;
	}
	.fancybox-overlay1.mobile-z-index,
	.fancybox-overlay.mobile-z-index {
		z-index: 999;
	}
	.box-popup.nano-popup .separator {
		display: flex;
	}
	.popup-inner.second.popup-slider-outer {
		height: 100vh;
		align-items: center;
	}
}

@media screen and (max-width: 768px) {
	.congratulations {
		background-size: 150%;
	}
	.congratulations.form-holder .columns .right .form-inputs .logo {
		margin-bottom: 50px;
	}
	.congratulations.form-holder .title-form .bottom-text {
		font-size: 50px;
		text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor,
		1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor;
	}
	.congratulations.form-holder .premium-plus-items .bottom {
		padding-top: 20px;
	}
	.trailers-wrap .fancybox-nav {
		width: 40%;
		height: 100%;
		border-radius: 0;
		border: none;
	}
	.trailers-wrap .fancybox-nav span {
		opacity: 0;
	}
	.trailers-wrap .fancybox-nav.fancybox-prev {
		left: 0;
		top: 0;
	}
	.trailers-wrap .fancybox-nav.fancybox-next {
		right: 0;
		left: auto;
		top: 0;
	}
	.popup-slider .swiper-button-next, .popup-slider .swiper-button-prev {
		display: none;
	}
	.popup-inner.second .popup-slider {
		max-width: 95%;
	}
	.popup-slider .thumbnail-slider {
		max-width: 92.2%;
	}
	.popup-slider .title-headline {
		left: 20px;
		top: 20px;
	}
	.popup-slider .title-headline .name {
		font-size: 20px;
	}
}

@media screen and (max-width: 640px) {
	.congratulations {
		background-size: 160%;
	}
	.premium-plus-items {
		gap: 10px;
	}
	.premium-plus-items .bottom {
		padding-top: 20px;
	}
	.form-holder.popup-holder .columns .right .form-inputs .logo img {
		width: 180px;
		height: 40px;
	}
	.fancybox-close {
		right: 10px;
		top: 10px;
	}
	.form-holder.popup-holder {
		padding: 25px 10px;
	}
	.form-holder.popup-holder .columns .right .title-form {
		font-size: 18px;
	}
	.form-holder.popup-holder .title-form .bottom-text {
		font-size: 36px;
		text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor;
	}
	.form-holder.popup-holder .columns .right .form-inputs {
		margin-bottom: 30px;
	}
	.premium-plus-items .item .text {
		font-size: 13px;
	}
	.premium-plus-items .item {
		padding: 30px 5px;
	}
	.premium-plus-items .item .icon .name {
		font-size: 11px;
	}
	.congratulations.form-holder .title-form .bottom-text {
		font-size: 36px;
		letter-spacing: 2px;
	}
	.registration_selection {
		width: 100%;
		margin-bottom: 30px;
		overflow-x: auto;
	}
	.registration_selection .item {
		font-size: 12px;
		width: 33.333%;
		width: auto;
		white-space: nowrap;
		padding: 10px 4px;
	}
	.cards.swiper-container-horizontal>.swiper-pagination-bullets,
	.cards .swiper-pagination-custom, .cards .swiper-pagination-fraction {
		bottom: 10px;
	}
	.popup-holder.light-overlay.login-holder {
		background-size: 90% 140%;
    }
	.trailers-wrap .fancybox-outer {
		width: 100%;
	}
	.popup-folder .cols-image .col-3 {
		width: 50%;
	}
	.login-holder .title {
		font-size: 24px;
	}
}

@media screen and (max-width: 480px) {
	.congratulations {
		background-size: 190%;
	}
	.premium-plus-items .item .text {
		font-size: 14px;
	}
	.premium-plus-items {
		grid-template-columns: repeat(2, 1fr);
	}
	.premium-plus-items .item .icon {
		margin-bottom: 20px;
	}
	.form-holder.popup-holder .columns .premium-plus-items .btn {
		max-width: 100%;
	}
	.form-holder.popup-holder.login-holder .columns .right {
		padding: 40px 20px;
	}
	.login-holder .user-icon {
		margin-right: 15px;
	}
	.popup-holder.light-overlay.login-holder {
        background-size: 108% 140%;
    }
	.timeline-title {
		font-size: 13px;
	}
	.popup-inner.second .top-headline .text {
		font-size: 16px;
	}
	.nano-upload-video {
		height: 280px;
		height: auto;
	}
	.columns-upload .col-images .block-img.lg {
		width: 80px;
		height: 80px;
	}
	.columns-upload .col-images .block-img.sm {
		width: 50px;
		height: 50px;
	}
	.popup-folder .cols-image .col-3 {
		width: 50%;
	}
	.popup-folder .cols-image {
		padding-top: 20px;
	}
	.popup-folder .nav-item .link-item .quantity {
		font-size: 20px;
	}
	.popup-slider .thumbnail-slider {
		max-width: 91.2%;
	}
}

@media screen and (max-width: 390px) {
	.congratulations {
		background-size: 250%;
	}
	.premium-plus-items .item .text {
		font-size: 13px;
	}
	.congratulations.form-holder .title-form .bottom-text {
		font-size: 30px;
	}
	.registration_selection .item {
		width: 33.333%;
		padding: 8px 2px;
		font-size: 10px;
	}
	.form-holder.popup-holder.login-holder .columns .row .columns .link,
	.form-holder.popup-holder.login-holder .columns .label{
		font-size: 13px;
		white-space: nowrap;
	}
	.form-holder.popup-holder.login-holder .columns .right {
        padding: 40px 15px;
    }
	.login-holder .title-sub {
		letter-spacing: -0.8px;
		font-size: 13px;
	}
	.login-holder .title-top {
		margin-bottom: 30px;
	}
	.login-holder .logo {
		margin-bottom: 0;
	}
	.login-holder .logo img {
		width: 177px;
	}
	.trailers-top {
		padding: 10px;
	}
	.trailers-top .js-sort, .trailers-top .link-drop {
		font-size: 14px;
	}
	.trailers-top .box-image {
		padding: 4px;
	}
	.trailers-rate {
		right: 10px;
	}
	.trailers-bottom {
		padding: 10px;
	}
	.upload-box {
		padding: 10px;
	}
	.popup-inner.second .top-headline .text {
		font-size: 13px;
	}
	.popup-inner .box-wrap .wrap-checkbox {
		padding-left: 30px;
		white-space: nowrap;
		font-size: 12px;
		line-height: 18px;
	}
	.popup-inner .row .label {
		font-size: 13px;
	}
	.popup-inner .buttons-wrap {
		flex-direction: column;
	}
	.popup-inner .buttons-wrap .btn-light-on {
		margin: 0 0 10px 0;
	}
	.popup-inner .buttons-wrap .link.link-submit {
		max-width: 100%;
	}
	.columns-upload .box-img {
		margin-right: 15px;
	}
	.columns-upload .col-images .block-img.sm {
		margin-top: 15px;
	}
	.popup-folder .nav-item {
		padding: 0;
	}
	.popup-folder .nav-item .link-item .text {
		font-size: 11px;
	}
	.popup-slider .thumbnail-slider {
		max-width: 90.2%;
	}
}

/* popup end */

/* faq start */

.home {
	margin: -80px 0 50px;
	background: #f3f3f3;
	padding: calc(80px + 50px) 0 100px;
    border-radius: 0 0 25% 25% / 0 0 12% 12%;
}

.home .home-row {
	max-width: 1260px;
	margin: 0 auto;
	padding-left: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.home__title {
	margin: 0 0 30px;
	padding-top: 0;
	color: #323232;
	font-size: 64px;
    text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor, 1px 1px currentColor, -1px -1px currentColor, -1px 1px currentColor, 1px -1px currentColor, 2px 0 currentColor, -2px 0 currentColor, 0 2px currentColor, 0 -2px currentColor;
}

.home__title .mark {
	color: #FFA902;
}

.home-col_img {
	margin-left: -60px;
	margin-right: 0;
	width: auto;
	max-width: 392px;
}

.home-col_img img {
	display: block;
}

.home__text {
	color: #323232;
	font-size: 15px;
	line-height: 1.4;
	max-width: 700px;
	margin-bottom: 35px;
	padding-top: 0;
}

.home__text b {
	font-weight: 600;
}

.home__text:last-of-type {
	margin-bottom: 0;
}

.home .home-col {
	max-width: 820px;
}

.faq {
	padding: 50px 0;
	max-width: 800px;
	width: 100%;
	margin: 0 auto 70px;
}

.faq .title-block {
	margin-bottom: 30px;
}

.faq .title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
}

.faq__name {
	border: solid #EDEDED;
	border-width: 1px;
	border-radius: 20px;
	padding: 20px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 12px;
	font-family: 'Montserrat';
	transition: border-color .3s;
	background: none;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	color: #323232;
	text-align: left;
}

.dark .faq__name {
	color: #fff;
}

.faq .panel {
    overflow: hidden;
    max-height: 0;
    transition: all 0.35s ease-out;
}

.faq__name.active {
	border-radius: 20px 20px 0 0;
	border-color: #7D7D7D;
	margin-bottom: 0;
	border-bottom: none;
}

.faq__name.active + .panel {
	margin-bottom: 12px;
}

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

.accordion:after {
	content: "\e900";
	right: 15px;
	transition: transform .3s;
	will-change: transform;
	font-size: 25px;

	/* use to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.accordion.active:after {
	content: "\e900";
	transform: rotate(180deg);
}

.faq__info {
	padding: 0 50px 20px 20px;
	color: rgba(50, 50, 50, 0.50);
	line-height: 1.4;
	border: solid #7D7D7D;
	border-width: 1px;
	border-top: none;
	border-radius: 0 0 20px 20px;
}

@media (hover: hover) and (pointer: fine) {
	.faq__name:hover {
		border-color: #7D7D7D;
	}
}

@media screen and (max-width: 1300px) {
	.home {
		padding-bottom: 80px;
	}
	.home .home-col {
		max-width: 640px;
	}
	.home .home-row {
		padding-left: 0;
	}
	.home-col_img {
		margin-left: 10px;
	}
	.home__title {
		font-size: 43px;
		text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor, 1px 1px currentColor, -1px -1px currentColor, -1px 1px currentColor, 1px -1px currentColor;
	}
}

@media screen and (max-width: 992px) {
	.home {
		margin: -50px 0 25px;
		padding: calc(50px + 25px) 0 50px;
		border-radius: 0 0 25% 25% / 0 0 5% 5%;
	}
	.faq {
		padding: 25px 0;
		margin-bottom: 120px;
	}
	.home .home-col {
        max-width: 400px;
    }
	.home__title {
		font-size: 27px;
		line-height: 1.4;
		text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor, 1px 1px currentColor;
	}
}

@media screen and (max-width: 768px) {
	.home .home-col {
		max-width: 100%;
	}
	.home__title {
		margin-bottom: 20px;
	}
	.home__text {
		margin-bottom: 20px;
	}
	.home-col_img {
		display: block;
		margin: 20px 0 0;
	}
	.home .home-row {
		flex-direction: column;
	}
	.faq .title-block {
		margin-bottom: 15px;
	}
	.home {
		margin-bottom: 30px;
	}
	.faq {
		padding: 0;
		margin-bottom: 150px;
	}
}

@media screen and (max-width: 480px) {
	.home__title {
		max-width: 400px;
	}
	.home .home-col_img {
		max-width: 220px;
	}
	.home-col_img img {
		width: 100%;
		height: 100%;
	}
	.home {
		padding: calc(50px + 15px) 0 40px;
	}
}

@media screen and (max-width: 390px) {
	.home {
		border-radius: 0 0 25% 25% / 0 0 3% 3%;
	}
	.home__title {
		font-size: 23px;
	}
}

/* faq end */

/* search result start */

.search-page.signup_premium21,
.search-page.signup_premium2 {
	z-index: 1;
	text-align: left;
}

.search-title {
	margin-bottom: 35px;
}

.search-title .headline {
	padding-bottom: 0;
}

.search-tabs i,
.wrap-search-tabs .sort .js-sort i {
	flex-shrink: 0;
	margin-right: 7px;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: #D6D6D6;
	font-size: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-tabs .icon-play-hover:before,
.wrap-search-tabs .sort .js-sort .icon-play-hover:before {
	border-radius: 50%;
	color: #D6D6D6;
}

.search-tabs .icon-play-hover:before,
.search-tabs .icon-photo-hover:before,
.wrap-search-tabs .sort .js-sort .icon-play-hover:before,
.wrap-search-tabs .sort .js-sort .icon-photo-hover:before {
	box-shadow: none;
	width: auto;
	height: auto;
}

.search-tabs .icon-play-hover,
.wrap-search-tabs .sort .js-sort .icon-play-hover {
	font-size: 22px;
	background: transparent;
}

.search-tabs .icon-play-hover:after,
.wrap-search-tabs .sort .js-sort .icon-play-hover:after {
	color: #fff;
}

.search-tabs .icon-photo-hover,
.wrap-search-tabs .sort .js-sort .icon-photo-hover {
	font-size: 22px;
}

.search-tabs .icon-studios:before,
.wrap-search-tabs .sort .js-sort .icon-studios:before {
	font-size: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.search-tabs .icon-models,
.wrap-search-tabs .sort .js-sort .icon-models {
	font-size: 20px;
}

.search-tabs.registration_selection .item.active i {
	background: #FD709A;
}

.search-tabs.registration_selection .item.active .icon-play-hover {
	background: transparent;
}

.search-tabs.registration_selection .item.active .icon-play-hover:before,
.search-tabs.registration_selection .item.active .icon-tag:before,
.search-tabs.registration_selection .item.active .icon-studios {
	color: #FD709A;
}

.search-tabs.registration_selection .item.active .icon-studios {
	color: #fff;
}

.search-tabs .item {
	padding: 12px 20px;
	color: #323232;
	display: flex;
	align-items: center;
}

.search-holder .box .thumbs-holder {
	padding-bottom: 25px;
}

.search-holder .tab-box {
	width: 100%;
}

.tab-box {
	display: none;
}

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

.search-holder .box {
	width: 100%;
	padding: 0;
	margin: 0;
	box-shadow: none;
	background: transparent;
}

.search-holder .categories-list {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 25px;
}

.search-holder .categories-list .items-list {
	padding-top: 0;
	margin: 0;
	column-count: inherit;
}

.search-holder .box.categories-list .item {
	margin-bottom: 12px;
}

.search-holder .box.categories-list .item:last-child {
	margin-bottom: 0;
}

.search-holder .models-list .item {
	min-width: auto;
}

.wrap-quantity {
	display: flex;
	align-items: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.wrap-quantity .quantity {
	position: static;
}

.wrap-quantity .quantity + .quantity {
	margin-left: 4px;
}

.wrap-search-tabs {
	margin-bottom: 40px;
	position: relative;
	text-align: center;
}

.wrap-search-tabs .search-tabs {
	margin-bottom: 0;
}

.wrap-search-tabs .sort .js-sort {
	width: 100%;
	border-radius: 50px;
	border: 2px solid rgba(50, 50, 50, 0.10);
	padding: 7px 20px;
	font-size: 16px;
	display: none;
}

.wrap-search-tabs .sort .js-sort .name {
	display: inline-block;
	vertical-align: top;
}

.wrap-search-tabs .sort .js-sort .name:after {
	content: "\e900";
	flex-shrink: 0;
	margin-left: 5px;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	transition: transform .3s;
	will-change: transform;

	font-family: 'icomoon';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrap-search-tabs .sort .js-sort .icon-play-hover:before {
	box-shadow: none;
}

@media screen and (max-width: 992px) {
	.wrap-search-tabs {
		margin-bottom: 20px;
	}
	.wrap-search-tabs .search-tabs {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		right: 0;
		width: 100%;
		transform: translate3d(0, 10px, 0);
		opacity: 0;
		visibility: hidden;
		transition: transform .3s, opacity .3s, visibility .3s;
		z-index: 20;
		flex-direction: column;
		border-radius: 20px;
		box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
		0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
		0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
		backdrop-filter: blur(75px);
	}
	.wrap-search-tabs .sort.open-sort .search-tabs {
		opacity: 1;
		visibility: visible;
		transform: translateZ(0);
	}
	.wrap-search-tabs .sort.open-sort .js-sort .name:after {
		transform: rotate(180deg);
	}
	.wrap-search-tabs .sort .js-sort {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search-tabs .item {
		margin-bottom: 12px;
		padding: 8px 10px;
	}
	.search-tabs .item:last-child {
		margin-bottom: 0;
	}
	.wrap-quantity {
		right: 10px;
		bottom: 10px;
	}
	.wrap-search-tabs .sort {
		display: block;
	}
	.search-page .search-title {
		margin-bottom: 20px;
		padding: 10px 0 0;
	}
}

@media screen and (max-width: 640px) {
	.search-tabs .item {
		width: 100%;
		font-size: 16px;
	}
}

@media screen and (max-width: 390px) {
	.wrap-quantity.second {
		flex-direction: column-reverse;
	}
	.wrap-quantity.second .quantity + .quantity {
		margin: 0 0 5px 0;
	}
	.search-holder .box.categories-list .item .title {
		max-width: 38%;
	}
}

/* search result end */

/* walk of fame start */

.walk-fame-box {
	background:
		url("../images/svg/walk-of-fame-text.svg") center 120px / 600px no-repeat,
		url("../images/walk-of-fame-bg.png") center top no-repeat;
	padding-top: 250px;
	margin-top: -100px;
	position: relative;
	background:
		url("../images/walk-of-fame-text2.png") center 120px / 600px no-repeat,
		url("../images/walk-of-fame-bg_light-d.png") center top no-repeat;
}

.walk-fame-box .walk-fame-lists.masonry_thumbs.items-list {
	display: flex;
	flex: 1;
	width: 100%;
	margin-bottom: 100px;
}

.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
	width: 16.666%;
}

.walk-fame-box .box.users-list.show .items-list .link {
	background: transparent;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}

.walk-fame-box .box.users-list.show .items-list .link .name {
	transition: color .3s;
}

.walk-fame-box .albums-list .quantity {
	right: 10px;
	bottom: 10px;
	width: 34px;
	height: 34px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.walk-fame-box .albums-list .item .info-holder {
	padding: 0 10px;
}

.walk-fame-lists .image-box {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.walk-fame-lists .image-box.sm {
    padding-bottom: 62.395%;
}

.walk-fame-lists .image-box.lg {
	padding-bottom: 167.06%;
}

.walk-fame-lists .lock {
	pointer-events: none;
}

.walk-fame-lists .lock .thumb {
	filter: blur(12px);
}

.walk-fame-lists .icon-lock {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	font-size: 36px;
	z-index: 5;
}

.walk-fame-lists .thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	object-fit: cover;
}

.walk-fame-box .users-list .items-list .img-holder .img {
	max-width: 46px;
	max-height: 46px;
	border-width: 3px;
}

.walk-fame-box .box.users-list .items-list .img-holder.no_avatar {
	background: #fff;
	border-radius: 50%;
}

body.dark .walk-fame-box .box.users-list .items-list .img-holder.no_avatar {
	background: #000;
}

.walk-fame-box .users-list .items-list .img-holder i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 22px;
}

.walk-fame-box .box.users-list .items-list .img-holder {
	width: 50px;
	height: 50px;
	margin: -22px 8px 0 0;
	flex-shrink: 0;
}

.walk-fame-box .box.users-list.show .wrap-title {
	padding: 0 20px;
	justify-content: flex-start;
}

.walk-fame-box .wrap-title .name {
	margin-right: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.walk-fame-box .box .item .info-holder .item-info {
	padding: 0 0 2px;
}

@media (hover: hover) and (pointer: fine) {
	.walk-fame-box .box.users-list.show .items-list .link:hover .name {
		color: #FB0049;
	}
}

@media screen and (max-width: 1750px) {
	.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
		width: 20%;
	}
}

@media screen and (max-width: 1600px) {
	.walk-fame-box {
		margin-top: -106px;
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 124px / 520px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
}

@media screen and (max-width: 1500px) {
	.walk-fame-box .albums-list .item .info-holder {
		font-size: 12px;
	}
}

@media screen and (max-width: 1300px) {
	.walk-fame-box {
		margin-top: -114px;
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 130px / 520px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
	.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
		width: 25%;
	}
}

@media screen and (max-width: 1100px) {
	.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
		width: 33.333%;
	}
}

@media screen and (max-width: 992px) {
	.walk-fame-box {
		margin-top: -90px;
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 96px / 520px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
	.walk-fame-box .box.albums-list .item .info-holder {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 768px) {
	.walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 520px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
	.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	.walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 500px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
	.walk-fame-box .box .walk-fame-lists.masonry_thumbs .item {
		width: 100%;
	}
	.walk-fame-box .albums-list .item .info-holder {
		font-size: 14px;
	}
}

@media screen and (max-width: 390px) {
	.walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 400px no-repeat,
			url("../images/walk-of-fame-bg.png") center top no-repeat;
	}
}

/* walk of fame end */

/* friends start */

.friends-box {
	border-radius: 30px;
	border: 1px solid rgba(156, 156, 156, 0.20);
	background: #F8F8F8;
	padding: 30px 3px;
	max-width: 600px;
	width: 100%;
	margin: 20px auto 75px;
}

.community-page .friends-box .panel-holder-search {
	top: 0;
	padding: 0;
	margin-right: 0;
	width: 100%;
	background: transparent;
	position: relative;
}

.community-page .friends-box .search-user-input {
	margin-bottom: 18px;
}

.friends-box.users-list.show .items-list {
	margin: 0;
}

.lock-wrap,
.community-page .friends-box .search-user-input,
.friends-box.users-list.show .items-list,
.friends-box .registration_selection {
	padding: 0 27px;
}

.friends-box.users-list.show .items-list .item {
	width: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.friends-box.users-list.show .items-list .item:last-child {
	margin-bottom: 0;
}

.friends-box.users-list.show .items-list .link {
	border-radius: 0;
	padding: 0;
	margin-right: 4px;
}

.friends-box.users-list.show .items-list .link:hover {
	box-shadow: none;
}

.friends-box.users-list .items-list .info-user .age {
	padding-bottom: 0;
	margin-left: 4px;
	margin-bottom: 0;
}

.friends-box.users-list .items-list .img-holder img {
	max-width: 74px;
	max-height: 74px;
	border-width: 3px;
}

.friends-box.users-list .items-list .img-holder .icon-user {
    position: absolute;
    top: calc(50% - 7px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.friends-box.users-list .items-list .img-holder {
	width: 80px;
	height: 80px;
	margin: 0;
}

.friends-box.users-list .items-list .info-user{
	text-align: left;
	flex-grow: 1;
	margin-right: 4px;
}

.friends-box.users-list.show .wrap-title {
    justify-content: flex-start;
}

.friends-box.users-list .items-list .info-user .btn {
	font-size: 14px;
	color: #FB0049;
	padding: 6px 10px 6px 6px;
	border-radius: 50px;
	transition: background .3s;
	display: inline-flex;
	align-items: center;
	position: relative;
	top: 6px;
	border: none;
	cursor: pointer;
}

.friends-box.users-list .items-list .info-user .btn i {
	flex-shrink: 0;
	margin-right: 7px;
	font-size: 22px;
}

.btn-delete {
	border: none;
	padding: 0;
	cursor: pointer;
	border-radius: 50px;
	background: rgba(45, 45, 45, 0.05);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	transition: background .3s;
}

.btn-delete .icon-delete:before,
.btn-delete .icon-delete:after {
	transition: color .3s;
}

.friends-box .btn-delete {
	margin-top: 20px;
}

.lock-users {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 50px;
	background: rgba(45, 45, 45, 0.05);
	white-space: nowrap;
	position: absolute;
	top: calc(100% + 50px);
	left: 50%;
	transform: translate3d(-50%, 0, 0);
	transition: background .3s, color .3s;
}

.lock-users i {
	font-size: 22px;
	margin-right: 7px;
	flex-shrink: 0;
}

.friends-box .nano {
    height: 590px;
}

.friends-box .nano > .nano-pane {
	width: 4px;
	background: none;
}

.friends-box .nano > .nano-pane > .nano-slider {
	margin: 0;
	background: rgba(50, 50, 50, 0.20);
}

.friends-box .registration_selection {
	background: none;
	border: none;
	border-radius: 0;
	width: 100%;
}

.friends-box .registration_selection .item {
	padding: 12px;
	border-bottom: 2px solid rgba(156, 156, 156, 0.20);
	border-radius: 0;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
}

.friends-box .registration_selection.user_friends .item {
	width: 50%;
}

.friends-box .registration_selection .item.active {
	background: none;
	border-color: #323232;
	color: #323232;
}

.friends-box .items-list .wrap-btn {
	display: flex;
	align-items: center;
}

.friends-box .items-list .wrap-btn .btn.primary {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
	margin-right: 4px;
}

.friends-box .items-list .wrap-btn .btn.primary:hover {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.friends-box .items-list .btn .icon-lock:before {
	color: #323232;
	transition: color .3s;
}

.friends-box .items-list .btn .icon-lock:after {
	display: inline-block;
	transform: rotate(-20deg) translateY(-2px);
}

.friends-box .items-list .wrap-btn .btn.primary .icon-checked2:before {
	background: #F98EAD;
	border-radius: 50%;
}

.friends-box .items-list .wrap-btn .btn.second .icon-close {
	background: #A3A3A3;
	border-radius: 50%;
	color: #fff;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .3s, color .3s;
}
.friends-box .items-list .wrap-btn .btn.second .icon-close:before {
	font-size: 16px;
	font-weight: 700;
}

.friends-box .items-list .wrap-btn .btn.second {
	color: #323232;
	background: rgba(45, 45, 45, 0.05);
	transition: background .3s, color .3s;
}

.lock-text {
	margin-bottom: 18px;
	padding: 11px 20px;
	color: #DB0909;
	border-radius: 20px;
	background: #FFE9E9;
	line-height: 1.4;
	text-align: center;
}

.lock-title {
	font-size: 18px;
	margin-bottom: 18px;
	text-align: left;
}

.box.profile-list .main-column .nav-holder {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@media (hover: hover) and (pointer: fine) {
	.friends-box.users-list .items-list .info-user .btn:hover {
		background: rgba(251, 0, 73, 0.10);
	}
	.friends-box .items-list .wrap-btn .btn.primary:hover {
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.btn-delete:hover {
		background: rgba(251, 0, 73, 0.10);
	}
	.btn-delete:hover .icon-delete:before,
	.btn-delete:hover .icon-delete:after {
		color: #FB0049;
	}
	.lock-users:hover {
		background: rgba(251, 0, 73, 0.10);
		color: #FB0049;
	}
	.friends-box .items-list .wrap-btn .btn.second:hover {
		color: #FB0049;
	}
	.friends-box .items-list .wrap-btn .btn.second:hover .icon-close {
		background: #F98EAD;
	}
	.friends-box .items-list .btn:hover .icon-lock:before {
		color: #FB0049;
	}
}

@media screen and (max-width: 992px) {
	.friends-box {
		margin: 10px auto 75px;
	}
}

@media screen and (max-width: 640px) {
	.lock-wrap,
	.community-page .friends-box .search-user-input,
	.friends-box.users-list.show .items-list,
	.friends-box .registration_selection {
		padding: 0 7px;
	}
	.lock-text {
		padding: 11px;
	}
	.friends-box.users-list.show .items-list .item {
		flex-direction: row;
	}
	.friends-box.users-list .items-list .img-holder {
		width: 50px;
		height: 50px;
	}
	.friends-box.users-list .items-list .img-holder img {
		max-width: 46px;
		max-height: 46px;
	}
	.friends-box.users-list.show .items-list .link {
		margin-right: 10px;
	}
	.friends-box.users-list .items-list .icon-online {
		padding: 5px;
		font-size: 11px;
	}
	.friends-box.users-list .items-list .info-user .btn {
		font-size: 12px;
	}
	.friends-box .btn-delete {
		margin-top: 30px;
		width: 28px;
		height: 28px;
		font-size: 18px;
	}
}

@media screen and (max-width: 390px) {
	.friends-box.users-list .items-list .info-user .name {
		max-width: 32%;
	}
	.friends-box .registration_selection .item {
		font-size: 13px;
		padding: 10px 2px;
	}
	.friends-box.users-list .items-list .info-user .wrap-btn .primary,
	.friends-box.users-list .items-list .info-user .wrap-btn .primary + .btn {
		max-width: 40%;
	}
	.friends-box.users-list .items-list .info-user .wrap-btn .primary span,
	.friends-box.users-list .items-list .info-user .wrap-btn .primary + .btn span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.lock-users {
		font-size: 13px;
	}
	.friends-box.users-list .items-list .info-user {
		margin-right: 0;
	}
	.friends-box.users-list.show .items-list .item {
		position: relative;
	}
	.friends-box .btn-delete {
		margin-top: 0;
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

/* friends end */

/* edit-profile start */

.form-holder.user-form {
	max-width: 750px;
	box-shadow: none;
	padding-bottom: 50px;
	border-radius: 0;
	margin: 10px auto 30px;
}

.form-holder.edit-profile .tabs-content,
.form-holder.edit-profile .tabs-caption .tab-btn {
	box-shadow: none;
}

.form-holder.edit-profile .tabs-content {
	padding: 0;
}

.form-holder.edit-profile .inform-text {
	max-width: none;
	color: #DB9809;
	border-radius: 20px;
	background: #FFF6D3;
	padding: 11px;
	line-height: 1.4;
	margin-bottom: 30px;
	text-align: center;
}

.form-holder.user-form .row.date .selects-row {
	display: flex;
}

.form-holder.user-form .row.date.hidden {
	display: inline-block;
}

.form-holder.user-form .title-holder {
	font-size: 18px;
	line-height: 1.2;
	padding-bottom: 0;
}

.form-holder.user-form .title-holder .title {
	display: flex;
	align-items: center;
}

.form-holder.user-form .title-holder .text {
	color: #323232;
	margin-bottom: 0;
}

.form-holder.user-form .title-holder i {
	font-size: 30px;
	flex-shrink: 0;
	margin-right: 10px;
}

.form-holder.edit-profile .tabs-caption {
	margin-bottom: 30px;
	border-radius: 50px;
	border: 2px solid rgba(50, 50, 50, 0.10);
	backdrop-filter: blur(75px);
	padding: 5px;
	display: flex;
	align-items: center;
}

.form-holder.edit-profile .tabs-caption .tab-btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-size: 16px;
	cursor: pointer;
	padding: 10px 15px;
}

.form-holder.edit-profile .tabs-caption .tab-btn.active {
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FFF;
	color: #fff;
}

.form-holder.edit-profile .tabs-caption .tab-btn i {
	font-size: 22px;
	flex-shrink: 0;
	margin-right: 7px;
}

.form-holder.edit-profile .tabs-caption .tab-btn .icon-lock:before {
	color: #323232;
}

.form-holder.edit-profile .tabs-caption .tab-btn.active .icon-user:before,
.form-holder.edit-profile .tabs-caption .tab-btn.active .icon-user:after,
.form-holder.edit-profile .tabs-caption .tab-btn.active .icon-lock:before {
	color: #fff;
}

.form-holder.user-form .rows .title-rows {
	color: #323232;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	background: #F3F3F3;
	padding: 13px 20px;
	margin-bottom: 8px;
}

.form-holder.user-form .rows .title-rows.second {
	margin-bottom: 18px;
}

.form-holder.user-form .rows .title-rows.warning {
	background: #FFE0E0;
	color: #D70000;
}

.form-holder.user-form .row {
	width: 100%;
}

.form-holder .row .block-radios .row .radio {
	display: none;
}

.form-holder.user-form .row .label {
	padding: 0 0 8px 0;
}

.edit-profile .row .select-holder .select2-container {
	padding: 13px 44px 13px 20px;
	border: 1px solid #E2E2E2;
	border-radius: 50px;
	height: 50px;
}

.edit-profile .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 24px;
	font-size: 12px;
	color: #87878C;
	font-weight: 500;
}

.edit-profile .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	bottom: 0;
	height: auto;
	width: 22px;
}

.edit-profile .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: none;
	font-size: 22px;
	color: #87878C;
}

.select2-container--open .select2-dropdown--below {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
}

.edit-profile.user-form .botton .btn {
	font-size: 16px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	transition: box-shadow .3s;
	width: 100%;
	color: #fff;
	padding: 17px 12px;
	cursor: pointer;
}

.edit-profile.user-form .rows .cols {
	display: flex;
	gap: 0 8px;
	margin-bottom: 18px;
}

.edit-profile.user-form .rows .cols:last-child {
	margin-bottom: 0;
}

.edit-profile.user-form .row.date .selects-row .select-holder:nth-child(2) {
	margin: 0 8px;
}

.edit-profile.user-form .rows .cols .col-2 {
	width: 50%;
}

.edit-profile.user-form .rows .cols .col-3 {
	width: 33.333%;
}

.edit-profile.user-form .row .input.textfield {
	width: 100%;
	border: 1px solid #E2E2E2;
	text-align: left;
	padding: 7px 20px;
	font-size: 12px;
	color: #87878C;
}

.edit-profile.user-form .row .input.textfield::-webkit-input-placeholder {
	font-size: 12px;
	color: #87878C;
	transition: opacity .3s ease;
}

.edit-profile.user-form .row .input.textfield:-moz-placeholder {
	font-size: 12px;
	color: #87878C;
	transition: opacity .3s ease;
}

.edit-profile.user-form .row .input.textfield::-moz-placeholder {
	font-size: 12px;
	color: #87878C;
	transition: opacity .3s ease;
}

.edit-profile.user-form .row .input.textfield:-ms-input-placeholder {
	font-size: 12px;
	color: #87878C;
	transition: opacity .3s ease;
}

.edit-profile.user-form .row .input.textfield::placeholder {
	font-size: 12px;
	color: #87878C;
	transition: opacity .3s ease;
}

.edit-profile.user-form .row .input.textfield:focus::-webkit-input-placeholder {
	opacity: 0;
}

.edit-profile.user-form .row .input.textfield:focus:-moz-placeholder {
	opacity: 0;
}

.edit-profile.user-form .row .input.textfield:focus::-moz-placeholder {
	opacity: 0;
}

.edit-profile.user-form .row .input.textfield:focus:-ms-input-placeholder {
	opacity: 0;
}

.edit-profile.user-form .row .input.textfield:focus::placeholder {
	opacity: 0;
}

.label.question {
	display: flex;
	align-items: center;
	position: relative;
}

.edit-profile.user-form .row .label.question {
	width: auto;
	min-width: auto;
	display: inline-flex;
	align-items: flex-end;
}

.form-holder.edit-profile .tabs-content {
	display: none;
}

.form-holder.edit-profile .tabs-content.active {
	display: block;
}

.form-holder .checkbox-holder .checkbox {
	display: none;
}

.label.question i {
	flex-shrink: 0;
	margin-left: 3px;
	color: #9D9D9D;
	font-size: 18px;
	cursor: pointer;
}

.label.question .tooltip {
	display: none;
	background: rgba(50, 50, 50, 0.95);
	color: #fff;
	border-radius: 10px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: calc(100% - 35px);
	width: 328px;
	font-size: 12px;
	line-height: 1.4;
}

.label.question .tooltip a,
.label.question .tooltip b {
	color: #fff;
	font-weight: 700;
	font-size: 12px;
}

.label.question .tooltip:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 18px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent rgba(50, 50, 50, 0.95) transparent;
}

.verified-badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.verified-badge .tooltip {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	background: rgba(50, 50, 50, 0.95);
	color: #fff;
	border-radius: 10px;
	padding: 6px 10px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.4;
	z-index: 5;
}

.verified-badge .tooltip:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent rgba(50, 50, 50, 0.95) transparent;
}

.verified-badge:hover .tooltip,
.verified-badge.is-open .tooltip {
	display: block;
}

.nav-holder.new .burger_menu_top .user_info .info-user .verified-badge i {
	font-size: 19px;
	position: relative;
	top: 3px;
}

.comment-block .comment-item .name-holder .verified-badge i {
	background: transparent !important;
}

.box.dialogues-list .dialogue-holder .header-dialogue .verified-badge i {
	font-size: 20px;
	position: relative;
	top: 3px;
}

.edit-profile.user-form .row .textfield.textarea {
	resize: none;
	border-radius: 20px;
	border: 1px solid #E2E2E2;
	min-height: 150px;
	padding: 10px 20px;
	font-family: "Montserrat";
	font-size: 12px;
	color: #87878C;
}

.edit-profile.user-form .rows {
	padding-bottom: 40px;
}

.edit-profile.user-form .top-text {
	margin-bottom: 18px;
	color: #87878C;
	font-size: 12px;
}

.edit-profile .items-group {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.edit-profile .checkbox-holder .label {
	font-size: 15px;
	padding: 7px 10px;
	border-radius: 50px;
	border: 1px solid #E2E2E2;
	display: inline-block;
	cursor: pointer;
	margin-bottom: 0;
	transition: color .3s, border-color .3s;
}

.edit-profile .checkbox-holder {
	padding: 0;
}

.edit-profile .checkbox-holder .label:before,
.edit-profile .checkbox-holder .label:after {
	display: none;
}

.edit-profile .checkbox-holder .checkbox:checked + .label {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	border-color: #FB0049;
	color: #fff;
}

.edit-profile .checkbox-holder .checkbox:checked + .label:after {
	display: none;
}

.edit-profile.user-form .row.line {
	border-radius: 20px;
	border: 1px solid #E2E2E2;
	padding: 20px;
}

.edit-profile.form-holder .block-radios {
	display: flex;
	align-items: center;
}

.edit-profile .row .block-radios {
	width: 100%;
}

.edit-profile .row .block-radios .row {
	margin: 0;
	padding: 0 5px;
	justify-content: center;
}

.edit-profile .row .block-radios .row .label:after {
	top: 6px;
}

.edit-profile .row .block-radios .row .label:before {
	top: 0;
}

.edit-profile.form-holder .block-radios .row .label {
	display: flex;
	align-items: center;
	padding: 0 0 0 30px;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.edit-profile.form-holder .block-radios .label i {
	font-size: 22px;
	margin-right: 4px;
	flex-shrink: 0;
}

.edit-profile.form-holder.user-form .row .select-holder {
	width: 100%;
}

.form-holder.user-form .row .label {
	display: inline-block;
	font-size: 14px;
	padding-bottom: 8px;
	margin-bottom: 0;
}

.edit-profile.form-holder .tabs-content .row .botton {
	width: 100%;
}

.edit-profile.form-holder .tabs-content .row .btn {
	width: 100%;
	font-size: 16px;
	padding: 17px;
	border-radius: 50px;
}

.edit-profile.form-holder .tabs-content .row .btn-remove {
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), #323232;
}

.edit-profile.form-holder.user-form .row .input-holder {
	position: relative;
}

.edit-profile.form-holder.user-form .row .input-holder .input.textfield {
	padding-right: 50px;
}

.input-holder .toggle-password {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	cursor: pointer;
	width: 23px;
	transform: none;
    top: 15px;
}

.input-holder .toggle-password.visible {
	font-size: 18px;
}

.input-holder .toggle-password.visible:before {
	content: "\e987";
}

.input-holder .toggle-password.visible:after {
	content: "\e988";
}

.edit-profile.user-form .row .label.text-email {
	font-size: 12px;
	color: #87878C;
	padding-bottom: 0;
	margin-right: 5px;
}

.form-holder.edit-profile .old-email {
	font-size: 16px;
	color: #323232;
	padding: 0;
	color: #3C95FF;
}

.edit-profile.user-form .rows.form-holder {
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(50, 50, 50, 0.20);
}

.edit-profile .rows.form-holder .checkbox-holder .checkbox:checked + .label {
	background: transparent;
	color: #323232;
	border: none;
}

.edit-profile .rows.form-holder .checkbox-holder .label {
	padding: 0 0 0 30px;
	background: transparent;
	color: #323232;
	border: none;
	position: relative;
}

.edit-profile .rows.form-holder .checkbox-holder .label:before {
	content: "";
    position: absolute;
    left: 0;
    top: -3px;
    z-index: 2;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    background: linear-gradient(to right, #67ACFF 0%, #3C95FF 100%);
	box-shadow: none;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'icomoon';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.edit-profile .rows.form-holder .checkbox-holder .checkbox:checked + .label:before {
	content: "\e96b";
}

@media (hover: hover) and (pointer: fine) {
	.form-holder.user-form .botton .btn:hover {
		color: #fff;
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
		border-color: rgba(255, 255, 255, 0.20);
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
	}
	.edit-profile .checkbox-holder .label:hover {
		color: #FB0049;
		border-color: #FB0049;
	}
}

@media screen and (max-width: 768px) {
	.edit-profile.user-form .rows .cols {
		flex-wrap: wrap;
	}
	.edit-profile.user-form .rows .cols .col-2 {
		width: 100%;
	}
	.edit-profile.user-form .rows .cols .col-2 + .col-2 {
		margin-top: 18px;
	}
	.edit-profile.user-form .rows .cols {
		gap: 0;
	}
	.edit-profile.user-form .rows .cols .col-3:nth-child(2) {
		padding: 0 8px;
	}
	.edit-profile.user-form .rows {
		padding-bottom: 25px;
	}
	.box.profile-list.show {
		padding-top: 10px;
	}
	.form-holder.edit-profile {
		margin-top: 0;
	}
	.edit-profile.user-form .rows.form-holder {
		margin-bottom: 25px;
	}
	.form-holder.edit-profile .old-email {
		width: auto;
		font-size: 14px;
	}
}

@media screen and (max-width: 640px) {
	.edit-profile.user-form .rows .cols-3 .col-3:first-child {
		width: 100%;
		margin-bottom: 18px;
	}
	.edit-profile.user-form .rows .cols-3 .col-3 {
		width: 50%;
	}
	.edit-profile .row .block-radios {
		flex-wrap: wrap;
		justify-content: center;
	}
	.edit-profile .row .block-radios .row {
		width: 50%;
		padding-left: 8%;
	}
	.edit-profile .row .block-radios .row .label {
		white-space: nowrap;
	}
	.edit-profile .row .block-radios .row:last-child {
		padding-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	.form-holder.edit-profile .inform-text {
		font-size: 12px;
	}
	.label.question .tooltip {
		width: 188px;
	}
}

@media screen and (max-width: 390px) {
	.edit-profile .row .block-radios .row {
		width: 100%;
		padding: 0 0 20px 0;
		justify-content: flex-start;
	}
	.edit-profile .row .block-radios .row:last-child {
		padding: 0;
	}
	.edit-profile .checkbox-holder .label {
		font-size: 12px;
	}
	.form-holder.user-form .row.date .selects-row {
		flex-direction: column;
	}
	.edit-profile.user-form .row.date .selects-row .select-holder:nth-child(2) {
		margin: 18px 0;
	}
	.edit-profile.user-form .rows .cols .col-3 {
		width: 100%;
	}
	.edit-profile.user-form .rows .cols .col-3:nth-child(2) {
		padding: 18px 0;
	}
	.edit-profile.user-form .rows .cols-3 .col-3:first-child {
		margin-bottom: 0;
	}
	.form-holder.edit-profile .tabs-caption .tab-btn {
		font-size: 14px;
	}
}

/* edit-profile end */

/* user-profile start */

.sort-my-profile {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

.btn-my-profile {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px 20px;
	border-radius: 50px;
	color: #fff;
	background: rgba(50, 50, 50, 0.50);
	backdrop-filter: blur(15px);
}

.btn-my-profile .icon-edit {
	color: #fff;
	font-size: 22px;
	flex-shrink: 0;
	margin-right: 8px;
	width: 22px;
	height: 22px;
	display: block;
}

.btn-my-profile .icon-edit:after,
.btn-my-profile .icon-edit:before,
.btn-my-profile .icon-edit .path:before {
	color: #fff;
}

.btn-my-profile .icon-edit .path:before {
	font-size: 22px;
}

.sort-my-profile .drop-holder {
	position: absolute;
	top: 100%;
	right: 0;
	border-radius: 15px;
	border: 1px solid rgba(0, 0, 0, 0.02);
	background: #FFF;
	padding: 10px;
	width: 244px;
	transform: translate3d(0, 20px, 0);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s, transform .3s;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.sort-my-profile.open-sort .drop-holder {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 5px, 0);
}

.sort-my-profile .link-drop {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: 8px;
	border-radius: 10px;
	transition: color .3s, background .3s;
}
.sort-my-profile .link-drop.hidden {
	display: none;
}
.sort-my-profile .link-drop .icon-photo-hover:before {
	box-shadow: none;
	background: #ADADAD;
	border-radius: 4px;
	transition: background .3s;
}

.sort-my-profile .link-drop .icon-photo-hover:after {
	font-size: 18px;
}

.sort-my-profile .link-drop .icon-delete {
	font-size: 18px;
}

.sort-my-profile .link-drop .icon-play-hover:before {
	transition: box-shadow .3s;
}

.sort-my-profile .link-drop .icon-play-hover:after {
	transition: color .3s;
}

.sort-my-profile .link-drop.warning,
.sort-my-profile .link-drop.warning .icon-delete:before,
.sort-my-profile .link-drop.warning .icon-delete:after  {
	color: #FB0049;
}

.sort-my-profile .link-drop .icon-cut {
	font-size: 20px;
}

.icon-cut .path2 {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 11px;
	height: 11px;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);
	transition: box-shdow .3s;
}

.sort-my-profile .item-sort {
	margin-bottom: 2px;
}

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

.sort-my-profile .link-drop i {
	font-size: 18px;
	margin-right: 6px;
	flex-shrink: 0;
}

.box.profile-list .main-column {
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}

.profile-img {
	padding-bottom: 40%;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	background: 
		url("../images/svg/unfilled-logo.svg") center center no-repeat,
		radial-gradient(circle at 20% 30%, rgba(255, 249, 200, 0.4) 0%, transparent 50%),
		radial-gradient(circle at 90% 10%, rgba(225, 215, 255, 0.6) 0%, transparent 60%),
		radial-gradient(circle at 70% 85%, rgba(200, 255, 235, 0.8) 0%, transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.75) 0%, transparent 80%),
		linear-gradient(247deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 95%),
		linear-gradient(247deg, rgba(255, 255, 255, 0.00) 57.92%, #FFF 93.17%),
		#ECECEC;
}

.profile-img:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(247deg, rgba(255, 255, 255, 0.00) 57.92%, #FFF 93.17%);
}

.box.profile-list .block-holder {
	box-shadow: none;
}

.box .block-holder.user-nav {
	margin-bottom: 40px;
}

.block-holder.user-nav .avatar {
	width: 200px;
    height: 200px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	display: block;
}

.block-holder.user-nav .avatar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to top left, rgba(203, 203, 203, .1), #CBCBCB);
	border-radius: 50%;
}

.block-holder.user-nav .avatar.online:after {
	background: linear-gradient(to top left, rgba(166, 217, 192, .1), #A6D9C0);
}

.block-holder.user-nav .avatar .img,
.block-holder.user-nav .no-avatar .icon-box {
	max-width: 190px;
	max-height: 190px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	border: 8px solid #F5F5F5;
	object-fit: cover;
	z-index: 1;
	border-radius: 50%;
}

.block-holder.user-nav .no-avatar .icon-box {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 70px;
}

.block-holder.user-nav .cols {
	display: flex;
	margin-bottom: 25px;
}

.block-holder.user-nav .left-col {
	padding: 0 20px 0 30px;
	margin-top: -100px;
	flex-shrink: 0;
}

.block-holder.user-nav .right-col {
	flex-grow: 1;
	padding-top: 12px;
}

.box.profile-list .main-column .user-nav.block-holder {
	display: block;
	margin-bottom: 0;
	border-bottom: none;
}

.box.profile-list .main-column .user-nav .title-holder {
	padding: 0;
	border: none;
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

@media screen and (max-width: 480px) {
	.box.profile-list .main-column .user-nav .title-holder {
		margin-bottom: 18px;
	}
}

.profile-list .main-column .user-nav .title {
	font-size: 18px;
	margin-right: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 280px;
}

.profile-list .main-column .user-nav .age {
	margin-left: 4px;
	flex-shrink: 0;
}

.profile-list .main-column .user-nav .flag {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.box.profile-list .main-column .user-nav .icon {
	margin: 0 2px;
    font-size: 22px;
    display: block;
    flex-shrink: 0;
	color: #323232;
}

.user-nav .block-online {
	color: #828282;
	background: linear-gradient(257deg, rgba(216, 216, 216, 0.50) 12.42%, rgba(201, 201, 201, 0.50) 92.7%);
	font-size: 12px;
	padding: 5px 8px;
	display: inline-block;
	border-radius: 50px;
	backdrop-filter: blur(3.950000047683716px);
	margin-bottom: 12px;
}

.user-nav .block-online.online {
	color: #386C44;
	background: linear-gradient(257deg, rgba(141, 250, 123, 0.50) 12.42%, rgba(78, 188, 116, 0.50) 92.7%);
}

.user-nav .btn-user {
	display: flex;
	align-items: center;
}

.user-nav .btn-user form {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.user-nav .btn-user .link {
	cursor: pointer;
	margin-right: 4px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	color: #fff;
	padding: 7px 20px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: color .3s, box-shadow .3s, border-color .3s;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.user-nav .btn-user .link.hidden {
	display: none;
}

.msgblock_my_row { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding-top: 20px; text-align: center; }
.msgblock_settings_btn { display: inline-flex; align-items: center; justify-content: center; padding: 5px 16px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.20); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; background: linear-gradient(168deg, rgba(255,255,255,0.20) -9.63%, rgba(255,255,255,0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%); transition: box-shadow .3s; }
.msgblock_settings_btn:hover { box-shadow: 0 6px 20px rgba(251,0,73,0.35); }

.user-nav .btn-user .circle {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	padding: 0;
	cursor: pointer;
}

.user-nav .btn-user .circle.sent {
	cursor: default;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #2f7ed1 0.39%, #66b0ff 99.49%);
}

.user-nav .btn-user .link.second {
	background: #fff;
	border: 1px solid rgba(60, 149, 255, 0.30);
	color: #3C95FF;
	padding: 8px 20px;
}

@media screen and (max-width: 640px) {
	.user-nav .btn-user .link.second {
		display: none;
	}
}

.user-nav .btn-user .link:last-child {
	margin-right: 0;
}

.user-nav .btn-user .link i {
	font-size: 22px;
	flex-shrink: 0;
}

.user-nav .btn-user .link i.icon-delete::before,
.user-nav .btn-user .link i.icon-delete::after {
	color: #fff;
}

.user-nav .btn-user .link .text {
	margin-left: 7px;
}

.btn-user .link .icon-user-plus:before,
.btn-user .link .icon-user-plus:after,
.btn-user .link .icon-user-plus .path:before,
.btn-user .link .icon-chat:before,
.btn-user .link .icon-chat:after {
	color: #fff;
}

.btn-user .link .icon-user:before,
.btn-user .link .icon-user:after {
	color: #3C95FF;
}

.profile-link {
	font-size: 16px;
	color: #323232;
	flex-shrink: 0;
	transition: color .3s;
}

.profile-link:hover {
	color: #FB0049;
}

.profile-link b {
	font-weight: 600;
}

.profile-link .mark {
	color: #828282;
	font-size: 14px;
}

.box.profile-list .main-column .nav-holder .item-nav {
	padding: 0;
	width: 33.333%;
}

.box.profile-list .main-column .nav-holder .item-nav .link {
	padding: 12px 0;
	border-bottom: 2px solid rgba(50, 50, 50, 0.20);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box.profile-list .main-column .nav-holder .item-nav .link.active {
	border-color: #323232;
}

.profile-content {
	padding: 40px 0;
}

.empty-wrap {
	text-align: center;
}

.empty-wrap .text {
	font-size: 15px;
	color: #C4C4C4;
	font-weight: 600;
}

.box.profile-list .main-column .nav-holder .link .quantity {
	font-size: 24px;
	color: #323232;
	font-weight: 600;
}

.box.profile-list .main-column .nav-holder .link .text {
	color: #828282;
	font-size: 12px;
	text-transform: uppercase;
}

.box.profile-list .block-holder .title-holder i:hover {
	color: inherit;
}

.profile-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.user-nav .btn-user .tab .js-sort {
	margin-left: 5px;
	font-size: 22px;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
}

.user-nav .btn-user .tab .js-sort:after {
	content: "...";
	display: inline-block;
	transform: rotate(90deg);
	letter-spacing: 3px;
	color: #C0C0C0;
	transition: color .3s;
}

.user-nav .btn-user .tab {
	position: relative;
}

.user-nav .btn-user .tab .drop-holder {
	border-radius: 20px;
	padding: 17px;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.02);
	background: #FFF;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04), 0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
	z-index: 20;
	position: absolute;
	top: 100%;
	right: 0;
	width: 240px;
	overflow: hidden;
	transform: translate3d(0, 24px, 0);
	opacity: 0;
	visibility: hidden;
	transition: transform .3s, opacity .3s, visibility .3s;
}

.user-nav .btn-user .tab.open-sort .js-sort:after {
	color: #FB0049;
}

.user-nav .btn-user .tab.open-sort .drop-holder {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 14px, 0);
}

.user-nav .btn-user .tab .link-drop {
	font-size: 14px;
	display: flex;
	align-items: center;
	transition: color .3s;
}

.user-nav .btn-user .tab .item-sort {
	margin-bottom: 10px;
	margin-bottom: 0;
}

.user-nav .btn-user .tab .item-sort:last-child {
	margin-bottom: 0;
}

.user-nav .btn-user .tab .link-drop i {
	flex-shrink: 0;
	font-size: 18px;
	margin-right: 6px;
}

.user-nav .btn-user .tab .icon-lock:before {
	color: #323232;
}

.user-nav .btn-user .tab .icon-lock:before,
.user-nav .btn-user .tab .icon-lock:after {
	transition: color .3s;
}

.user-nav .btn-user .tab .icon-lock.unlock:after {
	display: inline-block;
	transform: rotate(-20deg) translateY(-2px);
}

.secret-box {
	display: flex;
	align-items: center;
	font-size: 15px;
	margin-top: 20px;
}

.secret-box b {
	font-weight: 600;
}

.secret-link {
	margin-left: 8px;
	display: inline-block;
	color: #C281EB;
	border-radius: 50px;
	background: #FBF3FF;
	padding: 5px 10px;
}

.wrap-friends {
	display: flex;
	align-items: center;
}

.friends-list {
	margin-left: 5px;
	flex-grow: 1;
	display: flex;
	flex-direction: row-reverse;
}

.friends-list .item-friend {
	margin-left: -15px;
} 

.friends-list .link {
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #FFF;
	position: relative;
	z-index: 1;
	display: flex;
    align-items: center;
    justify-content: center;
	background: #fff;
	transition: border-color .3s, z-index .3s;
}

.friends-list .link .icon {
	line-height: 0;
}

.dark .friends-list .link {
	background: #323232;
}

.dark .friends-list .link .icon .icon-user:after {
    color: #707070;
    color: #CFCFD1;
    opacity: 1;
}

.friends-list .link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-friends-holder {
	padding: 0 48px;
	position: relative;
}

.swiper-friends {
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
	opacity: 0;
}

.swiper-friends:has(.sort-my-profile.open-sort) {
    overflow: visible;
    overflow-x: clip;
}

.swiper-friends.swiper-container-horizontal {
	opacity: 1;
}

.swiper-friends .swiper-slide {
	text-align: center;
	width: auto;
	transition: color .3s;
}

.swiper-friends .swiper-slide.short_disabled {
	cursor: default;
	pointer-events: none;
}

.swiper-friends .swiper-button-next,
.swiper-friends .swiper-button-prev {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #F3F3F3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #696969;
}

.swiper-friends .swiper-button-prev {
	left: 0;
}

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

.avatar-border {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 3px;
	background: linear-gradient(-45deg, #a700ff, #00f0ff);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
	font-size: 36px;
}

.avatar-border.processing {
	background: linear-gradient(180deg, #FFF0BE 30.59%, #FFF 107.06%), linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), #D9D9D9;
	color: #FFAE00;
}

.avatar-border.moderation {
	background: linear-gradient(180deg, #DBEFFF 30.59%, #FFF 107.06%), linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), #D9D9D9;
	color: #008CFF;
}

.avatar-border.error {
	background: linear-gradient(180deg, #ffdbdbeb 30.59%, #ffffff 107.06%), linear-gradient(118deg, #ea1c1c -10.6%, #ff2828 51.73%, #882FCD 103.15%), #D9D9D9;
    color: #ff0000;
}

.thin-plus {
	position: relative;
	width: 26px;
	height: 26px;
}

.thin-plus::before,
.thin-plus::after {
	content: "";
	position: absolute;
	background: #fff;
	transition: background .3s;
}

.thin-plus::before {
	width: 2px;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
  
.thin-plus::after {
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.friends-list .link.all-friends {
	border-color: #3C95FF;
	font-weight: 600;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #3C95FF;
}
  
.avatar-border img {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 2px solid #fff;
}

.swiper-friends .swiper-slide p {
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frieds-inform {
	margin-top: 30px;
}

.my-buttons {
	display: flex;
	gap: 0 8px;
	margin-bottom: 20px;
}

.my-buttons:last-child {
	margin-bottom: 0;
}

.my-buttons .btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	backdrop-filter: blur(15px);
	padding: 9px;
	transition: box-shadow .3s;
}

.my-buttons .btn i {
	flex-shrink: 0;
	margin-right: 7px;
	font-size: 22px;
}

.my-buttons .icon-play-hover:before {
	box-shadow: none;
	background: rgba(255, 255, 255, .4);
}

.my-buttons .icon-play-hover:after {
	color: #fff;
}

.my-buttons .icon-albums .path:before {
	left: 0;
	opacity: .5;
}

.my-buttons .icon-albums:before {
	opacity: .6;
}

.data .sort {
	margin-left: 10px;
	position: relative;
}

.data .dot-holder {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.data .dot-holder span {
    width: 4px;
    height: 4px;
	border-radius: 50%;
    background: #C0C0C0;
	transition: background .3s;
	display: block;
}

.data .dot-holder span:after,
.data .dot-holder span:before {
    content: "";
	border-radius: 50%;
    background-color: #5e5e5e;
    position: absolute;
    transition: background .3s;
    width: 4px;
    height: 4px;
    background: #C0C0C0;
}

.data .dot-holder span:before {
    top: 2px;
}

.data .dot-holder span:after {
    top: 18px;
}

.data .link-drop {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 8px;
	border-radius: 10px;
	transition: background .3s, color .3s;
}

.data .link-drop.second,
.data .icon-delete:before, .data .icon-delete:after {
	color: #FB0049;
}

.data .sort .drop-holder .link-drop i {
	font-size: 18px;
	margin-right: 6px;
	flex-shrink: 0;
}

.data .icon-edit:after,
.data .icon-edit:before,
.data .icon-edit .path:before,
.data .icon-delete:before,
.data .icon-delete:after {
	transition: color .3s;
}

.data .sort .drop-holder .link-drop .icon-edit .path:before {
	font-size: 18px;
}

.data .item-sort {
	margin-bottom: 2px;
}

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

.data .icon-edit {
	width: 18px;
    height: 18px;
    display: block;
}

.data .drop-holder {
	position: absolute;
	right: 0;
	top: 100%;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.02);
	background: #FFF;
	padding: 10px;
	transform: translate3d(0, 26px, 0);
	width: 244px;
    opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: transform .3s, opacity .3s, visibility .3s;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.data .sort.open-sort .dot-holder span,
.data .sort.open-sort .dot-holder span:after,
.data .sort.open-sort .dot-holder span:before {
	background: #FB0049;
}

.data .sort.open-sort .drop-holder {
	visibility: visible;
	opacity: 1;
	transform: translate3d(0, 13px, 0);
}

.sort-my-profile .js-sort {
	cursor: pointer;
}

.avatar.sort-my-profile .drop-holder {
	right: auto;
	left: 50%;
	transform: translate3d(-50%, -20px, 0);
	z-index: 1;
	width: 226px;
}

.avatar.sort-my-profile.open-sort .drop-holder {
	transform: translate3d(-50%, -30px, 0);
}
@media screen and (max-width: 767px) {
	.avatar.sort-my-profile .drop-holder {
		left: 0 !important;
	}
	.avatar.sort-my-profile.open-sort .drop-holder {
		transform: translateY(-30px);
	}
}
.avatar.sort-my-profile.open-sort {
	overflow: visible;
	z-index: 99;
}

.avatar.sort-my-profile .icon-edit {
	width: 18px;
	height: 18px;
}

.avatar.sort-my-profile .icon-edit .path:before {
	font-size: 18px;
}

.avatar.sort-my-profile .icon-edit:after,
.avatar.sort-my-profile .icon-edit:before,
.avatar.sort-my-profile .icon-edit .path:before {
	transition: color .3s;
}

.sort-my-profile.swiper-slide {
	position: relative;
	top: 0;
	right: 0;
}

.sort-my-profile.swiper-slide .drop-holder {
	right: 0;
	transform: translate3d(0, -20px, 0);
	width: 214px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	padding: 5px;
}

.sort-my-profile.swiper-slide .link-drop {
	padding: 4px;
	justify-content: center;
}

.sort-my-profile.swiper-slide .drop-holder .item-sort:not(:last-child) {
	position: relative;
}

.sort-my-profile.swiper-slide .drop-holder .item-sort {
	margin-bottom: 3px;
}

.sort-my-profile.swiper-slide .drop-holder .item-sort:last-child {
	margin-bottom: 0;
}

.sort-my-profile.swiper-slide .drop-holder .item-sort:not(:last-child):after {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	right: 0;
}

.sort-my-profile.swiper-slide.open-sort .drop-holder {
	transform: translate3d(0, -44px, 0);
}

.sort-my-profile.swiper-slide.open-sort {
	z-index: 2;
}

.swiper-friends.my-profile {
	margin-bottom: 0;
	padding-bottom: 25px;
}

.frieds-inform .block {
	border-radius: 30px;
	background: #F3F3F3;
	padding: 20px;
	margin-bottom: 10px;
}

.frieds-inform .block:last-child {
	margin-bottom: 0;
}

.frieds-inform .block .btn-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}


.frieds-inform .cols-2 {
	margin: 0 -5px 10px;
	display: flex;
}

.frieds-inform .cols-2 .col-2 {
	width: 50%;
	padding: 0 5px;
}

.profile-list .main-column .user-nav .frieds-inform .title {
	font-size: 16px;
	margin-right: 0;
}

.box.profile-list .block-holder .frieds-inform .btn-items .link {
	font-size: 15px;
	color: #323232;
	background: #fff;
	border-radius: 50px;
	padding: 10px 12px;
	border: 1px solid transparent;
	transition: border-color .3s, color .3s;
	display: inline-block;
	cursor: default;
	pointer-events: none;
}

.box.profile-list .main-column .user-nav .frieds-inform .title-holder {
	margin-bottom: 12px;
}

.frieds-inform .text {
	line-height: 1.4;
	color: #7E7E7E;
}

.frieds-inform .cols-2 .text {
    color: rgba(50, 50, 50, 0.50);
	margin-right: 8px;
	flex-shrink: 0;
}

.frieds-inform .cols-2 .inform {
	margin-left: 8px;
	flex-shrink: 0;
    order: 1;
	max-width: 50%;
}

.frieds-inform .show-more {
	margin: 20px 0 0;
	transition: margin-bottom .3s;
}

.frieds-inform .models-holder {
	display: none;
}

.block-holder.user-nav.models-list {
	margin-bottom: 28px;
}

.models-list.open .frieds-inform .show-more .btn i {
	transform: rotate(180deg);
}

.models-list.open .frieds-inform .show-more {
	margin-bottom: 20px;
}

.box.profile-list .block-holder .frieds-inform .inform-items .item-inform {
	display: flex;
	align-items: center;
}

.box.profile-list .block-holder .frieds-inform .inform-items .item-inform:after {
	content: "";
	border-top: 1px dashed rgba(50, 50, 50, 0.50);
	width: 100%;
}

.frieds-inform .added {
	font-size: 12px;
	color: #828282;
	border-radius: 50px;
	background: #FFF;
	padding: 5px 10px;
	display: inline-block;
	margin-left: auto;
}

.img-holder-wall {
	text-align: center;
}

.box.profile-list .main-column .block-holder {
	padding: 0 0 20px;
	border-bottom: 1px solid rgba(50, 50, 50, 0.20);
	margin-bottom: 20px;
	border-radius: 0;
}

.box.profile-list .main-column .block-holder:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.profile-content .item-post.item {
	width: 100%;
}
.profile-content .item-post > .comment-item {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

.profile-content .comment-item .img-holder {
	margin-right: 8px;
	padding: 0;
    margin: 0 8px 0 0;
    border-radius: 0;
}

.profile-content .comment-item .img-holder .avatar-border {
	width: 50px;
	height: 50px;
	margin-bottom: 0;
	background: linear-gradient(45deg, #A6D9C0, #EEF8F3);
	box-shadow: none;
}

.profile-content .comment-item .img-holder .avatar-border img {
	width: 46px;
	height: 46px;
}

.profile-content .comment-item .name {
	display: flex;
	align-items: center;
	font-size: 15px;
}

.profile-content .comment-item .name i {
	flex-shrink: 0;
	margin-left: 4px;
	font-size: 20px;
}

.profile-content .comment-item .coments-info {
	flex-grow: 1;
}

.profile-content .comment-item .data {
	margin-left: 5px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: rgba(50, 50, 50, 0.50);
	font-size: 12px;
}

.profile-content .comment-item .data i {
	font-size: 19px;
	flex-shrink: 0;
	margin-right: 4px;
}

.post-content {
	margin-bottom: 10px;
}

.post-content a {
	display: inline-block;
}

.post-content img {
	border-radius: 20px;
	display: block;
	width: 100%;
}

.post-content .title {
	margin-bottom: 15px;
	font-size: 18px;
}

.post-content .text {
	margin-bottom: 20px;
}

.post-btns {
	display: flex;
	align-items: center;
	color: rgba(50, 50, 50, 0.50);
	font-size: 13px;
}

.post-btns .btn .text {
	font-size: 13px;
	margin-left: 5px;
}

.post-btns .btn i {
	font-size: 22px;
	flex-shrink: 0;
	color: #87878C;
	transition: color .3s;
}

.post-btns .btn .icon-chat:after {
	color: #87878C;
	transition: color .3s;
	margin-left: 0;
	position: absolute;
	left: 0;
	top: -1px;
}

.post-btns .btn .icon-chat:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 3px;
	background: #fff;
	transform: translateX(-50%);
	width: 3px;
	height: 3px;
	opacity: 1;
	border-left: 1px solid #87878C;
	border-bottom: 1px solid #87878C;
	transition: background .3s;
}

.post-btns .btn .icon-chat {
	border: 1px solid #87878C;
	border-radius: 50%;
	font-size: 22px;
	position: relative;
	width: 22px;
	height: 22px;
}

.post-btns .btn {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 50px;
	margin-right: 2px;
	transition: color .3s, background .3s;
}

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

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

.post-btns .wrap .voters {
	left: 0;
	bottom: calc(100% - 4px);
	position: absolute;
}

.post-btns .view-box {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.post-btns .view-box i {
	flex-shrink: 0;
	margin-right: 4px;
}

.post-btns .btn.like i,
.post-btns .btn.dislike i {
	position: relative;
}

.box .profile-content .wrap-comments {
	margin-top: 10px;
	display: none;
}

.profile-content .wrap-comments .comment-holder {
	padding-bottom: 0;
}

.profile-list .main-column .comment-block .show-more .btn {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 6px;
    border-radius: 50px;
    border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: none;
}

.profile-content .item-post.active .js-open-comments {
	color: #FB0049;
    background: #FFD5DF;
}

.profile-content .item-post.active .js-open-comments .icon-chat:after {
	color: #FB0049;
}

.profile-content .item-post.active .js-open-comments .icon-chat:before {
	border-color: #FB0049;
	background: #FFD5DF;
}

.profile-content .item-post.active .js-open-comments .icon-chat {
	border-color: #FB0049;
}

.profile-content .item-post .player-wrap {
	display: block;
}

.item-post.locked .title {
	display: flex;
}

.item-post.locked .title i {
	flex-shrink: 0;
	margin-right: 6px;
	font-size: 18px;
}

.item-post.locked .title .icon-lock:before {
	color: #323232;
}

.item-post.locked .title-name {
	color: #323232;
}

.item-post.locked .post-content img {
	transform: scale(1.07);
	filter: blur(20px);
}

.item-post.locked .player-wrap .kt-player {
	border-radius: 20px;
	overflow: hidden;
}

.item-post.locked .post-content .player-wrap,
.item-post.locked .post-content .link {
	pointer-events: none;
}

.post-content .image-box {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.post-content .image-box .thumb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	object-fit: cover;
}

.post-content .masonry_thumbs {
	display: flex;
	margin: -5px;
}

.post-content .masonry_item {
	width: 50%;
	padding: 5px;
}

.post-content .masonry_item .link {
	display: block;
}

.post-content .image-box.sm {
    padding-bottom: 62.395%;
}

.post-content .image-box.lg {
	padding-bottom: 167.06%;
}

.post-content .masonry_thumbs .quantity {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 20px;
	will-change: transform;
	color: #fff;
	padding: 8px 10px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.00) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, rgba(255, 255, 255, 0.20) 0.39%, rgba(255, 255, 255, 0.20) 99.49%);
	right: 20px;
}

.post-content .masonry_thumbs .quantity i {
	font-size: 18px;
}

.post-content .masonry_thumbs .quantity .icon-photo-hover:before {
	box-shadow: none;
	background: #DAC7BF;
	border-radius: 4px;
}

.post-content .masonry_thumbs .quantity .icon-photo-hover:after {
	font-size: 18px;
}

.post-content .masonry_thumbs .quantity .value {
	font-size: 16px;
	margin-left: 6px;
}

.box .profile-content .items-list {
	width: auto;
}

.profile-content .items-list .item {
	width: 50%;
}

.profile-content .items-list .item.processing,
.profile-content .items-list .item.processing * {
	cursor: default;
	pointer-events: none;
}

.user-nav .btn-user .link-edit {
	background: none;
	border: 1px solid rgba(50, 50, 50, 0.30);
	padding: 9px 20px;
	color: #323232;
}

.user-nav .btn-user .link-edit .icon-edit {
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.user-nav .btn-user .link-edit .icon-edit .path:before {
	font-size: 20px;
}

@media (hover: hover) and (pointer: fine) {
	.user-nav .btn-user .link:hover {
		box-shadow: 0 6px 16px rgba(251, 0, 73, 0.6);
	}
	.user-nav .btn-user .link.sent:hover {
        box-shadow: 0 6px 16px rgba(102, 176, 255, 0.6);
    }
	.user-nav .btn-user .link.second:hover {
		box-shadow: 0 6px 16px rgba(60, 149, 255, 0.6);
		box-shadow: none;
	}
	.user-nav .btn-user .tab .link-drop:hover,
	.user-nav .btn-user .tab .link-drop:hover .icon-lock:before,
	.swiper-friends .swiper-slide:hover {
		color: #FB0049;
	}
	.user-nav .btn-user .tab .js-sort:hover:after {
		color: #FB0049;
	}
	.friends-list .link:hover {
		border-color: #FB0049;
		z-index: 10;
	}
	.box.profile-list .block-holder .frieds-inform .btn-items .link:hover {
		color: #FB0049;
		border-color: #FB0049;
	}
	.post-btns .btn:hover {
		color: #FB0049;
		background: #FFD5DF;
	}
	.post-btns .btn.like:hover i:before,
	.post-btns .btn.dislike:hover i:before {
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.post-btns .btn.like:hover i:after {
		content: "\e963";
		color: #FB0049;
		position: absolute;
		left: 0;
		top: 0;
	}
	.post-btns .btn.dislike:hover i:after {
		content: "\e964";
		color: #FB0049;
		position: absolute;
		left: 0;
		top: 0;
	}
	.post-btns .btn:hover i,
	.post-btns .btn:hover .icon-chat:after {
		color: #FB0049;
	}
	.post-btns .btn:hover .icon-chat:before {
		border-color: #FB0049;
		background: #FFD5DF;
	}
	.post-btns .btn:hover .icon-chat {
		border-color: #FB0049;
	}
	.sort-my-profile .link-drop:hover {
		background: #FAECF0;
		color: #FB0049;
	}
	.sort-my-profile .link-drop:hover .icon-photo-hover:before {
		background: #FA8EAD;
	}
	.sort-my-profile .link-drop:hover .icon-play-hover:before {
		box-shadow: 0 0 0 2px #FB0049;
	}
	.sort-my-profile .link-drop:hover .icon-play-hover:after {
		color: #FB0049;
	}
	.sort-my-profile .link-drop:hover .icon-cut .path2 {
		box-shadow: inset 0 0 20px rgba(251, 0, 73, 0.3);
	}
	.user-nav .btn-user .link-edit:hover {
		box-shadow: 0 6px 16px rgba(50, 50, 50, 0.3);
	}
	.swiper-friends .swiper-slide:hover .thin-plus:before,
	.swiper-friends .swiper-slide:hover .thin-plus:after{
		background: #FB0049;
	}
	.friends-list .link.all-friends:hover {
		color: #FB0049;
	}
	.my-buttons .btn:hover {
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
	}
	.data .link-drop:hover {
		background: #FAECF0;
		color: #FB0049;
	}
	.data .link-drop:hover .icon-edit:after,
	.data .link-drop:hover .icon-edit:before,
	.data .link-drop:hover .icon-edit .path:before,
	.data .link-drop:hover .icon-delete:before,
	.data .link-drop:hover .icon-delete:after {
		color: #FB0049;
	}
	.avatar.sort-my-profile .link-drop:hover .icon-edit:after,
	.avatar.sort-my-profile .link-drop:hover .icon-edit:before,
	.avatar.sort-my-profile .link-drop:hover .icon-edit .path:before {
		color: #FB0049;
	}
}

.user-nav .btn-user .tab .drop-holder {
	left: auto !important;
	min-width: 290px !important;
	right: 10px !important;
}

@media (min-width: 481px) and (max-width: 1024px) {
	.user-nav .btn-user .tab .drop-holder {
		top: 100% !important;
		left: auto !important;
		width: 240px !important;
		right: 0 !important;
	}
}

@media screen and (max-width: 992px) {
	.box.profile-list.show .main-column .nav-holder {
		position: static;
		height: auto;
		overflow-y: hidden;
		flex-direction: row;
		opacity: 1;
        visibility: visible;
		border-radius: 0;
		transform: none;
	}
}

@media screen and (max-width: 768px) {
	.block-holder.user-nav .left-col {
		margin-top: -60px;
		padding-left: 15px;
	}
	.block-holder.user-nav .avatar {
		width: 120px;
		height: 120px;
	}
	.block-holder.user-nav .avatar .img, .block-holder.user-nav .no-avatar .icon-box {
		max-width: 112px;
		max-height: 112px;
		border-width: 5px;
	}
	.user-nav .btn-user .link {
		padding: 7px 12px;
	}
	.user-nav .btn-user .link.second {
		padding: 8px 12px;
	}
	.block-holder.user-nav .no-avatar .icon-box {
		font-size: 50px;
	}
	.box .block-holder.user-nav {
		margin-bottom: 20px;
	}
	.swiper-friends-holder {
		padding: 0;
	}
	.swiper-friends .swiper-button-next,
	.swiper-friends .swiper-button-prev {
		display: none;
	}
	.post-content .title {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.empty-wrap img {
		width: 100%;
		height: 300px;
	}
	.user-nav .btn-user .link-edit {
		padding: 9px 12px;
	}
}

@media screen and (max-width: 640px) {
	.block-holder.user-nav .cols {
		position: relative;
	}
	.block-holder.user-nav .left-col {
		padding: 0;
		position: absolute;
		top: 0;
		left: 15px;
		margin-top: 0;
		transform: translateY(-50%);
		z-index: 2;
	}
	.box.profile-list .main-column .user-nav .right-col .title-holder,
	.user-nav .block-online.online {
		margin-left: 145px;
	}
	.wrap-friends {
		flex-direction: column;
		align-items: flex-start;
	}
	.friends-list {
		margin: 10px 0 0;
		padding-left: 15px;
	}
	.frieds-inform {
		margin-top: 20px;
	}
	.frieds-inform .cols-2 {
		flex-direction: column;
		margin: 0 0 10px;
	}
	.frieds-inform .cols-2 .col-2 {
		width: 100%;
		padding: 0;
	}
	.frieds-inform .cols-2 .col-2 + .col-2 {
		margin-top: 10px;
	}
	.profile-img {
		background: 
		url("../images/svg/unfilled-logo.svg") center center / 260px auto no-repeat,
		radial-gradient(circle at 20% 30%, rgba(255, 249, 200, 0.4) 0%, transparent 50%),
		radial-gradient(circle at 90% 10%, rgba(225, 215, 255, 0.6) 0%, transparent 60%),
		radial-gradient(circle at 70% 85%, rgba(200, 255, 235, 0.8) 0%, transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.75) 0%, transparent 80%),
		linear-gradient(247deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 95%),
		linear-gradient(247deg, rgba(255, 255, 255, 0.00) 57.92%, #FFF 93.17%),
		#ECECEC;
	}
}

@media screen and (max-width: 550px) {
	.profile-content .items-list .item {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.profile-img {
		border-radius: 20px;
	}
	.block-holder.user-nav .avatar {
		width: 80px;
		height: 80px;
	}
	.block-holder.user-nav .avatar .img, .block-holder.user-nav .no-avatar .icon-box {
		max-width: 74px;
		max-height: 74px;
	}
	.block-holder.user-nav .no-avatar .icon-box {
		font-size: 30px;
	}
	.box.profile-list .main-column .user-nav .right-col .title-holder,
	.user-nav .block-online.online {
		margin-left: 105px;
	}
	.block-holder.user-nav .avatar .img, .block-holder.user-nav .no-avatar .icon-box {
		border-width: 4px;
	}
	.block-holder.user-nav .right-col {
		overflow: visible;
	}
	.user-nav .btn-user {
		overflow-x: auto;
		white-space: nowrap;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.user-nav .btn-user::-webkit-scrollbar {
		display: none;
	}
	.profile-list .main-column .user-nav .title {
		font-size: 16px;
	}
	.profile-img {
		background: 
		url("../images/svg/unfilled-logo.svg") center center / 240px auto no-repeat,
		radial-gradient(circle at 20% 30%, rgba(255, 249, 200, 0.4) 0%, transparent 50%),
		radial-gradient(circle at 90% 10%, rgba(225, 215, 255, 0.6) 0%, transparent 60%),
		radial-gradient(circle at 70% 85%, rgba(200, 255, 235, 0.8) 0%, transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.75) 0%, transparent 80%),
		linear-gradient(247deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 95%),
		linear-gradient(247deg, rgba(255, 255, 255, 0.00) 57.92%, #FFF 93.17%),
		#ECECEC;
	}
	.box.profile-list .main-column .nav-holder .link .quantity {
		font-size: 20px;
	}
	.empty-wrap img {
		height: 200px;
	}
	.user-nav .btn-user .tab .drop-holder {
		position: fixed;
		width: 240px;
		left: auto;
		right: 10px;
	}
	.my-buttons {
		flex-direction: column;
		gap: 0;
	}
	.box-popup.popup-folder .my-buttons .btn,
	.my-buttons .btn {
		width: 100%;
		max-width: 100%;
	}
	.my-buttons .btn + .btn {
		margin-top: 10px;
	}
	.btn-my-profile {
		font-size: 12px;
		padding: 8px 10px;
	}
	.btn-my-profile .icon-edit {
		margin-right: 5px;
		width: 18px;
		height: 18px;
		font-size: 18px;
	}
	.btn-my-profile .icon-edit .path:before {
		font-size: 18px;
	}
}

@media screen and (max-width: 390px) {
	.block-holder.user-nav .left-col {
		left: 0;
	}
	.box.profile-list .main-column .user-nav .right-col .title-holder,
	.user-nav .block-online.online {
		margin-left: 85px;
	}
	.box.profile-list .main-column .user-nav .right-col .title-holder {
		margin-left: 0;
		padding-left: 85px;
	}
	.profile-list .main-column .user-nav .title {
		font-size: 14px;
	}
	.friends-list .link {
		width: 43px;
		height: 43px;
	}
	.profile-img {
		background: 
		url("../images/svg/unfilled-logo.svg") center center / 200px auto no-repeat,
		radial-gradient(circle at 20% 30%, rgba(255, 249, 200, 0.4) 0%, transparent 50%),
		radial-gradient(circle at 90% 10%, rgba(225, 215, 255, 0.6) 0%, transparent 60%),
		radial-gradient(circle at 70% 85%, rgba(200, 255, 235, 0.8) 0%, transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.75) 0%, transparent 80%),
		linear-gradient(247deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.5) 95%),
		linear-gradient(247deg, rgba(255, 255, 255, 0.00) 57.92%, #FFF 93.17%),
		#ECECEC;
	}
}

/* user-profile end */

/* chat start */

.chat-wrapper {
	background: #f3f3f3;
	padding: 0 20px 10px;
}

.chat-wrapper .container {
	padding: 0;
}

.chat-wrapper .wrapper-holder {
	background:
		radial-gradient(ellipse 120% 70% at center -100px, rgba(255, 182, 193, 0.12), transparent 70%),
		radial-gradient(ellipse 150% 80% at center top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.5) 30%, transparent 70%),
		linear-gradient(180deg, #f2edf2 0%, #f7f4f9 45%, #f8f8f9 75%, #ffffff 100%);
	border-radius: 0 0 30px 30px;
}

.chat-wrapper .header {
	background: none;
}

.chat-wrapper .main-holder {
	margin-bottom: 0;
	display: table-row;
	height: 100%;
}

.chat-wrapper .footer_user_menu, .chat-wrapper .footer {
	display: none;
}

.empty-chat-box {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
}

.empty-chat-box .img {
	margin-bottom: 20px;
}

.empty-chat-box .text-name {
	color: #87878C;
	line-height: 1.5;
}

.box.dialogues-list .dialogues-holder .columns {
	max-width: 100%;
	padding: 0;
	height: auto;
	box-shadow: none;
	border-radius: 0;
	background: none;
	display: flex;
	align-items: stretch;
}

.box.dialogues-list .dialogue-holder2,
.box.dialogues-list .dialogue-holder {
	padding: 0;
	min-width: 1px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	position: relative;
}

.box.dialogues-list .dialogue-holder2 {
    align-items: stretch;
    flex-direction: row;
}


.box.dialogues-list .dialogue-holder .dialogue-empty {
	margin: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.dialogue-empty .empty-chat-box {
	position: static;
	transform: none;
	display: inline-block;
    width: auto;
	border-radius: 30px;
	background: #F3F3F3;
	padding: 20px 30px;
}

.dialogues-list .dialogue-holder .block {
	border-radius: 30px;
	border: 1px solid rgba(156, 156, 156, 0.15);
	background: #FFF;
	padding: 20px 30px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.box.dialogues-list .users-list .nano {
	height: calc(100% - 72px);
}

.box.dialogues-list .users-items .item .link .info-dialogues {
	flex-grow: 1;
	padding-left: 17px;
	width: calc(100% - 44px);
}

.box.dialogues-list .users-items {
	right: 0 !important;
}

.box.dialogues-list .users-items .item .link .name-data .name {
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 164px;
	padding-right: 5px;
	width: 100%;
	display: block;
	transition: color .3s;
}

.box.dialogues-list .users-items .item .delet-holder {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	right: -25px;
	width: 25px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-direction: column;
	top: 0;
	bottom: 0;
	height: 100%;
    color: #87878C;
	opacity: 0;
	font-size: 12px;
	background: none;
}

.box.dialogues-list .users-items .item.delet {
	transform: translateX(-30px);
}

.box.dialogues-list .users-items .item .delet-holder {
	opacity: 1;
}

.box.dialogues-list .users-items .item .delet-holder i {
	font-size: 19px;
}

.box.dialogues-list .users-items .item .link .name-data {
	position: static;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box.dialogues-list .users-list:after {
	display: none;
}

.box.dialogues-list .users-list {
	width: 350px;
	min-width: auto;
	flex-shrink: 0;
	margin-right: 20px;
	padding: 20px 5px;
	border-radius: 30px;
	border: 1px solid rgba(156, 156, 156, 0.15);
	background: #FFF;
	height: 690px;
	position: relative;
}

.block-message .wrap .name-post {
	margin-bottom: 8px;
	font-size: 12px;
	color: #87878C;
}

.chat-wrapper .container,
.dialogues-list,
.dialogues-list .dialogues-holder,
.dialogues-holder .user-profile.open-info,
.box.dialogues-list .dialogues-holder .columns {
	height: 100%;
	width: 100%;
}

.box.dialogues-list .dialogues-holder .columns {
	position: relative;
}

.box.dialogues-list .dialogues-holder.empty-holder .columns:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70px;
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
}

@media (max-width: 1024px) {
	.box.dialogues-list .dialogues-holder.empty-holder .columns:before {
		height: 85%;
	}
}

.box.dialogues-list .users-list .nano .nano-pane {
	width: 4px;
	right: 0;
	background: none;
}

.box.dialogues-list .users-list .nano .nano-pane .nano-slider {
	width: 4px;
	border-radius: 50px;
	background: rgba(50, 50, 50, 0.20);
}

.dialogues-holder .search-user-input {
	margin-bottom: 20px;
	padding: 0 20px;
}

.dialogues-holder .form-holder .row.input-block .input {
	border: 1px solid #323232;
	width: 100%;
}

.dialogues-holder .form-holder .row.input-block {
	padding: 0;
}

.box.dialogues-list .users-items .item .link .img-holder {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	margin-bottom: 0;
	padding: 0;
	position: relative;
	overflow: visible;
}

.box.dialogues-list .users-items .item .link .img-holder.online:after {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #8DFA7B;
	border: 4px solid #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
    top: auto;
    z-index: 2;
}

.box.dialogues-list .users-items .item .link .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.box.dialogues-list .users-items .item .link .img-holder .icon {
	width: 100%;
	height: 100%;
	box-shadow: none;
	font-size: 24px;
	padding-bottom: 0;
}

.box.dialogues-list .users-items .item .link {
	border-radius: 20px;
	margin: 0;
	padding: 12px;
	display: flex;
	align-items: center;
    transition: background .3s;
    position: relative;
}

.dialogues-list .users-items .item .link .img-holder.no-avatar .icon:after {
    background: 
		linear-gradient(#F3F3F3, #F3F3F3) padding-box,
		linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
}

.box.dialogues-list .users-list .nano {
	margin: 0;
	padding: 0 15px;
}

.box.dialogues-list .users-items .item {
	padding: 0 10px 0 15px;
	margin-bottom: 2px;
	width: 100%;
	position: relative;
	transition: transform .3s;
}

.box.dialogues-list .users-items .item.not-found {
	display: none;
}

.box.dialogues-list .users-items .item .link .name-data .data {
	color: rgba(50, 50, 50, 0.50);
	flex-shrink: 0;
}

.box.dialogues-list .users-items .item .link .label {
	display: flex;
	align-items: center;
	margin: 4px 0 0;
}

.info-dialogues .text-message {
	margin-right: 5px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #87878C;
	font-size: 14px;
	transition: color .3s;
	flex-grow: 1;
	text-align: left;
	word-break: break-word;
}

.box.dialogues-list .users-items .item .link .label .new {
	flex-shrink: 0;
	border-radius: 50px;
	border: 2px solid #F3F3F3;
	background: #3C95FF;
	color: #fff;
	height: 22px;
	min-width: 22px;
	padding: 0 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	transition: border-color .3s;
}

.box.dialogues-list .users-items .item .link .label .new.hidden {
	display: none;
}

@media (min-width: 1024px) {
	.box.dialogues-list .users-items .item .link:hover {
		background: #f3f3f3;
		margin: 0;
		padding: 12px; 
	}
}

.header-dialogue .name {
	font-size: 16px;
}

.header-dialogue .col-left {
	display: flex;
	align-items: center;
}

.box.dialogues-list .dialogue-holder .header-dialogue {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(50, 50, 50, 0.20);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.box.dialogues-list .dialogue-holder .header-dialogue .img-holder {
	order: inherit;
	margin-right: 10px;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	display: block;
}

.box.dialogues-list .dialogue-holder .header-dialogue .img-holder img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.box.dialogues-list .dialogue-holder .header-dialogue .img-holder .icon {
	width: 100%;
	height: 100%;
	box-shadow: none;
	font-size: 24px;
	padding-bottom: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box.dialogues-list .dialogue-holder .header-dialogue .sort-holder .sort {
	display: flex;
	align-items: center;
}

.header-dialogue .online {
	color: #3C95FF;
	margin-top: 6px;
}

.box.show .dots-holder span {
	width: 4px;
	height: 4px;
	background: #C0C0C0;
	margin-top: 10px;
	display: inline-block;
	transition: background .3s;
	border-radius: 50%;
}

.box.show .dots-holder {
	z-index: 99;
	display: inline-block;
    position: relative;
    top: 0;
    right: 0;
	padding: 4px 10px 0;
    cursor: pointer;
    min-height: 40px;
}

.box.show .close .dots-holder span:before {
	top: 0;
}

.box.show .close .dots-holder span:after {
	top: -8px;
}

.box.show .dots-holder span:after,
.box.show .dots-holder span:before {
    content: "";
	display: inline-block;
    position: relative;
	width: 4px;
	height: 4px;
	background: #C0C0C0;
    transition: background .3s;
	border-radius: 50%;
}

.box .sort-holder.close .sort .drop-holder .item-sort .link-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #87878C;
	font-size: 14px;
	padding: 8px;
	line-height: 1.2;
}

.box .sort-holder.close .sort .drop-holder .item-sort .link-drop.second {
	padding-right: 20px;
}

.box .sort-holder.close .sort .drop-holder .item-sort .label.question i {
	transition: color .3s;
}

.box .sort-holder.close .sort .drop-holder .item-sort .link-drop i {
    flex-shrink: 0;
    font-size: 18px;
    margin-right: 8px;
	position: relative;
}

.box .sort-holder.close .sort .drop-holder .item-sort .link-drop i + span {
	line-height: 1.3;
}

.box .sort-holder.close .sort .drop-holder .item-sort .icon-lock:after {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
}

.box .sort-holder.close .sort .drop-holder .item-sort .icon-lock:before {
    color: #323232;
	transition: color .3s;
}

.box .sort-holder.close .sort .drop-holder {
	width: 196px;
	min-width: auto;
	padding: 10px 8px;
	overflow: visible;
}

.sort-holder.close .sort .drop-holder .item-sort {
	position: relative;
}

.sort-holder.close .sort .drop-holder .label.question {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	will-change: transform;
}

.form-holder.message-form {
	margin-top: 20px;
}

.box.dialogues-list .form-holder .row {
	padding: 0;
}

.box.dialogues-list .form-holder .row .field-error {
	position: absolute;
    top: 100%;
    left: 0;
}

.box.dialogues-list .form-holder .row .textarea {
	min-height: 70px;
	border-radius: 30px;
	border: 1px solid rgba(156, 156, 156, 0.15);
	background: #FFF;
	padding: 23px 128px 15px 62px;
	width: 100%;
	resize: none;
}

.box.dialogues-list .form-holder .row .textarea::placeholder {
	line-height: 2.5;
	color: #87878C;
	font-size: 14px;
	transition: opacity 0.2s ease;
}

.box.dialogues-list .form-holder .row .textarea:focus::placeholder {
	opacity: 0;
}

.box.dialogues-list .form-holder .row .textarea::-webkit-input-placeholder {
	line-height: 2.5;
	color: #87878C;
	font-size: 14px;
	transition: opacity 0.2s ease;
}

.box.dialogues-list .form-holder .row .textarea:focus::-webkit-input-placeholder {
	opacity: 0;
}

.box.dialogues-list .form-holder .row .textarea::-moz-placeholder {
	line-height: 2.5;
	color: #87878C;
	font-size: 14px;
	transition: opacity 0.2s ease;
}

.box.dialogues-list .form-holder .row .textarea:focus::-moz-placeholder {
	opacity: 0;
}

.box.dialogues-list .form-holder .row .textarea:-ms-input-placeholder {
	line-height: 2.5;
	color: #87878C;
	font-size: 14px;
	transition: opacity 0.2s ease;
}

.box.dialogues-list .form-holder .row .textarea:focus:-ms-input-placeholder {
	opacity: 0;
}

.box.dialogues-list .form-holder .row .textarea:-moz-placeholder {
	line-height: 2.5;
	color: #87878C;
	font-size: 14px;
	transition: opacity 0.2s ease;
}

.box.dialogues-list .form-holder .row .textarea:focus:-moz-placeholder {
	opacity: 0;
}

.box.dialogues-list .form-holder .row .icons-holder {
	padding: 0;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate3d(0, -50%, 0);
}

.box.dialogues-list .form-holder .row .icons-holder.second {
	left: auto;
	right: 102px;
}

.box.dialogues-list .form-holder .row .icons-holder .btn {
	font-size: 24px;
	color: #323232;
	margin: 0;
	cursor: pointer;
}

.box.dialogues-list .form-holder .row .icons-holder .btn i {
	display: block;
}

.box.dialogues-list .form-holder .row.open-smail .icons-holder .btn:last-of-type {
	color: inherit;
}

.box.dialogues-list .form-holder .row.open-smail .icons-holder.second .btn {
	color: #e6184e;
}

.dialogues-list .form-holder .form .row.smail-holder .smails-holder {
	border-radius: 30px;
	right: 0;
	left: auto;
	width: 302px;
	border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 10px;
}

.dialogues-list .form-holder .form .row.smail-holder.open-smail .smails-holder {
	bottom: calc(100% + 10px);
}

.box.dialogues-list .form-holder .row .botton {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate3d(0, -50%, 0);
}

.box.dialogues-list .form-holder .row .botton .btn {
	border-radius: 50px;
	padding: 8px 20px;
	font-size: 22px;
	color: #fff;
	opacity: 1;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.box.dialogues-list .dialogue-holder.empty-holder .columns.second:before {
	height: 150px;
	background: linear-gradient(to bottom, #f7f5f5 0%, #f3f3f3 100%);
}

.is-dialogue {
	display: none;
	margin: 0;
}

.is-dialogue.open-chat {
	display: block;
}

.is-dialogue.chat {
	display: block;
}

.block-message .wrap {
	display: flex;
	align-items: flex-end;
	margin-bottom: 4px;
}

.block-message .wrap:not(.right) + .wrap.right {
	margin-top: 16px;
}

.block-message .wrap.right {
	justify-content: flex-end;
}

.block-message .wrap.right + .wrap:not(.right) {
	margin-top: 16px;
}

.box.dialogues-list .dialogue-holder .dialogue .wrap.right .text {
	border-radius: 15px 4px 15px 15px !important;
	background: #3C95FF !important;
	color: #fff !important;
}

.block-message .wrap.items {
	margin-top: 20px;
}

.block-message .warning {
	border-radius: 15px;
	background: #E3F4FF;
	padding: 10px 12px;
	font-size: 12px;
	margin: 0 auto 15px;
	max-width: 690px;
	text-align: center;
	color: #3F8EC1;
}

.block-message .wrap-data {
	text-align: center;
	margin: 20px 0;
}

.block-message .wrap-data + .wrap-data {
	display: none;
} 

.block-message .data-name {
	color: #87878C;
	padding: 8px 14px;
	border-radius: 50px;
	background: #F3F3F3;
	display: inline-block;
}

.block-message .date-separator {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 8px 0;
}

.block-message .date-separator span {
	color: #87878C;
	background: #F3F3F3;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 14px;
	border-radius: 50px;
	white-space: nowrap;
}

body.dark .block-message .date-separator span {
	color: #fff;
	background: #262626;
}

.card-stack {
	position: relative;
	width: 291px;
	height: 183px;
	margin: 20px 0 8px;
}

@media screen and (max-width: 440px) {
	.card-stack {
		width: 211px;
		height: 103px;
	}
}

.card-stack.vertical {
	width: 105px;
	height: 183px;
}

.card-stack.vertical + p {
	width: 105px !important;
}

.card-stack .card {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-stack .card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-stack .top-card {
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: calc(100% - 32px);
	z-index: -2;
}

.card-stack .middle-card {
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	width: calc(100% - 16px);
	z-index: -1;
}

.card-stack .main-card {
	z-index: 3;
}

.block-message .wrap .box-image {
	position: relative;
	padding-bottom: 56.25%;
	width: 291px;
}

@media screen and (max-width: 440px) {
	.block-message .wrap .box-image {
		width: 150px;
	}
}

.dialogue-holder .dialogue .item .quantity {
	position: absolute;
	right: 10px;
	bottom: 10px;
	border-radius: 50px;
	background: rgba(50, 50, 50, .6);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.dialogue-holder .dialogue .item .quantity i:before {
	box-shadow: none;
}

.dialogue-holder .dialogue .item .quantity i {
	width: 20px;
	height: 20px;
	background: #B0B5B8;
	border-radius: 4px;
}

.dialogue-holder .dialogue .item .quantity .icon-photo-hover:after {
	font-size: 18px;
}

.dialogue-holder .dialogue .item .quantity .icon-play-hover {
	border-radius: 50%;
	font-size: 20px;
	width: 22px;
	height: 22px;
}

.dialogue-holder .dialogue .item .quantity .icon-play-hover:after {
	color: #fff;
}

.block-message .wrap .data {
	margin-left: 8px;
	color: rgba(50, 50, 50, 0.50);
	font-size: 12px;
	flex-shrink: 0;
}

.block-message .wrap .text,
.block-message .wrap .msg_content {
	position: relative;
}
.block-message .wrap .is_read {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 2px 2px 0;
	color: rgba(50, 50, 50, 0.50);
	line-height: 1;
	display: inline-flex;
	align-items: center;
}
.block-message .wrap .is_read .svg-icon {
	display: none;
	fill: currentColor;
}
.block-message .wrap .is_read .icon-not-read {
	width: 12px;
	height: 9px;
	position: relative;
}
.block-message .wrap .is_read .icon-read {
	width: 16px;
	height: 9px;
}
.block-message .wrap .is_read.holder-not-read .icon-not-read {
	display: inline-block;
}
.block-message .wrap .is_read.holder-read .icon-read {
	display: inline-block;
}
.block-message .wrap .is_read.holder-read {
	color: #3390ec;
}
.block-message .wrap .msg_content .is_read {
	padding: 0 10px 10px 0;
}

.block-message .wrap .img-holder-mess img {
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-message .wrap .img-block { max-width: 122px; }
.block-message .wrap .img-holder-mess { max-width: 122px; }

.block-message .wrap img + p {
	margin-top: 8px;
}

.block-message .wrap .text p img {
	position: static;
    width: auto;
    height: auto;
}

.box.dialogues-list .dialogue-holder .list-messages {
	padding: 20px 0 0;
}

.box.dialogues-list .dialogue-holder .list-messages.nano-content {
	right: 0 !important;
}

@media screen and (min-width: 767px) {
	.box.dialogues-list .users-items .item.active .link,
	.box.dialogues-list .users-items .item .link.active {
		margin: 0;
		padding: 12px;
		background: #3C95FF !important;
		cursor: default;
		pointer-events: none;
	} 
	.box.dialogues-list .users-items .item.active .link .name-data .name,
	.box.dialogues-list .users-items .item .link.active .name-data .name {
		color: #fff !important;
	}

	.box.dialogues-list .users-items .item.active .link .name-data .data,
	.dialogues-list .item.active .link .info-dialogues .text-message,
	.box.dialogues-list .users-items .item .link.active .name-data .data,
	.dialogues-list .link.active .info-dialogues .text-message {
		color: rgba(255, 255, 255, 0.50) !important;
	}
}

.box.dialogues-list .dialogue-holder .dialogue .block-message {
	display: flex;
	flex-direction: column;
}

.box.dialogues-list .dialogue-holder .dialogue .block-message .item {
	margin: 0;
	padding: 0;
	width: 100%;
}

.box.dialogues-list .dialogue-holder .dialogue .item .message-holder .text {
	width: auto;
	padding: 10px;
	border-radius: 4px 15px 15px 15px;
	background: #F5F5F6;
	display: inline-block;
	font-size: 14px;
    line-height: 1.2;
	vertical-align: top;
}

.box.dialogues-list .dialogue-holder .dialogue .item .js-open-popup + p,
.box.dialogues-list .dialogue-holder .dialogue .item .js-open-popup p {
	width: 291px;
}

@media screen and (max-width: 440px) {
	.box.dialogues-list .dialogue-holder .dialogue .item .js-open-popup + p,
	.box.dialogues-list .dialogue-holder .dialogue .item .js-open-popup p {
		width: 150px;
	}
}

.box.dialogues-list .dialogue-holder .header-dialogue.second {
	display: none;
}

.dialogues-holder .user-profile.open-info {
	width: 350px;
    flex-shrink: 0;
    margin-left: 20px;
    padding: 20px 5px;
    border-radius: 30px;
    border: 1px solid rgba(156, 156, 156, 0.15);
    background: #FFF;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.dialogues-holder .user-profile.open-info {
	height: 850px;
}

.info-user-top {
	margin-bottom: 18px;
	text-align: center;
}

.info-user-top .avatar {
	margin: 0 auto 10px;
}

.block-holder.user-nav .info-user-top .avatar {
	width: 120px;
	height: 120px;
}

.block-holder.user-nav .info-user-top .avatar .img {
	max-width: 112px;
	max-height: 112px;
	border-width: 5px;
}

.info-user-top .wrap-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
}

.info-user-top .wrap-title .name {
	font-weight: 600;
	margin-right: 4px;
}

.info-user-top .age {
	margin-bottom: 8px;
}

.info-user-top .wrap-title .icon {
	margin: 0 2px;
	font-size: 20px;
	display: block;
	flex-shrink: 0;
}

.info-user-top .wrap-title .flag {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	object-fit: cover;
}

.info-user-top .info-members {
	display: flex;
	align-items: start;
	justify-content: center;
	color: rgba(50, 50, 50, 0.50);
}

.info-user-top .info-members .quantity {
	display: flex;
	align-items: center;
	margin: 0 5px;
}

.info-user-top .info-members i {
	font-size: 18px;
	flex-shrink: 0;
	margin-right: 5px;
}

.info-user-top .info-members i:before {
    box-shadow: none;
    background: #D1D1D1;
}

.info-user-top .info-members i:after {
    color: #959595;
}

.info-user-top .info-members .icon-photo-hover:after {
    font-size: 18px;
}

.user-nav.open-info .info-user {
	padding: 0 15px;
}

.user-nav.open-info .btn-user {
	display: block;
}

.user-nav.open-info .btn-user form {
	display: flex;
	flex-direction: column;
}

.user-nav.open-info .btn-user .link.second {
	margin-bottom: 26px;
}

.user-nav.open-info .btn-user .link {
	margin: 0 0 8px 0;
	width: 100%;
}

.user-nav.open-info .btn-user .link.circle.sent {
	cursor: default;
	pointer-events: none;
}

.user-nav.open-info .btn-user .link.is-done {
	cursor: pointer;
	color: #323232;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), #F3F3F3;
}

.user-nav.open-info .btn-user .link.is-done .icon-checked {
	font-size: 14px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #A6A6A6;
}

.user-nav.open-info .btn-user .link:last-child {
	/* margin-bottom: 0; */
}

.user-nav.open-info .info-text {
	padding-top: 18px;
	margin-top: 18px;
	border-top: 1px solid rgba(50, 50, 50, 0.20);
}

.user-nav.open-info .block {
	margin-bottom: 18px;
}

.user-nav.open-info .block:last-child {
	margin-bottom: 0;
}

.user-nav.open-info .title-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.user-nav.open-info .title-holder .title {
	font-size: 16px;
}

.user-nav.open-info .title-holder .added {
	margin-left: 5px;
	font-size: 12px;
	color: #828282;
}

.user-nav.open-info .info-text .text {
	line-height: 1.5;
	color: #7E7E7E;
	white-space: pre-line;
}

.user-nav.open-info .btn-items {
	display: flex;
	flex-wrap: wrap;
}

.user-nav.open-info .btn-items .link {
	font-size: 15px;
	border-radius: 50px;
	background: #F5F5F6;
	border: 1px solid transparent;
	transition: border-color .3s, color .3s, background .3s;
	margin: 0 5px 5px 0;
	display: inline-block;
	padding: 10px 12px;
}

.user-nav.open-info .btn-items span.link {
	cursor: default;
	pointer-events: none;
}

.user-nav.open-info .nano > .nano-pane {
	background: none;
	width: 4px;
}

.user-nav.open-info .nano > .nano-pane > .nano-slider {
	width: 4px;
    background: rgba(50, 50, 50, 0.20);
	right: 1px;
}

.sort-holder.close .label.question .tooltip {
	top: calc(100% + 8px);
	left: auto;
	right: -10px;
}

.sort-holder.close .label.question .tooltip:before {
	bottom: auto;
	top: -14px;
	left: auto;
	right: 11px;
}

.row-upload-video {
	display: flex;
}

.row-upload-video .wrap-close {
	flex-shrink: 0;
	margin-left: 8px;
	width: 40px;
	height: 40px;
}

.row-upload-video i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #87878C;
	border: 2px solid rgba(255, 255, 255, 0.20);
	background: #F3F3F3;
	border-radius: 50%;
	height: 100%;
}

.popup-inner .serach-info-autocomplete .nano {
	height: 316px;
}

.popup-inner .block-search {
	transform: none;
	position: relative;
}

.popup-inner .block-search .search-input {
	padding: 15px 20px 15px 45px;
}

.popup-inner .block-search .icon {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	font-size: 18px;
	color: #87878C;
}

.popup-inner .block-search .icon.icon-models {
	font-size: 22px;
}

.popup-inner .block-search .icon-category-hover:before {
	box-shadow: 0 0 0 1.5px #87878C;
}

.popup-inner .popup-search {
	overflow: visible;
}

.popup-inner .block-search .link {
	max-width: 100%;
	border: none;
	padding: 8px 12px;
	color: #323232;
	border-radius: 10px;
	font-size: 16px;
	background: none;
	padding-right: 30px;
}

.popup-inner .block-search a.empty-content {
	cursor: default;
	pointer-events: none;
}

.popup-inner .block-search .link .icon-arrow-back {
	color: #A3A3A3;
}

.popup-inner .block-search .box-input {
	position: relative;
}

.link-search {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: #E1E1E1;
	margin: 8px 8px 0 0;
}

.link-search.disabled {
	cursor: default;
	pointer-events: none;
}

.link-search .icon-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 12px;
	background: rgba(255, 255, 255, 0.40);
	margin-left: 6px;
	flex-shrink: 0;
	font-weight: 700;
	cursor: pointer;
	pointer-events: auto;
	z-index: 2;
	position: relative;
}
.link-search.color .icon-close:hover {
	background: rgba(255, 255, 255, 0.7);
}

.link-search.color {
	background: #3C95FF;
	color: #fff;
}

.popup-inner .box-thumb.card-stack {
	margin: 30px 0 0;
	overflow: visible;
	width: 100%;
}

.popup-inner .box-thumb .card:nth-child(1) {
	z-index: 1;
	transform: translate3d(-50%, -20px, 0);
	width: 80%;
	left: 50%;
}

.popup-inner .box-thumb .card:nth-child(2) {
	z-index: 2;
	transform: translate3d(-50%, -10px, 0);
	width: 90%;
	left: 50%;
}

.popup-inner .box-thumb .card:nth-child(3) {
	z-index: 3;
}

.popup-inner .thumb-wrap {
	max-width: 266px;
	margin: 0 auto 12px;
}

.popup-inner .thumb-wrap.row {
	margin-bottom: 30px;
}

.popup-inner .thumb-wrap .link {
	font-size: 14px;
	padding: 10px;
	background: linear-gradient(0deg, #3C95FF 0%, #3C95FF 100%), linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%);
}

.popup-inner .box-thumb {
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 12px;
}

.popup-inner .box-thumb img {
	display: block;
	width: 100%;
}

.box.dialogues-list .dialogue-holder .header-dialogue .close a.js-backwards-users {
	display: none;
}

.community-page {
	width: 100%;
	position: relative;
	display: flex;
	align-items: flex-start;
}

@media screen and (max-width: 992px) {
    .community-page {
        flex-wrap: wrap;
    }
}

@media (hover: hover) and (pointer: fine) {
	.box.dialogues-list .users-items .item .link:hover {
		background: #f3f3f3;
		margin: 0;
		padding: 12px;
	}
	.box .sort-holder.close .sort .drop-holder .item-sort .link-drop:hover {
		color: #FB0049;
	}
	.box .sort-holder.close .sort .drop-holder .item-sort .link-drop:hover i:before,
	.box .sort-holder.close .sort .drop-holder .item-sort .link-drop:hover i:after {
		color: #FB0049;
	}
	.user-nav.open-info .btn-items .link:hover {
		color: #FB0049;
		border-color: #FB0049;
		background: #fff;
	}
	.box .sort-holder.close .sort .drop-holder .item-sort:hover .link-drop.second + .question i,
	.box .sort-holder.close .sort .drop-holder .item-sort .link-drop.second:hover + .question i,
	.box .sort-holder.close .sort .drop-holder .item-sort:hover .link-drop.second,
	.box .sort-holder.close .sort .drop-holder .item-sort:hover .icon-lock:before,
	.box .sort-holder.close .sort .drop-holder .item-sort:hover .icon-lock:after {
		color: #FB0049;
	}
	.box .sort-holder.close .sort .drop-holder .item-sort:hover .link-drop.second {
		background: #FAECF0;
	}
	.user-nav.open-info .btn-user .link.is-done:hover {
		box-shadow: 0 6px 16px rgba(150, 150, 150, .3);
	}
	.popup-inner .thumb-wrap .link:hover {
		box-shadow: 0 6px 25px rgba(60, 149, 255, 0.6), 0 3px 12px rgba(60, 149, 255, 0.4);
	}
	.popup-inner .block-search .link:hover {
		box-shadow: none;
        background: #e7e5e5;
		color: #000;
	}
	.popup-inner .block-search .link:hover .icon-arrow-back {
		color: #FB0049;
	}
}

@media screen and (max-width: 1500px) {
	.box.dialogues-list .users-list {
		width: 270px;
		margin-right: 15px;
	}
	.dialogues-holder .user-profile.open-info {
		width: 270px;
		margin-left: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.dialogues-holder .user-profile.open-info {
		display: none;
	}
	.box.dialogues-list .users-list {
		width: 300px;
	}
}

@media screen and (max-width: 992px) {
	.chat-wrapper {
		padding: 0 10px 10px;
	}
	.open-menu .chat-wrapper {
		padding: 0;
	}
	.box.dialogues-list .users-list {
		margin-right: 10px;
	}
	.box.dialogues-list {
		padding-top: 5px;
	}
}

@media screen and (max-width: 768px) {
	.container.community-page .box.show.profile-list,
	.container.community-page .box.show.profile-list .thumbs-holder {
		height: 100%;
	}
	.box.dialogues-list .users-list.form-holder {
		margin-right: 0;
		width: 100%;
		position: static;
		z-index: 1;
		background: #fff;
	}
	.box.dialogues-list .dialogue-holder {
		display: none;
	} 
	.mobile-dialodues .dialogues-list .users-list,
	.dialogues-list .users-list.open-mobile-chat { 
		display: none;
	}
	.box.dialogues-list .dialogue-holder,
	.mobile-dialodues .dialogues-list .users-list + .dialogue-holder,
	.dialogues-list .users-list.open-mobile-chat + .dialogue-holder {
		display: flex;
	}
	.box.dialogues-list .users-items .item {
		padding: 0;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue {
		position: static;
		box-shadow: none;
		justify-content: space-between;
		padding: 0 0 15px 25px;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close .sort {
		position: relative;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close .sort .dots-holder {
		position: static;
		transform: none;
		min-height: auto;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close {
		width: auto;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close .drop-holder {
		right: 0;
		left: auto;
		margin: 0;
	}
	.box.dialogues-list .form-holder {
		position: static;
		padding: 0;
		background: none;
	}
	.box.dialogues-list .form-holder .row .icons-holder .btn {
		opacity: 1;
		padding: 30px 35px;
		padding: 30px 23px;
	}
	.box.dialogues-list .form-holder .row .icons-holder {
		right: auto;
	}
	.box.dialogues-list .form-holder .row .icons-holder.second {
		right: 102px;
	}
	.box.dialogues-list .users-list {
		padding: 20px 5px;
	}
	.form-holder.message-form {
		margin-top: 10px;
	}
	.dialogues-list .dialogue-holder .block .form-holder.message-form {
		margin-left: -24px;
		margin-right: -24px;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close a.js-backwards-users {
		display: inline-block;
		font-size: 24px;
		transform: none;
		position: absolute;
		margin-right: 0;
		left: 25px;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close a.js-backwards-users i {
		display: block;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue.second {
		display: flex;
	}
}

@media screen and (max-width: 480px) {
	.dialogues-list .dialogue-holder .block {
		padding: 20px;
	}
	.dialogues-list .dialogue-holder .block .form-holder.message-form {
		margin-left: -16px;
		margin-right: -16px;
	}
	.box.dialogues-list .dialogue-holder .header-dialogue .close a.js-backwards-users {
		left: 18px;
	}
}

@media screen and (max-width: 390px) {
	.dialogue-empty .empty-chat-box {
		padding: 20px 0;
	}
	.box.dialogues-list .form-holder .row .textarea {
		padding: 15px 110px 15px 44px;
	}
	.box.dialogues-list .form-holder .row .textarea::placeholder {
		font-size: 12px;
		line-height: 3;
	}
	.box.dialogues-list .form-holder .row .textarea::-webkit-input-placeholder {
		font-size: 12px;
		line-height: 3;
	}
	.box.dialogues-list .form-holder .row .textarea::-moz-placeholder {
		font-size: 12px;
		line-height: 3;
	}
	.box.dialogues-list .form-holder .row .textarea:-ms-input-placeholder {
		font-size: 12px;
		line-height: 3;
	}
	.box.dialogues-list .form-holder .row .textarea:-moz-placeholder {
		font-size: 12px;
		line-height: 3;
	}
	.box.dialogues-list .form-holder .row .icons-holder.second {
		right: 86px;
	}
	.box.dialogues-list .form-holder .row .icons-holder {
		left: 15px;
	}
	.box.dialogues-list .form-holder .row .botton {
		right: 15px;
	}
}

@media screen and (max-width: 768px) {
	.box.dialogues-list .form-holder .row .icons-holder {
		left: 10px;
	}
	.box.dialogues-list .form-holder .row .icons-holder .btn,
	.box.dialogues-list .dialogue-holder .form-holder .row.has-tip .icons-holder .btn {
		padding: 30px 5px;
	}
	.box.dialogues-list .dialogue-holder .form-holder .row.has-tip .icons-holder {
		gap: 0;
	}
	.box.dialogues-list .form-holder .row .textarea {
		padding-left: 46px;
		padding-right: 100px;
	}
	.box.dialogues-list .dialogue-holder .form-holder .row.has-tip .textarea {
		padding-left: 83px;
		padding-right: 100px;
	}
	.box.dialogues-list .form-holder .row .icons-holder.second {
		right: 68px;
	}
	.box.dialogues-list .form-holder .row .botton {
		right: 10px;
	}
	.box.dialogues-list .form-holder .row .botton .btn {
		padding: 8px 16px;
	}
}

/* chat end */

/* dark themes */

body.dark {
	background: #101010;
}

.dark .header {
    background-color: #1f1f1f;
}

.dark .fancybox-overlay {
	background: rgba(16, 16, 16, 0.70);
}

.dark .popup-holder.light-overlay {
	background: none;
}

.dark .fancybox-close {
	background-image: none;
	border-color: rgba(156, 156, 156, 0.05);
	background-color: #323232;
	color: #fff;
}

.dark .form-holder.popup-holder .columns .right,
.dark .premium-plus-items .item .icon {
	background: none;
}

.dark .premium-plus-items .item {
	border-color: rgba(156, 156, 156, 0.20);
}

.dark .social-list,
.dark .form-holder .row .shadow .input {
	background: #101010;
}

.dark .signup_premium21 .card .btn-animation,
.dark .signup_premium2 .card .btn-animation {
	background: none;
	border-color: #FF3671;
}

.dark .signup_premium21 .card-coupon .popup-form input,
.dark .signup_premium2 .card-coupon .popup-form input {
	border: 1px solid rgba(255, 255, 255, 0.30);
	color: #fff;
	background: transparent;
}

.dark .signup_premium21 .card-coupon .popup-form input::placeholder,
.dark .signup_premium2 .card-coupon .popup-form input::placeholder {
	color: #fff;
	opacity: 1;
}

.dark .signup_premium21 .card-coupon .popup-form input:focus::placeholder,
.dark .signup_premium2 .card-coupon .popup-form input:focus::placeholder {
	opacity: 0;
}

.dark .signup_premium21 .card-coupon .popup-form input:-ms-input-placeholder,
.dark .signup_premium2 .card-coupon .popup-form input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

.dark .signup_premium21 .card-coupon .popup-form input:focus:-ms-input-placeholder,
.dark .signup_premium2 .card-coupon .popup-form input:focus:-ms-input-placeholder {
	opacity: 0;
}

.dark .signup_premium21 .card-coupon .popup-form input::-ms-input-placeholder,
.dark .signup_premium2 .card-coupon .popup-form input::-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

.dark .signup_premium21 .card-coupon .popup-form input:focus::-ms-input-placeholder,
.dark .signup_premium2 .card-coupon .popup-form input:focus::-ms-input-placeholder {
	opacity: 0;
}

.dark .search-holder .box.categories-list {
	box-shadow: none;
	background: transparent;
}

.dark .search-holder .box.categories-list .items-list .item .link {
	color: #E3E3E3;
}

.dark .balance-wrap .text-name {
	color: #9C9C9C;
}

.dark .registration_selection .item.active .icon-play-hover:after {
	color: #fff;
}

.dark .registration_selection .item .icon-play-hover:before,
.dark .registration_selection .item .icon-photo-hover:before {
	box-shadow: none;
}

.dark .search-tabs i,
.dark .wrap-search-tabs .sort .js-sort i {
	background: #5B5B5B;
	color: #989898;
}

.dark .search-tabs .icon-tag:before,
.dark .search-tabs .icon-play-hover:before,
.dark .wrap-search-tabs .sort .js-sort .icon-tag:before,
.dark .wrap-search-tabs .sort .js-sort .icon-play-hover:before {
	color: #5B5B5B;
}

.dark .search-tabs .icon-play-hover,
.dark .wrap-search-tabs .sort .js-sort .icon-play-hover {
	background: transparent;
}

.dark .search-tabs .icon-tag .path:before,
.dark .search-tabs .icon-tag .path:after,
.dark .search-tabs .icon-tag .path2:before,
.dark .search-tabs .icon-tag .path2:after,
.dark .wrap-search-tabs .sort .js-sort .icon-tag .path:before,
.dark .wrap-search-tabs .sort .js-sort .icon-tag .path:after,
.dark .wrap-search-tabs .sort .js-sort .icon-tag .path2:before,
.dark .wrap-search-tabs .sort .js-sort .icon-tag .path2:after {
	color: #989898;
}

.dark .registration_selection.search-tabs .item.active i,
.dark .registration_selection.search-tabs .item.active .icon-tag .path:before,
.dark .registration_selection.search-tabs .item.active .icon-tag .path:after,
.dark .registration_selection.search-tabs .item.active .icon-tag .path2:before,
.dark .registration_selection.search-tabs .item.active .icon-tag .path2:after {
	color: #fff;
}

.dark .balance-price {
	background: #323232;
}
  
.dark .social-list,
.dark .shadow.is-relative {
	position: relative;
	z-index: 1;
}

.dark .social-list:after,
.dark .shadow.is-relative:after {
	content: "";
	position: absolute;
	left: -2px;
	top: -2px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	z-index: -1;
	border: 1px solid transparent;
	background: linear-gradient(#101010, #101010) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08)) border-box;
	border-radius: 20px;
}

.dark .walk-fame-box {
	background: 
		url("../images/svg/walk-of-fame-text.svg") center 120px / 600px no-repeat,
		url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
}

.dark .form-holder .flagging-form .block-textarea.row:after {
	border-radius: 22px;
}

.dark .box .form-holder .row .block-radios .row .label:before,
.dark .form-holder .flagging-form .block-textarea.row:after {
	background: linear-gradient(#101010, #101010) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08)) border-box;
}

.dark .form-holder .row .block-radios .row input:checked ~ .label:before {
	background: linear-gradient(#101010, #101010) padding-box, linear-gradient(to bottom, #3C95FF 85%, #FFF 120%) border-box;
}

.dark .box .form-holder .row .block-radios .row .label:after {
	background-color: #3C95FF;
}

.dark .player-holder .tabs-holder .tab.download-holder.open-sort .btn:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
}

.dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: #5B5B5B;
}

.dark .select2-container--open .select2-dropdown--above,
.dark .select2-container--open .select2-dropdown--below {
	border: none;
	background: #323232;
}

.dark .box.show .panel-holder .search-user .submite.clear {
	background: transparent;
	box-shadow: none;
	color: #fff;
}

.dark .search-user .icon-delete:before,
.dark .search-user .icon-delete:after {
	color: #fff;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	border: none;
	background: transparent;
	color: #fff;
}

.dark .burder-menu .count {
	background: #FB0049;
	border-color: rgba(31, 31, 31, 0.9);
}

.dark .footer {
	background-color: transparent;
}

.dark .footer .footer-holder,
.dark .wrapper-holder .home {
	background: #1f1f1f;
}

.dark .home .home__text {
	color: #87878C;
}

.dark .faq .faq__name,
.dark .faq .faq__info {
	border-color: rgba(255, 255, 255, 0.10);
}

.dark .faq__name.active,
.dark .faq .faq__info {
	border-color: rgba(255, 255, 255, 1);
}

.dark .faq .faq__info {
	color: rgba(255, 255, 255, 0.50);
}

.dark .faq .accordion:after {
	color: #fff;
	border: none;
}

.dark .footer .text a {
	color: inherit;
}

.dark .footer .text {
	color: rgba(135, 135, 140, 0.50);
}

.dark .box .form-holder .row .input:focus {
	border-color: transparent;
}

.dark .serial-list .btn-serial {
	color: #fff;
}

.dark .registration_selection {
	border-color: rgba(99, 99, 99, 0.20);
	background: #323232;
}

.dark .registration_selection .item {
	color: rgba(255, 255, 255, 0.50);
	border-color: transparent;
	background: none;
}

.dark .registration_selection .item.active {
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
}

.dark .cards .card .main-card,
.dark .wrapper-slider-swiper .card input.radio:checked+.card .main-card {
	background-color: transparent;
    border: none;
}

.dark .cards .card .top-card,
.dark .wrapper-slider-swiper .card input.radio:checked+.card .top-card {
	background-color: transparent;
}

.dark .cards .card .discount-box {
	color: #fff;
}

.dark .card .old-price {
	color: rgba(255, 255, 255, 0.30);
}

.dark .wrapper-slider-swiper input.radio:checked+.card {
	background: linear-gradient(120deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FFF;
	border-color: #b3b0f6;
}

.dark .wrapper-slider-swiper input.radio:checked+.card .old-price {
	color: rgba(255, 255, 255, 0.80);
}

.dark .signup_premium21 .cards .btn-submit,
.dark .signup_premium2 .cards .btn-submit {
	color: #FB0049;
	background: transparent;
	border: 2px solid #FF3671;
}

.dark .card .card-list {
    border-top: 1px solid rgba(156, 156, 156, 0.30);
    border-bottom: 1px solid rgba(156, 156, 156, 0.30);
}

.dark .cards.second .card .card {
	border-color: rgba(156, 156, 156, 0.20);
	background: linear-gradient(135deg, #323232, #3a3a3a);
	box-shadow: 0px 100px 80px 0px rgba(48, 70, 116, 0.04), 0px 12.522px 10.017px 0px rgba(48, 70, 116, 0.02);
	z-index: 1;
	overflow: hidden;
}

.dark .cards.second .card .card:after {
	content: '';
	position: absolute;
	top: -40px;
	left: 30%;
	width: 250px;
	height: 150px;
	background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3), transparent 80%);
	z-index: 0;
	pointer-events: none;
	filter: blur(15px);
    z-index: -1;
}

.dark .serial-list .btn-serial:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20) 85%, #FFF 170%) border-box;
}

.dark .box .headline .title-holder,
.dark .footer .footer-nav .item .link,
.dark .box .item .title-item,
.dark .pagination .pagination-holder .item-pagin .link,
.dark .nav-holder .item .link-nav,
.dark .nav-holder.new .item .link-nav,
.dark .block_content, .dark .block_edit_foto,
.dark .block_models, .dark .block_members,
.dark .footer_user_menu .menu_items .item,
.dark .block-search .search-input,
.dark .nav-holder .drop-holder .category-items a,
.dark .nav-holder .drop-holder .search-form .input,
.dark .icon-play-hover:after,
.dark .icon-models-hover:after,
.dark .serach-info-autocomplete .link strong,
.dark .box.models-list .title-holder .sort .selected,
.dark .nav-holder .drop-holder .category-groups .link,
.dark .box.models-list .title-holder .sort .selected.js-sort .text+i,
.dark .nav-holder .drop-holder .category-groups .link svg, 
.dark .nav-holder .drop-holder .category-groups .link i {
	color: #E3E3E3;
}

.dark .nav-holder.new .item .link-nav i:before,
.dark .nav-holder.new .item .link-nav i:after,
.dark .nav-holder.new .item .link-nav i .path:before,
.dark .nav-holder.new .item .link-nav i .path:after,
.dark .nav-holder.new .item .link-nav i .path2:before,
.dark .nav-holder.new .item .link-nav i .path2:after {
	color: #E3E3E3;
}

.dark .box .item .info-holder,
.dark .box .sort-holder .sort .selected,
.dark .box .sort-holder .sort .drop-holder .item-sort .link-drop,
.dark .block_content .items a, .dark .block_edit_foto .items .btn,
.dark .block_models .items a, .dark .block_members .items a,
.dark .block-search .placeholder,
.dark .block-search .search-btn,
.dark .block-search .search-btn i,
.dark .box.reverse .sort-holder .sort .selected i,
.dark .nav-holder .drop-holder .search-form i,
.dark .nav-holder .drop-holder .category-items a .quantity,
.dark .nav-holder .drop-holder .btn-holder .link,
.dark .box.models-list .sort-holder .sort .selected .text+i,
.dark .rating-info .rating-fav .btn i,
.dark .box .sort-holder .sort .drop-holder .item-sort .link-drop,
.dark .user-btns .drop-holder .link-drop,
.dark .player-holder .tabs-holder .tab .drop-holder .link-drop {
	color: #87878C;
}

.dark .box .sort-holder .sort .selected.active,
.dark .pagination .pagination-holder .item-pagin.active .link,
.dark .wrap-token,
.dark .box .sort-holder .sort.open-sort .selected.js-sort,
.dark .rating-info .rating-fav .btn .quantity,
.dark .comment-block .comment-item .like-holder:hover .comment-like,
.dark .comment-block .comment-item .like-holder:hover .quantity-like,
.dark .form-holder.popup-holder .columns .right .title-form {
	color: #fff;
}

.dark .box .rating-info .info,
.dark .social-list .name,
.dark .form-holder .row .block-radios .row .label,
.dark .card .btn-coupon {
	color: #fff;
}

.dark .box.models-list .title-holder i:first-child:before {
	background: #4c4c4c;
}

.dark .box.models-list .title-holder .sort.open-sort i:first-child:before {
	background: rgba(251, 0, 73, .4);
}

.dark .box.models-list .title-holder i:first-child:after {
	color: #8f8f8f;
}

.dark .box .item .info-holder .text:after {
	background-color: #87878C;
}

.dark .block-search .placeholder .mark {
	color: rgba(135, 135, 140, 0.50);
}

.dark .nav-holder .drop-holder .category-items a:after {
	border-color: rgba(135, 135, 140, 0.50);
}

.dark .box .rating-info .rating-fav {
	border-right: none;
}

.dark .block-search,
.dark .box .video_list .item .info-holder,
.dark .box.albums-list .item .info-holder,
.dark .block-search .search-btn,
.dark .box.reverse .headline .sort-holder,
.dark .nav-holder .link-nav .text + i ,
.dark .nav-holder.new .item,
.dark .nav-holder .item .link-nav.js-sort .text + i,
.dark .nav-holder.new .burger_user_menu,
.dark .nav-holder .item .wrap-themes .link-nav i,
.dark .nav-holder.new .item .sort.open-sort > .link-nav {
	background: transparent;
}

.dark .block-comments.comment-holder,
.dark .box .player-holder {
	background: transparent;
}

.dark .pagination .pagination-holder .item-pagin .link,
.dark .box .sort-holder .sort .selected {
	border-color: #1f1f1f;
}

.dark .album-holder .album .swiper-container .swiper-button-next,
.dark .album-holder .album .swiper-container .swiper-button-prev {
	color: #fff;
	background: rgba(50, 50, 50, 0.5);
}

.dark .rating-info .rating-fav .btn-favourites .btn:after,
.dark .album-info .rating-info .rating-holder:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20) 85%, #FFF 170%) border-box;
}

.dark .video-holder .categor-holder.block-holder .row-item {
	background: #323232;
}

.dark .form-holder.popup-holder .columns .premium-plus-items .btn-upgrade-new:hover {
	color: #fff;
	box-shadow: none;
	background: url("../images/svg/bg-premium-btn.svg") no-repeat center center / cover;
}

.dark .box .left .item .info-holder {
	background: transparent;
}

.dark .box .left .item .img-holder .icon {
	color: #E3E3E3;
}

.dark .video-holder .left .models-list .item .quantity {
	background: #323232;
}

.dark .box .sort-holder .sort.landing-text .selected {
	background: #2E2124;
}

.dark .video-holder .models-list .item .quantity .text {
	color: rgba(255, 255, 255, .5);
}

.dark .video-holder .left .models-list .item .quantity i:before {
	color: #5b5b5b;
	background: #5b5b5b;
}

.dark .video-holder .left .models-list .item .quantity i:after {
	color: #989898;
}

.dark .pagination .pagination-holder .item-pagin .link {
	transition: all .3s;
}

.dark .nav-holder.new {
	background: rgba(16, 16, 16, 0.95);
}

.dark .box .sort-holder .sort .selected {
	background: #101010;
}

.dark .box.categories-list .items-list .letter-holder .item.title {
	background: #474747;
}

.dark .title .letter,
.dark .select-img .icon-country {
	color: #fff;
}

.dark .box.groups .thumbs-holder .category-group .title-group {
	color: #fff;
	background: #474747;
}

.dark .box.categories-list .items-list .item .link .quantity {
	color: #87878C;
}

.dark .box .player-holder .tabs-content .info-block {
	color: #7E7E7E;
}

.dark .form .checkbox + .wrap-checkbox:before {
	border-color: #434343;
}

.dark .nav-holder .item .link-nav i,
.dark .footer_user_menu .icon,
.dark .nav-holder.new .item .link-nav .icon,
.dark .nav-holder .drop-holder .category-items a .quantity,
.dark .nav-holder .drop-holder .category-groups .link {
	background: #272626;
}

.dark .nav-holder.new .item .link-nav .icon {
	border-color: rgba(99, 99, 99, 0.20);
}

.dark .nav-holder .drop-holder .category-groups .link.active {
	border-color: #272626;
}

.dark .nav-holder.new .item {
	border: none;
}

.dark .burger_menu_top.logined {
    background: linear-gradient(#1F1F1F, #1F1F1F, rgba(154, 12, 53, 0.2)) padding-box, linear-gradient(to bottom, #1F1F1F -14%, rgba(154, 12, 53, 0.7) 120%) border-box;
}

.dark .burger_menu_top,
.dark .box .sort-holder .sort .selected.active {
	box-shadow: none;
}

.dark .nav-holder.new .item .link-nav .count {
	background: #FB0049;
}

.dark .box .sort-holder .sort .selected.active {
	border-color: rgba(255, 255, 255, 0.20);
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%,
	rgba(255, 255, 255, 0.00) 100.36%),
	linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FAECF0;
}

.dark .icon-play-hover:before,
.dark .icon-photo-hover:before,
.dark .icon-category-hover:before {
	box-shadow: 0 0 0 2px #e3e3e3;
}

.dark .box.categories-list .items-list .link .avatar i {
	color: #fff;
}

.dark .serach-info-autocomplete .icon-play-hover:before,
.dark .serach-info-autocomplete .icon-photo-hover:before,
.dark .serach-info-autocomplete .icon-models-hover,
.dark .serach-info-autocomplete .icon-users {
	background-color: #3d3c3c;
}

.dark .serach-info-autocomplete .icon-play-hover:before,
.dark .serach-info-autocomplete .icon-photo-hover:before {
	box-shadow: none;
}

.dark .serach-info-autocomplete .icon-studios-hover:before,
.dark .serach-info-autocomplete .link .icon-tag:before {
	color: #3d3c3c;
	opacity: 1;
}

.dark .serach-info-autocomplete .link .icon-tag:before {
	background: #3d3c3c;
}

.dark .serach-info-autocomplete .icon-play-hover:after,
.dark .serach-info-autocomplete .icon-models-hover:after,
.dark .serach-info-autocomplete .link .icon-users,
.dark .form-holder .row.smail-holder .smail-btn,
.dark .comment-block .comment-item .name-holder .user-name,
.dark .comment-block .comment-item .date-reply .btn,
.dark .comment-block .comment-item .name-holder i,
.dark .show-more .btn {
	color: #fff;
}

.dark .icon-edit:before,
.dark .icon-edit:after,
.dark .icon-edit .path:before,
.dark .video-holder .right .album-descrip .text-title,
.dark .icon-user:before,
.dark .comment-block .comment-item .name-holder i,
.dark .show-more i,
.dark .player-holder .view-video,
.dark .box.users-list .items-list .info-user .name,
.dark .box.users-list .items-list .info-user .age,
.dark .box.users-list.show .wrap-title .icon,
.dark .congratulations .text-form-top {
	color: #fff;
}

.dark .form-holder.popup-holder .columns .premium-plus-items .btn:hover {
	color: #fff;
	box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6);
}

.dark .box.users-list .info-members {
	color: rgba(255, 255, 255, 0.50);
}

.dark .box.users-list .info-members i:before {
	background: #4C4C4C;
}

.dark .form-holder .rows {
	border-bottom: none;
	background: #323232;
}

.dark .form-holder .row.input-block .search-btn {
	color: #C1C1C1;
}

.dark .form-holder .range-slider-holder .irs--flat .irs-bar,
.dark .form-holder .range-slider-holder .irs--flat .irs-line {
	background: #464646;
}

.dark .community-page .form-holder .rows.second .select2-container.select2-container--open:after  {
	background: #464646;
}

.dark .select2-container--default .select2-results__option[aria-selected=true] {
	background: #4C4C4C;
	color: #959595;
}

.dark .select2-results__options {
	scrollbar-color: #464646 transparent;
}

.dark .select2-results__options::-webkit-scrollbar-thumb {
	background-color: #464646;
}

.dark .form-holder .range-slider-holder .inform-holder .inform-item .number {
	color: rgba(255, 255, 255, 0.50);
	border: none;
	background-color: transparent;
}

.dark .form-holder .range-slider-holder .inform-holder {
	color: rgba(255, 255, 255, 0.50);
}

.dark .icon-user:after {
	color: #707070;
}

.dark .comment-block .comment-item .coments-info .text {
	color: #c6c6c6;
}

.dark .nav-holder .drop-holder {
	border: 1px solid rgba(0, 0, 0, 0.02);
	background: #272626;
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04), 0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03), 0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.dark .comment-block .comment-item .name-holder i,
.dark .show-more i,
.dark .js-copy {
	background: #323232;
}

.dark .nav-holder .is-full-width .drop-holder {
	border: none;
}

.dark .box.categories-list .items-list .link .quantity:before,
.dark .nav-holder .drop-holder .category-items a .quantity:before {
	color: #4c4c4c;
}

.dark .box.categories-list .items-list .link .quantity:after,
.dark .nav-holder .drop-holder .category-items a .quantity:after  {
	color: #858484;
}

.dark .box.categories-list .items-list .link:after {
	border-color: rgba(135, 135, 140, 0.50);
}

.dark .serach-info-autocomplete .link,
.dark .serach-info-autocomplete .link i {
	color: #A3A3A3;
}

.dark .autocomplete-suggestion.title {
	border-color: rgba(243, 243, 243, 0.10);
}

.dark .nav-holder .is-full-width .drop-holder:before {
	background: #1f1f1f;
}

.dark .box .screenshots-holder,
.dark .video-holder .right .album-holder.block-holder,
.dark .video-holder .right .album-descrip,
.dark .player-holder .buttons-holder,
.dark .player-holder .tabs-content,
.dark .serial-list {
	background: #1f1f1f;
}

.dark .nav-holder .drop-holder .search-form .input {
	border: 2px solid #1F1F1F;
	background: #272626;
}

.dark .nav-holder .item.open-sort .link-nav {
	color: #FB0049;
	background: #55192A;
}

.dark .nav-holder .drop-holder .category-groups .link.active {
	background: #55192A;
}

.dark .nav-holder .item.open-sort .link-nav i {
	background-color: #151515;
}

.dark .nav-holder .drop-holder .btn-holder .link,
.dark .block_content .items a, .dark .block_models .items a,
.dark .block_edit_foto .items .btn, .dark .block_members .items a {
	border-color: #272626;
}

.dark .box .sort-holder .sort.open-sort .selected.js-sort,
.dark .block_content .items a, .dark .block_models .items a,
.dark .block_edit_foto .items .btn, .dark .block_members .items a,
.dark .box.categories-list .items-list .item .link .quantity,
.dark .player-holder .tabs-holder .tab .drop-holder {
	background: #272626;
}

.dark .wrap-themes,
.dark .name-holder .user-btns .drop-holder {
	background: #272626;
}

.dark .nav-holder.new .item .link-nav:hover,
.dark .nav-holder .drop-holder .btn-holder .link {
	background: inherit;
}

.dark .nav-holder .open-sort .link-nav .icon-play-hover:after,
.dark .box .sort-holder .sort.open-sort .selected.js-sort,
.dark .box .sort-holder .sort.open-sort .selected .text+i,
.dark .footer_user_menu .menu_items .item.active,
.dark .footer_user_menu .menu_items .item.active .icon-play-hover:after,
.dark .footer_user_menu .menu_items .item.current,
.dark .footer_user_menu .menu_items .item.current .icon-play-hover:after,
.dark .nav-holder.new .item .sort.open-sort > .link-nav,
.dark .nav-holder.new .item .sort.open-sort > .link-nav i:before,
.dark .box.models-list .title-holder .sort-holder .sort.open-sort .selected .text + i,
.dark .form-holder .row.smail-holder.open-smail .textarea_border .smail-btn,
.dark .comment-block .comment-item .form .open-smail .btns .smail-btn,
.dark .player-holder .tabs-holder .tab.download-holder.open-sort .btn,
.dark .box .sort-holder .sort.landing-text .selected {
	color: #FB0049;
}

.dark .block-search .search-input {
	border-color: transparent;
}

.dark .box .sort-holder .sort.open-sort .selected,
.dark .block-search .search-input:focus {
	border-color: #FB0049;
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon:after {
	/* background: #9E0000; */
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon i,
.dark .community-page .panel-holder-search,
.dark .box.users-list.show .items-list .link {
	background: #1f1f1f;
}

.dark .box.users-list .items-list .img-holder img {
	border-color: #1f1f1f;
}

.dark .box.users-list .items-list .icon-online {
	border: none;
}

.dark .box.users-list .items-list .icon-online {
	background: linear-gradient(257deg, rgba(216, 216, 216, 0.50) 12.42%, rgba(201, 201, 201, 0.50) 92.7%);
	color: #FFF;
}

.dark .box.users-list .items-list .icon-online.online {
	background: linear-gradient(257deg, rgba(141, 250, 123, 0.50) 12.42%, rgba(78, 188, 116, 0.50) 92.7%);
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar:after {
	background: linear-gradient(to top left, #333030, #444);
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar .icon {
	width: 112px;
    height: 112px;
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar img {
	max-width: 104px;
    max-height: 104px;
}

.dark .nav-holder.new .burger_menu_top .user_info .js-upload_avatar.link-nav .icon {
	border: none;
}

.dark .block_content, .dark .block_edit_foto,
.dark .block_models, .dark .block_members {
	box-shadow: none;
}

.dark .footer_user_menu.active:after {
	content: "";
	position: fixed;
	bottom: 0;
	left: 10px;
	width: calc(100% - 20px);
	height: 88px;
	background: #202020;
	z-index: -2;
	pointer-events: none;
}

.dark .footer_user_menu.active:before {
	content: "";
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 86px;
	background: rgba(31, 31, 31, 1);
	z-index: -1;
	pointer-events: none;
	border-radius: 50% 50% 0 0 / 20% 20% 0 0;
	box-shadow: 0 0 5px #000;
}

.dark .footer_user_menu .icon:after {
	background: linear-gradient(#323232, #343333) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 192%) border-box;
}

.dark .footer_user_menu .menu_items .item.active .icon:after,
.dark .footer_user_menu .menu_items .item.current .icon:after {
	background: linear-gradient(#5a2e3b, #3e3537) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 192%) border-box;
}

.dark .nav-holder.new .item .sort.open-sort .link-nav .icon {
	background: linear-gradient(#5a2e3b, #3e3537) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 192%) border-box;
}

.dark .nav-holder.new .burger_menu_top .user_info .info-user .edit_profile {
	border-color: #fff;
}

.dark .serach-info-autocomplete {
	background: rgba(39, 38, 38, 0.95);
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07),
	0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
	0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
	0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
	0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
	0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
}

.dark .serach-info-autocomplete .title .link {
	background-color: inherit;
	color: #e3e3e3;
}

.dark .box .sort-holder .sort .drop-holder {
	padding-top: 10px;
	top: calc(100% + 5px);
	bottom: auto;
}

.dark .block_content, .dark .block_edit_foto,
.dark .block_models, .dark .block_members {
	background: #202020;
}

.dark .block_content, .dark .block_models,
.dark .block_edit_foto, .dark .block_members {
	left: 10px;
	right: auto;
	width: calc(100% - 20px);
	bottom: 88px;
}

.dark .box.models-list .title-holder .sort .selected {
	background: #1f1f1f;
}

@media screen and (min-width: 1024px) {
	.dark .box .sort-holder .sort .selected:after {
		display: block;
		height: 7px;
		top: 100%;
		background: transparent;
	}
	.dark .box .item .link:hover .img-holder {
		box-shadow: none;
	}
}

.dark .nav-holder .item .link-nav.active {
	color: #FB0049;
	background: #55192A;
}

.dark .nav-holder .item .link-nav.active i {
	background: #151515;
}

.dark .box.models-list .rating {
	color: rgba(255, 255, 255, .5);
}

.dark .box.albums-list .thumbs-holder .link {
	background: transparent;
	box-shadow: none;
}

.dark .block-holder .album-info .inform {
	border-bottom: none;
}

.dark .album-info .inform .item-info .icon-photo-hover:before {
	background: #797979;
}

.dark .icon-calendar:before,
.dark .icon-rate:before,
.dark .quantity-like.comment-rating {
	color: #fff;
}

.dark .icon-calendar:after,
.dark .icon-rate:after {
	color: #797979;
	opacity: 1;
}

.dark .block-comments .comment-block .comment-item {
	border-top: none;
}

.dark .form-holder .row.smail-holder .textarea_border {
	border: 1px solid rgba(99, 99, 99, 0.20);
}

.dark .comment-block .comment-item .name-holder .user-btns.open-sort i {
	background: #55192A;
	color: #FB0049;
}

.dark .link-answer,
.dark .open-answer .btn-answer {
	background: #192b40;
}

.dark .open-answer .btn-answer i {
	background: #08121e;
}

.dark .form-holder .botton .btn,
.dark .comment-block .comment-item .form .btn,
.dark .form-holder .botton .btn.js-form-entry {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}

.dark .show-more .btn:after {
	background: linear-gradient(#101010, #101010) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08)) border-box;
}

.dark .form-holder .no-avatar:after,
.dark .comment-block .comment-item .no-avatar:after {
	border-color: rgba(99, 99, 99, 0.20);
	background: transparent;
}

.dark .btn-answer i {
	background: #192b40;
}

.dark .video-holder .left .models-list .item .img-holder.no-avatar:after {
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%) border-box;
}

.dark .player-holder .tabs-holder .tab .btn:after,
.dark .rating-info .rating-holder:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20) 85%, #FFF 170%) border-box;
}

.dark .box .player-holder .tabs-holder .tab .btn.active {
	color: #FB0049;
}

.dark .box .player-holder .tabs-holder .tab .btn.active:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
}

.dark .video-holder .models-list .show-more .btn:after {
	background: linear-gradient(#1f1f1f, #1f1f1f) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08)) border-box;
}

.dark .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background: #55192A;
	color: #FB0049;
}

.dark .search-holder.tab-content .box {
	background: none;
	box-shadow: none;
}

.dark .wrap-search-tabs .sort .js-sort {
	border: 2px solid #1F1F1F;
	background: rgba(50, 50, 50, 0.10);
	color: #fff;
}

.dark .walk-fame-box .box.users-list.show .items-list .link {
	background: none;
}

.dark .walk-fame-box .wrap-title .name {
	color: #fff;
}

.dark .friends-box {
	border-color: rgba(156, 156, 156, 0.20);
	background: #1F1F1F;
}

.dark .friends-box .registration_selection {
	background: none;
	border: none;
}

.dark .friends-box .registration_selection .item.active {
	background: none;
	border-color: #fff;
}

.dark .friends-box .nano > .nano-pane > .nano-slider {
	background: rgba(255, 255, 255, 0.20);
}

.dark .friends-box .registration_selection .item {
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.20);
}

.dark .friends-box .items-list .wrap-btn .btn.second {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}

.dark .lock-users {
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}

.dark .btn-delete {
	background: rgba(255, 255, 255, 0.05);
}

.dark .lock-text {
	background: #3D2020;
}

.dark .friends-box .items-list .btn .icon-lock:before {
	color: #fff;
}

.dark .edit-profile.form-holder.user-form {
	box-shadow: none;
	background: none;
}

.dark .edit-profile.form-holder .rows {
	background: none;
}

.dark .form-holder.user-form .title-holder .text {
	color: #fff;
}

.dark .form-holder.edit-profile .tabs-caption .tab-btn {
	background: none;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.50);
}

.dark .edit-profile.user-form .row.line {
	background: #323232;
	border: none;
}

.dark .edit-profile .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #87878C;
}

.dark .edit-profile .row .select-holder .select2-container {
	border-color: #434343;
}

.dark .edit-profile .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: none;
	color: #87878C;
}

.dark .edit-profile.user-form .row .input.textfield {
	background: none;
	border-color: #434343;
}

.dark .edit-profile.form-holder.user-form .rows .title-rows {
	background: #323232;
	color: #fff;
}

.dark .box .form-holder.edit-profile .inform-text {
	color: #C0992E;
	background: #2E2606;
}

.dark .edit-profile .checkbox-holder .label {
	background: #323232;
	border-color: #323232;
}

.dark .form-holder.edit-profile .tabs-caption {
	border: none;
	background: #323232;
}

.dark .box .form-holder.edit-profile .tabs-caption .tab-btn.active {
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FFF;
}

.dark .box .form-holder.edit-profile .tabs-caption .tab-btn {
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.50);
	box-shadow: none;
	color: #fff;
}

.dark .form-holder.edit-profile .tabs-caption .tab-btn .icon-lock:before {
	color: #fff;
}

.dark .box .edit-profile.user-form .row .label.text-email {
	color: #87878C;
}

.dark .box .form-holder.edit-profile .old-email {
	color: #3C95FF;
}

.dark .edit-profile .rows.form-holder .checkbox-holder .label:before {
	border-color: #434343;
}

.dark .edit-profile .rows.form-holder .checkbox-holder .label:after {
	content: "";
	position: absolute;
	left: 1px;
	top: -2px;
	background: #323232;
	width: 22px;
	height: 22px;
	display: block;
	transform: none;
	border-radius: 4px;
	border: none;
}

.dark .box .edit-profile .rows.form-holder .checkbox-holder .checkbox:checked + .label {
	color: #fff;
}

.dark .edit-profile.user-form .rows.form-holder {
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.dark .form-holder.user-form .rows .title-rows.warning {
	background: #321B1B;
	color: #D70000;
}

.dark .edit-profile.form-holder .tabs-content .row .btn-remove {
	background: linear-gradient(168deg, rgba(215, 0, 0, 0.20) -9.63%, rgba(215, 0, 0, 0.00) 100.36%), #D70000;
}

.dark .box.profile-list.show .block-holder {
	background: none;
	box-shadow: none;
}

.dark .box.profile-list.show .main-column .user-nav .title-holder {
	border-bottom: none;
}

.dark .user-nav .block-online {
	color: rgba(255, 255, 255, .5);
}

.dark .user-nav .block-online.online {
	color: #fff;
}

.dark .box.profile-list.show .block-holder .title-holder i {
	color: #fff;
}

.dark .box.profile-list.show .block-holder .title-holder i:hover {
	color: inherit;
}

.dark .profile-link,
.dark .box.profile-list .main-column .nav-holder .link .quantity {
	color: #fff;
}

.dark .box.profile-list .main-column .nav-holder .item-nav .link {
	border-color: #404040;
}

.dark .box.profile-list .main-column .nav-holder .item-nav .link.active {
	border-color: #fff;
}

.dark .user-nav .btn-user .link.second {
	background: #101010;
}

.dark .block-holder.user-nav .no-avatar .icon-box {
	background: #323232;
}

.dark .block-holder.user-nav .avatar .img,
.dark .block-holder.user-nav .no-avatar .icon-box {
	border-color: #222222;
}

.dark .profile-img {
	background: 
		url("../images/svg/unfilled-logo.svg") center center no-repeat,
		radial-gradient(circle at 50% 50%, rgba(30, 30, 30, 0.4) 0%, transparent 60%),
		radial-gradient(circle at 50% 95%, rgba(90, 180, 130, 0.6) 0%, transparent 70%),
		radial-gradient(circle at 90% 10%, rgba(140, 100, 200, 0.35) 0%, transparent 70%),
		radial-gradient(circle at 50% 10%, rgba(250, 230, 150, 0.4) 0%, transparent 90%),
		radial-gradient(circle at 30% 5%, rgba(255, 140, 190, 0.4) 0%, transparent 70%),
		radial-gradient(circle at 40% 60%, rgba(100, 100, 120, 0.08) 0%, transparent 70%),
		linear-gradient(247deg, rgba(30, 30, 40, 0.05) 30%, rgba(20, 20, 30, 0.05) 0%),
		#1a1a1e;
}

.dark .profile-img:before {
	z-index: 1;
	background: 
		radial-gradient(160% 160% at 0% 100%, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 70%),
		linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
}

.dark .user-nav .btn-user .tab .drop-holder {
	background: #1f1f1f;
	box-shadow: 0 0 3px rgba(94, 94, 94, 0);
}

.dark .user-nav .btn-user .tab .link-drop {
	color: #87878C;
}

.dark .user-nav .btn-user .tab .icon-lock:before {
	color: #fff;
}

.dark .avatar-border img,
.dark .friends-list .link {
	border-color: #101010;
}

.dark .secret-link {
	background: #35253E;
}

.dark .swiper-friends .swiper-slide {
	color: #fff;
}

.dark .swiper-friends .swiper-button-next,
.dark .swiper-friends .swiper-button-prev {
	background: #1f1f1f;
}

.dark .frieds-inform .added {
	background: #101010;
}

.dark .frieds-inform .block {
	background: #1f1f1f;
}

.dark .frieds-inform .cols-2 .text {
	color: #7E7E7E;
}

.dark .box.profile-list .block-holder .frieds-inform .inform-items .item-inform:after {
	border-color: #7E7E7E;
}

.dark .main-holder .box.profile-list .block-holder .btn-items .link {
	background: #323232;
	color: #fff;
}

.dark .profile-content .item-post > .comment-item .name {
	color: #fff;
}

.dark .profile-content .comment-item .data {
	color: rgba(255, 255, 255, 0.50);
}

.dark .profile-content .comment-item .data .icon-calendar:before {
	color: #3D3D3D;
}

.dark .btn-view .post-btns {
	color: rgba(255, 255, 255, 0.50);
}

.dark .btn-view .post-btns .btn i {
	transition: none;
}

.dark .btn-view .post-btns .btn {
	color: #fff;
}

.dark .post-btns .btn .icon-chat:before {
	background: #101010;
}

.dark .profile-content .item-post.active .btn .icon-chat:before {
	background: #55192A;
}

.dark .profile-content .item-post.active .js-open-comments {
	background: #55192A;
	color: #FB0049;
}

.dark .item-post.locked .title-name,
.dark .item-post.locked .title .icon-lock:before {
	color: #fff;
}

.dark .box.profile-list .main-column .block-holder {
	border-color: rgba(255, 255, 255, 0.20);
}

.dark .chat-wrapper .header {
	background: none;
	box-shadow: none;
}

.dark .chat-wrapper {
	background: linear-gradient(to bottom, #101010, #000000);
}

.dark .chat-wrapper .wrapper-holder {
	background: radial-gradient(circle at top center, rgba(255, 0, 100, 0.07), #101010 60%), linear-gradient(to bottom right, rgba(255, 0, 100, 0.03), #101010);
}

.dark .wrapper-holder .box.dialogues-list .dialogue-holder .dialogue-empty {
	border-top: none;
}

.dark .wrapper-holder .dialogues-list .dialogue-holder .block,
.dark .box.dialogues-list .users-list,
.dark .dialogues-holder .user-profile.open-info {
	border-color: rgba(156, 156, 156, 0.15);
	background: #1F1F1F;
}

.dark .box.dialogues-list .dialogues-holder.empty-holder .columns:before {
	background: linear-gradient(to bottom, #101010 0%, #000 100%);
}

.dark .wrapper-holder .box.dialogues-list .dialogues-holder .columns {
	background: none;
}

.dark .dialogue-empty .empty-chat-box {
	background: #323232;
}

.dark .wrapper-holder .box.dialogues-list .users-list .nano .nano-pane {
	background: none;
}

.dark .wrapper-holder .box.dialogues-list .users-list .nano .nano-pane .nano-slider {
	background: rgba(50, 50, 50, 0.20);
}

.dark .box.dialogues-list .users-items .item .link .img-holder.no-avatar:after {
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%) border-box;
}

.dark .no-avatar .icon-user:before {
	color: #87878C;
}

.dark .no-avatar .icon-user:after {
	color: #CFCFD1;
	opacity: 1;
}

.dark .box.dialogues-list .users-items .item .link .name-data .data {
	color: rgba(255, 255, 255, 0.50);
}

.dark .box.dialogues-list .users-items .item .link .name-data .name {
	color: #fff;
}

.dark .wrapper-holder .box.dialogues-list .users-items .item .link .label .new {
	background: #3C95FF;
	border-color: #323232;
}
@media (min-width: 1024px) {
	.dark .wrapper-holder .box.dialogues-list .users-items .item .link:hover {
		background: #3C95FF;
	}
}

.dark .dialogues-list .users-items .link:hover .text-message {
	color: #fff;
}

.dark .wrapper-holder .box.dialogues-list .users-items .link:hover .label .new {
	border-color: #fff;
}

.dark .box.dialogues-list .users-items .item .link .img-holder.online:after {
	border-color: #1f1f1f;
	background: #8DFA7B !important;
}

.dark .wrapper-holder .box.dialogues-list .users-items .item .delet-holder {
	background: none;
}

.dark .box.dialogues-list .users-items .item .delet-holder .icon-delete:before,
.dark .box.dialogues-list .users-items .item .delet-holder .icon-delete:after {
	color: #fff;
}

.dark .user-nav.open-info .btn-user .link.second {
	background: none;
}

.dark .info-user-top .info-members {
	color: rgba(255, 255, 255, 0.50);
}

.dark .info-user-top .info-members i:after {
	color: #8F8F8F;
}

.dark .info-user-top .info-members i:before {
	background: #4C4C4C;
}

.dark .user-nav.open-info .title-holder .added {
	padding: 5px 10px;
	border-radius: 50px;
	background: #101010;
}

.dark .user-nav.open-info .btn-items .link {
	color: #fff;
	background: #323232;
}

.dark .block-message .wrap .data {
	color: rgba(255, 255, 255, 0.50);
}

.dark .block-message .wrap .is_read {
	color: rgba(255, 255, 255, 0.50);
}
.dark .block-message .wrap .is_read.holder-read {
	color: #3390ec;
}

.dark .box.dialogues-list .dialogue-holder .dialogue .item .text {
	background: #6D6D6D;
	color: #fff;
}

.dark .header-dialogue .name {
	color: #fff;
}

.dark .box .sort-holder.close .sort .drop-holder .item-sort .icon-lock:before {
	color: #fff;
}

.dark .box.dialogues-list .users-list.form-holder {
	background: #1F1F1F;
}

.dark .user-nav.open-info .btn-user .link.is-done {
	background: #101010;
	color: #828282;
	border-color: #101010;
}

.dark .user-nav.open-info .btn-user .link.is-done .icon-checked {
	background: #4C4C4C;
}

.dark .user-nav.open-info .btn-user .link.is-done .icon-checked:after {
	color: #8F8F8F;
}

.dark .block-message .warning {
	background: #202B32;
}

.dark .block-message .data-name {
	background: #323232;
}

.dark .congratulations {
	background: url("../images/congratulations-bg.png") center top no-repeat;
}

.dark .coupon-block {
	background: url("../images/coupon-bg.png") center top no-repeat;
}

.dark .popup-holder.light-overlay.login-holder {
	background: url("../images/svg/login-bg.svg") no-repeat 100% 0% / contain;
}

.dark .form-holder.popup-holder.login-holder .columns .right {
	border: 2px solid rgba(156, 156, 156, 0.20);
	background: rgba(16, 16, 16, 0.90);
	box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07), 0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05), 0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04);
	backdrop-filter: blur(25px);
}

.dark .login-holder .user-icon {
	background: #544E3A;
}

.dark .login-holder .user-icon.second {
	background: #463340;
}

.dark .form-holder.popup-holder .columns .row .icon .input {
	border: 2px solid #1F1F1F;
	background: rgba(50, 50, 50, 0.60);
}

.dark .icon-user:before {
	color: #87878C;
}

.dark .login-holder .icon-lock:after {
	color: #4D4B4C;
	opacity: 0.7;
}

.dark .form-holder.popup-holder.login-holder .columns .row .columns .link,
.dark .form-holder.popup-holder.login-holder .columns .label {
	color: #87878C;
}

.dark .form-holder.popup-holder .columns .row .icon.focus i {
	color: inherit;
}

.dark .login-holder .separator {
	color: #fff;
}

.dark .login-holder .separator:before,
.dark .login-holder .separator:after {
	border-color: rgba(156, 156, 156, 0.30);
}

.dark .form-holder.popup-holder.login-holder .columns .link-botton .link {
	color: #fff;
	background: none;
}

.dark .form-holder.popup-holder.login-holder .columns .row .columns .label:before {
	border-color: rgba(156, 156, 156, 0.28);
	background: #323232;
}

.dark .form-holder.popup-holder.login-holder .columns .row .columns .checkbox:checked + label:before {
	border-color: rgba(156, 156, 156, 0.28);
	background: #323232;
}

.dark .login-holder .items .item-box {
	border-color: rgba(156, 156, 156, 0.05);
	background: #323232;
	color: #fff;
}

.dark .form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
	background: rgba(50, 50, 50, 0.60);
	color: rgb(163 163 174 / 50%);
	border: 2px solid #1F1F1F;
}

.dark .form-holder.popup-holder.login-holder .columns .row .icon .input:focus {
	border-color: #FB0049;
}

.dark .form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered:before {
	color: #87878C;
}

.dark .form-holder.popup-holder.login-holder .select2-container--default .select2-selection--single .select2-selection__rendered:after {
	color: #707070;
}

.dark .login-holder .select2-container--default .select2-selection--single .select2-selection__arrow b {
	color: #87878C;
	background: none;
}

.dark .form-holder.popup-holder.login-holder .select2-selection--single .select2-selection__rendered {
	border: 2px solid #1F1F1F;
}

.dark .form-holder.popup-holder.login-holder .select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__rendered {
    background: rgba(50, 50, 50, 0.60);
}

.dark .trailers-wrap {
	background: rgba(0, 0, 0, 0.10);
	backdrop-filter: none;
}

.dark .close-trailers {
	border-color: rgba(255, 255, 255, 0.20);
	background: transparent;
}

.dark .trailers-wrap .fancybox-nav {
	border-color: rgba(135, 135, 140, 0.50);
	color: rgba(135, 135, 140, 0.50);
}

.dark .popup-inner .box-popup {
	border-color: rgba(156, 156, 156, 0.20);
    background: rgba(16, 16, 16, 0.90);
}

.dark .popup-inner .btn-close {
	background: none;
	color: #7E7E7E;
}

.dark .sort-my-profile .drop-holder,
.dark .data .drop-holder {
	border-color: rgba(0, 0, 0, 0.02);
	background: #272626;
}

.dark .sort-my-profile .link-drop,
.dark .data .link-drop {
	color: #87878C;
}

.dark .sort-my-profile .link-drop.warning,
.dark .data .link-drop.second {
	color: #FB0049;
}

.dark .sort-my-profile .link-drop .icon-photo-hover:before {
	background: #87878C;
}

.dark .sort-my-profile .link-drop .icon-photo-hover:after {
	color: #323232;
	transition: color .3s;
}

.dark .icon-cut .path2 {
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.01);
}

.dark .user-nav .btn-user .link-edit {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.30);
}

.dark .friends-list .link.all-friends {
	border-color: #3C95FF;
	background: #101010;
}

.dark .avatar-border.processing {
	background: linear-gradient(180deg, #211D0F 30.59%, #101010 107.06%), linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), #D9D9D9;
}

.dark .avatar-border.moderation {
	background: linear-gradient(180deg, #171C20 30.59%, #101010 107.06%), linear-gradient(118deg, #1CEAC5 -10.6%, #28A5FF 51.73%, #882FCD 103.15%), #D9D9D9;
}

.dark .popup-inner.second {
	background: none;
}

.dark .upload-box {
	border-color: #87878C;
	background: rgba(50, 50, 50, 0.50);
}

.dark .box-popup .separator::before,
.dark .box-popup .separator::after {
	background: #595D5D;
}

.dark .popup-inner .row .input.textfield {
	border-color: #434343;
	background: rgba(0, 0, 0, 0.40);
}

.dark .progress-bar {
	background: #464646;
}

.dark .file-thumbnail {
	background: #323232;
}

.dark .file-remove i {
	background: #2A2A2A;
	color: #fff;
}

.dark .file-remove .icon-delete:before,
.dark .file-remove .icon-delete:after {
	color: #fff;
}

.dark .file-thumbnail .icon-play-hover:before,
.dark .file-thumbnail .icon-photo-hover:before {
	box-shadow: none;
	background: #848484;
}

.dark .popup-inner .btn-light-on {
	border-color: rgba(255, 255, 255, 0.20);
	background: #323232;
	color: #fff;
}

.dark .nano-popup .nano > .nano-pane > .nano-slider {
	background: rgba(255, 255, 255, 0.20);
}

.dark .text-content .text-popup {
	color: #fff;
}

.dark .row-upload-video i {
	background: #2A2A2A;
}

.dark .row-upload-video .icon-delete:before,
.dark .row-upload-video .icon-delete:after {
	color: #87878C;
}

.dark .sort.open-sort .selected.link-filter .icon-filter:before,
.dark .sort.open-sort .selected.link-filter .icon-filter:after {
	color: #FB0049;
}

.dark .link-filter .value {
	border-color: #1F1F1F;
}

.dark .link-search {
	color: #fff;
	background: #323232;
}

.dark .link-search.color {
	background: #3C95FF;
}

.dark .profile-box-bg:after {
	background: 
	radial-gradient(circle at 50% 70%, rgba(31, 31, 31, 1) 30%, rgba(31, 31, 31, 0.8) 50%, rgba(31, 31, 31, 0) 80%),
	radial-gradient(circle at 50% 60%, rgba(31, 31, 31, 1) 20%, rgba(31, 31, 31, 0.6) 50%, rgba(31, 31, 31, 0) 80%),
	radial-gradient(circle at 50% 50%, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 0.4) 40%, rgba(31, 31, 31, 0) 80%);  
}

.dark .profile-box-bg .col-info {
	background: linear-gradient(to right, #1F1F1F 50%, rgba(31, 31, 31, 0) 100%);
}

.dark .profile-box-bg .item-info:after {
	background: rgba(255, 255, 255, 0.50);
}

.dark .btn-models-comment .js-sort i {
	background: #404040;
}

.dark .btn-models-comment .js-sort {
	color: #fff;
}

.dark .profile-box-bg .show-more .btn:after {
	background: linear-gradient(#1F1F1F, #1F1F1F) padding-box, linear-gradient(to bottom, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.08)) border-box;
}

.dark .mobile-followers .icon-user:before,
.dark .mobile-followers .icon-user:after {
    color: #3C95FF;
}

.dark .mobile-box-image:after {
	background: linear-gradient(to top, #1F1F1F 0%, rgba(31, 31, 31, 0) 100%);
}

.dark .popup-folder .nav-item .link-item .quantity {
	color: #fff;
}

.dark .popup-folder .nav-item .link-item.active {
	border-color: #fff;
}

.dark .popup-folder .nav-item .link-item {
	border-color: rgba(255, 255, 255, 0.20);
}

.dark .folder-box .btn-dots {
	background: #363636;
}

.dark .box-status {
	background: rgba(21, 72, 8, 0.50);
}

.box-status i {
	background: #297316;
}

.dark .box-status.yellow {
	background: #3D3310;
}

.dark .box-status.blue {
	background: #2e3841;
}

.dark .box-status.red {
	background: #512a27;
}

.dark .photo-stack {
	border-color: #101010;
}

.dark .header.studies-banner {
	background-color: #1F1F1F !important;
}

.dark .burder-menu span, .dark .burder-menu span:after, .dark .burder-menu span:before {
    background-color: #fff;
}

.dark .burger_menu_top .text,
.dark .burger_menu_top .btns_holder .or,
.dark .nav-holder.new .burger_menu_top .user_info .name,
.dark .title-video,
.dark .album-info .inform .item-info,
.dark .form-holder .label,
.dark .form-holder .text,
.dark .video-holder .models-list .text,
.dark .video-holder .categor-holder .row-item,
.dark .video-holder .categor-holder .row-title,
.dark .box.models-list .item .title,
.dark .popup-inner .top-headline .text,
body.dark,
.dark input,
.dark textarea,
.dark .select2-container--default .select2-selection--single .select2-selection__arrow b,
.dark .select2-results__option,
.dark .form-holder.popup-holder .columns .left .static-holder span.users,
.dark .form-holder.popup-holder .columns .left .item-list .title-list,
.dark .form-holder.popup-holder .users-text,
.dark .card .top-card,
.dark .card .card-list .item,
.dark .balance-name,
.dark .popup-inner .box-popup,
.dark .player-holder .tabs-holder .tab .btn,
.dark .form-holder.popup-holder .columns .row .icon i,
.dark .faq .faq__name, .dark .faq .faq__info {
    color: #fff;
}

.dark .box .sort-holder .sort .drop-holder,
.dark .pagination .pagination-holder .item-pagin .link,
.dark .video-holder .left .block-holder,
.dark .form-holder .row.smail-holder .textarea_border,
.dark .comment-holder .textarea,
.dark .comment-holder .textfield,
.dark .form-holder .row.smail-holder .textarea_border .input,
.dark .box .item .img-holder .icon,
.dark .box.dialogues-list .dialogue-holder .header-dialogue .img-holder .icon,
.dark .form-holder .flagging-form .row .textarea,
.dark .faq__name,
.dark .faq__info {
	background-color: #1F1F1F;
}

.dark .form-holder.popup-holder.login-holder .columns .icon-message:before {
	color: #87878C;
	opacity: 1;
}

.dark .faq__info {
	color: rgba(255, 255, 255, 0.50);
}

.dark .studies-block .item-info .icon-play-hover:before {
	background: #5E5E5E;
}

.dark .studies-banner .burder-menu span:before,
.dark .studies-banner .burder-menu span:after,
.dark .studies-banner .burder-menu span {
    background-color: #323232;
}

.dark .studies-block .item-info .icon-play-hover:after {
	color: #BDBDBD;
}

.dark .form-holder.popup-holder.login-holder .columns .icon-message:after {
    color: #4D4B4C;
    opacity: 0.7;
}

.dark .swiper-pagination-bullet {
	background: #fff;
}

.dark .select2-container--default .select2-selection--single {
	background: none;
}

.dark .box.dialogues-list .form-holder .row .textarea {
    border: 1px solid #2e2e2e;
    background-color: #2e2e2e;
    color: #fff;
}

.dark .form-holder .row.input-block .input {
    background-color: #2e2e2e;
    border: 1px solid rgba(94, 94, 94, .35);
}

.dark .box.dialogues-list .form-holder .row .icons-holder .btn {
    color: #6d6d6d;
}

.dark .form-holder .no-avatar:after,
.dark .comment-block .comment-item .no-avatar:after,
.dark .img-holder.no-avatar:after {
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)) padding-box,
	linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) 50%) border-box !important;
}

.dark .box.dialogues-list .form-holder .row .smails-holder {
    border: 1px solid #2e2e2e;
    background-color: #1f1f1f;
}

.dark .block-search .search-input {
    background-color: #2e2e2e;
}

.dark .box.show .dots-holder span,
.dark .box.show .dots-holder span:after,
.dark .box.show .dots-holder span:before {
	background-color: rgba(94, 94, 94, .35);
}

.dark .box.show .open-sort .dots-holder span,
.dark .box.show .open-sort .dots-holder span:after,
.dark .box.show .open-sort .dots-holder span:before {
	background-color: #FB0049;
}

.dark .box.dialogues-list .dialogue-holder .header-dialogue {
    border-color: rgba(94, 94, 94, .35);
}

.dark .form-holder .row.smail-holder .textarea_border {
    border: 1px solid rgba(99, 99, 99, 0.20);
}

.dark input::placeholder {
    color: #87878C;
    opacity: 1;
}

.dark input::-webkit-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark input::-moz-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark input:-ms-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark input::-ms-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark input:focus::placeholder {
    opacity: 0;
}

.dark input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.dark input:focus::-moz-placeholder {
    opacity: 0;
}

.dark input:focus:-ms-input-placeholder {
    opacity: 0;
}

.dark input:focus::-ms-input-placeholder {
    opacity: 0;
}

.dark textarea::placeholder {
    color: #87878C;
    opacity: 1;
}

.dark textarea::-webkit-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark textarea::-moz-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark textarea:-ms-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark textarea::-ms-input-placeholder {
    color: #87878C;
    opacity: 1;
}

.dark textarea:focus::placeholder {
    opacity: 0;
}

.dark textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

.dark textarea:focus::-moz-placeholder {
    opacity: 0;
}

.dark textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

.dark textarea:focus::-ms-input-placeholder {
    opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
	.dark .nav-holder .item .link-nav:hover,
	.dark .nav-holder .drop-holder .btn-holder .link:hover,
	.dark .nav-holder .drop-holder .category-groups .link:hover,
	.dark .box .sort-holder .sort.open-sort .drop-holder .item-sort .link-drop:hover,
	.dark .box .sort-holder .sort .drop-holder .item-sort .link-drop:hover {
		color: #FB0049;
		background: #55192A;
	}
	.dark .box.categories-list .items-list .item .link:hover .quantity:before {
		color: #55192A;
	}
	.dark .box.categories-list .items-list .item .link:hover .quantity:after,
	.dark .social-list .link:hover .name,
	.dark .card .btn-coupon:hover,
	.dark .block-search .search-btn:hover i,
	.dark .nav-holder.new .burger_menu_top .user_info .name:hover,
	.dark .form-holder.popup-holder.login-holder .columns .row .columns .link:hover {
		color: #FB0049;
	}
	.dark .nav-holder .link-nav:hover .icon-play-hover:after,
	.dark .nav-holder .drop-holder .category-items a:hover .quantity:after,
	.dark .nav-holder .drop-holder .category-groups .link:hover i,
	.dark .footer .footer-nav .item .link:hover,
	.dark .box .item .link:hover .title-item,
	.dark .box .sort-holder .sort .selected:hover .text+i,
	.dark .block-search .serach-info-autocomplete .link:hover i,
	.dark .nav-holder.new .burger_menu_top .user_info .name:hover,
	.dark .box.models-list .title-holder .sort-holder .sort .selected:hover .text + i,
	.dark .nav-holder .link-nav.active .icon-play-hover:after,
	.dark .box.categories-list .items-list .item .link:hover .title,
	.dark .rating-info .rating-fav .btn-favourites .btn:hover i,
	.dark .album-info .rating-info .rating-holder .rate-dislike:hover i,
	.dark .comment-block .comment-item .date-reply .btn:hover,
	.dark .rating-info .rating-fav .btn:hover .quantity,
	.dark .show-more .btn:hover,
	.dark .player-holder .tabs-holder .tab .btn:hover,
	.dark .box.show .panel-holder .search-user .submite.clear:hover {
		color: #FB0049;
	}
	.dark .rating-info .rating-fav .btn-favourites .btn:hover:after,
	.dark .album-info .rating-info .rating-holder:hover:after,
	.dark .rating-info .rating-holder:hover:after,
	.dark .player-holder .tabs-holder .tab .btn:hover:after,
	.dark .rating-info .rating-holder:hover:after {
		background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
	}
	.dark .nav-holder .item .link-nav:hover i {
		background-color: #151515;
	}
	.dark .small-drop .link:hover {
        background: #55192A;
    }
	.dark .nav-holder .drop-holder .category-items a:hover,
	.dark .box.categories-list .thumbs-holder .items-list .item .link:hover {
		background: #55192A;
		border-color: transparent;
	}
	.dark .nav-holder .drop-holder .category-items a:hover .quantity,
	.dark .box.categories-list .items-list .item .link:hover .quantity {
		color: #FB0049;
		background: #1F1F1F;
	}
	.dark .nav-holder .drop-holder .category-items a:hover .quantity:before {
		color: rgba(251, 0, 73, .4);
	}
	.dark .pagination .pagination-holder .item-pagin .link:hover {
		color: #FB0049;
		box-shadow: none;
		border-color: #FB0049;
	}
	.dark .box .sort-holder .sort .selected:hover {
		box-shadow: none;
		border-color: #FB0049;
		color: #FB0049;
	}
	.dark .box .sort-holder .sort .selected.js-sort:hover {
		background: #272626;
	}
	.dark .block-search .serach-info-autocomplete .link:hover {
		background: #404040;
	}
	.dark .nav-holder.new .item .link-nav:hover i:before,
	.dark .nav-holder.new .item .link-nav:hover i:after,
	.dark .nav-holder.new .item .link-nav:hover i .path:before,
	.dark .nav-holder.new .item .link-nav:hover i .path:after,
	.dark .nav-holder.new .item .link-nav:hover i .path2:before,
	.dark .nav-holder.new .item .link-nav:hover i .path2:after {
		color: #FB0049;
	}
	.dark .nav-holder.new .item .link-nav:hover .icon {
		background: linear-gradient(#5a2e3b, #3e3537) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 192%) border-box;
	}
	.dark .box .item .link:hover .img.img-holder {
		box-shadow: none;
	}
	.dark .nav-holder.new .btns_holder .item:last-of-type a:hover {
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.dark .nav-holder .item .wrap-themes .link-nav:hover i,
	.dark .nav-holder.new .item > .link-nav:hover,
	.dark .box .sort-holder .sort.list_country .drop-holder .item-sort .link-drop:hover,
	.dark .box.models-list .item .link:hover .info-holder {
		background: transparent;
	}
	.dark .nav-holder.new .burger_menu_top .user_info .info-user .edit_profile:hover,
	.dark .box.categories-list .items-list .link:hover:after,
	.dark .nav-holder .drop-holder .category-items a:hover:after {
		border-color: #FB0049;
	}
	.dark .box.models-list .title-holder .sort.open-sort .selected:hover i:first-child:before {
		background: rgba(251, 0, 73, .4);
	}
	.dark .box.albums-list .thumbs-holder .link:hover {
		background: transparent;
		box-shadow: none;
	}
	.dark .video-holder .categor-holder.block-holder .row-item:hover {
		color: #FB0049;
		background: #323232;
	}
	.dark .comment-block .comment-item .name-holder .user-btns i:hover,
	.dark .box .sort-holder .sort .drop-holder .item-sort .link-drop:hover,
	.dark .user-btns .drop-holder .link-drop:hover,
	.dark .player-holder .tabs-holder .tab .drop-holder .link-drop:hover {
		background: #55192A;
		color: #FB0049;
	}
	.dark .comment-block .comment-item .img-holder .icon {
		background: #323232;
	}
	.dark .show-more .btn:hover:after {
		background: linear-gradient(#101010, #101010) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
	}
	.dark .show-more .btn:hover i {
		background: #55192A;
	}
	.dark .video-holder .models-list .show-more .btn:hover:after {
		background: linear-gradient(#1f1f1f, #1f1f1f) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
	}
	.dark .btn-answer:hover {
		background: #192b40;
	}
	.dark .btn-answer:hover i {
		background: #08121e;
	}
	.dark .select2-container--default .select2-selection--single .select2-selection__arrow b:hover,
	.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
		background: #55192A;
		color: #FB0049;
	}
	.dark .fancybox-close:hover {
		background: #55192A;
		color: #FB0049;
	}
	.dark .form-holder.popup-holder .columns .premium-plus-items .btn-upgrade-new:hover {
		box-shadow: 0 4px 20px rgba(255, 187, 0, 0.5), 0 2px 10px rgba(255, 140, 0, 0.3);
	}
	.dark .form-holder.popup-holder .columns .premium-plus-items .btn-animation:hover {
		color: #fff;
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6);
        background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.dark .serial-list .btn-serial:hover {
		color: #FB0049;
	}
	.dark .serial-list .btn-serial:hover:after {
		background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
	}
	.dark .signup_premium21 .cards .btn-submit:hover,
	.dark .signup_premium2 .cards .btn-submit:hover {
		color: #fff;
	}
	.dark .faq__name:hover {
		border-color: #fff;
	}
	.dark .search-holder .box.categories-list .items-list .item .link:hover {
		color: #FB0049;
		background: #55192A;
		border-color: transparent;
	}
	.dark .lock-users:hover {
		background: rgba(251, 0, 73, 0.10);
		color: #FB0049;
	}
	.dark .btn-delete:hover {
		background: rgba(251, 0, 73, 0.10);
	}
	.dark .btn-delete:hover .icon-delete:before,
	.dark .btn-delete:hover .icon-delete:after {
		color: #FB0049;
	}
	.dark .friends-box .items-list .wrap-btn .btn.second:hover {
		background: rgba(251, 0, 73, 0.10);
		color: #FB0049;
	}
	.dark .friends-box .items-list .wrap-btn .btn.second:hover .icon-close {
		color: #FB0049;
		background: #841132;
	}
	.dark .friends-box .items-list .btn:hover .icon-lock:before {
		color: #FB0049;
	}
	.dark .box .form-holder.user-form .botton .btn:hover {
		color: #fff;
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
	}
	.dark .edit-profile .checkbox-holder .label:hover {
		border-color: #FB0049;
	}
	.dark .edit-profile.form-holder .tabs-content .row .btn-remove:hover {
		box-shadow: 0px 8px 30px rgba(215, 0, 0, 0.6);
	}
	.dark .user-nav .btn-user .tab .link-drop:hover {
		color: #FB0049;
	}
	.dark .swiper-friends .swiper-slide:hover {
		color: #FB0049;
	}
	.dark .friends-list .link:hover {
		border-color: #FB0049;
	}
	.dark .main-holder .box.profile-list .block-holder .btn-items .link:hover {
		background: #323232;
		color: #FB0049;
	}
	.dark .btn-view .post-btns .btn:hover {
		background: #55192A;
		color: #FB0049;
	}
	.dark .post-btns .btn.like:hover i:before,
	.dark .post-btns .btn.dislike:hover i:before {
		color: #101010;
	}
	.dark .post-btns .btn:hover .icon-chat:before {
		background: #55192A;
	}
	.dark .wrapper-holder .box.dialogues-list .users-items .item .link:hover {
		background: #2e2e2e;
	}
	.dark .wrapper-holder .box.dialogues-list .users-items .item .link:hover .label .new {
		border-color: #fff;
	}
	.dark .dialogues-list .users-items .link:hover .text-message {
		color: #fff;
	}
	.dark .user-nav.open-info .btn-items .link:hover {
		color: #FB0049;
	}
	.dark .box .sort-holder.close .sort .drop-holder .item-sort:hover .link-drop.second {
		background: #55192A;
		color: #FB0049;
	}
	.dark .box .sort-holder.close .sort .drop-holder .item-sort:hover .link-drop.second .icon-lock:before {
		color: #FB0049;
	}
	.dark .user-nav.open-info .btn-user .link.is-done:hover {
		box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2);
	}
	.dark .form-holder.popup-holder.login-holder .columns .link-botton .link:hover {
		border-color: rgba(255, 255, 255, 0.20);
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
	.dark .close-trailers:hover {
		background: rgba(255, 255, 255, 0.30);
		border-color: transparent;
		color: #fff;
	}
	.dark .trailers-wrap .fancybox-nav:hover {
		background: rgba(135, 135, 140, 0.50);
		color: #fff;
		border-color: transparent;
	}
	.dark .popup-inner .btn-close:hover {
		color: #FB0049;
	}
	.dark .sort-my-profile .link-drop:hover,
	.dark .data .link-drop:hover {
		background: #55192A;
		color: #FB0049;
	}
	.dark .sort-my-profile .link-drop:hover .icon-photo-hover:before {
		background: #970F36;
	}
	.dark .sort-my-profile .link-drop:hover .icon-photo-hover:after {
		color: #FB0049;
	}
	.dark .user-nav .btn-user .link-edit:hover {
        box-shadow: 0 6px 16px rgba(50, 50, 50, 1);
    }
	.dark .popup-inner .btn-light-on:hover {
		box-shadow: 0 6px 35px rgba(50, 50, 50, 1), 0 3px 22px rgba(50, 50, 50, 0.95);
	}
}

.dark .header.studies-banner:before {
	background: radial-gradient(circle at 50% 70%, rgba(31, 31, 31, 1) 30%, rgba(31, 31, 31, 0.8) 50%, rgba(31, 31, 31, 0) 80%),
            radial-gradient(circle at 50% 60%, rgba(31, 31, 31, 1) 20%, rgba(31, 31, 31, 0.6) 50%, rgba(31, 31, 31, 0) 80%),
            radial-gradient(circle at 50% 50%, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, 0.4) 40%, rgba(31, 31, 31, 0) 80%);

}

@media (min-width: 993px) {
	.dark .header.studies-banner:after {
		background: linear-gradient(to left, #1F1F1F 70%, transparent 100%);
	}
}

@media screen and (max-width: 1600px) {
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 124px / 520px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
}

@media screen and (max-width: 1500px) {
	.dark .popup-holder.light-overlay.login-holder {
		background-size: 70% 100%;
	}
}

@media screen and (max-width: 1300px) {
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 130px / 520px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
}

@media screen and (max-width: 1200px) {
	.dark .popup-holder.light-overlay.login-holder {
		background-size: 80% 100%;
	}
}

@media screen and (max-width: 992px) {
	.dark .box.reverse .sort-holder .sort .drop-holder {
		background: #1f1f1f;
		border-radius: 20px;
	}
	.dark .box.reverse .sort-holder .sort .drop-holder .item-sort .link-drop {
		border-bottom: none;
	}
	.dark .box.reverse .headline .sort-holder .sort .drop-holder {
		top: calc(100% + 5px);
	}
	.dark .footer_user_menu {
		background: rgba(31, 31, 31, 0.7);
	}
	.dark .footer_user_menu.active {
		background: rgba(31, 31, 31, 1);
	}
	.dark .coupon-block {
		background: none;
	}
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 96px / 520px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
	.dark .popup-holder.light-overlay.login-holder {
        background-size: 70% 100%;
    }
	.dark .profile-box-bg .col-info {
		background: #1f1f1f;
	}
	.dark .studies-block .mobile-box-image:before {
		background: linear-gradient(to bottom, #1F1F1F 5%, rgba(31, 31, 31, 0) 100%);
	}
}

@media screen and (max-width: 768px) {
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 520px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
}

@media screen and (max-width: 640px) {
	.dark .box .sort-holder .sort.landing-text {
		background: #2E2124;
	}
	.dark .profile-img {
		background: 
			url("../images/svg/unfilled-logo.svg") center center / 260px auto no-repeat,
			radial-gradient(circle at 50% 50%, rgba(30, 30, 30, 0.4) 0%, transparent 60%),
			radial-gradient(circle at 50% 95%, rgba(90, 180, 130, 0.6) 0%, transparent 70%),
			radial-gradient(circle at 90% 10%, rgba(140, 100, 200, 0.35) 0%, transparent 70%),
			radial-gradient(circle at 50% 10%, rgba(250, 230, 150, 0.4) 0%, transparent 90%),
			radial-gradient(circle at 30% 5%, rgba(255, 140, 190, 0.4) 0%, transparent 70%),
			radial-gradient(circle at 40% 60%, rgba(100, 100, 120, 0.08) 0%, transparent 70%),
			linear-gradient(247deg, rgba(30, 30, 40, 0.05) 30%, rgba(20, 20, 30, 0.05) 0%),
			#1a1a1e;
	}
	.dark .popup-holder.light-overlay.login-holder {
        background-size: 100% 140%;
    }
}

@media screen and (max-width: 480px) {
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 500px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
	.dark .profile-img {
		background: 
			url("../images/svg/unfilled-logo.svg") center center / 240px auto no-repeat,
			radial-gradient(circle at 50% 50%, rgba(30, 30, 30, 0.4) 0%, transparent 60%),
			radial-gradient(circle at 50% 95%, rgba(90, 180, 130, 0.6) 0%, transparent 70%),
			radial-gradient(circle at 90% 10%, rgba(140, 100, 200, 0.35) 0%, transparent 70%),
			radial-gradient(circle at 50% 10%, rgba(250, 230, 150, 0.4) 0%, transparent 90%),
			radial-gradient(circle at 30% 5%, rgba(255, 140, 190, 0.4) 0%, transparent 70%),
			radial-gradient(circle at 40% 60%, rgba(100, 100, 120, 0.08) 0%, transparent 70%),
			linear-gradient(247deg, rgba(30, 30, 40, 0.05) 30%, rgba(20, 20, 30, 0.05) 0%),
			#1a1a1e;
	}
	.dark .popup-holder.light-overlay.login-holder {
        background-size: 140% 140%;
    }
}

@media screen and (max-width: 390px) {
	.dark .walk-fame-box {
		background: 
			url("../images/svg/walk-of-fame-text.svg") center 90px / 400px no-repeat,
			url("../images/walk-of-fame-dark-bg.png") center top no-repeat;
	}
	.dark .profile-img {
		background: 
			url("../images/svg/unfilled-logo.svg") center center / 200px auto no-repeat,
			radial-gradient(circle at 50% 50%, rgba(30, 30, 30, 0.4) 0%, transparent 60%),
			radial-gradient(circle at 50% 95%, rgba(90, 180, 130, 0.6) 0%, transparent 70%),
			radial-gradient(circle at 90% 10%, rgba(140, 100, 200, 0.35) 0%, transparent 70%),
			radial-gradient(circle at 50% 10%, rgba(250, 230, 150, 0.4) 0%, transparent 90%),
			radial-gradient(circle at 30% 5%, rgba(255, 140, 190, 0.4) 0%, transparent 70%),
			radial-gradient(circle at 40% 60%, rgba(100, 100, 120, 0.08) 0%, transparent 70%),
			linear-gradient(247deg, rgba(30, 30, 40, 0.05) 30%, rgba(20, 20, 30, 0.05) 0%),
			#1a1a1e;
	}
}

.ya-share2__list.ya-share2__list_direction_horizontal {
	width: 100%;
    margin: 0;
}

.ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item:last-child {
	margin: 0;
    width: 100%;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
	padding: 5px !important;
    font-size: 15px !important;
    font-weight: 600;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
	width: 20px;
    height: 20px;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title {
	display: flex;
    align-items: center;
    border-radius: 50px;
    transition: all .3s;
    color: #323232;
    font-weight: 600;
    font: 600 15px / 1.2 "Montserrat", sans-serif;
}

body.dark .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more:not(.ya-share2__link_more-button-type_short) .ya-share2__title {
	color: #E3E3E3;
}

.fancybox-type-image .fancybox-inner,
.fancybox-type-image .fancybox-inner .fancybox-image {
	/* height: auto !important; */
}

.form-holder .row.smail-holder .textarea_border {
	position: relative;
}

.form-holder .row.smail-holder .textarea_border .field-error {
    display: block;
    padding: 0 15px;
    position: absolute;
    bottom: -20px;
	color: red;
}

@media screen and (max-width: 767px) {
	.form-holder .row.smail-holder .textarea_border .field-error {
		bottom: 50px;
	}
}

.form-holder .row.smail-holder .textarea_border.input_holder,
.form-holder .row.smail-holder .textarea_border.input_holder input {
	min-height: 1px;
}

.album-holder .album .img-holder {
    position: relative;
    text-align: center;
    padding-bottom: 66.666666666667% !important;
}

@media screen and (max-width: 480px) {
	.subscribe_holder {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.subscribe_holder .link-star { 
		min-width: 1px;
	}
}

.search-input.val + .placeholder {
    display: none;
}

.search-input::placeholder {
    color: transparent; 
}
.search-input::-webkit-input-placeholder { color: transparent; }
.search-input::-moz-placeholder { color: transparent; }
.search-input:-ms-input-placeholder { color: transparent; }
.search-input:-moz-placeholder { color: transparent; }       

.box .items-list.empty .text {
    color: #5e5e5e;
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    padding: 0 0 70px;
	text-align: center;
}
.dark .box .items-list.empty .text {
    color: #fff;
}

.box .items-list.empty .icon-holder {
    padding: 0 0 70px;
	text-align: center;
	position: relative;
}

.box .items-list.empty .icon-holder .icon-lock {
	position: absolute;
	top: 0;
	transform: translateY(-50%);
}

.box .items-list.empty .icon-holder .icon-lock::before {
	color: #FF3671;
}

.box .items-list.empty .icon-holder img {
    width: 100%;
    max-width: 205px;
}

body:not(.dark) .blockUI.blockOverlay {
	background-color: #f3f3f3 !important;
}

.tab-description-categ {
	margin-bottom: 15px;
	order: 2;
} 

@media screen and (max-width: 767px) {
	.tab-description-categ {
		display: none;
	}
}

html.big_popup {
	overflow: hidden;
}

html.big_popup .fancybox-wrap {
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
}

html.big_popup .fancybox-wrap .fancybox-inner {
	width: 100% !important;
	height: auto !important;
}

.field-error,
.generic-error {
	color: red;
}

.fancybox-outer .generic-error {
	margin-bottom: 10px;
}

.captcha-control .image img {
    display: flex;
    flex-direction: column;
}
.captcha-control .image img {
	/* margin: -15px 0 10px; */
	max-width: 165px;
}

.serial-list .btn-serial.active {
	color: #FB0049;
	cursor: default;
	pointer-events: none;
}
.serial-list .btn-serial.active:after {
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #facbd7 85%, #f9edef 106%) border-box;
}

.dark .serial-list .btn-serial.active {
	color: #FB0049;
	cursor: default;
	pointer-events: none;
}
.dark .serial-list .btn-serial.active:after {
	background: linear-gradient(#323232, #323232) padding-box, linear-gradient(to bottom, #5a2e3b 85%, #3e3537 90%) border-box;
}

.no-player {
	position: relative;
	overflow: hidden;
}

.no-player img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(9px);
}

.no-player .message {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
}

.avatar-popup .cropper-view-box,
.avatar-popup .cropper-face {
  border-radius: 50%;
}

.cropper-dashed,
.cropper-center {
  display: none !important;
}

.cropper-line {
    background-color: #fff !important;
}

.cropper-point {
    background-color: #fff !important;
} 

.cropper-view-box {
    outline: 1px solid #fff !important;
    outline-color: #fff !important;
}


.unnecessary_popup_wrapper {
	display: none !important;
}

body.show_upload_album,
body.show_upload_video,
body.show_avatar,
body.show_cover {
	overflow: hidden;
}

body.show_upload_album .upload_album-popup,
body.show_upload_video .upload_video-popup,
body.show_avatar .avatar-popup,
body.show_cover .cover-popup,
body.show_video_cover_crop .video_cover_crop-popup {
	display: flex !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0, 0, 0, 0.70) !important;
    backdrop-filter: blur(12.050000190734863px) !important;
	z-index: 999 !important;
    padding-top: max(70px, calc(env(safe-area-inset-top) + 20px));
	transform: translateY(0) !important;
}

.box .item .img-holder .private-img {
    width: 100%;
    position: absolute; 
    top: 0;
    bottom: 0;
    left: 0; 
    right: 0;
    height: 100%;
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.btn-premium111 {
	display: none;
}

.item-post.is_private .img-holder-wall img {
	transform: scale(1.07);
    filter: blur(20px);
}

.post-btns .btn.disabled,
.post-btns .btn.voted {
	cursor: default;
	pointer-events: none;
}

.post-btns .btn.voted i {
	background: linear-gradient(135deg, #ffb800 20%, #ff28c3 50%, #fb0049 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.post-btns .btn.voted i:before {
	content: "\e963";
}

.comments-post-wall .text {
	display: none !important;
}

.hidden_fancybox-close .fancybox-close {
	opacity: 0 !important;
}

.hidden_fancybox-close .fancybox-opened .fancybox-skin {
	box-shadow: none !important;
}

.upload_video-popup .blockUI {
	display: none !important;
}

.popup_upload #gallery_grid,
.popup_upload #uploadStatus {
    max-height: 500px;
    overflow-y: auto;
}

.screenshot_step-2 .box-img {
	position: relative;
	padding-bottom: 56.25%;
}

.screenshot_step-2 .box-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container.community-page .box.show.profile-list {
	width: 100%;
}

.box.dialogues-list .form-holder .row .attach-container {
    position: absolute;
    height: 70px;
    top: -60px;
    left: 10px;
}

.box.dialogues-list .form-holder .row .attach-container .attach-container-image {
    position: relative;
}

.box.dialogues-list .form-holder .row .attach-container .js-removeAttach {
    position: absolute;
    color: #fff;
    font-size: 13px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 31px;
    height: 31px;
    cursor: pointer;
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 9px;
    text-align: center;
}

.box.dialogues-list .form-holder .row .attach-container .js-removeAttach:before {
    content: "\e945";
}

.box.dialogues-list .form-holder .row .attach-container img {
    height: 55px;
    width: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
@-webkit-keyframes ldio-nj9uv1ssfld {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes ldio-nj9uv1ssfld {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.ldio-nj9uv1ssfld div {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 10px solid #ffffff;
    border-top-color: transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ldio-nj9uv1ssfld div {
    -webkit-animation: ldio-nj9uv1ssfld 1s linear infinite;
    animation: ldio-nj9uv1ssfld 1s linear infinite;
    top: 50px;
    left: 50px;
}

.loadingio-spinner-rolling-cc5ujvfq7l8 {
    width: 31px;
    height: 31px;
    display: inline-block;
    overflow: hidden;
    background: #000000;
    background: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    position: absolute;
}

.ldio-nj9uv1ssfld {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateZ(0) scale(0.31);
    transform: translateZ(0) scale(0.31);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.ldio-nj9uv1ssfld div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.popup_content-messeges .cols-image .col-2 .block, 
.popup_content-messeges .cols-image .col-3 .block{
	padding-bottom: 63%;
	border-radius: 23px;
}

.box.dialogues-list .dialogue-holder .dialogue .block-message .item .card-stack .middle-card {
	z-index: 2;
}

.box.dialogues-list .dialogue-holder .dialogue .block-message .item .card-stack .top-card {
	z-index: 1;
}

.ajax_content-messeges .drop-holder {
	left: auto;
	right: 0;
	padding: 0;
}

.ajax_content-messeges .drop-holder a {
	cursor: pointer !important;
}

.box.users-list .list-subscriptions .items-list .img-holder {
    border-radius: 50%;
	background: transparent;
	height: 0;
	width: 100%;
	padding-bottom: 100%;
}

.box.users-list .list-subscriptions .items-list .img-holder .icon {
	background: transparent !important;
}

.list-subscriptions .items-list .img-holder img {
	border-radius: 50% !important;
    padding: 0 !important;
    width: 100% !important;
    object-fit: cover !important;
    border: none !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.list-subscriptions .toggle-button {
    border-radius: 50%;
    background-color: #F3F3F3;
    border: 2px solid #F3F3F3;
    font-size: 15px;
    color: #87878C;
    padding: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1.2;
    min-width: 35px;
    height: 35px;
    transition: all .3s;
    border-radius: 25px;
    margin-top: 10px;
    cursor: pointer;
}

.dark .list-subscriptions .toggle-button {
	background-color: #1F1F1F;
	border-color: #1f1f1f;
}

@media (hover: hover) and (pointer: fine) {
    .list-subscriptions .toggle-button:hover {
        color: #FB0049;
        border-color: rgba(251, 0, 73, 0.04);
        background-color: #FAECF0;
    }

	.dark .list-subscriptions .toggle-button:hover {
        color: #FB0049;
        box-shadow: none;
		background-color: #1F1F1F;
        border-color: #FB0049;
    }
}

.player-wrap_short,
.short_video-swiper {
	height: 100%;
}

.player-wrap_short video,
.short_video-swiper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.short_video-swiper .player-wrap {
	padding-bottom: 0 !important;
	height: 100% !important;
	border-radius: 0;
}

.trailers-bottom.new {
	padding-bottom: 41px;
}

.trailers-bottom.new .timeline-img {
	display: none;
}

.trailers-bottom.new .timeline-title {
	margin: 0;
}

.short_video-swiper .kt-player .fp-controls {
	opacity: 1 !important;
	visibility: visible !important;
}

.player-wrap_short.hidden_play-btn {
	opacity: 0;
}

/* short video progress bar */
.short-video-progress {
	position: absolute;
	bottom: 18px;
	left: 10px;
	width: calc(100% - 20px);
	height: 3px;
	background: rgba(255, 255, 255, 0.2);
	z-index: 10;
	pointer-events: none;
	z-index: 99999;
}

.short-video-progress-bar {
	height: 100%;
	background: #FB0049;
	width: 0%;
	transition: width 0.2s linear;
}

.short-video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	z-index: 11;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.2s;
	pointer-events: none;
}

.short-video-play-btn.visible {
	opacity: 1;
	pointer-events: auto;
}

.player-wrap_short.hidden_play-btn .kt-player .fp-ui:before,
.short_video-swiper .kt-player .fp-controls .fp-timeline-tooltip,
.short_video-swiper .kt-player .fp-controls .fp-play,
.short_video-swiper .kt-player .fp-controls .fp-play-ad,
.short_video-swiper .kt-player .fp-controls .fp-stop,
.short_video-swiper .kt-player .fp-controls .fp-settings,
.short_video-swiper .kt-player .fp-controls .fp-volume,
.short_video-swiper .kt-player .fp-controls .fp-volume-ad,
.short_video-swiper .kt-player .fp-controls .fp-screen,
.short_video-swiper .kt-player .fp-controls .fp-brand, 
.short_video-swiper .kt-player .fp-controls .fp-speed, 
.short_video-swiper .kt-player .fp-controls .fp-time-elapsed, 
.short_video-swiper .kt-player .fp-controls .fp-time-duration, 
.short_video-swiper .kt-player .fp-controls .fp-time-left {
	display: none !important;
}

.short_video-swiper .kt-player .fp-controls .fp-timeline {
    bottom: 12px !important;
}

.trailers-wrap .fancybox-image {
	position: absolute;
}



@media screen and (max-width: 992px) {
    .nav-holder.new .item.invite_support .invite_support_block {
        padding: 0;
    }
}

@media (max-height: 800px) {
  .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom {
	top: auto !important;
    bottom: 36px !important;
  }
}

div[data-name="code"] {
  height: 78px;
}


.static_page h2 {
	font-weight: 500;
	margin: 15px 0 10px;
}

.static_page h2:first-child {
	margin-top: 0;
}

.static_page p {
	margin: 0 0 5px;
}

.static_page ol,
.static_page ul {
	margin: 0 0 5px;
	list-style: auto;
    padding-left: 25px;
}

.new_subscribe_holder .link.second {
	display: none;
	border-radius: 0 50px 50px 0;
}

@media screen and (max-width: 640px) {
	.new_subscribe_holder .link.second {
		display: flex !important;
	}

	.new_subscribe_holder {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.new_subscribe_holder .link:not(.second) {
		border-radius: 50px 0 0 50px !important;
		margin: 0 !important;
	}
}


@media (max-height: 1100px) {
  .unnecessary_popup_wrapper.upload_album-popup .box-popup {
    max-height: 100%;
    overflow-y: auto;
  }
}

.sort-holder.sort_type .drop-holder {
	padding: 0 !important;
}

.sort-holder.sort_type .drop-holder .item-sort {
	line-height: 0 !important;
}

.sort-holder.sort_type .drop-holder a i:first-child:before {
    background: #ccc !important;
    box-shadow: none !important;
    transition: background .3s !important;
}

.sort-holder.sort_type .drop-holder a i:first-child:after {
    color: #939393 !important;
    font-size: 18px !important;
    transition: color .3s !important;
}

@media (hover: hover) and (pointer: fine) {
    .sort-holder.sort_type .drop-holder a:hover i:first-child:before {
        background: rgba(251, 0, 73, .4) !important;
    }
}
@media (hover: hover) and (pointer: fine) {
    .sort-holder.sort_type .drop-holder a:hover i:first-child:after {
        color: #FB0049 !important;
    }
}

.box .sort-holder .sort .drop-holder .item-sort .link-drop.active {
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%), #FAECF0 !important;
    color: #fff !important;
}

.ya-share2__popup.ya-share2__popup_mobile.ya-share2__popup_visible {
	width: 328px !important;
}

.big_popup .fancybox-mobile {
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
	z-index: 99999999999 !important;
}

.big_popup .fancybox-mobile .form-holder.popup-holder {
	height: auto !important;
	overflow-y: auto !important;
}
 
.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 10px;
}

.dark .select2-container--default .select2-search--dropdown .select2-search__field {
	background: #000;
	color: #fff;
}

.trailers-rate .user_short {
	width: 50px;
    height: 50px;
    position: relative;
    border: 1px solid #fff;
	background: linear-gradient(#F9F4F4, #F9F4F4) padding-box, linear-gradient(to bottom, rgba(99, 99, 99, 0.2) 85%, #FFF 106%) border-box;
    border-radius: 50%;
    overflow: hidden;
	margin-bottom: 10px;
}

.trailers-rate .user_short img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.trailers-rate .user_short i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.unnecessary_popup_wrapper .form-upload.new_error.shoe_new_error .load_mobile,
.unnecessary_popup_wrapper .error_mobile {
	display: none;
}

.unnecessary_popup_wrapper .form-upload.new_error.shoe_new_error .error_mobile {
	display: block;
}

.error_404-holder {
	max-width: 750px;
	margin: 0 auto;
}

.error_404-holder .page-error {
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -2%;
	margin-bottom: 15px;
	margin: 40px 0 20px;
}

.error_404-holder .img {
	width: 100%;
}

@media (max-width: 992px) {
	.error_404-page {
		height: calc(100% - 265px);
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
}

.error_404-holder .login-holder {
	max-width: 265px;
	margin: 20px auto 0;
}

@media (max-width: 992px) {
	.error_404-holder .login-holder {
		max-width: 100%;
	}
}

.error_404-holder .login-holder .arrows {
	margin: 0 20px 0 0;
}

.popup-inner.short_video {
	background: transparent;
}

body:after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 99999999;
    visibility: hidden;
    opacity: 0;
    transition: visibility .3s, opacity .3s;
	visibility: visible;
	opacity: 1;
	width: 100%;
	background: rgba(66, 66, 66, 0.50);
	backdrop-filter: blur(12.050000190734863px);
	opacity: 0;
	visibility: hidden;
	top: -50px !important;
	padding-top: 50px;
}  

body.show_content_messeg,
body.footer_show {
	overflow: hidden;
}

body.footer_show:after {
	opacity: 1;
	visibility: visible;
} 

.video-holder .left .block-holder.user-holder {
	position: relative;
    z-index: 2;
}

.video-holder .left .block-holder.user-holder .user-name {
	display: flex;
	align-items: center;
	justify-content: center;	
}

body.dark .video-holder .left .block-holder.user-holder .user-name .name {
	color: #fff;
}

.video-holder .left .block-holder.user-holder .user-name .user-btns i {
	transition: transform .3s;
	display: inline-block;
}

.video-holder .left .block-holder.user-holder .user-name .user-btns.open-sort i {
	transform: rotate(180deg);
}
@media (max-width: 767px) {
	input, textarea {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 992px) {
    .header.studies-banner:before {
		width: 100%;
        border-radius: 0 0 0 0 / 0 0 5% 5%;
		background: rgba(255, 255, 255, .5);
    }

	.dark .header.studies-banner:before { 
		background: radial-gradient(circle at 50% 70%, rgba(31, 31, 31, .5) 30%, rgba(31, 31, 31, 0.8) 50%, rgba(31, 31, 31, 0) 80%), radial-gradient(circle at 50% 60%, rgba(31, 31, 31, 5.5) 20%, rgba(31, 31, 31, 0.1) 50%, rgba(31, 31, 31, 0) 80%), radial-gradient(circle at 50% 50%, rgba(31, 31, 31, 0.5) 0%, rgba(31, 31, 31, 0.1) 40%, rgba(31, 31, 31, 0) 80%);
		background: rgba(31, 31, 31, .5);
	}
}

@media screen and (min-width: 993px) {
	.header.studies-banner {
		background-size: cover !important;
	}
}

@media screen and (max-width: 640px) {
    .studies-info .title {
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		background: rgba(243, 243, 243, 0.6);
		border-radius: 20px;
		padding: 5px 10px;
		text-shadow: 0 0 10px rgba(243, 243, 243, 0.9), 0 0 20px rgba(243, 243, 243, 0.7);
    }

    .dark .studies-info .title {
		background: rgba(31, 31, 31, 0.6);
		text-shadow: 0 0 10px rgba(31, 31, 31, 0.9), 0 0 20px rgba(31, 31, 31, 0.7);
    }
}

.dl8-embed-container .dl8-button {
    background: url("../images/svg/player-btn.svg") center no-repeat !important;
    border-radius: 1px !important;
    margin: 0 !important;
    width: 124px !important;
    height: 124px !important;
}

.player-wrap dl8-video {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
    height: 100% !important;
}
#dl8-content-container ._1e5f4>ul>li {
	border-bottom: none !important;
} 
.player-wrap .custom-quality-list,
.player-wrap .quality {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.player-wrap .quality>span,
.player-wrap .quality select,
.player-holder .dl8-title,
#dl8-content-container ._1e5f4>ul>li._6bd55,
.player-wrap .b967b.dl8FadeIn,
.player-wrap .dl8-tags,
.player-wrap .dl8-logo {
	display: none !important;
}

#dl8-content-container .SeekingView_progress_xoI,
#dl8-content-container .SoundControlView_root_3-T>.SoundControlView_wrapper_2RP .SoundControlView_progress_2qM,
#dl8-content-container ._825b9>.ad292 .fd1fd,
#dl8-content-container ._61441 {
	background-color: #FB0049 !important;
}

#dl8-content-container .PlayerHudView_root_1Ws .PlayerHudView_overlay_BoC>div,
#dl8-content-container .loaderWrapper .loader,
#dl8-content-container .loaderWrapper .loader:after,
.loaderWrapper .loader,
.loaderWrapper .loader:after {
	border-left: 0.5em solid #FB0049 !important;
}
.player-wrap .quality .custom-quality-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.player-wrap .quality .custom-quality-list li {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 12px !important;
	cursor: pointer !important;
	font-size: 14px !important;
	color: #fff !important;
	border-radius: 0 !important;
	transition: background 0.2s !important;
}
.player-wrap .quality .custom-quality-list li span {
	cursor: pointer !important;
}
.player-wrap .quality .custom-quality-list li:hover {
	background: rgba(255,255,255,0.1) !important;
}
.player-wrap .quality .custom-quality-list li.active {
	background: rgba(255,255,255,0.15) !important;
	font-weight: bold !important;
}
.player-wrap .quality .custom-quality-list li .badge-hd {
	background: #e50914 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: bold !important;
	padding: 1px 5px !important;
	border-radius: 3px !important;
	margin-left: 10px !important;
	letter-spacing: 0.5px !important;
}

@media screen and (max-width: 640px) {
	.box.models-list.categories-list .title-holder .name {
		display: none !important;
	}
}

.email_links_holder {
	max-width: 750px;
	margin: 0 auto;
}

.email_links_holder .title-holder {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
}

.email_links_holder .title {
	font-weight: 600;
	font-size: 36px;
	line-height: 150%;
	letter-spacing: -2%;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.email_links_holder .title {
		font-weight: 600;
		font-size: 28px;
		line-height: 150%;
		letter-spacing: -2%;
	}
}


.email_links_holder .btn-upgrade-new {
	border: none;
}

.email_links_holder .btn-upgrade-new.home_link {
	background: transparent;
	color: #323232;
}

body.dark .email_links_holder .btn-upgrade-new.home_link {
	background: #32323266;
	color: #fff;
	transition: all .3s;
}

@media (hover: hover) and (pointer: fine) {
    .email_links_holder .btn-upgrade-new.home_link:hover {
		box-shadow: none;
		color: #FB0049 !important;
        background: #55192A !important;
    }
}

.email_links_holder .premium-plus-items .bottom {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.successful-registration_img {
	margin: 20px 0 30px;
	text-align: center;
}

.successful-registration_img img {
	max-width: 450px;
	width: 100%;
	margin: 0 auto;
}

.user-letter {
	background: linear-gradient(180deg, #F5D98C 0%, #D4A034 100%) !important;
	font-weight: 700 !important;
	color: #B07A1A !important;
	font-family: 'Open Sans', sans-serif !important;
}

.dark .user-letter {
	background: linear-gradient(180deg, #4A1525 0%, #2E0A15 100%) !important;
	color: #FF2D6B !important;
}

.icon.user-letter {
	display: flex !important;
	align-items: center;
	justify-content: center;
	line-height: normal !important;
	border-radius: 50%;
}

.block-new-comment .icon.user-letter {
	position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;

} 

.block-holder.user-nav .info-user-top .avatar .icon.user-letter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block-holder.user-nav .avatar.no-avatar:after {
	display: none;
}

.container.community-page .items-list.empty {
	margin-top: 130px;
}

/* Mobile filters collapse */
.btn-mobile-filters {
	display: none;
}

@media (max-width: 768px) {
	.btn-mobile-filters {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		background: #F5F5F5;
		border-radius: 8px;
		color: #333;
		text-decoration: none;
		margin: 10px 0;
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
		gap: 5px;
		justify-content: center;
	}
	.btn-mobile-filters .text {
		margin: 0 !important;
	}
	.btn-mobile-filters .icon-arrow-down {
		transition: transform .3s ease;
	}
	.btn-mobile-filters.active .icon-arrow-down {
		transform: rotate(180deg);
	}
	.mobile-filters-collapse {
		display: none;
	}
	.mobile-filters-collapse.active {
		display: block;
	}
	.dark .btn-mobile-filters {
		background: #222;
		color: #fff;
	}
}

.about-me-collapse {
	max-height: 80px;
	overflow: hidden;
	position: relative;
	transition: max-height .3s ease;
	white-space: pre-line;
}
.about-me-collapse.expanded {
	max-height: none;
}
.about-me-collapse:not(.expanded):not(.short)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 30px;
	background: linear-gradient(to top, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%);
	pointer-events: none;
}
.dark .about-me-collapse:not(.expanded):not(.short)::after {
	background: linear-gradient(to top, #1F1F1F 0%, rgba(31, 31, 31, 0) 100%);
}
.btn-about-me-toggle {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 8px;
	color: #666;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.dark .btn-about-me-toggle {
	color: #aaa;
}
.btn-about-me-toggle:hover {
	color: #333;
}
.dark .btn-about-me-toggle:hover {
	color: #fff;
}
.btn-about-me-toggle .icon-arrow-down {
	transition: transform .3s ease;
}
.btn-about-me-toggle.active .icon-arrow-down {
	transform: rotate(180deg);
}
.about-me-collapse.short + .btn-about-me-toggle {
	display: none;
}

.chat-wrapper .block-search,
.chat-wrapper .nav-holder.old {
	display: none !important;
}

.chat-wrapper .box.show.dialogues-list,
.chat-wrapper .container.community-page .box.show.profile-list {
	padding-top: 0;
}

@media (min-width: 768px) {
	.dialogues-holder .user-profile.open-info,
	.box.dialogues-list .users-list,
	.box.dialogues-list .dialogues-holder .columns,
	.chat-wrapper .container.community-page .box.show.profile-list {
		height: calc(100vh - 130px);
	}
}

@media (max-width: 768px) {
	.form-holder.popup-holder .title-form .bottom-text {
		font-size: 30px;
		line-height: 1.2;
	}
	.form-holder.popup-holder .columns .right .form-inputs,
	.form-holder.popup-holder .columns .right .form-inputs .logo {
		margin-bottom: 10px;
	}

	.premium-plus-items .item {
		padding: 5px;
	}

	.premium-plus-items .item .icon {
		margin-bottom: 5px;
	}
	.premium-plus-items .item .icon img{
		height: 100%;
	}
	.premium-plus-items .item .icon {
    	height: 56px;
	}
}
.walk-fame-box {
	margin: 0;
	padding: 0;
	background: transparent !important;
}

.walk-fame-box-holder {
	margin-top: -237px;
	min-height: 524px;
	position: relative;
	background:
		url("../images/walk-of-fame-bg_light-d.png") left top / auto 100% no-repeat;
}

.dark .walk-fame-box-holder {
	background:
		url("../images/walk-of-fame-bg_dark-d.png") left top / auto 100% no-repeat;
}

@media (max-width: 768px) {
	.walk-fame-box-holder {
		background:
			url("../images/walk-of-fame-bg_light-m.png") center top /  100% auto no-repeat;
	}
	.dark .walk-fame-box-holder {
		background:
			url("../images/walk-of-fame-bg_dark-m.png") center top /  100% auto no-repeat;
	}
}

.walk-fame-content-img {
	display: none;
	min-width: 326px;
	min-height: 201px;
	background:
		url("../images/walk-of-fame-text2.png") center top / 100% auto no-repeat;
}

.walk-fame-content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	width: 72%;
	width: 65%;
	padding: 30px 40px 30px 0;
	box-sizing: border-box;
	top: auto;
    transform: none;
    bottom: 0;
	background: radial-gradient(ellipse at center, rgba(243, 243, 243, 0.85) 0%, rgba(243, 243, 243, 0.6) 25%, rgba(243, 243, 243, 0.4) 50%, rgba(243, 243, 243, 0.2) 60%, rgba(243, 243, 243, 0) 70%);
}

.dark .walk-fame-content {
	background: radial-gradient(circle at 50% 70%, rgba(31, 31, 31, 1) 30%, rgba(31, 31, 31, 0.8) 50%, rgba(31, 31, 31, 0) 80%),
		radial-gradient(circle at 50% 60%, rgba(31, 31, 31, 1) 20%, rgba(31, 31, 31, 0.6) 50%, rgba(31, 31, 31, 0) 80%),
		radial-gradient(circle at 50% 50%, rgba(31, 31, 31, 1) 0%, rgba(31, 31, 31, 0.4) 40%, rgba(31, 31, 31, 0) 80%);
}

@media (max-width: 1300px) {
	.walk-fame-content {
		width: 90%;
		padding: 30px 10px;
	}
}
.walk-fame-title {
	font-size: 28px;
	font-weight: 400;
	color: #323232;
	margin: 0 0 16px 0; 
	line-height: 1.3;
	font-weight: 400; 
	line-height: 140%;
	letter-spacing: 0%;
}
.walk-fame-title b {
	font-weight: 700;
}
.walk-fame-description {
	font-weight: 500;
	font-style: Medium;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0%;
	color: #32323280;
	margin: 0 0 30px 0;
}
.walk-fame-badges {
	display: flex;
	gap: 16px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.walk-fame-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.walk-fame-badge__circle {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
}
.walk-fame-badge--videos .walk-fame-badge__circle {
	background: #FFAE0080;
}
.walk-fame-badge--photos .walk-fame-badge__circle {
	background: #FB004980;
}
.walk-fame-badge__circle .icon-play-hover,
.walk-fame-badge__circle .icon-photo-hover {
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.walk-fame-badge__circle .icon-play-hover::before,
.walk-fame-badge__circle .icon-photo-hover::before {
    background-color: rgba(255, 255, 255, .5);
    box-shadow: none;
    padding: 1px;
}
.walk-fame-badge__circle .icon-play-hover::after,
.walk-fame-badge__circle .icon-photo-hover::after {
    color: #fff;
    font-size: 20px;
}
.walk-fame-disclaimer {
	font-size: 12px;
	color: #888;
	margin: 0;
}

.dark .walk-fame-title {
	color: #f0f0f0;
}
.dark .walk-fame-description,
.dark .walk-fame-disclaimer {
	color: #aaa; 
}
.dark .walk-fame-badge {
	color: #fff;
}

@media (max-width: 768px) {
	.walk-fame-box-holder {
		margin-top: -43.5vw;
		padding-top: 97vw;
	}
	.walk-fame-content-img {
		min-width: 209px;
		min-height: 128px;
		margin-bottom: 15px;
	}
	.walk-fame-content {
		position: static;
		width: 100%;
		transform: none;
		padding: 20px;
		text-align: center;
		flex-direction: column;
	}
	.walk-fame-badges {
		justify-content: center;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 15px;
	}

	.walk-fame-badge {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		line-height: 100%;
	}
	.walk-fame-title {
		font-size: 18px;
		margin: 0 0 15px 0;
	}

	.walk-fame-description {
		font-size: 14px;
		margin: 0 0 15px 0;
	}
}
/* SBP QR step (inline in upgrade popup) */
.sbp-qr-step {
	text-align: center;
	padding: 20px 0;
}
.sbp-qr-step .logo {
	margin: 0 0 20px 0;
}
.sbp-qr-step .logo .image {
	height: 50px;
}
.sbp-qr-step__title {
	margin: 0 0 12px 0;
	font-size: 22px;
	font-weight: 600;
	color: #333;
}
.sbp-qr-step__amount {
	margin: 0 0 20px 0;
	font-size: 16px;
	color: #666;
}
.sbp-qr-step__amount b {
	color: #333;
	font-weight: 700;
	font-size: 18px;
}
.sbp-qr-step__img {
	margin: 0 auto 20px;
	max-width: 280px;
	background: #fff;
	padding: 12px;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.sbp-qr-step__img img {
	width: 100%;
	height: auto;
	display: block;
}
.sbp-qr-step__hint {
	margin: 0 0 20px 0;
	font-size: 13px;
	color: #888;
}
.sbp-qr-step .cols {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}
.sbp-qr-step .cols .block-phone {
	max-width: 320px;
	width: 100%;
}
.sbp-qr-step .btn-submit {
	width: 100%;
	font-size: 16px;
	padding: 17px 10px;
	color: #FB0049;
	border-radius: 50px;
	border: 2px solid #FB0049;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	transition: none;
	cursor: pointer;
	text-decoration: none;
	font-weight: 600;
}
.sbp-qr-step .btn-submit:hover {
	color: #fff;
	border-color: #FB0049;
	background: linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}
.sbp-qr-step .btn-submit .text_btn {
	margin: 0;
	color: inherit;
}
.sbp-qr-step .btn-submit .arrows {
	display: none;
}
.sbp-qr-step__back {
	display: block;
	color: #888;
	font-size: 13px;
	text-decoration: none;
	margin-top: 10px;
}
.sbp-qr-step__back:hover {
	color: #FB0049;
}
.dark .sbp-qr-step__title,
.dark .sbp-qr-step__amount b {
	color: #f0f0f0;
}
.dark .sbp-qr-step__amount,
.dark .sbp-qr-step__hint,
.dark .sbp-qr-step__back {
	color: #aaa;
}

.view-album .swiper-slide.private {
	position: relative;
	min-height: 500px;
}

.view-album .swiper-slide.private .img-holder.icon-holder {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 500px;
	overflow: hidden;
	border-radius: 20px;
	background: #1a1a1a;
}

.view-album .swiper-slide.private .img-holder.icon-holder > img.thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(25px);
	transform: scale(1.1);
}

.view-album .swiper-slide.private .premium-overlay.premium_preview {
	border-radius: 20px;
}

.view-album .swiper-slide.private .premium-overlay .title {
	max-width: none;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	padding: 0 20px;
}

.drop-holder.processing .link-drop.disabled,
.link-drop.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: not-allowed;
}

.box-status.pending-delete {
	background: rgba(251, 0, 73, 0.10);
	color: #FB0049;
}

.box-status.pending-delete .name {
	color: #FB0049;
}

.box-status .label.question {
	display: inline-flex;
}

.box-status .label.question i,
.box-status .label.question i:before,
.box-status .label.question i:after {
	color: currentColor !important;
	font-size: 14px;
}

.box-status .label.question .tooltip {
	left: auto;
	right: -10px;
	top: calc(100% + 6px);
	width: 240px;
}

.box-status .label.question .tooltip:before {
	left: auto;
	right: 16px;
}

@media (min-width: 768px) {
	.header.no_bg {
		background: transparent !important;
	}
}
/* message deletion (msg-del) — scoped, не трогает общие .btn-delete/.checkbox */
.dialogue-holder .header-dialogue .close .sort .dots-holder.toggle-delete-mode {
	cursor: pointer;
	color: #87878C;
	font-size: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	transition: color .2s;
}
.dialogue-holder .header-dialogue .close .sort .dots-holder.toggle-delete-mode.active {
	color: #FB0049;
}
.dialogue-holder .header-dialogue .close .sort .dots-holder.delet-all {
	cursor: pointer;
	color: #FB0049;
	font-size: 22px;
	display: none;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}
.dialogue-holder .header-dialogue .close .sort .dots-holder.delet-all.show {
	display: inline-flex;
	color: #FB0049;
}

.dialogue-holder .header-dialogue .close .sort .dots-holder.delet-all.show .icon-delete:before,
.dialogue-holder .header-dialogue .close .sort .dots-holder.delet-all.show .icon-delete::after {
	color: #FB0049 !important;
}

.dialogue-holder .header-dialogue .close .sort:has(.dots-holder.delet-all.show) .dots-holder.toggle-delete-mode {
	display: none;
}

.dialogue .item .message-holder .btn-delete.js-delete-this,
.dialogue .item .message-holder .btn-delete.mobile_delete {
	width: auto;
	height: auto;
	min-width: 0;
	background: none;
	border-radius: 0;
	font-size: 12px;
	flex-shrink: 0;
	align-self: center;
	margin: 4px 6px auto;
}
.dialogue .item .message-holder .btn-delete.js-delete-this .icon-delete:before {
	color: #FB0049;
	opacity: 1;
}
.dialogue .item .message-holder .btn-delete.js-delete-this .icon-delete:after {
	color: #FB0049;
}
.dialogue .item .message-holder .btn-delete.js-delete-this {
	display: none !important;
}
.dialogue .item .message-holder .btn-delete.mobile_delete {
	display: none;
}
.dialogue.delete-mode .item .message-holder .btn-delete.mobile_delete {
	display: flex;
}

.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder {
	position: relative;
	padding: 0;
	margin: 0;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .checkbox {
	display: none;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .label {
	position: relative;
	display: block;
	width: 13px;
	height: 13px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	background-color: #fff;
	border: 1px solid #FB0049;
	box-sizing: border-box;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .checkbox:checked + .label:before {
	background: #FB0049;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .label:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 3px;
	width: 5px;
	height: 3px;
	transform: rotate(-50deg);
	border: 1px solid #fff;
	border-top: none;
	border-right: none;
	background: 0 0;
	display: none;
}
.dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .checkbox:checked + .label:after {
	display: block;
}

.remove_messages-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: opacity .33s, visibility .33s;
	background: rgba(0, 0, 0, .55);
}
.show_remove_messages {
	overflow: hidden;
}
.show_remove_messages .remove_messages-popup {
	opacity: 1;
	visibility: visible;
}
.remove_messages-popup .popup {
	position: relative;
	width: 100%;
	max-width: 420px;
	margin: 15px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
	transform: translateY(40px);
	transition: transform .3s;
	overflow: hidden;
}
.show_remove_messages .remove_messages-popup .popup {
	transform: translateY(0);
}
.remove_messages-popup .popup_close {
	position: absolute;
	top: 14px;
	right: 16px;
	cursor: pointer;
	color: #87878C;
	font-size: 16px;
	line-height: 1;
}
.remove_messages-popup .popup_background {
	padding: 22px 24px 0;
}
.remove_messages-popup .popup_title {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #1F1F1F;
}
.remove_messages-popup .popup_holder {
	padding: 18px 24px 24px;
}
.remove_messages-popup .payment_method {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2px;
	margin-bottom: 18px;
	width: 100%;
}
.remove_messages-popup .payment_method .item {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
}
.remove_messages-popup .payment_method .radio {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.remove_messages-popup .payment_method .card {
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 0;
	border: none;
	border-radius: 0;
	cursor: pointer;
	color: #1F1F1F;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	background: none;
	transition: none;
}
.remove_messages-popup .payment_method .card:before {
	content: "";
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	border-radius: 50%;
	border: 1px solid #c4c4c4;
	box-sizing: border-box;
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.remove_messages-popup .payment_method .radio:checked + .card:before {
	border-color: #FB0049;
	background: #FB0049;
	box-shadow: inset 0 0 0 3px #fff;
}
.remove_messages-popup .payment_method .card .text {
	line-height: 1.3;
}
.remove_messages-popup .submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 13px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	border-radius: 50px;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: box-shadow .3s;
}
.remove_messages-popup .submit:hover {
	box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
}
.remove_messages-popup .generic-error {
	margin-bottom: 12px;
	color: #FB0049;
	font-size: 13px;
}

body.dark .dialogue-holder .header-dialogue .close .sort .dots-holder.toggle-delete-mode {
	color: #87878C;
}
body.dark .dialogue-holder .header-dialogue .close .sort .dots-holder.toggle-delete-mode.active {
	color: #FB0049;
}
body.dark .remove_messages-popup {
	background: rgba(0, 0, 0, .75);
}
body.dark .remove_messages-popup .popup {
	background: #1F1F1F;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
}
body.dark .remove_messages-popup .popup_title {
	color: #fff;
}
body.dark .remove_messages-popup .payment_method .card {
	color: #fff;
}
body.dark .remove_messages-popup .payment_method .card:before {
	border-color: #5a5a5a;
	background: transparent;
}
body.dark .remove_messages-popup .payment_method .radio:checked + .card:before {
	border-color: #FB0049;
	background: #FB0049;
	box-shadow: inset 0 0 0 3px #1F1F1F;
}
body.dark .remove_messages-popup .popup_close {
	color: #87878C;
}
body.dark .dialogue .item .message-holder .btn-delete.mobile_delete .checkbox-holder .label:before {
	background-color: #2a2a2a;
	border-color: #FB0049;
}

@media (max-width: 768px) {
	.popup_content-messeges form {
		display: flex;
		flex-direction: column;
		min-height: 100%;
	}
	.popup_content-messeges form > .row:last-child {
		position: sticky;
		bottom: 0;
		margin-top: auto;
		padding: 12px 0;
		background: inherit;
		z-index: 2;
	}
	.popup_content-messeges form > .row:last-child::before {
		content: "";
		position: absolute;
		left: -20px;
		right: -20px;
		top: 0;
		bottom: 0;
		background: inherit;
		z-index: -1;
	}
}

.thumbs-holder .item .img-holder .no-photo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F3F3F3;
	overflow: hidden;
}
body.dark .thumbs-holder .item .img-holder .no-photo {
	background: #1F1F1F;
}
.thumbs-holder .item .img-holder .no-photo .no-photo-svg {
	width: 50%;
	height: auto;
	max-width: 120px;
	display: block;
}
.thumbs-holder .item .img-holder .no-photo .no-photo-dark {
	display: none;
}
body.dark .thumbs-holder .item .img-holder .no-photo .no-photo-dark {
	display: block;
}
body.dark .thumbs-holder .item .img-holder .no-photo .no-photo-light {
	display: none;
}

@media (max-width: 768px) {
	.nav-holder.new,
	.nav-holder.new .burger_user_menu {
		width: 100% !important;
	}
}

@media screen and (max-width: 640px) {
	.btn-user.tabs-holder.my_btn-user {
		display: inline-block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.btn-user.tabs-holder.my_btn-user .link.link-edit .text {
		display: none;
	}
}

body.dark .message-form .blockUI.blockOverlay,
body:not(.dark) .message-form .blockUI.blockOverlay {
	background-color: transparent !important;
}

.js-open-smails,
.js-open-content_message {
	-webkit-tap-highlight-color: transparent !important;
}

.box.dialogues-list .dialogue-holder .dialogue .wrap.right .text {
	background: rgba(60, 149, 255, 0.15) !important;
	color: #1F1F1F !important;
}
body.dark .box.dialogues-list .dialogue-holder .dialogue .wrap.right .text {
	background: rgba(60, 149, 255, 0.22) !important;
	color: #fff !important;
}

@media screen and (min-width: 767px) {
	.box.dialogues-list .users-items .item.active .link,
	.box.dialogues-list .users-items .item .link.active {
		background: rgba(60, 149, 255, 0.15) !important;
	}
	.box.dialogues-list .users-items .item.active .link .name-data .name,
	.box.dialogues-list .users-items .item .link.active .name-data .name {
		color: #1F1F1F !important;
	}
	.box.dialogues-list .users-items .item.active .link .name-data .data,
	.dialogues-list .item.active .link .info-dialogues .text-message,
	.box.dialogues-list .users-items .item .link.active .name-data .data,
	.dialogues-list .link.active .info-dialogues .text-message {
		color: rgba(31, 31, 31, 0.55) !important;
	}
	body.dark .box.dialogues-list .users-items .item.active .link,
	body.dark .box.dialogues-list .users-items .item .link.active {
		background: rgba(60, 149, 255, 0.22) !important;
	}
	body.dark .box.dialogues-list .users-items .item.active .link .name-data .name,
	body.dark .box.dialogues-list .users-items .item .link.active .name-data .name {
		color: #fff !important;
	}
	body.dark .box.dialogues-list .users-items .item.active .link .name-data .data,
	body.dark .dialogues-list .item.active .link .info-dialogues .text-message,
	body.dark .box.dialogues-list .users-items .item .link.active .name-data .data,
	body.dark .dialogues-list .link.active .info-dialogues .text-message {
		color: rgba(255, 255, 255, 0.55) !important;
	}
}

.popup-slider .swiper-slide img {
	max-height: calc(100vh - 220px) !important;
	margin: 0 auto !important;
}
.popup-slider .thumbnail-slider {
	max-width: 380px !important;
}
.popup-slider .thumbnail-slider .swiper-slide img {
	max-height: 56px !important;
	object-fit: cover !important;
}
@media screen and (max-width: 768px) {
	.popup-slider .thumbnail-slider {
		max-width: 320px !important;
	}
	.popup-slider .thumbnail-slider .swiper-slide img {
		max-height: 48px !important;
	}
}

@media (min-width: 1024px) {
	.box.dialogues-list .users-items .item .delet-holder {
		right: 22px;
		bottom: 12px;
		top: auto;
		height: auto;
		width: auto;
		opacity: 0;
		cursor: pointer;
		transition: opacity .2s;
	}
	.box.dialogues-list .users-items .item:hover .delet-holder {
		opacity: 1;
	}
	.box.dialogues-list .users-items .item .delet-holder .icon-delete {
		font-size: 16px;
	}
}

.player-wrap_short.shorts-premium-locked {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.player-wrap_short.shorts-premium-locked .short-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(20px) brightness(0.5);
	transform: scale(1.1);
}

.shorts-premium-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 24px 20px;
	color: #fff;
	text-align: center;
	z-index: 5;
}

.shorts-premium-overlay .icon-lock {
	font-size: 56px;
	margin-bottom: 16px;
	color: #fff;
}

.shorts-premium-overlay .title {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 12px;
	max-width: 320px;
}

.shorts-premium-overlay .title .mark {
	color: #fbbf24;
}

.shorts-premium-overlay .price {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 24px;
	opacity: 0.9;
	max-width: 320px;
}

.shorts-premium-overlay .price .bold {
	font-weight: 600;
}

.shorts-premium-overlay .btn-premium {
	margin: 0;
	max-width: 280px;
	border: none;
	cursor: pointer;
}

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

.sk-promo {
    display: block;
    position: relative;
    overflow: hidden;
    width: calc(100% - 15px);
    height: 80px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: linear-gradient(110deg, #fff6f4 0%, #fef0f8 35%, #f4f0ff 68%, #edf5ff 100%);
    border: 1px solid rgba(204, 27, 0, 0.1);
    box-shadow: 0 2px 18px rgba(204, 27, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.04);
    margin: 15px auto 0;
    max-width: 700px;
}

@media (max-width: 767px) {
	.sk-promo {
		width: 100%;
		max-width: calc(100% - 20px);
		margin: 15px 0 0 -0;
	}
}

.sk-promo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.55) 43%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.55) 57%,
    transparent 100%
  );
  transform: translateX(-150%);
  animation: sk-promo-shimmer 4s infinite ease-in-out;
  z-index: 1;
  pointer-events: none;
}

@keyframes sk-promo-shimmer {
  0%   { transform: translateX(-150%); }
  50%  { transform: translateX(200%); }
  100% { transform: translateX(200%); }
}

.sk-promo__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.sk-promo__blob {
  position: absolute;
  border-radius: 50%;
}

.sk-promo__blob--1 {
  width: 90px;
  height: 90px;
  background: radial-gradient(circle at 40% 40%, rgba(204, 27, 0, 0.18), transparent 65%);
  top: -28px;
  right: 12%;
  animation: sk-promo-blob1 9s ease-in-out infinite;
}

.sk-promo__blob--2 {
  width: 60px;
  height: 60px;
  background: radial-gradient(circle at 50% 50%, rgba(140, 60, 200, 0.14), transparent 65%);
  top: 8px;
  right: 32%;
  animation: sk-promo-blob2 12s ease-in-out infinite;
}

.sk-promo__blob--3 {
  width: 70px;
  height: 50px;
  border-radius: 60% 40% 55% 45%;
  background: radial-gradient(circle at 50% 50%, rgba(50, 120, 220, 0.13), transparent 65%);
  bottom: -14px;
  right: 55%;
  animation: sk-promo-blob3 14s ease-in-out infinite;
}

.sk-promo__blob--4 {
  width: 44px;
  height: 44px;
  background: radial-gradient(circle at 50% 50%, rgba(220, 160, 20, 0.15), transparent 65%);
  top: 4px;
  left: 30%;
  animation: sk-promo-blob4 10s ease-in-out infinite;
}

@keyframes sk-promo-blob1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%      { transform: translate(-14px, 10px) scale(1.12); }
  66%      { transform: translate(9px, -10px) scale(0.9); }
}

@keyframes sk-promo-blob2 {
  0%, 100% { transform: translate(0, 0) scale(1) rotate(0deg); }
  50%      { transform: translate(18px, 8px) scale(1.15) rotate(90deg); }
}

@keyframes sk-promo-blob3 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  40%      { transform: translate(-18px, -7px) scale(1.2); }
  80%      { transform: translate(10px, 6px) scale(0.85); }
}

@keyframes sk-promo-blob4 {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(-12px, 14px); }
}

.sk-promo__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 14px;
}

.sk-promo__logo {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  animation: sk-promo-fade-up .7s ease both;
}

.sk-promo__logo svg {
  height: 36px;
  width: auto;
  display: block;
}

.sk-promo__divider {
  flex-shrink: 0;
  width: 1px;
  height: 34px;
  background: linear-gradient(180deg, transparent, rgba(204, 27, 0, 0.22), transparent);
}

.sk-promo__texts {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sk-promo__title {
  color: #1a1a2e;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  animation: sk-promo-fade-up .7s .1s ease both;
}

.sk-promo__subtitle {
  color: #CC1B00;
  font-size: 12px;
  font-weight: 500;
  opacity: .85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  animation: sk-promo-fade-up .7s .2s ease both;
}

@keyframes sk-promo-fade-up {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

.sk-promo__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 20px;
  height: 38px;
  border-radius: 20px;
  background: #CC1B00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
  box-shadow: 0 3px 12px rgba(204, 27, 0, .28);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  animation: sk-promo-fade-up .7s .3s ease both;
}

.sk-promo:hover .sk-promo__btn {
  background: #a81500;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 6px 18px rgba(204, 27, 0, .4);
}

.sk-promo:active .sk-promo__btn {
  transform: scale(.97);
}

.sk-promo__arrow {
  display: inline-block;
  transition: transform .2s;
}

.sk-promo:hover .sk-promo__arrow {
  transform: translateX(3px);
}

.sk-promo--mobile .sk-promo__inner    { padding: 0 12px; gap: 9px; }
.sk-promo--mobile .sk-promo__logo svg { height: 30px; }
.sk-promo--mobile .sk-promo__divider  { height: 26px; }
.sk-promo--mobile .sk-promo__texts    { gap: 1px; }
.sk-promo--mobile .sk-promo__title    { font-size: 11.5px; white-space: normal; overflow: visible; text-overflow: unset; line-height: 1.25; }
.sk-promo--mobile .sk-promo__subtitle { font-size: 10px;   white-space: normal; overflow: visible; text-overflow: unset; }
.sk-promo--mobile .sk-promo__btn      { padding: 0 12px; height: 32px; font-size: 12px; }
.sk-promo--mobile .sk-promo__arrow    { display: none; }

@media (max-width: 480px) {
  .sk-promo .sk-promo__inner    { padding: 0 12px; gap: 9px; }
  .sk-promo .sk-promo__logo svg { height: 26px; }
  .sk-promo .sk-promo__divider  { height: 26px; }
  .sk-promo .sk-promo__texts    { gap: 1px; }
  .sk-promo .sk-promo__title    { font-size: 11.5px; white-space: normal; overflow: visible; text-overflow: unset; line-height: 1.25; }
  .sk-promo .sk-promo__subtitle { font-size: 10px;line-height: 1;   white-space: normal; overflow: visible; text-overflow: unset; }
  .sk-promo .sk-promo__btn      { padding: 0 12px; height: 32px; font-size: 12px; }
  .sk-promo .sk-promo__arrow    { display: none; }
}

.telegram_btn {
    display: flex;
    align-items: center;
    background-color: #ebf5ff;
    padding: 9px 12px 9px 15px;
    border-radius: 45px;
    color: #38baf5;
    font-weight: 500;
    transition: color 0.55s, background-color 0.55s;
    position: relative;
    width: fit-content;
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 1.2;
}

@media (any-hover: hover) {
    .telegram_btn:hover {
        color: #ebf5ff;
        background-color: #38baf5;
    }
}

.telegram_btn svg {
    font-size: 22px;
    margin-right: 10px;
    overflow: hidden;
    width: 22px;
    height: 22px;
    fill: currentColor;
}

@media (max-width: 768px) {
    .popup_content-messeges form > .row:last-child {
        position: sticky;
        bottom: 0;
        margin-top: auto;
        padding: 12px 0;
        z-index: 108;
        background: rgb(242 230 237);
    }
    body.dark .popup_content-messeges form > .row:last-child {
        background: rgb(33 22 28);
    }
}

.profile-content .item-post .player-wrap.vertical {
    padding-bottom: 0;
    height: 540px;
    max-width: 304px;
    margin: 0 auto;
}
.profile-content .item-post .player-wrap.vertical .kt-player img.thumb {
    object-fit: cover;
}
.profile-content .item-post .paid_blur .player-wrap.vertical .kt-player img.thumb {
    width: 100%;
    height: 100%;
}
@media (max-width: 768px) {
    .profile-content .item-post .player-wrap.vertical {
        height: 480px;
        max-width: 270px;
    }
}

.text-popup strong {
    font-weight: 700;
}

.smails-holder .emoji,
.smileys-bar .emoji {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
    transition: border-color .2s;
}

.profile-content .masonry_thumbs.single-image {
    display: block;
    text-align: center;
}
.profile-content .masonry_thumbs.single-image .masonry_item {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.profile-content .masonry_thumbs.single-image .image-box.sm {
    width: 100%;
}
.profile-content .masonry_thumbs.single-image .image-box.lg {
    width: 304px;
    max-width: 100%;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .profile-content .masonry_thumbs.single-image .image-box.lg {
        width: 270px;
    }
}

.invites-bulk-actions {
    display: flex;
    gap: 10px;
    padding: 10px 0 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.invites-bulk-actions .btn {
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    border: none;
    cursor: pointer;
    transition: background .3s, color .3s;
}
.invites-bulk-actions .btn.primary {
    color: #fff;
    background: linear-gradient(168deg, rgba(255,255,255,0.20) -9.63%, rgba(255,255,255,0) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
}
.invites-bulk-actions .btn.second {
    color: #323232;
    background: rgba(45, 45, 45, 0.05);
}
body.dark .invites-bulk-actions .btn.second {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}
@media (hover: hover) and (pointer: fine) {
    .invites-bulk-actions .btn.primary:hover {
        filter: brightness(1.05);
    }
    .invites-bulk-actions .btn.second:hover {
        background: rgba(251, 0, 73, 0.10);
        color: #FB0049;
    }
}

.walk-fame-lists .post-title {
    padding: 8px 4px 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.moderation-badge {
    position: absolute;
    background: rgba(30, 30, 30, 0.72);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    white-space: nowrap;
    z-index: 5;
    pointer-events: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.moderation-badge-cover {
    right: 14px;
    bottom: 14px;
}
.moderation-badge-avatar {
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
}
@media (max-width: 768px) {
    .moderation-badge {
        font-size: 11px;
        padding: 5px 8px;
    }
    .moderation-badge-cover {
        right: 8px;
        bottom: 8px;
    }
}

.signup_premium2 .payment-select {
	position: relative;
	width: 100%;
	max-width: 460px;
	margin: 0 auto 30px;
}

.signup_premium2 .payment-select .selected {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 20px;
	border-radius: 50px;
	border: 2px solid #F3F3F3;
	background: #FFF;
	text-decoration: none;
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color .3s;
}

.signup_premium2 .payment-select .selected:hover {
	border-color: #FB0049;
}

.signup_premium2 .payment-select .selected .text {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
	min-width: 0;
	color: rgba(50, 50, 50, 0.50);
	margin: 0;
}

.signup_premium2 .payment-select .selected .text .pay-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	object-fit: contain;
}

.signup_premium2 .payment-select .selected .text .pay-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #323232;
}

.signup_premium2 .payment-select .selected i {
	color: #323232;
	font-size: 22px;
	flex-shrink: 0;
	transition: transform .3s;
	margin-left: 8px;
}

.signup_premium2 .payment-select.open-sort .selected i {
	transform: rotate(180deg);
}

.signup_premium2 .payment-select .drop-holder {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.04);
	padding: 10px 8px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 10px, 0);
	transition: opacity .3s, visibility .3s, transform .3s;
}

.signup_premium2 .payment-select.open-sort .drop-holder {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.signup_premium2 .payment-select .registration_selection {
	display: block;
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	width: 100%;
	margin: 0;
}

.signup_premium2 .payment-select .registration_selection .item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 15px;
	border-radius: 15px;
	cursor: pointer;
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	background: transparent;
	border: none;
	transition: background .3s, color .3s;
	width: 100%;
	margin: 0 0 2px 0;
}

.signup_premium2 .payment-select .registration_selection .item:last-child {
	margin-bottom: 0;
}

.signup_premium2 .payment-select .registration_selection .item:hover {
	background: #F5F5F5;
	color: #323232;
}

.signup_premium2 .payment-select .registration_selection .item.active {
	background: #FAECF0;
	color: #FB0049;
}

.signup_premium2 .payment-select .registration_selection .item .pay-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	object-fit: contain;
}

.signup_premium2 .payment-select .registration_selection .item .pay-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.dark .signup_premium2 .payment-select .selected {
	background: #1F1F1F;
	border-color: #333;
	color: #E3E3E3;
}

body.dark .signup_premium2 .payment-select .selected .text {
	color: rgba(227, 227, 227, 0.50);
}

body.dark .signup_premium2 .payment-select .selected .text .pay-label,
body.dark .signup_premium2 .payment-select .selected i {
	color: #E3E3E3;
}

body.dark .signup_premium2 .payment-select .drop-holder {
	background: #1F1F1F;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.30), 0px 8px 16px rgba(0, 0, 0, 0.18);
}

body.dark .signup_premium2 .payment-select .registration_selection .item {
	color: #E3E3E3;
}

body.dark .signup_premium2 .payment-select .registration_selection .item:hover {
	background: #272626;
	color: #E3E3E3;
}

body.dark .signup_premium2 .payment-select .registration_selection .item.active {
	background: #55192A;
	color: #FB0049;
}


.signup_premium2 .mobile-drop {
	display: none;
}

@media (max-width: 991px) {
	.signup_premium2 .desktop-tabs {
		display: none !important;
	}
	.signup_premium2 .mobile-drop {
		display: block;
	}
}

.popup-exclusive-video {
	display: flex !important;
}

.popup-exclusive-video .exclusive-msg {
	padding: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
}

.history-thumb .img-holder .overlay {
	background: transparent
}

.history-thumb .img-holder .overlay .text-viewed {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 50px;
	background: rgba(50, 50, 50, 0.50);
}

@media (max-width: 992px) {
	.history-thumb .img-holder .overlay .text-viewed {
		left: 10px;
		bottom: 10px;
	}
}

body.show_verification,
body.show_verification_camera,
body.show_verification_camera_error,
body.show_verification_success,
body.show_verification_exit {
	overflow: hidden;
}

.unnecessary_popup_wrapper.popup-bottom {
	display: flex !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: flex-end;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	z-index: 9999999999999 !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .33s, visibility .33s;
}

.unnecessary_popup_wrapper.popup-bottom .popup {
	position: relative;
	width: 100%;
	max-width: 470px;
	margin: 0 auto;
	background: #fff;
	border-radius: 16px 16px 0 0;
	max-height: 90vh;
	overflow-y: auto;
	transform: translateY(100%);
	transition: transform .33s;
}

body.show_verification .verification-popup,
body.show_verification_camera .verification-camera-popup,
body.show_verification_camera_error .verification-camera-error-popup,
body.show_verification_success .verification-success-popup,
body.show_verification_exit .verification-exit-popup {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

body.show_verification .verification-popup.popup-bottom .popup,
body.show_verification_camera .verification-camera-popup.popup-bottom .popup {
	transform: translateY(0);
}

body.dark .unnecessary_popup_wrapper.popup-bottom .popup {
	background: #1F1F1F !important;
}

body.show_reg_completion { overflow: hidden; }
body.show_reg_completion .reg_completion-popup {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
body.show_reg_completion .reg_completion-popup.popup-bottom .popup {
	transform: translateY(0);
}
.reg_completion-popup.popup-bottom { align-items: flex-end !important; padding: 0 !important; }
.reg_completion-popup.popup-bottom .popup { max-width: 470px !important; border-radius: 24px 24px 0 0 !important; }
.reg_completion-popup .rc-box { position: relative; padding: 26px 24px 28px; }
.reg_completion-popup .rc-close { position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: #989794; font-size: 16px; cursor: pointer; }
.reg_completion-popup .rc-head { margin-bottom: 20px; padding-right: 32px; }
.reg_completion-popup .rc-title { margin: 0 0 6px; font-size: 20px; font-weight: 700; color: #323232; }
.reg_completion-popup .rc-sub { margin: 0; font-size: 14px; color: #87878c; }
.reg_completion-popup .rc-form { display: flex; flex-direction: column; gap: 16px; }
.reg_completion-popup .rc-field { display: flex; flex-direction: column; gap: 8px; }
.reg_completion-popup .rc-label { font-size: 14px; font-weight: 600; color: #323232; }
.reg_completion-popup .rc-input, .reg_completion-popup .rc-select_input { height: 50px; box-sizing: border-box; width: 100%; padding: 10px 20px; background: #fbfbfb; border: 1px solid #e2e2e2; border-radius: 50px; font-size: 14px; font-weight: 500; color: #323232; }
.reg_completion-popup .rc-input::placeholder { color: #87878c; }
.reg_completion-popup .rc-select { position: relative; }
.reg_completion-popup .rc-select .select2-container { width: 100% !important; }
.reg_completion-popup .select2-container--default .select2-selection--single { height: 50px; box-sizing: border-box; padding: 0 40px 0 20px; background: #fbfbfb; border: 1px solid #e2e2e2; border-radius: 50px; display: flex; align-items: center; }
.reg_completion-popup .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; width: 100%; line-height: normal; font-size: 14px; font-weight: 500; color: #323232; }
.reg_completion-popup .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #87878c; }
.reg_completion-popup .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: 14px; height: 100%; }
.reg_completion-popup .select2-container--default .select2-selection--single .select2-selection__arrow b { background: none; font-size: 22px; color: #87878C; }
.reg_completion-popup .rc-error { font-size: 12px; color: #fb0049; display: none; }
.reg_completion-popup .rc-error.shown, .reg_completion-popup .rc-generic-error.shown { display: block; }
.reg_completion-popup .rc-generic-error { font-size: 13px; color: #fb0049; display: none; }
.reg_completion-popup .rc-btn { height: 54px; margin-top: 4px; border: 2px solid rgba(255,255,255,.2); border-radius: 50px; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; background-image: linear-gradient(176deg, rgba(255,255,255,.2) 9%, rgba(255,255,255,0) 100%), linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
.rc-flagopt { display: flex; align-items: center; gap: 8px; }
.rc-flagopt img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }
body.dark .reg_completion-popup .rc-title, body.dark .reg_completion-popup .rc-label { color: #fff; }
body.dark .reg_completion-popup .rc-input, body.dark .reg_completion-popup .rc-select_input { background: #2a2a2a; border-color: rgba(255,255,255,.08); color: #fff; }
body.dark .reg_completion-popup .select2-container--default .select2-selection--single { background: #2a2a2a; border-color: rgba(255,255,255,.08); }
body.dark .reg_completion-popup .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; }

body.show_video_cover_crop { overflow: hidden; }
body.show_video_cover_crop .video_cover_crop-popup { opacity: 1; visibility: visible; pointer-events: auto; z-index: 9999999999999999999999999 !important; }
body.show_video_cover_crop .video_cover_crop-popup.popup-bottom .popup { transform: translateY(0); }
.video_cover_crop-popup.popup-bottom { align-items: center !important; padding: 20px 15px !important; }
.video_cover_crop-popup.popup-bottom .popup { max-width: 600px !important; border-radius: 24px !important; }
.video_cover_crop-popup .vcc-box { position: relative; padding: 20px 20px 22px; }
.video_cover_crop-popup .vcc-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.video_cover_crop-popup .vcc-title { margin: 0; font-size: 18px; font-weight: 700; color: #323232; }
.video_cover_crop-popup .vcc-close { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: #989794; font-size: 16px; cursor: pointer; }
.video_cover_crop-popup .vcc-stage { max-height: 58vh; background: #000; border-radius: 12px; overflow: hidden; }
.video_cover_crop-popup .vcc-img { display: block; max-width: 100%; }
.video_cover_crop-popup .vcc-actions { display: flex; gap: 12px; margin-top: 16px; }
.video_cover_crop-popup .vcc-btn { flex: 1; height: 48px; border-radius: 50px; font-size: 15px; font-weight: 600; cursor: pointer; box-sizing: border-box; }
.video_cover_crop-popup .vcc-btn--cancel { border: 1px solid #e2e2e2; background: #fff; color: #323232; }
.video_cover_crop-popup .vcc-btn--save { border: none; color: #fff; background-image: linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
body.dark .video_cover_crop-popup .vcc-title { color: #fff; }
body.dark .video_cover_crop-popup .vcc-btn--cancel { background: transparent; border-color: rgba(255,255,255,.15); color: #fff; }
.file-control img.vcc-preview { max-width: 200px; max-height: 200px; margin-top: 10px; border-radius: 8px; object-fit: cover; }

body.show_delete_confirm { overflow: hidden; }
body.show_delete_confirm .delete_confirm-popup { opacity: 1; visibility: visible; pointer-events: auto; z-index: 9999999999999 !important; }
.delete_confirm-popup.popup-bottom { align-items: center !important; padding: 20px 15px !important; }
.delete_confirm-popup.popup-bottom .popup { max-width: 520px !important; border-radius: 24px !important; background: #fff; transform: translateY(40px); transition: transform .33s, opacity .33s; }
body.show_delete_confirm .delete_confirm-popup.popup-bottom .popup { transform: translateY(0); }
.delete_confirm-popup .dc-box { position: relative; padding: 20px 20px 22px; }
.delete_confirm-popup .dc-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.delete_confirm-popup .dc-title { margin: 0; font-size: 18px; font-weight: 700; color: #323232; }
.delete_confirm-popup .dc-close { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: #989794; font-size: 16px; cursor: pointer; }
.delete_confirm-popup .dc-text { margin: 0; font-size: 14px; line-height: 1.5; color: #323232; }
.delete_confirm-popup .dc-actions { display: flex; gap: 12px; margin-top: 20px; }
.delete_confirm-popup .dc-btn { flex: 1; height: 48px; border-radius: 50px; font-size: 15px; font-weight: 600; cursor: pointer; box-sizing: border-box; }
.delete_confirm-popup .dc-btn--cancel { border: 1px solid #e2e2e2; background: #fff; color: #323232; }
.delete_confirm-popup .dc-btn--ok { border: none; color: #fff; background-image: linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
body.dark .delete_confirm-popup .popup { background: #1c1c1c; }
body.dark .delete_confirm-popup .dc-title, body.dark .delete_confirm-popup .dc-text { color: #fff; }
body.dark .delete_confirm-popup .dc-btn--cancel { background: transparent; border-color: rgba(255,255,255,.15); color: #fff; }
.post-content.dc-removing, .item.dc-removing, .posts_wall .dc-removing { transition: opacity .35s ease, transform .35s ease, max-height .35s ease, margin .35s ease, padding .35s ease; opacity: 0; transform: translateY(-20px); max-height: 0 !important; overflow: hidden; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }

.unnecessary_popup_wrapper.popup-center {
	display: flex !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 15px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	z-index: 9999999999999 !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .33s, visibility .33s;
}
.unnecessary_popup_wrapper.popup-center .popup {
	position: relative;
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	max-height: 90vh;
	overflow: hidden;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
	transform: scale(0.94);
	transition: transform .25s;
}
body.show_verification .verification-popup.popup-center .popup,
body.show_verification_camera_error .verification-camera-error-popup.popup-center .popup,
body.show_verification_success .verification-success-popup.popup-center .popup,
body.show_verification_exit .verification-exit-popup.popup-center .popup {
	transform: scale(1);
}
body.dark .unnecessary_popup_wrapper.popup-center .popup {
	background: #1F1F1F;
}

@media screen and (min-width: 768px) {
	.unnecessary_popup_wrapper.popup-bottom {
		align-items: center;
		padding: 30px 15px;
	}
	.unnecessary_popup_wrapper.popup-bottom .popup {
		border-radius: 30px;
		max-height: calc(100vh - 60px);
	}
}

.verification-popup.popup-bottom,
.verification-camera-popup.popup-bottom,
.verification-camera-error-popup.popup-bottom,
.verification-success-popup.popup-bottom,
.verification-exit-popup.popup-bottom {
	align-items: flex-end;
	padding-bottom: 0;
}

.verification-popup .popup,
.verification-camera-popup .popup,
.verification-camera-error-popup .popup,
.verification-success-popup .popup,
.verification-exit-popup .popup {
	font-family: "Montserrat", sans-serif;
	color: #323232;
	border: 2px solid #9C9C9C33;
}

.verification-popup.popup-bottom .popup,
.verification-camera-popup .popup {
	max-width: 600px !important;
	border-radius: 30px 30px 0 0;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

.verification-popup.popup-bottom .popup {
	background: #fff url(/static/images/verification/verification_popup_bg.png) top center no-repeat !important;
	background-position-y: -105px !important;
}

.verification-popup .popup_close,
.verification-camera-popup .popup_close,
.verification-camera-error-popup .popup_close {
	position: absolute;
	top: 22px;
	right: 26px;
	z-index: 2;
	cursor: pointer;
	color: rgba(50, 50, 50, .5);
	font-size: 18px;
	line-height: 1;
}
.verification-popup .popup_close:hover,
.verification-camera-popup .popup_close:hover,
.verification-camera-error-popup .popup_close:hover {
	color: #323232;
}

.verification-popup .popup_background,
.verification-camera-error-popup .popup_background {
	margin: 0 20px;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #87878C;
}
.verification-popup .popup_title,
.verification-camera-error-popup .popup_title {
	margin: 0;
	padding-right: 30px;
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: -0.02em;
	color: #323232;
}
.verification-popup .verification-counter {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: -0.02em;
}

.verification-popup .popup_holder,
.verification-camera-error-popup .popup_holder {
	padding: 24px 30px 30px;
}

.verification-popup .popup_tip {
	margin: 0 0 22px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: #323232;
}

.verification-popup .verification-step .row {
	margin-bottom: 18px;
}
.verification-popup .field-label {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #323232;
}

.verification-popup .verification-toggle {
	display: flex;
	gap: 10px;
}
.verification-popup .verification-toggle-btn {
	flex: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	border: 1px solid #E2E2E2;
	border-radius: 50px;
	background: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #323232;
	cursor: pointer;
	transition: border-color .2s, background .2s;
	width: fit-content;
	min-width: 162px;
}
.verification-popup .verification-toggle-btn:before {
	content: "";
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box,
		linear-gradient(191.75deg, #3C95FF 19.09%, rgba(255, 255, 255, 0) 144.59%) border-box;
	box-sizing: border-box;
	transition: background .2s;
}
.verification-popup .verification-toggle-btn.active {
	background: #fff;
	border-color: #E2E2E2;
}
.verification-popup .verification-toggle-btn.active:before {
	background: radial-gradient(circle at center, #3C95FF 0 5px, #fff 5px) padding-box,
		linear-gradient(191.75deg, #3C95FF 19.09%, rgba(255, 255, 255, 0) 144.59%) border-box;
}

.verification-popup .verification-divider {
	height: 1px;
	margin: 0 0 20px;
	background: #E2E2E2;
}

.verification-popup .verification-note {
	margin: 0 0 20px;
	padding: 16px 18px;
	background: #E3F4FF;
	border: 1px solid #3F8EC14D;
	border-radius: 12px;
}
.verification-popup .verification-note .text {
	margin: 0 0 8px;
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #3F8EC1;
}
.verification-popup .verification-note .text:last-child {
	margin-bottom: 0;
}

.verification-popup .verification-photos-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.verification-popup .verification-photo-col {
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid #E2E2E2;
	border-radius: 20px;
	background: #fff;
}
.verification-popup .verification-photo-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	font-size: 13px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: -0.02em;
	color: #323232;
}
.verification-popup .verification-photo-label-check {
	order: -1;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}
.verification-popup .verification-camera-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.verification-popup .verification-camera-icon {
	width: 22px;
	height: 20px;
	fill: #323232;
}
body.dark .verification-popup .verification-camera-icon {
	fill: #fff;
}
.verification-popup .verification-photo-example img,
.verification-popup .verification-photo-result {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 16px;
	height: calc(100% - 38px);
}
.verification-popup .verification-photo-result {
	height: auto;
}
.verification-popup .verification-photo-placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 4;
	padding: 24px;
	border: 1.5px dashed #E8E8E8;
	border-radius: 16px;
	text-align: center;
}
.verification-popup .verification-frame-corners {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.verification-popup .verification-photo-placeholder:before,
.verification-popup .verification-photo-placeholder:after,
.verification-popup .verification-frame-corners:before,
.verification-popup .verification-frame-corners:after {
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	border: 2px solid #C9C9C9;
}
.verification-popup .verification-photo-placeholder:before {
	top: 12px;
	left: 12px;
	border-right: 0;
	border-bottom: 0;
	border-radius: 14px 0 0 0;
}
.verification-popup .verification-photo-placeholder:after {
	top: 12px;
	right: 12px;
	border-left: 0;
	border-bottom: 0;
	border-radius: 0 14px 0 0;
}
.verification-popup .verification-frame-corners:before {
	bottom: 12px;
	left: 12px;
	border-right: 0;
	border-top: 0;
	border-radius: 0 0 0 14px;
}
.verification-popup .verification-frame-corners:after {
	bottom: 12px;
	right: 12px;
	border-left: 0;
	border-top: 0;
	border-radius: 0 0 14px 0;
}
.verification-popup .verification-photo-hint {
	margin: 0;
	font-size: 14px;
	line-height: 1.35;
	color: #9D9D9D;
}
.verification-popup .js-verification-take-photo {
	width: 100%;
	margin-top: 12px;
	padding: 15px;
	border: none;
	border-radius: 50px;
	background: #323232;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s, box-shadow .2s;
}
.verification-popup .js-verification-take-photo:hover {
	background: #1F1F1F;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
}
.verification-popup .verification-photo-your:not(.has-photo) .verification-photo-result,
.verification-popup .verification-photo-your:not(.has-photo) .verification-btn-retake {
	display: none;
}
.verification-popup .verification-photo-your.has-photo .verification-photo-placeholder,
.verification-popup .verification-photo-your.has-photo .js-verification-take-photo {
	display: none;
}
body.dark .verification-popup .verification-photo-placeholder {
	border-color: #3a3a3a;
}
.verification-popup .verification-btn-retake {
	width: 100%;
	margin-top: 12px;
	padding: 12px;
	border: 2px solid #F3F3F3;
	border-radius: 50px;
	background: #fff;
	color: #323232;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color .2s, background .2s;
}
.verification-popup .verification-btn-retake:hover {
	border-color: #d4d4d4;
	background: #f7f7f7;
}
.verification-popup .verification-toggle-btn:hover:not(.active) {
	border-color: #c9c9c9;
}

.verification-popup .submit,
.verification-camera-popup .submit,
.verification-camera-error-popup .submit,
.verification-success-popup .submit,
.verification-exit-popup .submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 22px;
	padding: 15px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	border-radius: 50px;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: box-shadow .3s, opacity .2s;
}
.verification-popup .submit:hover,
.verification-camera-popup .submit:hover,
.verification-camera-error-popup .submit:hover,
.verification-success-popup .submit:hover,
.verification-exit-popup .submit:hover {
	box-shadow: 0 6px 25px rgba(251, 0, 73, .5);
}
.verification-popup .submit:disabled {
	opacity: .5;
	cursor: not-allowed;
	box-shadow: none;
}
.popup_verification_modal .verification-modal-buttons .verification-modal-btn-secondary {
	background: #D9D9D9;
	color: #323232;
	border: 2px solid #D9D9D9;
	transition: background .2s, border-color .2s;
}
.popup_verification_modal .verification-modal-buttons .verification-modal-btn-secondary:hover {
	background: #cccccc;
	border-color: #cccccc;
}

.popup_verification_camera {
	padding: 24px 30px 30px;
}
.verification-camera-video {
	width: 100%;
	max-height: 60vh;
	border-radius: 16px;
	background: #1a1a1a;
	object-fit: cover;
}

.popup_verification_modal {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 30px 20px;
	text-align: center;
}
.popup_verification_modal .verification-modal-glow {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	width: 115px;
	height: 115px;
	border-radius: 50%;
	filter: blur(60px);
	opacity: .55;
	z-index: 0;
	pointer-events: none;
}
.popup_verification_modal .verification-modal-glow-red { background: #C70000; }
.popup_verification_modal .verification-modal-glow-green { background: #05AF24; }
.popup_verification_modal .verification-modal-glow-orange { background: #FF8800; }
.popup_verification_modal .verification-modal-icon {
	position: relative;
	z-index: 1;
	margin: 0;
	line-height: 0;
}
.popup_verification_modal .verification-modal-icon svg {
	display: block;
	width: 100px;
	height: 100px;
}
.popup_verification_modal .verification-modal-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.popup_verification_modal .verification-modal-title {
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	color: #323232;
}
.popup_verification_modal .verification-modal-text {
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	color: #87878C;
}
.popup_verification_modal .verification-modal-buttons {
	display: flex;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 1;
}
.popup_verification_modal .verification-modal-buttons .submit,
.popup_verification_modal .verification-modal-buttons .button {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 5px 20px;
	border: none;
	border-radius: 50px;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.02em;
	cursor: pointer;
}
.popup_verification_modal .verification-modal-buttons .submit {
	border: 2px solid rgba(255, 255, 255, 0.20);
}
.popup_verification_modal .verification-modal-buttons .submit:only-child,
.popup_verification_modal .verification-modal-buttons .button:only-child {
	flex: 0 0 auto;
	width: auto;
	min-width: 200px;
	padding: 5px 50px;
}

.verification_pending_holder {
	text-align: center;
}

@media screen and (max-width: 560px) {
	.verification-popup .verification-photos-grid {
		gap: 10px;
	}
	.verification-popup .verification-photo-col {
		padding: 8px;
	}
	.verification-popup .verification-photo-label {
		margin-bottom: 10px;
		gap: 6px;
		font-size: 12px;
	}
	.verification-popup .verification-photo-label-check {
		width: 18px;
		height: 18px;
	}
	.verification-popup .verification-photo-example img {
		height: calc(100% - 28px);
	}
	.verification-popup .verification-photo-placeholder {
		padding: 10px;
	}
	.verification-popup .verification-photo-hint {
		font-size: 11px;
	}
	.verification-popup .js-verification-take-photo,
	.verification-popup .verification-btn-retake {
		margin-top: 8px;
		padding: 10px 6px;
		font-size: 12px;
	}
}
@media screen and (max-width: 480px) {
	.verification-popup .verification-photo-example img {
		height: calc(100% - 34px);
	}
}

body.dark .verification-popup .popup_title,
body.dark .verification-popup .popup_tip,
body.dark .verification-popup .field-label,
body.dark .verification-popup .verification-toggle-btn,
body.dark .popup_verification_modal .verification-modal-title {
	color: #fff;
}
body.dark .verification-popup .popup_background {
	border-color: #2a2a2a;
}
body.dark .verification-popup .verification-divider {
	background: #2a2a2a;
}
body.dark .verification-popup .verification-toggle-btn,
body.dark .verification-popup .verification-photo-col {
	background: #2a2a2a;
	border-color: #2a2a2a;
}
body.dark .verification-popup .verification-toggle-btn:before {
	background: linear-gradient(#2a2a2a, #2a2a2a) padding-box,
		linear-gradient(191.75deg, #3C95FF 19.09%, rgba(255, 255, 255, 0) 144.59%) border-box;
}
body.dark .verification-popup .verification-toggle-btn.active:before {
	background: radial-gradient(circle at center, #3C95FF 0 5px, #2a2a2a 5px) padding-box,
		linear-gradient(191.75deg, #3C95FF 19.09%, rgba(255, 255, 255, 0) 144.59%) border-box;
}
body.dark .verification-popup .verification-note {
	background: #16273b;
}
body.dark .verification-popup .verification-note .text {
	color: #8CB8E0;
}
.info-note { margin: 0 0 20px; padding: 16px 18px; background: #E3F4FF; border: 1px solid #3F8EC14D; border-radius: 12px; }
.info-note .text { margin: 0 0 8px; font-weight: 500; font-size: 12px; line-height: 140%; letter-spacing: -0.02em; color: #3F8EC1; }
.info-note .text:last-child { margin-bottom: 0; }
body.dark .info-note { background: #16273b; }
body.dark .info-note .text { color: #8CB8E0; }
body.dark .verification-popup .popup,
body.dark .verification-camera-popup .popup,
body.dark .verification-camera-error-popup .popup,
body.dark .verification-success-popup .popup,
body.dark .verification-exit-popup .popup {
	border-color: rgba(255, 255, 255, 0.08);
}
body.dark .verification-popup .popup_close,
body.dark .verification-camera-popup .popup_close,
body.dark .verification-camera-error-popup .popup_close {
	color: rgba(255, 255, 255, .5);
}
body.dark .verification-popup .popup_close:hover,
body.dark .verification-camera-popup .popup_close:hover,
body.dark .verification-camera-error-popup .popup_close:hover {
	color: #fff;
}
body.dark .verification-popup .verification-photo-label {
	color: #fff;
}
body.dark .verification-popup .verification-photo-placeholder:before,
body.dark .verification-popup .verification-photo-placeholder:after,
body.dark .verification-popup .verification-frame-corners:before,
body.dark .verification-popup .verification-frame-corners:after {
	border-color: #5a5a5a;
}
body.dark .verification-popup .js-verification-take-photo {
	background: #3a3a3a;
}
body.dark .verification-popup .js-verification-take-photo:hover {
	background: #444;
}
body.dark .verification-popup .verification-btn-retake {
	background: #2a2a2a;
	border-color: #3a3a3a;
	color: #fff;
}
body.dark .verification-popup .verification-btn-retake:hover {
	background: #333;
	border-color: #444;
}
body.dark .popup_verification_modal .verification-modal-buttons .verification-modal-btn-secondary {
	background: #3a3a3a;
	color: #fff;
	border-color: #3a3a3a;
}
body.dark .popup_verification_modal .verification-modal-buttons .verification-modal-btn-secondary:hover {
	background: #444;
	border-color: #444;
}
body.dark .verification-camera-error-popup .popup_title {
	color: #fff;
}
body.dark .verification-camera-error-popup .js-verification-camera-error-text {
	color: #E3E3E3;
}
body.dark .verification-camera-error-popup .popup_background {
	border-color: #2a2a2a;
}

.burger_menu_top.logined .burger-verification {
	order: 0;
	display: block;
	margin: -7px auto 10px;
	text-align: center;
	color: #FB0049;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}
.burger_menu_top.logined .burger-verification:hover {
	text-decoration: none;
}

/* ===================== custom_auth_unified popup (дизайн) ===================== */
body.show_auth_unified { overflow: hidden; }
body.show_auth_unified .auth_unified-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_auth_unified .auth_unified-popup.popup-bottom .popup { transform: translateY(0); }

/* снизу-прижат, в т.ч. на десктопе */
.auth_unified-popup.popup-bottom { align-items: flex-end; padding: 0; }
@media (min-width: 768px) {
	.auth_unified-popup.popup-bottom { align-items: flex-end; padding: 0; }
}
.auth_unified-popup.popup-bottom .popup {
	max-width: 560px;
	background: #fff;
	border-radius: 30px 30px 0 0;
	overflow: visible;
	padding: 0 0 22px;
	font-family: "Montserrat", sans-serif;
	color: #323232;
}

.popup_auth_unified .popup_close {
	position: absolute;
	top: 18px;
	right: 22px;
	z-index: 5;
	font-size: 16px;
	color: #9C9C9C;
	cursor: pointer;
}

/* декоративная шапка поверх карточки */
.auth_decor {
	position: absolute;
	left: 0;
	right: 0;
	top: -102px;
	height: 150px;
	pointer-events: none;
	z-index: 12;
}
.auth_decor_bg {
	position: absolute;
	right: -77px;
	top: -276px;
	width: 768px;
	height: auto;
	z-index: -1;
}
.auth_users_badge {
	position: absolute;
	left: -32px;
	bottom: -6px;
	display: flex;
	align-items: center;
	z-index: 2;
}
.auth_users_emoji {
	width: 116px;
	height: 116px;
	position: relative;
	z-index: 3;
	margin-right: -40px;
	margin-top: -9px;
}
.auth_users_stack {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.auth_users_label {
	position: relative;
	z-index: 1;
	margin-left: 54px;
	margin-bottom: -7px;
	top: -3px;
	left: -41px;
	padding: 8px 18px;
	background: linear-gradient(97.27deg, #FB0049 -19.08%, #FFA902 104.14%);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .02em;
	text-transform: uppercase;
	border-radius: 50px;
	transform: rotate(-3deg);
}
.auth_users_count {
	position: relative;
	z-index: 2;
	padding: 10px 20px 10px 30px;
	background: linear-gradient(93deg, #2E90FA 0%, #7A5AF8 100%);
	color: #fff;
	font-size: 54px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.02em;
	border-radius: 22px;
	box-shadow: 0 14px 34px rgba(70, 90, 230, .35);
}
.auth_users_text {
	position: relative;
	z-index: 2;
	margin-left: 54px;
	margin-top: -7px;
	top: 2.08px;
	left: -56px;
	padding: 10px 24px;
	background: #fff;
	color: #5B6CF9;
	font-size: 20px;
	font-weight: 700;
	border-radius: 50px;
	transform: rotate(2deg);
}

/* шаги */
.popup_auth_unified .popup_holder {
	position: relative;
	z-index: 2;
	background: #ffff;
	border-radius: 30px;
	padding: 76px 30px 30px;
}
.popup_auth_unified .auth_step { display: none; }
.popup_auth_unified[data-step="1"] .auth_step-1,
.popup_auth_unified[data-step="2"] .auth_step-2,
.popup_auth_unified[data-step="3"] .auth_step-3,
.popup_auth_unified[data-step="6"] .auth_step-6 { display: block; }

.popup_auth_unified .popup_auth_title { font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 700; line-height: 130%; text-align: center; margin: 0 0 6px; color: #323232; }
.popup_auth_unified .popup_auth_subtitle { font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; line-height: 120%; letter-spacing: -0.02em; text-align: center; color: #87878C; margin: 0 0 20px; }

/* поля */
.popup_auth_unified .row { position: relative; margin-bottom: 14px; }
.popup_auth_unified .textfield {
	width: 100%;
	height: 50px;
	border: 1px solid #D9D9D9;
	border-radius: 50px;
	padding: 0 20px 0 52px;
	font-size: 15px;
	font-family: inherit;
	color: #323232;
	background: #fff;
}
.popup_auth_unified .textfield::placeholder { color: #9C9C9C; }
.popup_auth_unified .input-holder > i {
	position: absolute;
	left: 20px;
	top: 27px;
	transform: translateY(-50%);
	color: #9C9C9C;
	font-size: 24px;
}
.popup_auth_unified .input-holder > i:before {
	color: #9C9C9C;
}
.popup_auth_unified .input-holder > i:after {
	color: #87878C;
}
.popup_auth_unified .input-holder .toggle-password { left: auto; right: 20px; cursor: pointer; }
.popup_auth_unified .field-error {
	display: none;
	position: absolute;
	top: -11px;
	left: 20px;
	z-index: 3;
	margin: 0;
	padding: 3px 12px;
	border-radius: 50px;
	background: #FFE4E4;
	color: #DE0000;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #FFB3B3;
}
.popup_auth_unified .field-error.shown { display: block; }
.popup_auth_unified .row.error .textfield { border-color: #FB0049; }
.popup_auth_unified .row.error .input-holder > i,
.popup_auth_unified .row.error .input-holder > i:before,
.popup_auth_unified .row.error .toggle-password { color: #FB0049; }

/* кнопка Далее/Войти — красный градиент-пилюля + блок стрелок (self-contained) */
.popup_auth_unified .btn-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	height: 56px;
	border: 2px solid rgba(255, 255, 255, 0.20);
	border-radius: 50px;
	background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	margin-top: 4px;
	transition: box-shadow .3s;
}
@media (hover: hover) and (pointer: fine) {
	.popup_auth_unified .btn-submit:hover {
		box-shadow: 0 6px 25px rgba(251, 0, 73, 0.6), 0 3px 12px rgba(255, 54, 113, 0.4);
		color: #fff;
		background: linear-gradient(168deg, rgba(255, 255, 255, 0.20) -9.63%, rgba(255, 255, 255, 0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%);
	}
}
.popup_auth_unified .btn-submit .text_btn { line-height: 1; }
.popup_auth_unified .btn-submit .arrows {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	background: rgba(255, 255, 255, .18);
	border-radius: 50px;
	padding: 5px 12px;
}
.popup_auth_unified .btn-submit .arrows i { color: #fff; font-size: 13px; opacity: .55; transition: opacity .2s; }
.popup_auth_unified .btn-submit .arrows i:nth-child(2) { opacity: .75; }
.popup_auth_unified .btn-submit .arrows i:nth-child(3) { opacity: 1; }

/* 18+ */
.popup_auth_unified .auth_age_row { margin-top: 16px; }
.popup_auth_unified .auth_age_row .checkbox { display: none; }
.popup_auth_unified .auth_age_row label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	color: #87878C;
	font-size: 15px;
	line-height: 24px;
}
.popup_auth_unified .auth_age_row label:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: 1px solid #D9D9D9;
	background: #fff;
}
.popup_auth_unified .auth_age_row label:after {
	position: absolute;
	top: 4px;
	left: 6px;
	width: 11px;
	height: 6px;
	transform: rotate(-50deg);
	border: 2px solid #3C95FF;
	border-top: none;
	border-right: none;
}
.popup_auth_unified .auth_age_row .checkbox:checked + label:after { content: ""; }
.popup_auth_unified .auth_age_row .checkbox:checked + label:before { background: #fff; border-color: #D9D9D9; }

/* условия */
.popup_auth_unified .auth_terms { margin-top: 16px; font-size: 13px; line-height: 1.5; color: #87878C; text-align: center; }
.popup_auth_unified .auth_terms a { color: #FB0049; text-decoration: none; }

/* resend */
.popup_auth_unified .decorated { display: inline-block; margin-top: 14px; color: #FB0049; font-size: 13px; text-decoration: underline; cursor: pointer; }
.popup_auth_unified .auth_existing_row { text-align: center; margin: -8px 0 18px; }
.popup_auth_unified .auth_existing_row .decorated { margin-top: 0; }

/* копирайт */
.auth_copy { display: flex; align-items: center; justify-content: center; gap: 8px; padding-top: 16px; color: #9C9C9C; text-align: center; font-weight: 500; font-size: 12px; line-height: 200%; letter-spacing: -0.02em; margin-top: -30px; position: relative; z-index: 2; }
.auth_copy_flag { margin-right: 2px; display: block; width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; }

/* тёмная тема */
body.dark .auth_unified-popup.popup-bottom .popup { background: #1F1F1F; border-color: rgba(255, 255, 255, 0.08); }
body.dark .popup_auth_unified .popup_holder { background: #1F1F1F; }
body.dark .popup_auth_unified .popup_auth_title { color: #fff; }
body.dark .popup_auth_unified .popup_auth_subtitle { color: #9C9C9C; }
body.dark .popup_auth_unified .popup_close { color: rgba(255, 255, 255, .5); }
body.dark .popup_auth_unified .popup_close:hover { color: #fff; }
body.dark .popup_auth_unified .textfield { background: #2a2a2a; border-color: #333; color: #fff; }
body.dark .popup_auth_unified .textfield::placeholder { color: #87878C; }
body.dark .popup_auth_unified .input-holder > i,
body.dark .popup_auth_unified .input-holder > i:before,
body.dark .popup_auth_unified .toggle-password { color: #9C9C9C; }
body.dark .popup_auth_unified .auth_age_row label { color: #E3E3E3; }
body.dark .popup_auth_unified .auth_age_row label:before,
body.dark .popup_auth_unified .auth_age_row .checkbox:checked + label:before { background: #2a2a2a; border-color: #333; }
body.dark .popup_auth_unified .auth_terms { color: #9C9C9C; }
body.dark .auth_copy { color: #9C9C9C; }
body.dark .auth_users_text { background: #1f1f1f; }

.text.tip-message { position: relative; overflow: hidden; display: inline-block; max-width: 327px; padding: 10px 10px 10px 50px !important; border-radius: 15px 4px 15px 15px; background: linear-gradient(120deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%) !important; color: #fff !important; }
.box.dialogues-list .dialogue-holder .dialogue .message-holder.wrap .text.tip-message { padding: 10px 10px 10px 50px !important; border-radius: 15px 4px 15px 15px !important; overflow: hidden !important; color: #fff !important; background: linear-gradient(120deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%) !important; }
.message-holder.right .text.tip-message { border-radius: 4px 15px 15px 15px; }
.tip-message .tip-decor { position: absolute; left: -22px; top: -52px; width: 176px; height: 153px; z-index: 0; opacity: .3; transform: rotate(-27deg); background: url(../images/tips/banknotes.png) center / contain no-repeat; pointer-events: none; }
.tip-message .tip-emoji { position: absolute; left: -10px; top: -13px; width: 57px; height: 57px; z-index: 2; transform: rotate(-15.65deg); background: url(../images/tips/money-mouth.png) center / contain no-repeat; }
.tip-message .tip-head { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; }
.tip-message .tip-title { font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #fff; white-space: nowrap; }
.tip-message .tip-title b { font-weight: 700; }
.tip-message .tip-pill { display: inline-flex; align-items: center; justify-content: center; gap: 5px; flex: none; padding: 5px 10px; background: #fff; border-radius: 50px; }
.tip-message .tip-rub { flex: none; width: 20px; height: 20px; background: url(../images/tips/ruble.svg) center / contain no-repeat; }
.tip-message .tip-amount { font-weight: 700; font-size: 12px; letter-spacing: -0.24px; text-transform: uppercase; background: linear-gradient(137deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tip-message .tip-body { position: relative; z-index: 1; margin-top: 10px; padding: 8px; border-radius: 12px; background: rgba(0,0,0,0.2); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); font-weight: 500; font-size: 14px; line-height: 1.3; letter-spacing: -0.28px; color: #fff; }

.user-nav .btn-user .chat_member_tips { display: flex; width: 100%; margin: 8px 0 0; position: relative; z-index: 1; border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 0 0 2px rgba(255,255,255,0.2), 0 6px 16px rgba(126,60,200,0.32); background-color: #28A5FF; background-image: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.04) 45%, rgba(0,0,0,0.09) 100%), linear-gradient(105deg, #28A5FF 0%, #882FCD 100%); font-weight: 500; transition: box-shadow 0.25s ease; }
.user-nav .btn-user .chat_member_tips .text { color: #fff; }
.user-nav .btn-user .chat_member_tips .tip-btn-icon { flex: none; width: 24px; height: 24px; color: #fff; }
@media (hover: hover) and (pointer: fine) { .user-nav .btn-user .chat_member_tips:hover { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2), 0 6px 16px rgba(60, 149, 255, 0.5); } }

.profile_tips_row { margin: 10px 0 0; }
.profile_tips_btn { display: inline-flex; align-items: center; gap: 8px; padding: 9px 20px; border-radius: 50px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 0 0 2px rgba(255,255,255,0.2), 0 6px 16px rgba(126,60,200,0.32); background-color: #28A5FF; background-image: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.04) 45%, rgba(0,0,0,0.09) 100%), linear-gradient(105deg, #28A5FF 0%, #882FCD 100%); transition: box-shadow 0.25s ease; }
.profile_tips_btn .text { color: #fff; margin-left: 0; }
.profile_tips_btn .tip-btn-icon { flex: none; width: 24px; height: 24px; color: #fff; }
@media (hover: hover) and (pointer: fine) { .profile_tips_btn:hover { box-shadow: inset 0 0 0 2px rgba(255,255,255,0.2), 0 6px 16px rgba(60,149,255,0.5); } }

.box.dialogues-list .form-holder .row .icons-holder .btn.chat_tip_ruble { display: none; }
.box.dialogues-list .form-holder .row .icons-holder .btn.chat_tip_ruble img { display: block; width: 26px; height: 26px; }
@media screen and (max-width: 1024px) {
	.box.dialogues-list .form-holder .row.has-tip .icons-holder { display: flex; align-items: center; gap: 14px; }
	.box.dialogues-list .form-holder .row.has-tip .icons-holder .btn { padding: 0; }
	.box.dialogues-list .form-holder .row.has-tip .icons-holder .btn.chat_tip_ruble { display: block; }
	.box.dialogues-list .form-holder .row.has-tip .textarea { padding-left: 88px; }
}

body.show_tips { overflow: hidden; }
body.show_tips .tips_unified-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_tips .tips_unified-popup.popup-bottom .popup { transform: translateY(0); }
.tips_unified-popup.popup-bottom { align-items: flex-end; padding: 0; }
.tips_unified-popup.popup-bottom .popup { max-width: 560px; overflow: hidden; border: 2px solid rgba(156,156,156,0.2); border-radius: 30px 30px 0 0; font-family: "Montserrat", sans-serif; color: #323232; background: url(../images/tips/tips-popup-bg.png) center / cover no-repeat, #fff; background-position-y: -130px; }
.popup_tips .popup_tips_holder { display: flex; flex-direction: column; gap: 30px; padding: 20px 20px 30px; }
.popup_tips .js-tips-form { display: flex; flex-direction: column; gap: 30px; }
.popup_tips_head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #87878c; }
.popup_tips_title { margin: 0; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 16px; letter-spacing: -0.32px; line-height: 1.5; color: #323232; }
.popup_tips .popup_close { flex: none; font-size: 16px; color: #87878c; cursor: pointer; }
.tips_amount_group { display: flex; flex-direction: column; gap: 8px; }
.tips_presets { display: flex; gap: 4px; width: 100%; padding: 8px; background: #fff; border: 1px solid #d9d9d9; border-radius: 50px; box-sizing: border-box; }
.tips_preset { flex: 1 1 0; min-width: 0; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 50px; cursor: pointer; background: #fff; }
.tips_preset span { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -0.32px; background: linear-gradient(124deg, #1CEAC5 19.368%, #28A5FF 9.204%, #882FCD 96.159%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tips_preset.active { border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(124deg, #1CEAC5, #28A5FF, #882FCD) border-box; }
.tips_amount { width: 100%; height: 48px; box-sizing: border-box; padding: 0 18px; background: #fff; border: 1px solid #d9d9d9; border-radius: 50px; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #323232; }
.tips_amount::placeholder { color: #87878c; font-weight: 600; }
.tips_comment_group { display: flex; flex-direction: column; gap: 8px; }
.popup_tips .field-label { margin: 0; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: -0.28px; line-height: 1.5; color: #323232; }
.tips_textarea { width: 100%; height: 91px; box-sizing: border-box; padding: 10px 20px; background: rgba(255,255,255,0.6); border: 1px solid #e2e2e2; border-radius: 20px; resize: none; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #323232; }
.tips_textarea::placeholder { color: #87878c; }
.popup_tips .btn-submit { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 40px; box-sizing: border-box; padding: 10px 30px; border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 0 0 2px rgba(255,255,255,0.2), 0 6px 16px rgba(126,60,200,0.32); border-radius: 50px; cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #fff; background-color: #28A5FF; background-image: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.04) 45%, rgba(0,0,0,0.09) 100%), linear-gradient(105deg, #28A5FF 0%, #882FCD 100%); }
.popup_tips .btn-submit .tip-btn-icon { flex: none; width: 24px; height: 24px; color: #fff; fill: currentColor; }
.tip-btn-icon { fill: currentColor; }
.tips_custom_row { position: relative; }
.tips_custom_row .field-error { margin-top: 6px; font-size: 12px; color: #DE0000; display: none; }
.tips_custom_row .field-error.shown { display: block; }
.tips_custom_row.error .tips_amount { border-color: #FFB3B3; background: #FFE4E4; }
.tips_success { padding: 30px 0; text-align: center; font-size: 16px; font-weight: 600; color: #323232; }

body.show_tips_success, body.show_buy_done { overflow: hidden; }
.tips_success-popup, .buy_done-popup { display: flex !important; position: fixed; inset: 0; width: 100%; height: 100%; justify-content: center; align-items: center; box-sizing: border-box; padding: 20px; background: rgba(0, 0, 0, 0.70); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: 9999999999999; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .33s, visibility .33s; }
body.show_tips_success .tips_success-popup, body.show_buy_done .buy_done-popup { opacity: 1; visibility: visible; pointer-events: auto; }
.tips_success-popup .popup, .buy_done-popup .popup { transform: translateY(60px); opacity: 0; transition: transform .33s, opacity .33s; }
body.show_tips_success .tips_success-popup .popup, body.show_buy_done .buy_done-popup .popup { transform: translateY(0); opacity: 1; }
.popup_tips_success { position: relative; z-index: 1; width: 450px; max-width: 100%; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 30px 20px; border: 2px solid rgba(156,156,156,0.2); border-radius: 30px; font-family: "Montserrat", sans-serif; background: url(../images/tips/tips-popup-bg.png) center / cover no-repeat, #fff; }
.tips_success-popup .tips_success_confetti, .buy_done-popup .tips_success_confetti { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 574px; height: 481px; max-width: 100%; pointer-events: none; z-index: 0; background: url(../images/tips/tips-confetti.png) center / contain no-repeat; }
.tips_success_texts { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; width: 100%; }
.tips_success_title { margin: 0; font-family: "Montserrat", sans-serif; font-weight: 800; font-size: 20px; line-height: 1.5; text-transform: uppercase; color: #323232; }
.tips_success_subtitle { margin: 0; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; line-height: 1.5; letter-spacing: -0.28px; color: #87878c; }
.tips_success_btn { position: relative; z-index: 1; width: 200px; height: 40px; box-sizing: border-box; border: 2px solid rgba(255,255,255,0.2); border-radius: 50px; cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #fff; background: linear-gradient(177.57deg, rgba(255,255,255,0.2) 9.63%, rgba(255,255,255,0) 100.36%), linear-gradient(105.75deg, #FB0049 0.39%, #FF3671 99.49%); }
body.dark .popup_tips_success { color: #fff; background: url(../images/tips/tips-popup-bg.png) center / cover no-repeat, #1c1c1c !important; }
body.dark .tips_success_title { color: #fff; }
body.dark .popup_tips_title { color: #fff; }
body.dark .tips_presets { background: #1f1f1f; border-color: #333; }
body.dark .tips_preset { background: #2a2a2a; border-color: #333; }
body.dark .tips_preset.active { border-color: transparent; background: linear-gradient(#2a2a2a, #2a2a2a) padding-box, linear-gradient(124deg, #1CEAC5, #28A5FF, #882FCD) border-box; }
body.dark .tips_amount { background: #2a2a2a; border-color: #333; color: #fff; }
body.dark .tips_textarea { background: #2a2a2a; border-color: #333; color: #fff; }
body.dark .popup_tips .field-label { color: #E3E3E3; }
body.dark .tips_success { color: #fff; }
body.dark .tips_custom_row .field-error { color: #FF6B6B; }
body.dark .tips_custom_row.error .tips_amount { border-color: #FF6B6B; background: rgba(255,80,80,0.12); color: #fff; }

.upload_content_drop { position: relative; width: 100%; max-width: 750px; margin-bottom: 20px; }
.upload_content_btn { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 50px; padding: 5px 20px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-image: linear-gradient(179.19deg, rgba(255,255,255,0.2) 9.63%, rgba(255,255,255,0) 100.36%), linear-gradient(130.23deg, #fb0049 0.39%, #ff3671 99.49%); box-sizing: border-box; cursor: pointer; }
.upload_content_btn__plus { flex: none; width: 24px; height: 24px; display: block; color: #fff; }
.upload_content_btn__text { font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #fff; white-space: nowrap; }
.upload_content_btn__arrow { flex: none; width: 20px; height: 20px; display: block; transition: transform 0.2s ease; color: #fff; }
.upload_content_drop.open .upload_content_btn__arrow { transform: scaleY(-1); }
.upload_content_list { display: flex; position: absolute; left: 0; right: 0; top: calc(100% + 12px); z-index: 60; flex-direction: row; align-items: stretch; gap: 10px; width: 100%; padding: 10px; background: #fff; border: 1px solid #e2e2e2; border-radius: 20px; box-sizing: border-box; box-shadow: 0 100px 40px rgba(0,0,0,0.07), 0 41.778px 16.711px rgba(0,0,0,0.05), 0 22.336px 8.935px rgba(0,0,0,0.04), 0 12.522px 5.009px rgba(0,0,0,0.04), 0 6.65px 2.66px rgba(0,0,0,0.03), 0 2.767px 1.107px rgba(0,0,0,0.02); opacity: 0; visibility: hidden; transform: translate3d(0, 10px, 0); transition: opacity .3s, visibility .3s, transform .3s; pointer-events: none; }
.upload_content_drop.open .upload_content_list { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); pointer-events: auto; }
.upload_content_col { display: flex; flex-direction: column; gap: 10px; flex: 1 1 0; min-width: 0; padding: 8px; border-radius: 14px; box-sizing: border-box; }
.upload_content_col--paid { border: 1px solid #1ceac5; }
.upload_content_col--free { border: 1px solid #e7e7e7; }
.upload_content_item { display: flex; align-items: center; gap: 4px; width: 100%; padding: 4px; border-radius: 12px; box-sizing: border-box; transition: background 0.15s ease; }
.upload_content_item__icon { flex: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.upload_content_item__icon img { width: 33.34px; height: 33.34px; display: block; }
.upload_content_item__body { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; }
.upload_content_item__title { font-weight: 600; font-size: 14px; line-height: 1.5; color: #323232; white-space: nowrap; }
.upload_content_item__desc { font-weight: 500; font-size: 12px; line-height: 1.3; color: #87878c; }
.upload_content_col--paid .upload_content_item:hover { background: #eaf1ff; }
.upload_content_col--free .upload_content_item:hover { background: #f4f4f4; }
@media (max-width: 768px) { .upload_content_drop { max-width: none; } .upload_content_list { flex-direction: column; } }
body.dark .upload_content_list { background: #2a2a2a; border-color: #333; }
body.dark .upload_content_col--free { border-color: #333; }
body.dark .upload_content_item__title { color: #fff; }
body.dark .upload_content_col--paid .upload_content_item:hover { background: rgba(40,165,255,0.12); }
body.dark .upload_content_col--free .upload_content_item:hover { background: rgba(255,255,255,0.06); }

.video_upload_popup .vup_card { position: relative; width: 100%; max-width: 600px; margin: 0 auto; background: #fff; border: 2px solid rgba(156,156,156,0.2); border-radius: 30px 30px 0 0; padding: 20px 20px 30px; display: flex; flex-direction: column; gap: 30px; max-height: 92vh; overflow-y: auto; box-sizing: border-box; }
.video_upload_popup .vup_card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 476px; max-height: 100%; background: url(../images/tips/tips-popup-bg.png) center top / cover no-repeat; opacity: 0.7; pointer-events: none; z-index: 0; border-radius: 30px 30px 0 0; }
.video_upload_popup .vup_card > * { position: relative; z-index: 1; }
.video_upload_popup.upload_video-popup, .video_upload_popup.upload_album-popup { align-items: flex-end !important; justify-content: center !important; padding: 0 !important; }
.video_upload_popup .box-popup.vup_card { max-width: 600px; border-radius: 30px 30px 0 0; animation: vupSlideUp 0.35s ease; }
@keyframes vupSlideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
.video_upload_popup .vup_card { transition: transform 0.35s ease; }
.video_upload_popup.vup_closing { display: flex !important; }
.video_upload_popup.vup_closing .vup_card { animation: none; transform: translateY(100%); }
.video_upload_popup .popup_holder { width: 100%; padding: 0; margin: 0; }
.video_upload_popup .vup_form { width: 100%; }
.video_upload_popup .vup_top { display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; margin: 0; }
.video_upload_popup .vup_top > * { margin: 0; width: 100%; }
.video_upload_popup .vup_cover { margin: 0; }
.video_upload_popup .vup_progress { margin: 30px 0 0 0; }
.video_upload_popup .vup_fields { margin: 30px 0 0 0; }
.video_upload_popup .vup_actions { margin: 30px 0 0 0; }
.video_upload_popup .btn-close { position: absolute; top: 26px; right: 20px; z-index: 3; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.video_upload_popup .btn-close .icon-close { color: #87878c; font-size: 18px; line-height: 1; }
.video_upload_popup .vup_head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 0; border-bottom: 1px solid #87878c; }
.video_upload_popup .vup_title { font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; color: #323232; }
.video_upload_popup .vup_rules { display: flex; flex-direction: column; gap: 14px; width: 100%; text-align: center; }
.video_upload_popup .vup_rules p { margin: 0; font-weight: 500; font-size: 12px; line-height: 1.2; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_dropzone { display: flex; flex-direction: column; align-items: center; gap: 18px; width: 100%; padding: 20px; background: rgba(255,255,255,0.5); border: 2px dashed #e2e2e2; border-radius: 30px; box-sizing: border-box; }
.video_upload_popup .vup_dropzone.dragover { border-color: #ff3671; }
.video_upload_popup .vup_dropzone_icon { width: 100px; height: 100px; }
.video_upload_popup .vup_dropzone_icon img { width: 100%; height: 100%; display: block; }
.video_upload_popup .vup_dropzone_title { font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; color: #000; text-align: center; }
.video_upload_popup .vup_dropzone_or { display: flex; align-items: center; justify-content: center; gap: 24px; width: 100%; }
.video_upload_popup .vup_dropzone_or::before, .video_upload_popup .vup_dropzone_or::after { content: ""; width: 87px; height: 1px; background: #9d9d9d; flex: none; }
.video_upload_popup .vup_dropzone_or span { font-weight: 500; font-size: 12px; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 40px; padding: 5px 20px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background-image: linear-gradient(179.13deg, rgba(255,255,255,0.2) 9.63%, rgba(255,255,255,0) 100.36%), linear-gradient(128.29deg, #fb0049 0.39%, #ff3671 99.49%); cursor: pointer; box-sizing: border-box; }
.video_upload_popup .vup_btn span { font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #fff; white-space: nowrap; }
.video_upload_popup .vup_btn img, .video_upload_popup .vup_btn svg { width: 24px; height: 24px; display: block; flex: none; color: #fff; }
.video_upload_popup .vup_btn-primary { width: 100%; }
.video_upload_popup .vup_btn-primary span { font-weight: 500; }
.video_upload_popup .vup_btn[disabled] { opacity: 0.55; cursor: default; }
.video_upload_popup .js-next-step svg { transform: rotate(-90deg); }
.video_upload_popup .vup_progress { width: 100%; }
.video_upload_popup .vup_progress_item { display: flex; align-items: center; gap: 12px; width: 100%; }
.video_upload_popup .vup_progress_thumb { position: relative; flex: none; width: 56px; height: 56px; border-radius: 8px; background: #d9d9d9; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.video_upload_popup .vup_progress_thumb_img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video_upload_popup .vup_progress_thumb_play { position: relative; z-index: 1; width: 32px; height: 32px; display: block; color: #fff; }
.video_upload_popup .vup_progress_info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.video_upload_popup .vup_progress_header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.video_upload_popup .vup_progress_header .file-name { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video_upload_popup .vup_progress_header .file-percent { flex: none; font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_progress_bar { width: 100%; height: 4px; border-radius: 2px; background: #e2e2e2; overflow: hidden; }
.video_upload_popup .vup_progress_bar .progress-fill { display: block; height: 100%; width: 0; background: #3c95ff; border-radius: 2px; transition: width 0.2s ease; }
.video_upload_popup .vup_progress_size { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_progress_cancel { flex: none; width: 22px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer; }
.video_upload_popup .vup_progress_cancel img { width: 22px; height: 22px; display: block; }
.video_upload_popup .vup_cover { position: relative; width: 100%; aspect-ratio: 560 / 346; border-radius: 30px; overflow: hidden; background: #d9d9d9; }
.video_upload_popup .vup_cover_img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video_upload_popup .vup_cover_badge { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; padding: 4px 10px; background: rgba(0, 0, 0, 0.5); border-radius: 50px; white-space: nowrap; color: #FFF; font-size: 12px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: -0.24px; }
.video_upload_popup .vup_cover_badge:empty { display: none; }
.video_upload_popup .vup_cover_bar { position: absolute; left: 10px; right: 10px; bottom: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 8px 8px 24px; background: rgba(0,0,0,0.46); -webkit-backdrop-filter: blur(10.55px); backdrop-filter: blur(10.55px); border-radius: 50px; box-shadow: 0 100px 40px rgba(0,0,0,0.13), 0 41.778px 16.711px rgba(0,0,0,0.09), 0 22.336px 8.935px rgba(0,0,0,0.08), 0 12.522px 5.009px rgba(0,0,0,0.06), 0 6.65px 2.66px rgba(0,0,0,0.05), 0 2.767px 1.107px rgba(0,0,0,0.04); }
.video_upload_popup .vup_cover_hint { flex: 1 1 0; min-width: 0; font-weight: 500; font-size: 12px; line-height: 1.3; letter-spacing: -0.24px; color: #fff; }
.video_upload_popup .vup_cover_btn { flex: none; display: flex; align-items: center; justify-content: center; width: 124px; height: 40px; padding: 5px 20px; background: #fff; border-radius: 40px; font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #323232; cursor: pointer; box-sizing: border-box; }
.video_upload_popup .vup_fields { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.video_upload_popup .vup_check_row { display: flex; align-items: center; width: 100%; }
.video_upload_popup .vup_check_row .checkbox { display: none; }
.video_upload_popup .vup_check_label { position: relative; padding-left: 34px; font-weight: 500; font-size: 15px; line-height: 1.5; letter-spacing: -0.3px; color: #323232; cursor: pointer; }
.video_upload_popup .vup_check_label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 6px; border: 1px solid #d9d9d9; background: #fff; color: #3C95FF; font-family: 'icomoon'; font-style: normal; font-size: 16px; line-height: 1; }
.video_upload_popup .vup_check_row .checkbox:checked + .vup_check_label::before { content: "\e96b"; }
.video_upload_popup .vup_row { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.video_upload_popup .vup_label { display: flex; align-items: center; gap: 4px; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.28px; color: #323232; }
.video_upload_popup .vup_tip, .popup_change_price .vup_tip { position: relative; display: inline-flex; width: 16px; height: 16px; }
.video_upload_popup .vup_tip img, .video_upload_popup .vup_tip svg, .popup_change_price .vup_tip img, .popup_change_price .vup_tip svg { width: 16px; height: 16px; display: block; color: #9D9D9D; }
.video_upload_popup .vup_tip_box, .popup_change_price .vup_tip_box { position: absolute; left: -8px; top: calc(100% + 10px); z-index: 5; display: none; width: 239px; padding: 10px; background: rgba(50,50,50,0.95); border-radius: 10px; font-weight: 400; font-size: 12px; line-height: 1.4; letter-spacing: -0.24px; color: #fff; }
.video_upload_popup .vup_tip_box::before, .popup_change_price .vup_tip_box::before { content: ""; position: absolute; bottom: 100%; left: 8px; border-width: 8px; border-style: solid; border-color: transparent transparent rgba(50,50,50,0.95) transparent; }
.video_upload_popup .vup_tip:hover .vup_tip_box, .popup_change_price .vup_tip:hover .vup_tip_box { display: block; }
.video_upload_popup .vup_input { width: 100%; height: 50px; padding: 10px 20px; background: rgba(255,255,255,0.6); border: 1px solid #e2e2e2; border-radius: 50px; font-weight: 500; font-size: 14px; letter-spacing: -0.24px; color: #323232; box-sizing: border-box; outline: none; }
.video_upload_popup .vup_input::placeholder { color: #87878c; }
.video_upload_popup .vup_input:focus { border-color: #3c95ff; }
.video_upload_popup .vup_textarea { height: 91px; padding: 10px 20px; border-radius: 20px; resize: none; }
.video_upload_popup .vup_smileys { position: relative; width: 100%; }
.video_upload_popup .vup_smileys .vup_textarea { padding-right: 46px; }
.video_upload_popup .vup_smile_btn { position: absolute; right: 14px; bottom: 12px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; color: #87878c; cursor: pointer; z-index: 2; transition: color .2s; }
.video_upload_popup .vup_smile_btn:hover, .video_upload_popup .vup_smileys.open-smail .vup_smile_btn { color: #fb0049; }
.video_upload_popup .vup_smileys .smails-holder { position: absolute; left: auto; right: 0; bottom: 40px; z-index: 10; display: flex; flex-wrap: wrap; gap: 0px; max-height: 200px; overflow-y: auto; box-sizing: border-box; padding: 8px; background: #fff; border: 1px solid #e2e2e2; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s, visibility .3s, transform .3s; max-width: 302px; }
.video_upload_popup .vup_smileys.open-smail .smails-holder { opacity: 1; visibility: visible; transform: translateY(0); }
.video_upload_popup .vup_smileys .smails-holder .emoji { font-size: 16px; line-height: 1; padding: 0; cursor: pointer; border-radius: 6px; transition: background .2s; }
.video_upload_popup .vup_smileys .smails-holder .emoji:hover { background: rgba(0,0,0,0.06); }
body.dark .video_upload_popup .vup_smile_btn { color: #b0b0b0; }
body.dark .video_upload_popup .vup_smileys .smails-holder { background: #2a2a2a; border-color: rgba(255,255,255,0.1); }
body.dark .video_upload_popup .vup_smileys .smails-holder .emoji:hover { background: rgba(255,255,255,0.08); }
.video_upload_popup .vup_actions { width: 100%; }
.video_upload_popup .vup_captcha { width: 100%; margin-bottom: 12px; }
@media (max-width: 768px) { .video_upload_popup .box-popup.vup_card { max-width: none; } .video_upload_popup .vup_cover_hint { font-size: 11px; } .video_upload_popup .vup_cover_btn { width: auto; } }
body.dark .video_upload_popup .vup_card { background: #1c1c1c; border-color: #333; }
body.dark .video_upload_popup .vup_title, body.dark .video_upload_popup .vup_dropzone_title, body.dark .video_upload_popup .vup_check_label, body.dark .video_upload_popup .vup_label { color: #fff; }
body.dark .video_upload_popup .vup_dropzone { background: rgba(255,255,255,0.04); border-color: #333; }
body.dark .video_upload_popup .vup_input { background: #2a2a2a; border-color: #333; color: #fff; }
body.dark .video_upload_popup .vup_check_label::before { background: #2a2a2a; border-color: #444; }
.video_upload_popup .vup_btn { transition: box-shadow 0.3s ease; }
.video_upload_popup .vup_btn:hover:not([disabled]) { box-shadow: 0 6px 25px rgba(251, 0, 73, 0.5); }
.video_upload_popup .vup_cover_btn { transition: box-shadow 0.3s ease; }
.video_upload_popup .vup_cover_btn:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
.video_upload_popup .vup_progress_cancel { transition: opacity 0.2s ease; }
.video_upload_popup .vup_progress_cancel:hover { opacity: 0.65; }
.video_upload_popup .btn-close { transition: opacity 0.2s ease; }
.video_upload_popup .btn-close:hover { opacity: 0.6; }
.upload_content_btn { transition: box-shadow 0.3s ease; }
.upload_content_btn:hover { box-shadow: 0 6px 25px rgba(251, 0, 73, 0.5); }

.video_upload_popup .vup_uplist { display: flex; flex-direction: column; gap: 0; width: 100%; margin: 30px 0 0 0; }
.video_upload_popup .vup_uplist.hidden { display: none; }
.video_upload_popup .vup_uprow { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; }
.video_upload_popup .vup_uprow_thumb { position: relative; flex: none; width: 56px; height: 56px; border-radius: 8px; background: #d9d9d9; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.video_upload_popup .vup_uprow_thumb .img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.video_upload_popup .vup_uprow_ico { position: relative; z-index: 0; width: 32px; height: 32px; display: block; color: #fff; }
.video_upload_popup .vup_uprow_info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.video_upload_popup .vup_uprow_head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.video_upload_popup .vup_uprow_head .file-name { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video_upload_popup .vup_uprow_head .file-percent { flex: none; font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_uprow_size { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_uprow_del { flex: none; width: 22px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer; }
.video_upload_popup .vup_up_cancel img { width: 22px; height: 22px; display: block; }
.video_upload_popup .vup_up_trash { display: none; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #e2e2e2; }
.video_upload_popup .vup_up_trash_ico { width: 12px; height: 13px; display: block; color: #323232; }
.video_upload_popup .upload_item.done .vup_up_trash, .video_upload_popup .vup_progress_item.done .vup_up_trash { display: flex; }
.video_upload_popup .upload_item.done .vup_up_cancel, .video_upload_popup .vup_progress_item.done .vup_up_cancel { display: none; }
.video_upload_popup .vup_grid_wrap { display: flex; flex-direction: column; gap: 12px; width: 100%; }
.video_upload_popup .vup_grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; width: 100%; margin: 0; }
.video_upload_popup .vup_grid_item { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; }
.video_upload_popup .vup_grid_img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; background: #d9d9d9; }
.video_upload_popup .vup_grid_del { position: absolute; top: -6px; right: -6px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #323232; cursor: pointer; }
.video_upload_popup .vup_grid_del_ico { width: 10px; height: 10px; display: block; color: #fff; }
.video_upload_popup .vup_grid_crown { display: none; position: absolute; left: 4px; bottom: 4px; z-index: 2; width: 24px; height: 24px; }
.video_upload_popup .vup_grid_crown img { width: 100%; height: 100%; display: block; }
.video_upload_popup .vup_grid_item:first-child .vup_grid_crown { display: block; }
.video_upload_popup .vup_grid_count { width: 100%; margin: 0; text-align: center; font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_grid_count:empty { display: none; }
@media (max-width: 768px) { .video_upload_popup .vup_grid { grid-template-columns: repeat(3, 1fr); } }
body.dark .video_upload_popup .vup_uprow_head .file-name { color: #fff; }

.video_upload_popup .vup_uplist { display: flex; flex-direction: column; gap: 0; width: 100%; margin: 30px 0 0 0; }
.video_upload_popup .vup_uprow { display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; }
.video_upload_popup .vup_uprow_thumb { position: relative; flex: none; width: 56px; height: 56px; border-radius: 8px; background: #d9d9d9; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.video_upload_popup .vup_uprow_thumb .img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.video_upload_popup .vup_uprow_ico { position: relative; z-index: 1; width: 32px; height: 32px; color: #fff; display: block; }
.video_upload_popup .vup_uprow_info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.video_upload_popup .vup_uprow_head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.video_upload_popup .vup_uprow_head .file-name { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video_upload_popup .vup_uprow_head .file-percent { flex: none; font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_uprow_size { font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; }
.video_upload_popup .vup_uprow_del { flex: none; width: 22px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer; }
.video_upload_popup .vup_up_cancel { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #e2e2e2; }
.video_upload_popup .vup_up_cancel_ico { width: 11px; height: 11px; color: #323232; display: block; }
.video_upload_popup .vup_up_trash { display: none; width: 22px; height: 22px; border-radius: 50%; background: #e2e2e2; align-items: center; justify-content: center; }
.video_upload_popup .vup_up_trash_ico { width: 12px; height: 13px; color: #323232; display: block; }
.video_upload_popup .upload_item.done .vup_up_cancel, .video_upload_popup .vup_progress_item.done .vup_up_cancel { display: none; }
.video_upload_popup .upload_item.done .vup_up_trash, .video_upload_popup .vup_progress_item.done .vup_up_trash { display: flex; }
.video_upload_popup .upload_item.done .vup_uprow_ico { display: none; }
.video_upload_popup .vup_grid_wrap { width: 100%; }
.video_upload_popup .vup_grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; width: 100%; }
.video_upload_popup .vup_grid_item { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; }
.video_upload_popup .vup_grid_thumb { position: absolute; inset: 0; border-radius: 8px; overflow: hidden; background: #d9d9d9; }
.video_upload_popup .vup_grid_thumb .img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video_upload_popup .vup_grid_del { position: absolute; top: -6px; right: -6px; z-index: 2; width: 20px; height: 20px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #323232; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.video_upload_popup .vup_grid_del_ico { width: 8px; height: 8px; color: #fff; display: block; }
.video_upload_popup .vup_grid_crown { display: none; position: absolute; left: 4px; bottom: 4px; z-index: 2; width: 24px; height: 24px; }
.video_upload_popup .vup_grid_crown img { width: 100%; height: 100%; display: block; }
.video_upload_popup .vup_grid_item:first-child .vup_grid_crown { display: block; }
.video_upload_popup .vup_grid_count { margin: 12px 0 0 0; font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: -0.24px; color: #87878c; text-align: center; }
.video_upload_popup .vup_grid_count:empty { display: none; }
@media (max-width: 768px) { .video_upload_popup .vup_grid { grid-template-columns: repeat(4, 1fr); } }
body.dark .video_upload_popup .vup_uprow_head .file-name { color: #fff; }
body.dark .video_upload_popup .vup_up_trash { background: #3a3a3a; }
body.dark .video_upload_popup .vup_up_trash_ico { color: #fff; }
body.dark .video_upload_popup .vup_up_cancel { background: #3a3a3a; }
body.dark .video_upload_popup .vup_up_cancel_ico { color: #fff; }
.video_upload_popup .vup_grid { display: flex !important; flex-wrap: wrap; gap: 12px; width: 100%; }
.video_upload_popup .vup_grid_item { width: calc((100% - 48px) / 5); flex: none; aspect-ratio: 1 / 1; position: relative; cursor: move; }
.video_upload_popup .vup_grid_item.ui-sortable-helper { z-index: 100; }
.video_upload_popup .vup_grid_del { top: 4px; right: 4px; }
@media (max-width: 768px) { .video_upload_popup .vup_grid_item { width: calc((100% - 24px) / 3); } }
.video_upload_popup .field-error { display: none; color: red; text-align: left; }
.video_upload_popup .field-error:not(:empty) { display: block; }
.vup_success-popup { position: fixed; inset: 0; z-index: 9999999999999; display: flex; align-items: center; justify-content: center; padding: 20px; background: transparent; box-sizing: border-box; }
.vup_success-popup .vup_success { width: 100%; max-width: 470px; background: #fff; border-radius: 24px; padding: 30px; text-align: center; box-sizing: border-box; animation: vupSuccessIn 0.35s ease; }
@keyframes vupSuccessIn { from { transform: translateY(60px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.vup_success_text { margin: 0 0 20px 0; font-weight: 600; font-size: 16px; line-height: 1.4; letter-spacing: -0.32px; color: #323232; }
.vup_success_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; padding: 5px 20px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); background-image: linear-gradient(179.13deg, rgba(255,255,255,0.2) 9.63%, rgba(255,255,255,0) 100.36%), linear-gradient(128.29deg, #fb0049 0.39%, #ff3671 99.49%); font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #fff; cursor: pointer; transition: box-shadow .3s; }
.vup_success_btn:hover { box-shadow: 0 6px 25px rgba(251,0,73,0.5); }
body.dark .vup_success-popup .vup_success { background: #1c1c1c; }
body.dark .vup_success_text { color: #fff; }
body:has(.upload_video-popup-success) .upload_video-popup .vup_card,
body:has(.upload_album-popup-success) .upload_album-popup .vup_card { visibility: hidden; }
.vup_success-popup { visibility: visible; }
.vup_success-popup .vup_success { transition: transform 0.35s ease, opacity 0.35s ease; }
.vup_success-popup.vup_closing .vup_success { animation: none; transform: translateY(60px); opacity: 0; }

.thumb-price {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: 50px;
	background: linear-gradient(141.56deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	pointer-events: none;
}
.thumb-price_ico {
	width: 24px;
	height: 24px;
	flex: none;
	display: block;
}
.thumb-price_val {
	font-weight: 700;
	font-size: 12px;
	line-height: normal;
	letter-spacing: -0.24px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
}
@media (max-width: 992px) {
	.thumb-price {
		left: 10px;
		top: 10px;
	}
}

.paid_player {
	position: relative;
	overflow: hidden;
	border-radius: 30px;
	background: #000;
}
.paid_player.no-player > .paid_player_poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.paid_player:not(.no-player) > .paid_player_poster {
	display: block;
	width: 100%;
	height: auto;
}
.paid_player.no-player:not(.no_blur) > .paid_player_poster {
	filter: none;
	transform: scale(1.15);
}
.paid_player.no-player.no_blur > .paid_player_poster {
	filter: none;
	transform: none;
}
.paid_player .paid_cta_price .paid_cta_ico {
	position: static;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	transform: none;
	width: 20px;
	height: 20px;
	border-radius: 0;
	filter: none;
}
.paid_player_dark {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.paid_player_grad {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	z-index: 1;
	pointer-events: none;
}
.paid_player .paid_cta,
.paid_player .paid_cta_form {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	margin: 0;
}
.paid_cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 40px;
	padding: 10px 5px 10px 18px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	background: linear-gradient(161.95deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	box-shadow: 0 30px 40px rgba(78, 118, 235, 0.25), 0 6px 12px rgba(78, 118, 235, 0.15);
	transition: box-shadow 0.2s, transform 0.2s;
}
.paid_cta:hover {
	box-shadow: 0 30px 50px rgba(78, 118, 235, 0.45), 0 8px 16px rgba(78, 118, 235, 0.25);
}
.paid_cta_label {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.28px;
	color: #fff;
	white-space: nowrap;
}
.paid_cta_price {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: 50px;
	background: #fff;
}
.paid_cta_ico {
	width: 20px;
	height: 20px;
	display: block;
	flex: none;
}
.paid_cta_val {
	font-weight: 700;
	font-size: 12px;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(133.97deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.paid_thumb {
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.paid_thumb_img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.paid_thumb_ico {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.paid_thumb_ico img {
	width: 30px;
	height: 30px;
}
.screenshots-holder .item.active > .link {
	border: 2px solid #fb0049;
	border-radius: 10px;
	overflow: hidden;
}

body.show_buy_content { overflow: hidden; }
body.show_buy_content .buy_content-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_buy_content .buy_content-popup.popup-bottom .popup { transform: translateY(0); }
.buy_content-popup.popup-bottom { align-items: flex-end; padding: 0; }
@media (min-width: 768px) {
	.buy_content-popup.popup-bottom { align-items: flex-end; padding: 0; }
}
.buy_content-popup.popup-bottom .popup {
	max-width: 470px;
	border-radius: 30px 30px 0 0;
	max-height: 90vh;
}

.popup_buy {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 20px 20px 30px;
	overflow: hidden;
	border: 2px solid rgba(156, 156, 156, 0.2);
}
.popup_buy:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -420px;
	width: 900px;
	height: 620px;
	transform: translateX(-50%);
	background:
		radial-gradient(closest-side at 30% 60%, rgba(251, 0, 73, 0.20), rgba(251, 0, 73, 0) 70%),
		radial-gradient(closest-side at 65% 40%, rgba(40, 165, 255, 0.20), rgba(40, 165, 255, 0) 70%),
		radial-gradient(closest-side at 50% 72%, rgba(136, 47, 205, 0.18), rgba(136, 47, 205, 0) 70%),
		radial-gradient(closest-side at 45% 45%, rgba(28, 234, 197, 0.16), rgba(28, 234, 197, 0) 70%);
	opacity: 0.7;
	pointer-events: none;
	z-index: 0;
}
.popup_buy > * { position: relative; z-index: 1; }

.buy_head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid #87878c;
}
.buy_title {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.32px;
	color: #323232;
}
.popup_buy .popup_close {
	display: flex;
	width: 18px;
	height: 18px;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.2s;
}
.popup_buy .popup_close:hover { opacity: 1; }
.popup_buy .popup_close img { width: 100%; height: 100%; }

.buy_body { display: flex; flex-direction: column; gap: 30px; }
.buy_body.hidden { display: none; }

.buy_q {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.buy_q_text {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.32px;
	color: #000;
}
.buy_price {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.buy_price_ico { width: 20px; height: 20px; display: block; flex: none; }
.buy_price_val {
	font-weight: 700;
	font-size: 12px;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(133.97deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.buy_choose {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: -0.24px;
	color: #87878c;
	text-align: center;
}

.buy_methods { display: flex; flex-wrap: wrap; gap: 8px; }
.buy_method {
	flex: 1 1 calc(50% - 4px);
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	padding: 18px;
	border-radius: 24px;
	border: 1px solid #f0f0f0;
	background: #fff;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-shadow: 0 -2px 43px rgba(0, 0, 0, 0.04);
	transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.buy_method:hover { background: #f7f7f7; }
.buy_method.is-active {
	border-color: #fb0049;
	background: #f0f0f0;
	box-shadow: 0 100px 80px rgba(0,0,0,0.07), 0 41.778px 33.422px rgba(0,0,0,0.05), 0 22.336px 17.869px rgba(0,0,0,0.04), 0 12.522px 10.017px rgba(0,0,0,0.04), 0 6.65px 5.32px rgba(0,0,0,0.03), 0 2.767px 2.214px rgba(0,0,0,0.02);
}
.buy_method::before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	filter: blur(15px);
	pointer-events: none;
	z-index: 0;
	opacity: 0.12;
	transition: opacity 0.2s;
}
.buy_method.is-active::before { opacity: 0.5; }
.buy_method[data-method="sbp"]::before { background: #ff060a; }
.buy_method[data-method="crypto"]::before { background: #f7931a; }
.buy_method[data-method="mastercard"]::before { background: #eb001b; }
.buy_method[data-method="balance"]::before { background: #4680f0; }
.buy_method_ico, .buy_method_name { position: relative; z-index: 1; }
.buy_method_ico {
	position: relative;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}
.buy_method_ico > img { width: 40px; height: 40px; display: block; }
.buy_method_crypto { display: block; }
.buy_method_crypto img { position: absolute; display: block; }
.buy_method_crypto .buy_crypto_btc { width: 23px; height: 23px; left: 0; top: 0; }
.buy_method_crypto .buy_crypto_eth { width: 17px; height: 17px; left: 15px; top: 23px; }
.buy_method_crypto .buy_crypto_usdt { width: 15px; height: 15px; left: 25px; top: 8px; }
.buy_method_name {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.32px;
	color: #323232;
	text-align: center;
}

.buy_error {
	display: none;
	color: #fb0049;
	font-size: 13px;
	text-align: center;
}
.buy_error.shown { display: block; }
.buy_submit {
	width: 100%;
	height: 54px;
	border: none;
	border-radius: 50px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	background-image: linear-gradient(176deg, rgba(255,255,255,0.2) 9%, rgba(255,255,255,0) 100%), linear-gradient(100deg, #fb0049 0%, #ff3671 100%);
	transition: opacity 0.15s;
}
.buy_submit:disabled { opacity: 0.4; cursor: default; }
.buy_submit.loading { color: transparent; cursor: default; position: relative; }
.buy_submit.loading::after { content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.45); border-top-color: #fff; animation: buy_spin 0.8s linear infinite; }
@keyframes buy_spin { to { transform: rotate(360deg); } }
.buy_wait { display: none; flex-direction: column; align-items: center; gap: 14px; padding: 24px 0; text-align: center; }
.buy_content-popup.is-wait .buy_body { display: none; }
.buy_content-popup.is-wait .buy_wait { display: flex; }
.buy_wait_spinner { width: 44px; height: 44px; border-radius: 50%; border: 4px solid #f0f0f0; border-top-color: #fb0049; animation: buy_spin 0.8s linear infinite; }
.buy_wait_title { font-size: 16px; font-weight: 600; color: #323232; }
.buy_wait_open { display: inline-block; padding: 10px 22px; border-radius: 50px; color: #fff; font-weight: 600; font-size: 14px; background-image: linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
.buy_wait_hint { font-size: 12px; font-weight: 500; color: #87878c; line-height: 1.4; }
body.dark .buy_wait_title { color: #fff; }
body.dark .buy_wait_spinner { border-color: rgba(255,255,255,0.12); border-top-color: #fb0049; }
.buy_qr { display: none; flex-direction: column; align-items: center; gap: 12px; padding: 10px 0; text-align: center; }
.buy_qr .info-note { margin: 0; width: 100%; box-sizing: border-box; }
.buy_content-popup.is-qr .buy_body { display: none; }
.buy_content-popup.is-qr .buy_qr { display: flex; }
.buy_qr_title { font-size: 16px; font-weight: 600; color: #323232; }
.buy_qr_canvas { width: 220px; height: 220px; display: flex; align-items: center; justify-content: center; }
.buy_qr_canvas svg, .buy_qr_canvas canvas { width: 220px; height: 220px; }
.buy_qr_sum { font-size: 14px; font-weight: 500; color: #87878c; }
.buy_qr_sum b { color: #323232; font-weight: 600; }
.buy_qr_sum_ico { width: 16px; height: 16px; display: inline-block; vertical-align: -3px; margin-left: 4px; }
.buy_qr_open { display: inline-block; padding: 10px 22px; border-radius: 50px; color: #fff; font-weight: 600; font-size: 14px; background-image: linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
.buy_qr_hint { font-size: 12px; font-weight: 500; color: #87878c; line-height: 1.4; }
body.dark .buy_qr_title { color: #fff; }
body.dark .buy_qr_sum b { color: #fff; }

.buy_footer {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: -0.24px;
	color: #87878c;
	text-align: center;
}
.buy_footer_link {
	font-weight: 600;
	text-decoration: underline;
	background: linear-gradient(156deg, #fb0049 0%, #ff3671 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #fb0049;
}

.buy_success {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 20px 0 10px;
	text-align: center;
}
.buy_success.shown { display: flex; }
.buy_success_check {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(133.97deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.buy_success_check:before {
	content: "";
	width: 22px;
	height: 12px;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	transform: rotate(-45deg) translate(2px, -2px);
}
.buy_success_title { font-weight: 700; font-size: 20px; color: #323232; }
.buy_success_text { font-weight: 500; font-size: 14px; color: #87878c; }
.buy_success_btn {
	margin-top: 6px;
	padding: 12px 40px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(96deg, #fb0049 0%, #ff3671 100%);
	transition: box-shadow 0.2s;
}
.buy_success_btn:hover { box-shadow: 0 6px 25px rgba(251, 0, 73, 0.5); }

body.dark .buy_title,
body.dark .buy_q_text,
body.dark .buy_method_name,
body.dark .buy_success_title { color: #fff; }
body.dark .buy_method { background: #2a2a2a; border-color: rgba(255, 255, 255, 0.08); }
body.dark .buy_method:hover { background: #333; }
body.dark .buy_method.is-active { background: #333; border-color: #fb0049; }
body.dark .buy_price { background: #2a2a2a; }

body.show_change_price { overflow: hidden; }
body.show_change_price .change_price-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_change_price .change_price-popup.popup-bottom .popup { transform: translateY(0); }
.change_price-popup.popup-bottom { align-items: flex-end; padding: 0; }
@media (min-width: 768px) {
	.change_price-popup.popup-bottom { align-items: flex-end; padding: 0; }
}
.change_price-popup.popup-bottom .popup { max-width: 600px; border-radius: 30px 30px 0 0; }
.cp_row { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.cp_label { display: flex; align-items: center; gap: 4px; font-weight: 500; font-size: 14px; line-height: 1.5; letter-spacing: -0.28px; color: #323232; }
.cp_input {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border: 1px solid #e2e2e2;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	color: #323232;
	outline: none;
}
.cp_input:focus { border-color: #fb0049; }
.cp_submit {
	width: 100%;
	height: 40px;
	padding: 5px 20px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 50px;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.28px;
	color: #fff;
	background: linear-gradient(179.13deg, rgba(255, 255, 255, 0.2) 9.6%, rgba(255, 255, 255, 0) 100%), linear-gradient(128.29deg, #fb0049 0.39%, #ff3671 99.49%);
	transition: box-shadow 0.2s;
}
.cp_submit:hover { box-shadow: 0 6px 25px rgba(251, 0, 73, 0.5); }
.cp_error { display: none; color: #fb0049; font-size: 13px; text-align: left; }
.cp_error.shown { display: block; }
body.dark .cp_label { color: #fff; }
body.dark .cp_input { background: #2a2a2a; border-color: rgba(255, 255, 255, 0.08); color: #fff; }

.img-holder-wall.paid_blur { overflow: hidden; }
.img-holder-wall.paid_blur img.thumb { filter: none; transform: scale(1.06); }

.post-content .album_collage, .msg_content .album_collage {
	display: grid;
	gap: 10px;
	width: 100%;
	aspect-ratio: 1 / 1;
	text-decoration: none;
}
.post-content .album_collage-1, .msg_content .album_collage-1 { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.post-content .album_collage-2, .msg_content .album_collage-2 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; }
.post-content .album_collage-3, .msg_content .album_collage-3 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.post-content .album_collage-3 .ac_cell:first-child, .msg_content .album_collage-3 .ac_cell:first-child { grid-row: 1 / span 2; }
.post-content .album_collage-4, .msg_content .album_collage-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.msg_content .album_collage-3, .msg_content .album_collage-4 { aspect-ratio: 336 / 309; }
.post-content .ac_cell, .msg_content .ac_cell {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
}
body.dark .post-content .ac_cell, body.dark .msg_content .ac_cell { background: #1c1c1c; }
.post-content .ac_cell .thumb, .msg_content .ac_cell .thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}
.post-content .ac_cell.ac_locked, .msg_content .ac_cell.ac_locked { overflow: hidden; }
.post-content .ac_cell.ac_locked .thumb, .msg_content .ac_cell.ac_locked .thumb { filter: none; transform: scale(1.06); }
.post-content .ac_lock, .msg_content .ac_lock {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.post-content .ac_lock_ico, .msg_content .ac_lock_ico { width: 50px; height: 50px; display: block; border-radius: 0; }
.post-content .ac_more, .msg_content .ac_more {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 5px;
	height: 40px;
	padding: 10px 12px 10px 10px;
	border-radius: 50px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);
}
.post-content .ac_more_ico, .msg_content .ac_more_ico { width: 20px; height: 20px; display: block; border-radius: 0; }
.post-content .ac_more_val, .msg_content .ac_more_val { font-weight: 600; font-size: 16px; letter-spacing: -0.32px; color: #fff; }

.paid_frame {
	display: flex;
	flex-direction: column;
	gap: 18px;
	background: #f3f3f3;
	border: 1px solid #e2e2e2;
	border-radius: 28px;
	padding: 12px 12px 18px;
}
body.dark .paid_frame {
	background: #1c1c1c;
	border-color: rgba(255, 255, 255, 0.08);
}
.paid_frame .img-holder-wall {
	border-radius: 20px;
	overflow: hidden;
}

.post_paid_cta { padding: 0; }
.post_paid_notice { margin: 0 0 10px; font-size: 13px; line-height: 1.4; color: #87878C; text-align: center; }
body.dark .post_paid_notice { color: #9a9a9a; }
.post_paid_cta .paid_cta {
	display: flex;
	width: 100%;
	height: auto;
	justify-content: center;
	padding: 10px;
	gap: 12px;
	background: linear-gradient(172.68deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%);
	box-shadow: none;
}
.post_paid_cta .paid_cta:hover { box-shadow: none; }
.post_paid_cta .paid_cta_label { font-size: 16px; letter-spacing: -0.32px; }
.post_paid_cta .paid_cta_ico { width: 24px; height: 24px; }
.post_paid_cta .paid_status { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 40px; padding: 10px; border-radius: 50px; font-weight: 600; font-size: 16px; letter-spacing: -0.32px; }
.post_paid_cta .paid_status-paid { background: #e6f9ef; color: #1ba672; }
.post_paid_cta .paid_status-unpaid { background: #ffe1ea; color: #ff3671; }
body.dark .post_paid_cta .paid_status-paid { background: #12331f; color: #3ddc8f; }
body.dark .post_paid_cta .paid_status-unpaid { background: #3a1621; color: #ff3671; }
.drop_price_ico { width: 18px; height: 18px; margin-right: 6px; display: block; flex: none; }

/* send-content: type picker dropdown (Figma 1618-61079) */
.send_type-picker { position: relative; width: 100%; }
.send_type-btn { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; height: 50px; padding: 5px 20px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); text-decoration: none; cursor: pointer; background: linear-gradient(178.91deg, rgba(255,255,255,0.2) 9.6%, rgba(255,255,255,0) 100%), linear-gradient(122.28deg, #FB0049 0.39%, #FF3671 99.49%); }
.send_type-btn_plus { width: 24px; height: 24px; display: block; flex: none; }
.send_type-btn_label { font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #fff; }
.send_type-chevron { width: 20px; height: 20px; display: block; flex: none; transition: transform .2s; }
.send_type-picker.open .send_type-chevron { transform: scaleY(-1); }
.send_type-drop { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 5; display: none; gap: 10px; padding: 10px; background: #fff; border: 1px solid #E2E2E2; border-radius: 20px; box-shadow: 0 100px 40px rgba(0,0,0,0.07), 0 41.778px 16.711px rgba(0,0,0,0.05), 0 22.336px 8.935px rgba(0,0,0,0.04), 0 12.522px 5.009px rgba(0,0,0,0.04), 0 6.65px 2.66px rgba(0,0,0,0.03), 0 2.767px 1.107px rgba(0,0,0,0.02); }
.send_type-picker.open .send_type-drop { display: flex; }
.popup_content-messeges .send_type-drop { top: auto; bottom: calc(100% + 8px); z-index: 10; }
.send_type-col { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 8px; border-radius: 14px; border: 1px solid #E7E7E7; }
.send_type-col--paid { border-color: #1CEAC5; }
.send_type-item { display: flex; align-items: center; gap: 4px; padding: 4px; text-decoration: none; border-radius: 10px; transition: background .2s; }
.send_type-item:hover { background: rgba(50,50,50,0.04); }
.send_type-item_ico { width: 40px; height: 40px; display: block; flex: none; }
.send_type-item_txt { display: flex; flex-direction: column; }
.send_type-item_title { font-weight: 600; font-size: 14px; letter-spacing: -0.28px; color: #323232; }
.send_type-item_sub { font-weight: 500; font-size: 12px; line-height: 1.3; letter-spacing: -0.24px; color: #87878c; }

/* content status badges (Figma 1618-63075/63325) */
.content_status { display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px 6px 6px; border-radius: 50px; border: 1px solid transparent; font-weight: 500; font-size: 12px; line-height: 1; letter-spacing: -0.24px; white-space: nowrap; }
.content_status_ico { width: 18px; height: 18px; display: block; flex: none; }
.content_status--active { background: #dbffd1; color: #1f9600; border-color: rgba(31,150,0,0.05); }
.content_status--processing { background: #ffefcd; color: #c78800; border-color: rgba(199,136,0,0.05); }
.content_status--moderation { background: #dbefff; color: #2093f3; border-color: rgba(32,147,243,0.05); }
.content_status--pending { background: #ffdeda; color: #f15c4d; border-color: rgba(241,92,77,0.05); }
.content_status--archive { background: #dbefff; color: #2093f3; border-color: rgba(32,147,243,0.05); }
.content_status.hidden { display: none; }
.content_card.dc-removing { transition: opacity .25s ease, transform .25s ease; opacity: 0 !important; transform: scale(0.94); overflow: hidden; pointer-events: none; }
.content_count { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 6px 12px 6px 6px; border: 1px solid #e7e7e7; border-radius: 50px; font-weight: 500; font-size: 12px; letter-spacing: -0.24px; color: #87878c; white-space: nowrap; }
.content_count_ico { width: 18px; height: 18px; display: block; flex: none; }
.content_count--play { padding: 6px; }
.content_price_pill { display: inline-flex; align-items: center; gap: 4px; height: 30px; padding: 5px 10px 5px 5px; background: #fff; border-radius: 50px; }
.content_price_pill_ico { width: 24px; height: 24px; display: block; flex: none; }
.content_price_pill_val { font-weight: 700; font-size: 12px; letter-spacing: -0.24px; text-transform: uppercase; background: linear-gradient(131.6deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.content_free_pill { display: inline-flex; align-items: center; height: 30px; padding: 5px 10px; background: #fff; border-radius: 50px; }
.content_free_pill_val { font-weight: 700; font-size: 12px; letter-spacing: -0.24px; text-transform: uppercase; background: linear-gradient(141deg, #0c5b50 0%, #339155 50%, #69d35a 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }

/* send-content picker cards (Figma 1618-62215) */
.popup_content-messeges .cols-image { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
@media (max-width: 767px) { .popup_content-messeges .cols-image { grid-template-columns: minmax(0, 1fr); } }
.content_card { display: flex; align-items: center; gap: 18px; padding: 8px; background: #fff; border: 1px solid #d9d9d9; border-radius: 28px; position: relative; text-decoration: none; cursor: pointer; min-width: 0; }
.content_card_thumb { position: relative; width: 100px; height: 100px; flex: none; border-radius: 20px; overflow: hidden; }
.content_card_thumb--paid { background: linear-gradient(120.07deg, #1CEAC5 -19.37%, #28A5FF 9.2%, #882FCD 96.16%); }
.content_card_thumb--free { background: linear-gradient(180deg, #FFBB0E 0%, #FF9900 100%); }
.content_card_thumb_img { position: absolute; left: 6px; top: 6px; width: 88px; height: 74px; object-fit: cover; border-radius: 12px; border: 1.5px solid #fff; }
.content_card_thumb_ph { position: absolute; left: 6px; top: 6px; width: 88px; height: 74px; display: flex; align-items: center; justify-content: center; background: #d9d9d9; border-radius: 12px; }
.content_card_price { position: absolute; left: 5px; bottom: 5px; z-index: 2; }
.content_card_info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.content_card_title { font-weight: 600; font-size: 13px; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content_card_badges { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.content_card_menu { position: absolute; right: -3px; top: -4px; }
.content_card.can_add-false { opacity: .55; }

/* send-content popup shell (Figma 1618-62215 / 61049) */
.box-popup.popup_content-messeges { background: #fff; border-radius: 30px; padding: 20px; }
.popup_content-messeges .top-headline { border-bottom: 1px solid #87878c; padding: 10px 0; margin-bottom: 20px; }
.popup_content-messeges .top-headline .text { font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: -0.32px; color: #323232; }
.popup_content-messeges .block-search { margin-bottom: 20px; }
.popup_content-messeges .block-search .search-text { position: relative; }
.popup_content-messeges .block-search .search-input { width: 100%; height: 50px; border-radius: 50px; border: 1px solid rgba(50,50,50,0.2); padding: 0 46px 0 20px; background: #fff; font-size: 16px; letter-spacing: -0.32px; color: #323232; }
.popup_content-messeges .block-search .search-input::placeholder { color: #87878c; }
.popup_content-messeges .block-search .search-btn { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); background: none; border: none; }
.popup_content-messeges .nav-item { display: flex; gap: 0; margin-bottom: 20px; }
.popup_content-messeges .link-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 2px solid rgba(50,50,50,0.2); text-decoration: none; }
.popup_content-messeges .link-item.active { border-bottom-color: #323232; }
.popup_content-messeges .link-item .quantity { font-weight: 600; font-size: 24px; line-height: 1; letter-spacing: -0.48px; color: #323232; }
.popup_content-messeges .link-item .text { font-weight: 500; font-size: 12px; letter-spacing: -0.24px; color: #828282; text-transform: uppercase; }
.popup_content-messeges .my-buttons { margin-top: 20px; }
.nano-upload-video .box-img { text-align: center; }
.nano-upload-video .box-img img.image { width: 230px; max-width: 100%; height: auto; margin: 0 auto; display: block; }

/* upload success popup (Figma 1618-64511) */
.vup_success-popup .vup_success { max-width: 450px; border: 2px solid rgba(156,156,156,0.2); border-radius: 30px; padding: 30px 20px; position: relative; overflow: visible; display: flex; flex-direction: column; align-items: center; z-index: 1; }
.vup_success_confetti { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 574px; max-width: 130vw; height: auto; pointer-events: none; z-index: 0; }
.vup_success_title { margin: 0 0 12px; font-weight: 800; font-size: 20px; line-height: 1.5; text-transform: uppercase; color: #323232; }
.vup_success-popup .vup_success_text { margin: 0 0 30px; font-weight: 600; font-size: 14px; line-height: 1.5; letter-spacing: -0.28px; color: #87878c; }
.vup_success-popup .vup_success_btn { width: 200px; height: 40px; }
body.dark .vup_success_title { color: #fff; }

/* chat content bubble (Figma 1618-66678) */
.msg_content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	width: 260px;
	max-width: 100%;
	padding: 12px 12px 18px;
	background: #f5f5f6;
	border-radius: 4px 28px 28px 28px;
}
body.dark .msg_content { background: #1c1c1c; }
.msg_content .album_collage { width: 100%; }
.msg_content.msg_content-vertical, .msg_content:has(.album_collage.is-vertical) { width: 260px; }
.msg_content .album_collage.is-vertical { width: 100%; height: auto; max-width: 100%; aspect-ratio: 9 / 16; }
.msg_content .ac_cell .ac_lock .ac_lock_ico { width: 30px; height: 30px; flex: none; max-width: 30px; }
.block-message .wrap .msg_content,
.block-message .wrap .msg_content:has(.album_collage.is-vertical) { width: 150px; }
.block-message .wrap .msg_content .post_paid_cta .paid_cta { flex-wrap: wrap; padding: 8px 10px; gap: 6px; }
.block-message .wrap .msg_content .post_paid_cta .paid_cta_label { font-size: 13px; }
.block-message .wrap .msg_content .post_paid_cta .paid_cta_ico { width: 18px; height: 18px; }
.block-message .wrap .msg_content .post_paid_cta .paid_status { height: 32px; font-size: 13px; }
.block-message .wrap .msg_content .ac_cell .ac_blur_note { position: absolute; left: 5px; right: 5px; bottom: 5px; padding: 6px 10px; border-radius: 50px; background: rgba(255, 255, 255, 0.8); color: #323232; font-size: 11px; font-weight: 600; line-height: 1.3; letter-spacing: -0.22px; text-align: center; pointer-events: none; }
body.dark .block-message .wrap .msg_content .ac_cell .ac_blur_note { background: rgba(0, 0, 0, 0.8); color: #fff; }
.msg_content_caption {
	margin: 0;
	width: 100%;
	max-width: 100%;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -0.28px;
	color: #323232;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
body.dark .msg_content_caption { color: #fff; }
.msg_content .post_paid_cta { width: 100%; }

/* send-content popup: bottom-sheet slide up/down (Figma bottom-sheet, top-only radius) */
body.show_content_messeg .fancybox-overlay .popup-inner.second { align-items: flex-end; padding: 0; }
body.show_content_messeg .fancybox-overlay .popup-inner.second .box-popup { border-radius: 30px 30px 0 0; max-height: calc(100vh - 16px); animation: vupSlideUp 0.35s ease; }
body.show_content_messeg .popup-inner.second.popup-profile .send_type-drop { position: static; margin-top: 8px; }
body.show_content_messeg .popup-profile .text-content { max-width: 100%; }
body.show_content_messeg .popup-profile .box-text-popup.text-content .text-popup { font-weight: 700; font-size: 18px; line-height: 1.3; letter-spacing: -0.36px; }
body.show_content_messeg .popup-profile .box-text-popup .text-popup { font-weight: 500; line-height: 1.2; letter-spacing: -0.24px; }
body.show_content_messeg .popup-profile .box-img { margin-bottom: 24px; }
.fancybox-overlay.content_messeg_closing .popup-inner.second .box-popup { animation: none !important; transform: translateY(100%); transition: transform 0.35s ease; }

/* album upload step2: folder preview + price/title (Figma 1618-64120) */
.vup_album2 { display: flex; gap: 12px; align-items: flex-start; }
.vup_folder { position: relative; width: 161px; height: 152px; flex: none; border-radius: 29px; box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
.vup_folder--paid { background: linear-gradient(135deg, #1CEAC5 -8%, #28A5FF 32%, #882FCD 100%); }
.vup_folder--free { background: linear-gradient(150deg, #FFC93C 0%, #FFBB0E 40%, #FF9900 100%); }
.vup_folder_photos { position: absolute; inset: 0; z-index: 1; }
.vup_folder_card { position: absolute; border-radius: 14px; border: 2.25px solid #fff; overflow: hidden; background: #d9d9d9; box-shadow: 0 3px 9px rgba(0,0,0,0.22); }
.vup_folder_card_img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vup_folder_card:nth-child(1) { left: 33px; top: 8px; width: 116px; height: 116px; transform: rotate(2.59deg); z-index: 3; }
.vup_folder_card:nth-child(2) { left: 10px; top: 2px; width: 130px; height: 130px; transform: rotate(-4.52deg); z-index: 2; }
.vup_folder_card:nth-child(3) { left: 39px; top: 0; width: 122px; height: 122px; transform: rotate(8.07deg); z-index: 1; }
.vup_folder_card--empty { display: none; }
.vup_folder[data-count="1"] .vup_folder_card:nth-child(1) { left: 26px; top: 8px; transform: rotate(2deg); }
.vup_folder[data-count="2"] .vup_folder_card:nth-child(1) { left: 40px; top: 8px; transform: rotate(4deg); }
.vup_folder[data-count="2"] .vup_folder_card:nth-child(2) { left: 14px; top: 2px; transform: rotate(-5deg); }
.vup_folder_pocket { position: absolute; left: -6px; right: -6px; bottom: -2px; height: 82px; z-index: 4; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; }
.vup_folder--paid .vup_folder_pocket { background-image: url(../images/content/folder_flap.svg); }
.vup_folder--free .vup_folder_pocket { background-image: url(../images/content/folder_flap_free.svg); }
.vup_folder_gloss { display: none; }
.vup_album2_fields { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.video_upload_popup .vup_grid_wrap--hidden { display: none !important; }
.vup_rules--foot { margin-top: 24px; }

/* send-content picker: filter toggles (Figma 1618-62215) */
.content_toggles { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.content_toggle { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.content_toggle_label { font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #87878c; }
.content_toggle_track { position: relative; width: 44px; height: 20px; border-radius: 50px; background: #87878c; transition: background .2s; flex: none; }
.content_toggle_knob { position: absolute; left: 2px; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .2s; }
.content_toggle.on .content_toggle_track { background: linear-gradient(97.07deg, #FB0049 0%, #FF3671 100%); }
.content_toggle.on .content_toggle_knob { left: 26px; }
.content_toggle_divider { width: 1px; height: 24px; background: rgba(50,50,50,0.15); flex: none; }
.content_card_menu .btn-dots { position: relative; width: 24px; height: 24px; background: #fff; border-radius: 50%; cursor: pointer; border: 1px solid #d9d9d9; }
.content_card_menu .btn-dots:after { content: "\2022\2022\2022"; position: absolute; left: calc(50% + 1px); top: calc(50% - 1px); transform: translate(-50%, -50%); font-size: 8px; letter-spacing: 2px; line-height: 1; color: #b5b5b5; }
.cols-image .user-btns .drop-holder .link-drop { display: flex; align-items: center; white-space: nowrap; padding: 9px 4px 9px 6px; }

/* dark theme — send-content picker / popup / dropdown */
body.dark .box-popup.popup_content-messeges { background: #1c1c1c; }
body.dark .popup_content-messeges .top-headline { border-bottom-color: rgba(255,255,255,0.15); }
body.dark .popup_content-messeges .top-headline .text { color: #fff; }
body.dark .popup_content-messeges .block-search .search-input { background: #262626; border-color: rgba(255,255,255,0.12); color: #fff; }
body.dark .popup_content-messeges .link-item { border-bottom-color: rgba(255,255,255,0.15); }
body.dark .popup_content-messeges .link-item.active { border-bottom-color: #fff; }
body.dark .popup_content-messeges .link-item .quantity { color: #fff; }
body.dark .content_card { background: #262626; border-color: rgba(255,255,255,0.08); }
body.dark .content_card_title { color: #fff; }
body.dark .content_card_thumb_ph { background: #3a3a3a; }
body.dark .content_card_menu .btn-dots { background: #3a3a3a; border-color: rgba(255,255,255,0.15); }
body.dark .content_count { border-color: rgba(255,255,255,0.12); }
body.dark .send_type-drop { background: #262626; border-color: rgba(255,255,255,0.1); }
body.dark .send_type-col { border-color: rgba(255,255,255,0.1); }
body.dark .send_type-item:hover { background: rgba(255,255,255,0.06); }
body.dark .send_type-item_title { color: #fff; }
body.dark .content_toggle_divider { background: rgba(255,255,255,0.15); }
body.dark .video_upload_popup .vup_progress_header .file-name { color: #fff; }
body.dark .video_upload_popup .vup_progress_thumb, body.dark .video_upload_popup .vup_uprow_thumb, body.dark .video_upload_popup .vup_grid_img { background: #3a3a3a; }
body.dark .video_upload_popup .vup_progress_bar { background: #3a3a3a; }
body.dark .video_upload_popup .vup_cover_btn { background: #3a3a3a; color: #fff; }
body.dark .popup_content-messeges .drop-holder { background: #262626; }
body.dark .popup_content-messeges .drop-holder .link-drop { color: #fff; }
body.dark .popup_content-messeges .drop-holder .link-drop:hover { background: rgba(255,255,255,0.06); }
body.dark .popup_content-messeges .drop-holder .link-drop i.icon-edit:before,
body.dark .popup_content-messeges .drop-holder .link-drop i.icon-edit .path:before,
body.dark .popup_content-messeges .drop-holder .link-drop i.icon-delete:before { color: #fff; }

/* paid content lightbox / album viewer (Figma 1618-66898 / 68302) */
.viewer_lightbox { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.viewer_lightbox_inner { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: padding-right 0.35s ease; }
.viewer_info { position: absolute; left: 40px; top: 30px; z-index: 6; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; max-width: 40%; pointer-events: none; }
.viewer_info_title { font-weight: 500; font-size: 24px; line-height: 1.2; letter-spacing: -0.48px; color: #fff; }
.viewer_info_sub { font-weight: 500; font-size: 14px; line-height: 1.3; letter-spacing: -0.28px; color: #fff; }
.viewer_price { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px 5px 5px; background: #fff; border-radius: 50px; margin-top: 4px; }
.viewer_price_ico { width: 20px; height: 20px; display: block; flex: none; }
.viewer_price_val { font-weight: 700; font-size: 12px; line-height: 1; letter-spacing: -0.24px; text-transform: uppercase; background: linear-gradient(133.97deg, #1CEAC5 0%, #28A5FF 40%, #882FCD 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.viewer_topbar { position: absolute; right: 40px; top: 30px; z-index: 6; display: flex; align-items: center; gap: 10px; transition: right 0.35s ease; }
.viewer_ctrl { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; color: #fff; cursor: pointer; }
.viewer_ctrl i { font-size: 15px; line-height: 1; }
.viewer_ctrl-comments { width: 78px; height: 40px; border-radius: 50px; }
.viewer_ctrl-comments i { font-size: 18px; }
.viewer_stage { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.viewer_stage.is-vertical { max-width: min(1216px, calc(94vh * var(--video-aspect, 1.7778))); margin: 0 auto; }
.viewer_lightbox .main-slider { width: 100%; max-width: 1080px; margin: 0 auto; overflow: hidden; }
.viewer_lightbox .main-slider .swiper-slide { display: flex; align-items: center; justify-content: center; }
.viewer_main_img { display: block; max-width: 100%; max-height: 78vh; width: auto; height: auto; border-radius: 20px; object-fit: contain; }
.viewer_locked { position: relative; width: 448px; max-width: 92vw; height: 672px; max-height: 78vh; border-radius: 20px; overflow: hidden; background: #d9d9d9; }
.viewer_locked_img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: none; transform: scale(1.12); }
.viewer_locked_ico { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 30px; height: 30px; }
.viewer_locked_ico img { display: block; width: 30px; height: 30px; }
.viewer_locked_scrim { position: absolute; left: 0; right: 0; bottom: 0; height: 267px; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%), linear-gradient(181.46deg, rgba(28,234,197,0) 23%, rgba(40,165,255,0.45) 55%, #882FCD 93%); }
.viewer_locked .paid_cta { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 3; width: auto; box-shadow: 0 8px 28px rgba(78,118,235,0.55); }
.viewer_lightbox .viewer_nav { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0; border-radius: 50%; background: rgba(40,40,40,0.55); color: #fff; z-index: 7; cursor: pointer; }
.viewer_lightbox .viewer_nav::after, .viewer_lightbox .viewer_nav::before { display: none; content: none; }
.viewer_lightbox .viewer_nav i { font-size: 16px; line-height: 1; }
.viewer_lightbox .viewer_nav-prev { left: 24px; right: auto; }
.viewer_lightbox .viewer_nav-next { right: 24px; left: auto; }
.viewer_lightbox .viewer_nav.swiper-button-disabled { opacity: 0.4; pointer-events: none; }
.viewer_filmstrip { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); width: auto; max-width: 90vw; z-index: 6; overflow: hidden; }
.viewer_filmstrip .swiper-wrapper { align-items: center; }
.viewer_filmstrip .swiper-slide { width: auto; display: flex; align-items: center; justify-content: center; }
.viewer_thumb { display: block; width: 64px; height: 96px; border-radius: 8px; object-fit: cover; background: #d9d9d9; box-sizing: border-box; }
.viewer_thumb-open { width: 96px; }
.viewer_lightbox--paid .viewer_thumb-open { width: 164px; }
.viewer_thumb-locked { position: relative; width: 64px; height: 96px; overflow: hidden; box-sizing: border-box; }
.viewer_thumb-locked .viewer_thumb_img { width: 100%; height: 100%; object-fit: cover; filter: blur(8px); transform: scale(1.15); border-radius: 0; }
.viewer_thumb_lock { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 30px; height: 30px; }
.viewer_thumb_lock img { display: block; width: 30px; height: 30px; }
.viewer_filmstrip .swiper-slide-active .viewer_thumb, .viewer_filmstrip .swiper-slide-active .viewer_thumb-locked { border: 2px solid #fff; }
.viewer_lightbox--video .viewer_stage { padding: 0 80px; }
.viewer_lightbox--video .viewer_stage.is-vertical { padding: 0; }
.viewer_video_wrap { width: 100%; max-width: 1080px; margin: 0 auto; border-radius: 20px; overflow: hidden; }
.viewer_video_wrap .paid_player, .viewer_video_wrap .player-wrap { border-radius: 20px; overflow: hidden; }

/* comments panel (Figma 1618-67471) */
.viewer_comments_panel { position: absolute; right: 0; top: 0; width: 457px; max-width: 92vw; height: 100%; z-index: 8; display: flex; flex-direction: column; background: rgba(0,0,0,0.4); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); transform: translateX(100%); transition: transform 0.35s ease; }
.viewer_lightbox--comments .viewer_comments_panel { transform: translateX(0); }
.viewer_lightbox--comments .viewer_lightbox_inner { padding-right: 457px; }
.viewer_lightbox--comments .viewer_topbar { right: 497px; }
.viewer_comments_head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px; flex: none; }
.viewer_comments_count { font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: -0.36px; color: #fff; }
.viewer_comments_close { display: flex; align-items: center; justify-content: center; width: 78px; height: 40px; border: 1px solid #fff; border-radius: 50px; cursor: pointer; flex: none; }
.viewer_comments_close img { display: block; }
.viewer_comments_body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 18px 18px; }
.viewer_comments_list .items { display: flex; flex-direction: column; gap: 30px; padding: 6px 0; }
.viewer_comment { display: flex; gap: 12px; align-items: flex-start; }
.viewer_comment_ava { width: 50px; height: 50px; flex: none; border-radius: 50%; overflow: hidden; background: #d9d9d9; display: flex; align-items: center; justify-content: center; }
.viewer_comment_ava img { width: 100%; height: 100%; object-fit: cover; }
.viewer_comment_ava-ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.viewer_comment_ava-ph img { width: 24px; height: 24px; object-fit: contain; }
.viewer_comment_body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.viewer_comment_top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.viewer_comment_name { font-weight: 600; font-size: 15px; letter-spacing: -0.3px; color: #fff; }
.viewer_comment_time { font-weight: 500; font-size: 13px; letter-spacing: -0.26px; color: #7E7E7E; }
.viewer_comment_text { margin: 0; font-weight: 500; font-size: 15px; line-height: 1.4; color: #C6C6C6; word-break: break-word; }
.viewer_comment_actions { display: flex; align-items: center; gap: 16px; margin-top: 2px; }
.viewer_comment_like { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.viewer_comment_heart { font-size: 24px; line-height: 1; color: #fff; }
.viewer_comment_like.is-liked .viewer_comment_heart { color: #FF3671; }
.viewer_comment_likes { font-weight: 500; font-size: 13px; color: #fff; }
.viewer_comment_reply { font-weight: 500; font-size: 12px; color: #fff; text-decoration: none; padding: 5px 10px; border-radius: 50px; transition: background 0.2s; }
.viewer_comment_reply:hover { background: rgba(255,255,255,0.1); }
.viewer_comment_thread_toggle { display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; text-decoration: none; }
.viewer_comment_thread_txt { font-weight: 500; font-size: 12px; color: #3C95FF; }
.viewer_comment_thread_arr { width: 16px; height: 16px; display: block; transition: transform 0.2s; }
.viewer_comment_thread_toggle.open .viewer_comment_thread_arr { transform: scaleY(-1); }
.viewer_comment_thread { display: flex; flex-direction: column; gap: 20px; margin-top: 16px; padding-left: 20px; }
.viewer_comment_thread.hidden { display: none; }
.viewer_comment--child .viewer_comment_ava { width: 40px; height: 40px; }
.viewer_comments_foot { flex: none; padding: 18px; background: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); border-top: 1px solid #313131; }
.viewer_comments_foot .block-new-comment { display: flex; align-items: flex-end; gap: 12px; width: 100%; }
.viewer_reply_ava { width: 50px; height: 50px; flex: none; border-radius: 50%; overflow: hidden; background: #d9d9d9; display: flex; align-items: center; justify-content: center; }
.viewer_reply_ava img { width: 100%; height: 100%; object-fit: cover; }
.viewer_reply_card { flex: 1; min-width: 0; background: #1F1F1F; border: 1px solid rgba(99,99,99,0.2); border-radius: 20px; padding: 10px 10px 10px 20px; }
.viewer_reply_to { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; font-size: 12px; color: #7E7E7E; }
.viewer_reply_to.hidden { display: none; }
.viewer_reply_to_cancel { color: #fff; text-decoration: none; font-size: 16px; line-height: 1; }
.viewer_reply_input { width: 100%; border: none; background: none; resize: none; outline: none; font-weight: 500; font-size: 15px; line-height: 1.4; color: #fff; padding: 0; }
.viewer_reply_input::placeholder { color: #7E7E7E; }
.viewer_reply_bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.viewer_reply_smile { width: 24px; height: 24px; display: block; cursor: pointer; }
.viewer_reply_send { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: none; border: 1px solid rgba(255,255,255,0.2); border-radius: 50px; cursor: pointer; background: linear-gradient(178.91deg, rgba(255,255,255,0.2) 9.6%, rgba(255,255,255,0) 100%), linear-gradient(95.16deg, #FB0049 0%, #FF3671 100%); }
.viewer_reply_send img { display: block; width: 24px; height: 24px; }
.viewer_comments_msg { padding: 0 4px 8px; font-weight: 500; font-size: 13px; line-height: 1.3; }
.viewer_comments_msg--error { color: #FF3671; }
.viewer_comments_msg--ok { color: #69d35a; }
.viewer_reply_card { position: relative; }
.viewer_comments_foot .smails-holder { position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); z-index: 5; display: none; flex-wrap: wrap; gap: 4px; max-height: 200px; overflow-y: auto; padding: 8px; background: #1F1F1F; border: 1px solid rgba(99,99,99,0.2); border-radius: 12px; }
.viewer_comments_foot.open-smail .smails-holder { display: flex; }
.viewer_comments_foot .smails-holder .emoji { font-size: 20px; line-height: 1; padding: 3px; cursor: pointer; transition: background 0.2s; }
.viewer_comments_foot .smails-holder .emoji:hover { background: rgba(255,255,255,0.1); border-radius: 6px; }
.viewer_locked_ico .no-photo-svg, .viewer_thumb_lock .no-photo-svg { display: block; width: 30px; height: 30px; }
.viewer_comment_ava-ph .no-photo-svg { width: 24px; height: 24px; }
body .viewer_lightbox .no-photo-light { display: block; }
body .viewer_lightbox .no-photo-dark { display: none; }
.viewer_comment_thread_arr { font-size: 12px; line-height: 1; color: #3C95FF; display: inline-block; transition: transform 0.2s; }
.viewer_reply_smile { display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; color: #7E7E7E; cursor: pointer; }
.viewer_reply_send i { font-size: 18px; line-height: 1; color: #fff; }
.viewer_comments_close i { font-size: 15px; line-height: 1; color: #fff; }
.msg_content .ac_more_ico, .post-content .ac_more_ico { font-size: 16px; line-height: 1; color: #fff; width: auto; height: auto; }
.msg_content .ac_lock .no-photo-svg, .post-content .ac_lock .no-photo-svg { display: block; width: 30px; height: 30px; }
.msg_content .ac_lock .no-photo-light, .post-content .ac_lock .no-photo-light { display: block; }
.msg_content .ac_lock .no-photo-dark, .post-content .ac_lock .no-photo-dark { display: none; }
.album_collage .no-photo-svg { display: block; }
.album_collage .no-photo-light { display: block; }
.album_collage .no-photo-dark { display: none; }
.msg_content .ac_lock .ac_play_ico, .post-content .ac_lock .ac_play_ico { display: block; width: 44px; height: 44px; color: #fff; }
body.dark .msg_content .ac_lock .ac_play_ico, body.dark .post-content .ac_lock .ac_play_ico { color: #F3F3F3; }
.vc-icon { display: block; fill: currentColor; width: 20px; height: 20px; }
.viewer_ctrl { color: #fff; }
.viewer_ctrl .vc-icon { width: 16px; height: 16px; }
.viewer_ctrl-comments .vc-icon { width: 20px; height: 20px; }
.viewer_lightbox .viewer_nav { color: #fff; }
.viewer_lightbox .viewer_nav .vc-icon { width: 20px; height: 20px; fill: none; }
.viewer_comments_close { color: #fff; }
.viewer_comments_close .vc-icon { width: 16px; height: 16px; }
.viewer_comment_heart.vc-icon { width: 24px; height: 24px; fill: none; stroke: #87878C; }
.viewer_comment_like.is-liked .viewer_comment_heart.vc-icon { fill: #FF3671; stroke: #FF3671; }
.viewer_comment_thread_arr.vc-icon { width: 14px; height: 14px; fill: none; color: #3C95FF; }
.viewer_reply_smile { color: #7E7E7E; }
.viewer_reply_smile .vc-icon { width: 24px; height: 24px; }
.viewer_reply_send { color: #fff; }
.viewer_reply_send .vc-icon { width: 20px; height: 20px; }
.msg_content .ac_more_ico.vc-icon, .post-content .ac_more_ico.vc-icon { width: 16px; height: 16px; color: #fff; }
.viewer_comment_ava-ph .vc-icon { width: 26px; height: 26px; fill: #87878c; }

.fin_wrap { display: flex; flex-direction: column; gap: 50px; width: 100%; font-family: "Montserrat", sans-serif; }
.fin_balance { position: relative; display: flex; align-items: center; gap: 31px; padding: 30px 30px 30px 50px; border-radius: 30px; overflow: hidden; background: linear-gradient(161deg, #1CEAC5 0%, #28A5FF 38%, #882FCD 96%); box-shadow: 0 100px 80px rgba(0,0,0,0.02), 0 30px 24px rgba(0,0,0,0.01), 0 12px 10px rgba(0,0,0,0.01); }
.fin_balance_decor { position: absolute; right: 30px; top: 20px; width: 387px; height: 387px; background: url(../images/content/fin_graph_decor.svg) center/contain no-repeat; opacity: 0.5; pointer-events: none; }
.fin_balance_avatar { position: relative; z-index: 1; width: 200px; height: 200px; min-width: 200px; border-radius: 50%; overflow: hidden; border: 6px solid rgba(255,255,255,0.5); box-sizing: border-box; background: rgba(255,255,255,0.15); }
.fin_balance_avatar img { width: 100%; height: 100%; object-fit: cover; }
.fin_balance_info { position: relative; z-index: 1; display: flex; flex-direction: column; }
.fin_balance_hi { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.5; color: rgba(255,255,255,0.75); }
.fin_balance_hi b { font-weight: 600; color: #fff; }
.fin_balance_label { margin: 4px 0 0; font-size: 18px; font-weight: 600; line-height: 1.5; color: #fff; }
.fin_balance_sum { display: flex; align-items: center; gap: 9px; margin: 6px 0 0; }
.fin_balance_ruble { width: 45px; height: 45px; }
.fin_balance_sum span { font-size: 48px; font-weight: 700; line-height: 1; color: #fff; text-transform: uppercase; }
.fin_balance_sub { margin: 4px 0 0; font-size: 12px; font-weight: 600; line-height: 1.5; color: rgba(0,0,0,0.4); }
.fin_balance_actions { display: flex; gap: 8px; margin: 18px 0 0; }
.fin_balance_btn { display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 24px; border-radius: 50px; background: #fff; font-size: 14px; font-weight: 500; color: #323232; cursor: pointer; transition: box-shadow .2s, transform .2s; }
.fin_balance_btn img { width: 24px; height: auto; }
.fin_balance_btn--primary { box-shadow: 0 100px 40px rgba(0,0,0,0.06), 0 22px 9px rgba(0,0,0,0.04), 0 6px 3px rgba(0,0,0,0.02); }
.fin_balance_btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,0.15); }
.fin_balance_edit { position: absolute; z-index: 1; top: 30px; right: 30px; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 24px 0 18px; border-radius: 50px; background: rgba(0,0,0,0.2); font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; transition: background .2s; }
.fin_balance_edit:hover { background: rgba(0,0,0,0.32); }
.fin_balance_edit img { width: 20px; height: 20px; }
.fin_stats { display: flex; flex-direction: column; gap: 24px; }
.fin_title { margin: 0; font-size: 30px; font-weight: 700; line-height: 1.5; letter-spacing: -0.6px; color: #323232; }
.fin_tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.fin_tile { position: relative; display: flex; gap: 12px; padding: 18px; border-radius: 20px; background: #fff; border: 1px solid #f3f3f3; overflow: hidden; box-shadow: 0 100px 80px rgba(0,0,0,0.02), 0 12px 10px rgba(0,0,0,0.01); }
.fin_tile_ico { display: flex; align-items: center; justify-content: center; width: 50px; height: 51px; min-width: 50px; border-radius: 50px; border: 4px solid #fff; box-sizing: border-box; }
.fin_tile_ico img { width: 24px; height: 24px; object-fit: contain; }
.fin_tile--green .fin_tile_ico { background: #d8fff2; }
.fin_tile--blue .fin_tile_ico { background: #d8f0ff; }
.fin_tile--purple .fin_tile_ico { background: #f0e2ff; }
.fin_tile--yellow .fin_tile_ico { background: #fff5d3; }
.fin_tile_body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fin_tile_label { font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #323232; }
.fin_tile_num { font-size: 28px; font-weight: 700; letter-spacing: -0.56px; color: #323232; }
.fin_tile_delta { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; letter-spacing: -0.24px; color: #87878c; }
.fin_tile_delta img { width: 15px; height: 15px; }
.fin_tile_delta b { font-weight: 600; }
.fin_tile_delta.is-up b { color: #009844; }
.fin_tile_delta.is-down b { color: #ed4d48; }
.fin_chart { border-radius: 20px; background: #fff; border: 1px solid #f3f3f3; overflow: hidden; box-shadow: 0 100px 40px rgba(0,0,0,0.02), 0 12px 5px rgba(0,0,0,0.01); }
.fin_chart_head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; padding: 18px 18px 18px 24px; border-bottom: 1px solid #f3f3f3; }
.fin_chart_title { font-size: 18px; font-weight: 600; letter-spacing: -0.36px; color: #323232; }
.fin_chart_ctrl { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.fin_date { display: flex; align-items: center; gap: 8px; }
.fin_date_label { font-size: 12px; font-weight: 600; letter-spacing: -0.24px; color: #323232; }
.fin_date_input { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 176px; height: 34px; padding: 0 12px; border: 1px solid #d9d9d9; border-radius: 50px; background: #fff; font-family: inherit; font-size: 12px; font-weight: 600; color: #87878c; cursor: pointer; box-sizing: border-box; text-decoration: none; }
.fin_date_ico { width: 18px; height: 18px; flex-shrink: 0; object-fit: contain; }
.fin_toggle { display: flex; align-items: center; height: 36px; padding: 3px; border: 1px solid #d9d9d9; border-radius: 50px; }
.fin_toggle_item { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 12px; min-width: 100px; border-radius: 50px; font-size: 12px; font-weight: 600; letter-spacing: -0.24px; color: #323232; cursor: pointer; }
.fin_toggle_item.is-active { color: #fff; background: linear-gradient(100deg, #fb0049 0%, #ff3671 99%); }
.fin_chart_body { position: relative; padding: 24px 18px 18px 24px; }
.fin_chart_body canvas { width: 100% !important; max-width: 100%; height: 200px !important; }
.fin_tables { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fin_table { display: flex; flex-direction: column; gap: 24px; padding: 24px; border-radius: 20px; background: #fff; border: 1px solid #f3f3f3; box-shadow: 0 100px 40px rgba(0,0,0,0.02), 0 12px 5px rgba(0,0,0,0.01); }
.fin_table_title { font-size: 18px; font-weight: 600; letter-spacing: -0.36px; color: #323232; }
.fin_tbl { display: flex; flex-direction: column; }
.fin_tbl_head { display: flex; align-items: center; background: #f5f5f5; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; border-radius: 12px 12px 0 0; }
.fin_tbl_head .fin_tbl_col { padding: 8px; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #323232; }
.fin_tbl_row { display: flex; align-items: center; min-height: 38px; padding: 4px 0; border-bottom: 1px solid #f3f3f3; }
.fin_tbl_row .fin_tbl_col { padding: 4px 8px; font-size: 13px; font-weight: 600; letter-spacing: -0.26px; color: #87878c; box-sizing: border-box; }
.fin_tbl_col--user { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.fin_tbl_ava { width: 30px; height: 30px; min-width: 30px; border-radius: 50%; overflow: hidden; background: #e7e7e7; }
.fin_tbl_ava img { width: 100%; height: 100%; object-fit: cover; }
.fin_tbl_name { color: #323232; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fin_tbl_col--date { width: 128px; min-width: 128px; text-align: center; white-space: pre; }
.fin_tbl_col--pdate { width: 125px; min-width: 125px; }
.fin_tbl_col--sum { width: 118px; min-width: 118px; text-align: center; }
.fin_tbl_col--type { display: flex; align-items: center; gap: 4px; width: 115px; min-width: 115px; }
.fin_tbl_type_ico { width: 18px; height: 18px; object-fit: contain; }
.fin_tbl_col--req { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fin_tbl_col--status { width: 147px; min-width: 147px; }
.fin_badge { display: inline-block; padding: 2px 8px; border-radius: 50px; font-size: 13px; font-weight: 600; letter-spacing: -0.26px; }
.fin_badge--paid { background: #ddf1e7; color: #248969; }
.fin_badge--processing { background: #fff1e3; color: #f78a35; }
.fin_badge--rejected { background: #fde5e5; color: #ed2829; }
.fin_tbl_row.is-hidden { display: none; }
.fin_tbl_empty { padding: 18px 8px; text-align: center; font-size: 13px; color: #87878c; }
.fin_more { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #0077ff; cursor: pointer; }
.fin_more_ico { width: 20px; height: 20px; }
.fin_more.is-open .fin_more_ico { transform: rotate(180deg); }
@media (max-width: 1200px) { .fin_tiles { grid-template-columns: repeat(2, 1fr); } .fin_tables { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
	.fin_balance { flex-direction: column; align-items: flex-start; gap: 18px; padding: 24px 18px; }
	.fin_balance_avatar { width: 120px; height: 120px; min-width: 120px; }
	.fin_balance_edit { position: static; margin-top: 12px; }
	.fin_balance_sum span { font-size: 36px; }
	.fin_balance_actions { flex-wrap: wrap; }
	.fin_tiles { grid-template-columns: 1fr; }
	.fin_title { font-size: 24px; }
	.fin_chart_ctrl { width: 100%; }
	.fin_date_input { width: 100%; }
	.fin_chart_body { padding: 16px 6px; }
}
body.dark .fin_tile,
body.dark .fin_chart,
body.dark .fin_table { background: #1c1c1c; border-color: rgba(255,255,255,0.08); box-shadow: none; }
body.dark .fin_title,
body.dark .fin_tile_label,
body.dark .fin_tile_num,
body.dark .fin_chart_title,
body.dark .fin_table_title,
body.dark .fin_tbl_name { color: #fff; }
body.dark .fin_tile_ico { border-color: #262626; }
body.dark .fin_chart_head { border-color: rgba(255,255,255,0.08); }
body.dark .fin_tbl_head { background: #262626; border-color: rgba(255,255,255,0.08); }
body.dark .fin_tbl_head .fin_tbl_col { color: #fff; }
body.dark .fin_tbl_row { border-color: rgba(255,255,255,0.08); }
body.dark .fin_date_input,
body.dark .fin_toggle { background: #262626; border-color: rgba(255,255,255,0.15); color: #fff; }
body.dark .fin_toggle_item { color: #fff; }
body.dark .fin_date_label { color: #fff; }
body.dark .fin_tbl_ava { background: #1c1c1c; }

.nav-holder.new .item .link-nav .icon.fin-nav-wrap { display: flex; align-items: center; justify-content: center; }
.nav-holder.new .item .link-nav .fin-nav-ico { width: 20px; height: 20px; color: inherit; }
.badge_new { display: inline-flex; align-items: center; height: 18px; margin-left: 8px; padding: 0 8px; border-radius: 30px; background: #4A7BF7; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 10px; line-height: 1; letter-spacing: 0.4px; color: #fff; text-transform: uppercase; vertical-align: middle; }

body.show_pm_choose, body.show_pm_cards, body.show_pm_crypto, body.show_pm_add_card, body.show_pm_add_crypto, body.show_pm_delete, body.show_pm_withdraw, body.show_pm_success { overflow: hidden; }
body.show_pm_choose .pm-choose,
body.show_pm_cards .pm-list-cards,
body.show_pm_crypto .pm-list-crypto,
body.show_pm_add_card .pm-add-card,
body.show_pm_add_crypto .pm-add-crypto,
body.show_pm_delete .pm-delete,
body.show_pm_withdraw .pm-withdraw,
body.show_pm_success .pm-success { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_pm_choose .pm-choose .popup,
body.show_pm_cards .pm-list-cards .popup,
body.show_pm_crypto .pm-list-crypto .popup,
body.show_pm_add_card .pm-add-card .popup,
body.show_pm_add_crypto .pm-add-crypto .popup,
body.show_pm_delete .pm-delete .popup,
body.show_pm_withdraw .pm-withdraw .popup,
body.show_pm_success .pm-success .popup { transform: translateY(0); }
.unnecessary_popup_wrapper.pm-popup.popup-bottom { align-items: flex-end; padding-bottom: 0; }
.unnecessary_popup_wrapper.pm-popup.popup-bottom .popup.pm-box { width: 100%; max-width: 600px; border-radius: 30px 30px 0 0; border: 2px solid rgba(156,156,156,0.2); box-sizing: border-box; }
.pm-box { display: flex; flex-direction: column; gap: 24px; padding: 20px 20px 30px; background: #fff; font-family: "Montserrat", sans-serif; overflow: clip; }
.pm-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.pm-title { font-size: 16px; font-weight: 600; letter-spacing: -0.32px; color: #323232; }
.pm-close { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; color: #323232; }
.pm-close-ico { width: 18px; height: 18px; fill: currentColor; }
.pm-subtitle { margin: 0; font-size: 12px; font-weight: 500; text-align: center; color: #87878c; }
.pm-choices { display: flex; gap: 12px; }
.pm-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; flex: 1 1 0; padding: 20px; border-radius: 24px; border: 2px solid #e2e2e2; background: #fff; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
.pm-choice:hover, .pm-choice.is-active { border-color: #fb0049; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.pm-choice-ico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50px; background: #fff5ef; color: #fb0049; }
.pm-choice-ico--crypto { background: #eaf4ff; color: #28a5ff; }
.pm-choice-ico svg, .pm-choice-ico img { width: 26px; height: 26px; object-fit: contain; }
.pm-choice-name { font-size: 16px; font-weight: 600; color: #323232; }
.pm-section { display: flex; align-items: center; gap: 10px; }
.pm-section-ico { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50px; background: #fff5ef; color: #fb0049; }
.pm-section-ico--crypto { background: #eaf4ff; color: #28a5ff; }
.pm-section-ico svg, .pm-section-ico img { width: 20px; height: 20px; object-fit: contain; }
.pm-section-name { font-size: 14px; font-weight: 600; color: #323232; }
.pm-methods { display: flex; flex-direction: column; gap: 12px; }
.pm-method { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 12px; border: 1px solid #e2e2e2; }
.pm-method-ico { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; border-radius: 50px; background: #f5f5f5; color: #323232; }
.pm-method-ico--crypto { color: #28a5ff; }
.pm-method-ico svg, .pm-method-ico img { width: 22px; height: 22px; object-fit: contain; }
.pm-method-info { flex: 1 1 auto; min-width: 0; }
.pm-method-title { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #323232; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-method-sub { font-size: 12px; color: #87878c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-primary { flex-shrink: 0; padding: 2px 8px; border-radius: 50px; background: #008cff; color: #fff; font-size: 11px; font-weight: 600; }
.pm-method-actions { position: relative; display: flex; align-items: center; gap: 8px; }
.pm-act { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; border: 1px solid #e2e2e2; color: #87878c; cursor: pointer; transition: border-color .2s, color .2s; }
.pm-act:hover { border-color: #fb0049; color: #fb0049; }
.pm-act img, .pm-act-ico { width: 18px; height: 18px; }
.pm-act-ico { fill: none; stroke: currentColor; }
.pm-menu { position: absolute; right: 0; top: 36px; z-index: 5; min-width: 180px; padding: 8px; border-radius: 16px; background: #fff; box-shadow: 0 12px 40px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, visibility .2s, transform .2s; }
.pm-menu.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
.pm-menu-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 50px; font-size: 14px; font-weight: 500; color: #008cff; cursor: pointer; }
.pm-menu-item:hover { background: #f2f8ff; }
.pm-menu-ico { width: 18px; height: 18px; fill: none; stroke: currentColor; }
.pm-add { display: flex; align-items: center; justify-content: center; gap: 8px; height: 56px; border-radius: 12px; border: 1px dashed #a6a6a6; font-size: 14px; font-weight: 600; color: #323232; cursor: pointer; transition: border-color .2s, color .2s; }
.pm-add:hover { border-color: #fb0049; color: #fb0049; }
.pm-add-ico { width: 20px; height: 20px; fill: none; stroke: currentColor; }
.pm-formbox { display: flex; flex-direction: column; gap: 16px; }
.pm-field { display: flex; flex-direction: column; gap: 8px; }
.pm-label { font-size: 14px; font-weight: 500; color: #323232; }
.pm-input { height: 50px; padding: 0 18px; border-radius: 50px; border: 1px solid #e2e2e2; background: rgba(255,255,255,0.6); font-family: inherit; font-size: 14px; color: #323232; box-sizing: border-box; }
.pm-input:focus { border-color: #fb0049; outline: none; }
select.pm-select-input { -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2387878c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; cursor: pointer; }
.pm-error { font-size: 13px; color: #ed2829; display: none; }
.pm-fielderr { font-size: 13px; color: #ed2829; display: none; }
.pm-fielderr.shown { display: block; }
body.dark .pm-fielderr { color: #ff6b6b; }
.pm-note-info { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 16px; background: rgba(0,170,255,0.1); font-size: 12px; font-weight: 500; color: #00aaff; }
.pm-note-ico { width: 18px; height: 18px; min-width: 18px; fill: none; stroke: currentColor; }
.pm-submit { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); background: linear-gradient(126deg, #fb0049 0%, #ff3671 99%); color: #fff; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: box-shadow .2s; position: relative; }
.pm-submit:hover { box-shadow: 0 6px 25px rgba(251,0,73,0.5); }
.pm-submit.is-loading { pointer-events: none; color: transparent; }
.pm-submit.is-loading::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; box-sizing: border-box; border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff; border-radius: 50%; animation: ktBuySpin 0.7s linear infinite; }
.pm-del-preview { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 16px; border: 1px solid #e2e2e2; }
.pm-del-actions { display: flex; gap: 8px; }
.pm-btn { display: flex; align-items: center; justify-content: center; flex: 1 1 0; height: 50px; border-radius: 50px; font-size: 15px; font-weight: 600; cursor: pointer; }
.pm-btn--no { background: #d9d9d9; color: #323232; }
.pm-btn--yes { background: linear-gradient(126deg, #fb0049 0%, #ff3671 99%); color: #fff; }
.pm-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 16px; border: 1px solid #d9d9d9; }
.pm-tab { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1 1 0; height: 42px; border-radius: 12px; border: 1px solid transparent; box-sizing: border-box; font-size: 15px; font-weight: 600; color: #323232; cursor: pointer; }
.pm-tab.is-active { background: #f4f4f4; border-color: #d9d9d9; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.pm-tab-ico { display: inline-flex; }
.pm-tab-ico svg, .pm-tab-ico img { width: 22px; height: 22px; object-fit: contain; }
@media (max-width: 767px) { .pm-choice-name { font-size: 14px; } .pm-box { padding: 16px 14px 24px; } }
body.dark .pm-box { background: #1c1c1c; }
body.dark .unnecessary_popup_wrapper.pm-popup.popup-bottom .popup.pm-box { border-color: rgba(255,255,255,0.12); }
.unnecessary_popup_wrapper.tips_unified-popup.popup-bottom .popup,
.unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom .popup,
.unnecessary_popup_wrapper.pm-popup.popup-bottom .popup.pm-box {
	background: url(../images/tips/tips-popup-bg.png) center / cover no-repeat, #fff !important;
	background-position-y: -130px !important;
}
body.dark .unnecessary_popup_wrapper.tips_unified-popup.popup-bottom .popup,
body.dark .unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom .popup,
body.dark .unnecessary_popup_wrapper.pm-popup.popup-bottom .popup.pm-box {
	background: url(../images/tips/tips-popup-bg.png) center / cover no-repeat, #1c1c1c !important;
	background-position-y: -130px !important;
}
.unnecessary_popup_wrapper.buy_tokens-popup .popup_topup { background: transparent !important; }
body.dark .pm-head { border-color: rgba(255,255,255,0.12); }
body.dark .pm-title, body.dark .pm-choice-name, body.dark .pm-section-name, body.dark .pm-method-title, body.dark .pm-label, body.dark .pm-close { color: #fff; }
body.dark .pm-choice, body.dark .pm-method, body.dark .pm-del-preview { background: #262626; border-color: rgba(255,255,255,0.12); }
body.dark .pm-method-ico { background: #1c1c1c; color: #fff; }
body.dark .pm-input { background: #262626; border-color: rgba(255,255,255,0.15); color: #fff; }
body.dark .pm-menu { background: #262626; }
body.dark .pm-tabs { border-color: rgba(255,255,255,0.15); }
body.dark .pm-tab { color: #fff; }
body.dark .pm-tab.is-active { background: #1c1c1c; border-color: rgba(255,255,255,0.15); }
body.dark .pm-add { color: #fff; }
body.dark .pm-btn--no { background: #3a3a3a; color: #fff; }

.pm-box .select-holder { position: relative; }
.pm-box .select-holder .select2-container { width: 100% !important; height: 50px; padding: 13px 44px 13px 18px; border: 1px solid #e2e2e2; border-radius: 50px; background: rgba(255,255,255,0.6); box-sizing: border-box; }
.pm-box .select2-container--default .select2-selection--single { background: transparent; border: none; height: auto; }
.pm-box .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 24px; font-size: 14px; font-weight: 500; color: #323232; }
.pm-box .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; bottom: 0; height: auto; right: 16px; width: 22px; }
.pm-box .select2-container--default .select2-selection--single .select2-selection__arrow b { background: none; font-size: 22px; color: #87878c; }
body.dark .pm-box .select-holder .select2-container { background: #262626; border-color: rgba(255,255,255,0.15); }
body.dark .pm-box .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; }

body.show_fincal_from, body.show_fincal_to { overflow: hidden; }
body.show_fincal_from .fin-cal-from, body.show_fincal_to .fin-cal-to { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_fincal_from .fin-cal-from .popup, body.show_fincal_to .fin-cal-to .popup { transform: translateY(0); }
.unnecessary_popup_wrapper.fin-cal-popup.popup-bottom { align-items: flex-end; padding-bottom: 0; }
.unnecessary_popup_wrapper.fin-cal-popup.popup-bottom .popup.pm-box { width: 100%; max-width: 420px; border-radius: 30px 30px 0 0; border: 2px solid rgba(156,156,156,0.2); box-sizing: border-box; }
.fin-cal { display: flex; flex-direction: column; }
.fin-cal-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.fin-cal-arrow { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(157,157,157,0.1); color: #9d9d9d; font-size: 22px; line-height: 1; cursor: pointer; user-select: none; }
.fin-cal-title { font-size: 15px; font-weight: 700; color: #323232; text-transform: capitalize; }
.fin-cal-weekdays, .fin-cal-dates { list-style: none; display: flex; flex-wrap: wrap; text-align: center; margin: 0; padding: 0; }
.fin-cal-weekdays li { width: calc(100% / 7); font-size: 12px; font-weight: 700; color: #323232; }
.fin-cal-dates li { width: calc(100% / 7); margin-top: 14px; position: relative; z-index: 1; font-size: 14px; font-weight: 600; line-height: 20px; color: #414141; cursor: pointer; }
.fin-cal-dates li.inactive { color: transparent; cursor: default; pointer-events: none; }
.fin-cal-dates li.active { color: #fff; }
.fin-cal-dates li::before { content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 36px; height: 36px; border-radius: 50%; transform: translate(-50%, -50%); }
.fin-cal-dates li.active::before { background: #fb0049; }
.fin-cal-dates li:not(.active):not(.inactive):hover::before { background: rgba(251,0,73,0.1); }
.fin-cal .pm-submit { margin-top: 24px; }
body.dark .fin-cal-title, body.dark .fin-cal-weekdays li { color: #fff; }
body.dark .fin-cal-dates li { color: #ddd; }

.fin_balance_avatar .user-letter { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; font-size: 64px; }
.fin_tbl_ava .user-letter { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; font-size: 13px; }

.fin_chart_tip { position: absolute; z-index: 100; transform: translate(-50%, calc(-100% - 16px)); background: #fff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 6px 12px; display: flex; align-items: center; gap: 8px; pointer-events: none; opacity: 0; transition: opacity .15s; white-space: nowrap; }
.fin_chart_tip::after { content: ""; position: absolute; left: var(--fin-arrow, 50%); bottom: -5px; transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px; background: #fff; box-shadow: 3px 3px 8px rgba(0,0,0,0.06); z-index: -1; }
.fin_chart_tip_date { font-size: 12px; font-weight: 600; color: #9d9d9d; }
.fin_chart_tip_sep { width: 1px; height: 14px; background: #ededed; }
.fin_chart_tip_val { display: flex; align-items: center; gap: 5px; }
.fin_chart_tip_ico { width: 18px; height: 18px; }
.fin_chart_tip_val b { font-size: 13px; font-weight: 700; background: linear-gradient(135deg, #1CEAC5 0%, #28A5FF 40%, #882FCD 96%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
body.dark .fin_chart_tip { background: #262626; }
body.dark .fin_chart_tip::after { background: #262626; }
body.dark .fin_chart_tip_sep { background: rgba(255,255,255,0.15); }

body.show_referrals .referrals-popup { opacity: 1; visibility: visible; pointer-events: auto; }
body.show_referrals .referrals-popup.popup-bottom .popup { transform: translateY(0); }
.unnecessary_popup_wrapper.referrals-popup { padding-bottom: 0; align-items: flex-end; }
.unnecessary_popup_wrapper.referrals-popup.popup-bottom .popup.ref-box { width: 100%; max-width: 600px; border-radius: 30px 30px 0 0; border: 2px solid rgba(156,156,156,0.2); box-sizing: border-box; }
.ref-box { display: flex; flex-direction: column; gap: 18px; padding: 20px 20px 30px; background: #fff; font-family: "Montserrat", sans-serif; }
.ref-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.ref-title { font-size: 16px; font-weight: 600; letter-spacing: -0.32px; color: #323232; }
.ref-close { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; color: #323232; }
.ref-close-ico { width: 15px; height: 15px; fill: currentColor; }
.ref-intro { margin: 0; font-size: 14px; line-height: 20px; color: #787878; }
.ref-intro strong { color: #fb0049; font-weight: 600; }
.ref-total { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-radius: 16px; background: rgba(251,0,73,0.08); }
.ref-total-label { font-size: 14px; font-weight: 500; color: #323232; }
.ref-total-value { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700; color: #fb0049; }
.ref-token-ico { width: 18px; height: 18px; }
.ref-field { display: flex; flex-direction: column; gap: 8px; }
.ref-label { font-size: 14px; font-weight: 500; color: #323232; }
.ref-link-row { display: flex; gap: 8px; }
.ref-link-input { flex: 1; min-width: 0; height: 50px; padding: 0 16px; border-radius: 50px; border: 1px solid #e2e2e2; background: rgba(255,255,255,0.6); font-family: inherit; font-size: 13px; color: #323232; box-sizing: border-box; }
.ref-link-input:focus { border-color: #fb0049; outline: none; }
.ref-copy { flex-shrink: 0; padding: 0 22px; height: 50px; border-radius: 50px; border: 2px solid rgba(255,255,255,0.2); background: linear-gradient(126deg, #fb0049 0%, #ff3671 99%); color: #fff; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: box-shadow .2s, background .2s; }
.ref-copy:hover { box-shadow: 0 6px 25px rgba(251,0,73,0.5); }
.ref-copy.done { background: #2fbf71; box-shadow: none; }
.ref-list-head { display: flex; align-items: center; gap: 8px; }
.ref-list-title { font-size: 16px; font-weight: 600; color: #323232; }
.ref-list-count { font-style: normal; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #fb0049; color: #fff; font-size: 12px; font-weight: 600; }
.ref-list { display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; }
.ref-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: rgba(0,0,0,0.03); }
.ref-item-ava { flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; display: block; }
.ref-item-ava img { width: 100%; height: 100%; object-fit: cover; }
.ref-item-ava .user-letter { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 18px; }
.ref-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ref-item-name { font-size: 14px; font-weight: 600; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-item-date { font-size: 12px; color: #9c9c9c; }
.ref-item-earned { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 700; color: #2fbf71; }
.ref-empty { padding: 24px 12px; text-align: center; font-size: 14px; color: #9c9c9c; }
body.dark .ref-box { background: #1F1F1F; }
body.dark .ref-title, body.dark .ref-total-label, body.dark .ref-label, body.dark .ref-list-title, body.dark .ref-item-name, body.dark .ref-close { color: #fff; }
body.dark .ref-head { border-color: rgba(255,255,255,0.12); }
body.dark .ref-intro { color: #b0b0b0; }
body.dark .ref-link-input { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); color: #fff; }
body.dark .ref-item { background: rgba(255,255,255,0.05); }

.pm-act svg { width: 18px; height: 18px; }
.pm-act .pm-act-svg { fill: none; stroke: currentColor; }
.pm-act .pm-act-svg--fill { fill: currentColor; stroke: none; }
body.dark .pm-act { border-color: rgba(255,255,255,0.15); color: #b0b0b0; }
body.dark .pm-act:hover { border-color: #fb0049; color: #fb0049; }

/* pm-method figma layout */
.pm-method { position: relative; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 16px; box-sizing: border-box; }
.pm-method-ico { width: 56px; height: 56px; min-width: 56px; }
.pm-method-ico svg, .pm-method-ico img { width: 30px; height: 30px; }
.pm-method-title { font-size: 16px; gap: 8px; }
.pm-method-sub { font-size: 13px; margin-top: 3px; }
.pm-primary { padding: 3px 11px; font-size: 12px; }
.pm-method-actions { position: static; align-self: flex-end; gap: 10px; }
.pm-act { width: 40px; height: 40px; border-radius: 12px; }
.pm-act svg, .pm-act .pm-act-svg, .pm-act .pm-act-svg--fill, .pm-act img, .pm-act-ico { width: 20px; height: 20px; }
.pm-act.js-pm-menu { position: absolute; top: -9px; right: -7px; width: 24px; height: 24px; border-radius: 50%; background: #fff; }
body.dark .pm-act.js-pm-menu { background: #262626; }
.pm-act.js-pm-menu svg, .pm-act.js-pm-menu .pm-act-svg--fill { width: 15px; height: 15px; }
.pm-menu { top: 20px; right: 0; }


.vw-owner {
	background: #f3f3f3;
	border-radius: 30px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.vw-owner_title {
	margin: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: normal;
	letter-spacing: -0.32px;
	color: #323232;
}
.vw-owner_card {
	display: flex;
	flex-direction: column;
}
.vw-owner_cover {
	display: block;
	width: 100%;
	border-radius: 16.37px;
	overflow: hidden;
	background: #ececec;
	margin-bottom: -28.64px;
	position: relative;
}
.vw-owner_cover_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vw-owner_cover--empty {
	background: linear-gradient(242deg, #dbdbdb 15.6%, #c6c6c6 102.6%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.vw-owner_cover_ph {
	width: 89px;
	height: 68px;
	display: block;
	color: #b5b5b5;
	--vw-ph-hole: #f3f3f3;
}
body.dark .vw-owner_cover_ph {
	color: #3f3f3f;
	--vw-ph-hole: #2a2a2a;
}
.vw-owner_row {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding-left: 12.28px;
	position: relative;
	z-index: 1;
}
.vw-owner_ava {
	flex: none;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	border: 4px solid #f3f3f3;
	overflow: hidden;
	background: #fff;
	display: block;
	box-sizing: border-box;
}
.vw-owner_ava_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vw-owner_ava--empty {
	background: linear-gradient(180deg, #faf297 0%, #f9ba76 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.vw-owner_ava_letter {
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	letter-spacing: -0.4px;
	color: #de9742;
	text-transform: uppercase;
}
.vw-owner_meta {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 8px;
	min-width: 0;
}
.vw-owner_name {
	font-weight: 600;
	font-size: 15px;
	line-height: normal;
	letter-spacing: -0.3px;
	color: #323232;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
.vw-owner_badges {
	display: flex;
	align-items: center;
	gap: 4px;
	flex: none;
}
.vw-owner_badges .icon {
	font-size: 21px;
	line-height: 1;
}
.vw-owner_flag {
	width: 21px;
	height: 21px;
	object-fit: contain;
	display: block;
}
.vw-owner_stats {
	background: #fff;
	border-radius: 50px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vw-owner_stat {
	flex: 1 0 0;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
.vw-owner_stat_ico {
	width: 24px;
	height: 24px;
	flex: none;
	box-sizing: border-box;
	padding: 2px;
	opacity: 0.5;
	color: #323232;
}
.vw-owner_stat span {
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	letter-spacing: -0.28px;
	color: rgba(50, 50, 50, 0.5);
	white-space: nowrap;
}
.vw-owner_stat_div {
	flex: none;
	width: 1px;
	height: 12px;
	background: rgba(50, 50, 50, 0.15);
}
body.dark .vw-owner {
	background: #1c1c1c;
}
body.dark .vw-owner_title {
	color: #fff;
}
body.dark .vw-owner_ava {
	border-color: #1c1c1c;
}
body.dark .vw-owner_stats {
	background: #2a2a2a;
}
body.dark .vw-owner_stat_ico {
	color: #fff;
}
body.dark .vw-owner_stat span {
	color: rgba(255, 255, 255, 0.5);
}
body.dark .vw-owner_stat_div {
	background: rgba(255, 255, 255, 0.15);
}

body.dark .vw-owner_name {
	color: #fff;
}
body.dark .vw-owner_cover {
	background: #2a2a2a;
}
body.dark .vw-owner_cover--empty {
	background: linear-gradient(242deg, #2f2f2f 15.6%, #242424 102.6%);
}
body.dark .vw-owner_ava {
	background: #2a2a2a;
}


.edit-profile-popup.popup-bottom { align-items:flex-end; padding-bottom:0; }
body.show_edit_profile { overflow: hidden; }
body.show_edit_profile .edit-profile-popup.popup-bottom { opacity:1; visibility:visible; pointer-events:auto; }
body.show_edit_profile .edit-profile-popup.popup-bottom .popup { transform:translateY(0); }
.edit-profile-popup .popup.ep-box { width:100%; max-width:908px; padding:30px; display:flex; gap:28px; align-items:stretch; box-sizing:border-box; max-height:90vh; overflow-y:hidden; border-radius:30px 30px 0 0; }
.edit-profile-popup .ep-side { width:250px; flex:none; display:flex; flex-direction:column; gap:24px; padding-right:18px; border-right:1px solid #e2e2e2; box-sizing:border-box; }
.edit-profile-popup .ep-side_head { display:flex; align-items:center; justify-content:space-between; }
.edit-profile-popup .ep-side_title { font-size:20px; font-weight:600; color:#323232; }
.edit-profile-popup .ep-tabs { display:flex; flex-direction:column; }
.edit-profile-popup .ep-tab { display:flex; align-items:center; gap:8px; height:50px; padding:0 12px; border-radius:50px; cursor:pointer; }
.edit-profile-popup .ep-tab_ico { flex:none; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50px; color:#323232; }
.edit-profile-popup .ep-tab_svg { width:20px; height:20px; }
.edit-profile-popup .ep-tab_name { flex:1 1 0; min-width:0; font-size:15px; font-weight:500; color:#323232; line-height:1.5; }
.edit-profile-popup .ep-tab_arr { flex:none; width:16px; height:16px; color:#c9c9c9; }
.edit-profile-popup .ep-tab.is-active { background:#ffe6ed; }
.edit-profile-popup .ep-tab.is-active .ep-tab_ico { background:#fff; color:#fb0049; }
.edit-profile-popup .ep-tab.is-active .ep-tab_name { color:#fb0049; }
.edit-profile-popup .ep-tab.is-active .ep-tab_arr { color:#fb0049; }
.edit-profile-popup .ep-content { position:relative; flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:24px; overflow-y:auto; }
.edit-profile-popup .ep-close { position:absolute; top:0; right:0; width:18px; height:18px; color:#87878c; cursor:pointer; z-index:2; }
.edit-profile-popup .ep-close_ico { width:18px; height:18px; display:block; }
.edit-profile-popup .ep-close--menu { display:none; }
.edit-profile-popup .ep-panel { display:none; flex-direction:column; gap:24px; }
.edit-profile-popup .ep-panel.is-active { display:flex; }
.edit-profile-popup .ep-panel_head { display:flex; align-items:flex-start; gap:10px; padding-right:26px; }
.edit-profile-popup .ep-back { display:none; }
.edit-profile-popup .ep-panel_titles { display:flex; flex-direction:column; gap:4px; }
.edit-profile-popup .ep-panel_title { font-size:20px; font-weight:600; color:#323232; letter-spacing:-0.4px; line-height:1.5; margin:0; }
.edit-profile-popup .ep-panel_sub { font-size:13px; font-weight:500; color:rgba(50,50,50,.5); letter-spacing:-0.26px; margin:0; }
.edit-profile-popup .ep-form { display:flex; flex-direction:column; gap:24px; padding-bottom:20px; }
.edit-profile-popup .ep-card { border:1px solid #e2e2e2; border-radius:18px; padding:18px; display:flex; flex-direction:column; gap:18px; }
.edit-profile-popup .ep-card_head { display:flex; flex-direction:column; gap:2px; }
.edit-profile-popup .ep-card_title { font-size:16px; font-weight:600; color:#323232; letter-spacing:-0.32px; line-height:1.5; margin:0; }
.edit-profile-popup .ep-card_sub { font-size:13px; font-weight:500; color:rgba(50,50,50,.5); letter-spacing:-0.26px; margin:0; }
.edit-profile-popup .ep-fields { display:flex; flex-direction:column; gap:12px; }
.edit-profile-popup .ep-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.edit-profile-popup .ep-field_label { display:flex; align-items:center; gap:4px; font-size:14px; font-weight:500; color:#323232; letter-spacing:-0.28px; }
.edit-profile-popup .ep-input { height:50px; box-sizing:border-box; width:100%; padding:10px 20px; background:#fbfbfb; border:1px solid #e2e2e2; border-radius:50px; font-size:14px; font-weight:500; color:#323232; }
.edit-profile-popup .ep-input::placeholder { color:#87878c; }
.edit-profile-popup .ep-checks { display:flex; flex-direction:column; gap:12px; }
.edit-profile-popup .ep-check { display:flex; align-items:center; gap:10px; cursor:pointer; }
.edit-profile-popup .ep-check input { position:absolute; opacity:0; width:0; height:0; }
.edit-profile-popup .ep-check_box { flex:none; position:relative; width:24px; height:24px; border:1px solid #d9d9d9; border-radius:6px; background:#fff; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
.edit-profile-popup .ep-check_ico { width:24px; height:24px; color:#3c95ff; opacity:0; }
.edit-profile-popup .ep-check input:checked + .ep-check_box { border-color:#3c95ff; }
.edit-profile-popup .ep-check input:checked + .ep-check_box .ep-check_ico { opacity:1; }
.edit-profile-popup .ep-check_txt { flex:1 1 0; min-width:0; font-size:15px; font-weight:500; color:#323232; letter-spacing:-0.3px; }
.edit-profile-popup .ep-note { background:#fff6d3; border-radius:12px; padding:10px; text-align:center; font-size:14px; font-weight:500; color:#db9809; letter-spacing:-0.28px; line-height:1.5; }
.edit-profile-popup .ep-actions { display:flex; gap:4px; justify-content:flex-end; }
.edit-profile-popup .ep-btn { height:54px; border-radius:50px; font-size:16px; font-weight:500; letter-spacing:-0.32px; cursor:pointer; box-sizing:border-box; }
.edit-profile-popup .ep-btn--cancel { padding:0 18px; border:1px solid #e2e2e2; background:#fff; color:#323232; }
.edit-profile-popup .ep-btn--save { min-width:174px; padding:0 18px; border:2px solid rgba(255,255,255,.2); color:#fff; background-image:linear-gradient(176deg, rgba(255,255,255,.2) 9%, rgba(255,255,255,0) 100%), linear-gradient(100deg, #fb0049 0%, #ff3671 100%); }
.edit-profile-popup .ep-btn--save.is-saved { filter:saturate(.6); }
.edit-profile-popup .ep-soon { padding:40px 0; text-align:center; color:rgba(50,50,50,.5); font-size:14px; }
@media (max-width:767px){
	.edit-profile-popup .popup.ep-box { max-width:100%; flex-direction:column; gap:0; padding:20px; border-radius:16px 16px 0 0; }
	.edit-profile-popup .ep-side { width:100%; padding-right:0; border-right:0; gap:16px; }
	.edit-profile-popup .ep-close--menu { display:block; position:static; }
	.edit-profile-popup .ep-close--desktop { display:none; }
	.edit-profile-popup:not(.ep-mobile-menu) .ep-side { display:none; }
	.edit-profile-popup.ep-mobile-menu .ep-content { display:none; }
	.edit-profile-popup .ep-panel_head { align-items:center; padding-right:0; }
	.edit-profile-popup .ep-back { display:flex; align-items:center; justify-content:center; flex:none; width:36px; height:36px; border-radius:50%; background:#f3f3f3; transform:rotate(180deg); cursor:pointer; }
	.edit-profile-popup .ep-back_ico { width:16px; height:16px; color:#323232; }
	.edit-profile-popup .ep-content { min-height:500px; }
	.edit-profile-popup .ep-card { padding:18px 10px; }
	.edit-profile-popup .ep-toggle_item { font-size:14px; }
}
body.dark .edit-profile-popup .popup { background:#1c1c1c; }
body.dark .edit-profile-popup .ep-side { border-color:rgba(255,255,255,.08); }
body.dark .edit-profile-popup .ep-side_title,
body.dark .edit-profile-popup .ep-panel_title,
body.dark .edit-profile-popup .ep-card_title,
body.dark .edit-profile-popup .ep-tab_name,
body.dark .edit-profile-popup .ep-tab_ico,
body.dark .edit-profile-popup .ep-field_label,
body.dark .edit-profile-popup .ep-check_txt { color:#fff; }
body.dark .edit-profile-popup .ep-card { border-color:rgba(255,255,255,.08); }
body.dark .edit-profile-popup .ep-input { background:#2a2a2a; border-color:rgba(255,255,255,.08); color:#fff; }
body.dark .edit-profile-popup .ep-check_box { background:#2a2a2a; border-color:rgba(255,255,255,.15); }
body.dark .edit-profile-popup .ep-btn--cancel { background:transparent; border-color:rgba(255,255,255,.15); color:#fff; }
body.dark .edit-profile-popup .ep-back { background:#2a2a2a; }
body.dark .edit-profile-popup .ep-back_ico { color:#fff; }


.edit-profile-popup .ep-row2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.edit-profile-popup .ep-row3 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); gap:12px; }
.edit-profile-popup .ep-select { position:relative; }
.edit-profile-popup .ep-select_input { width:100%; height:50px; box-sizing:border-box; padding:10px 40px 10px 20px; background:#fbfbfb; border:1px solid #e2e2e2; border-radius:50px; font-size:14px; font-weight:500; color:#323232; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.edit-profile-popup .ep-select_arr { position:absolute; right:20px; top:50%; transform:translateY(-50%) rotate(90deg); width:16px; height:16px; color:#9d9d9d; pointer-events:none; }
.edit-profile-popup .ep-select .select2-container { width:100% !important; }
.edit-profile-popup .select2-container--default .select2-selection--single { height:50px; box-sizing:border-box; padding:0 40px 0 20px; background:#fbfbfb; border:1px solid #e2e2e2; border-radius:50px; display:flex; align-items:center; }
.edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__rendered { padding:0; width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:normal; font-size:14px; font-weight:500; color:#323232; }
.edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#87878c; }
.edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__arrow { top:0; right:14px; height:100%; }
.edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__arrow b { background:none; font-size:22px; color:#87878C; }
body.dark .edit-profile-popup .select2-container--default .select2-selection--single { background:#2a2a2a; border-color:rgba(255,255,255,.08); }
body.dark .edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__rendered { color:#fff; }
body.dark .edit-profile-popup .select2-container--default .select2-selection--single .select2-selection__arrow b { background:none; color:#87878C; }
.edit-profile-popup .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.edit-profile-popup .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-radius:50px; }
.edit-profile-popup .field-error { display:none; margin-top:6px; font-size:12px; font-weight:500; line-height:1.3; }
.edit-profile-popup .ep-input.error { border-color:#fb0049; }
.edit-profile-popup .generic-error { margin-bottom:12px; font-size:13px; font-weight:500; line-height:1.4; }
.ep-toasts { position:fixed; top:20px; right:20px; z-index:99999999999999; display:flex; flex-direction:column; gap:10px; pointer-events:none; }
.ep-toast { display:flex; align-items:center; gap:10px; min-width:240px; max-width:360px; padding:14px 18px; background:#fff; border:1px solid #e2e2e2; border-radius:14px; box-shadow:0 8px 30px rgba(0,0,0,.12); font-size:14px; font-weight:500; color:#323232; transform:translateX(120%); opacity:0; transition:transform .35s ease, opacity .35s ease; pointer-events:auto; }
.ep-toast.is-show { transform:translateX(0); opacity:1; }
.ep-toast_ico { flex:none; width:22px; height:22px; }
.ep-toast--success .ep-toast_ico { color:#22c55e; }
.ep-toast--error .ep-toast_ico { color:#fb0049; }
.ep-toast_txt { flex:1 1 0; line-height:1.4; }
@media (max-width:767px){ .ep-toasts { top:10px; left:10px; right:10px; } .ep-toast { max-width:none; } }
body.dark .ep-toast { background:#1c1c1c; border-color:rgba(255,255,255,.1); color:#fff; box-shadow:0 8px 30px rgba(0,0,0,.4); }
.edit-profile-popup .ep-textarea { height:auto; min-height:120px; border-radius:16px; padding:12px 20px; line-height:1.4; resize:vertical; }
.edit-profile-popup .ep-input-wrap { position:relative; }
.edit-profile-popup .ep-input-wrap .ep-input { padding-right:46px; }
.edit-profile-popup .ep-eye { position:absolute; right:18px; top:25px; transform:translateY(-50%); color:#9d9d9d; cursor:pointer; font-style:normal; }
.edit-profile-popup .ep-eye.is-on { color:#fb0049; }
.edit-profile-popup .ep-note--info { background:#fff6d3; border-radius:12px; padding:12px; text-align:center; font-size:14px; font-weight:500; color:#db9809; line-height:1.4; }
.edit-profile-popup .ep-current-email { font-size:14px; font-weight:500; color:#323232; }
.edit-profile-popup .ep-current-email b { color:#3c95ff; font-weight:600; }
.edit-profile-popup .ep-chips { display:flex; flex-wrap:wrap; gap:8px; }
.edit-profile-popup .ep-chip { display:inline-flex; align-items:center; height:40px; padding:0 16px; border:1px solid #e2e2e2; border-radius:50px; font-size:14px; font-weight:500; color:#323232; cursor:pointer; user-select:none; transition:background .15s, color .15s, border-color .15s; }
.edit-profile-popup .ep-chip.is-active { background:#fb0049; border-color:#fb0049; color:#fff; background:linear-gradient(168deg, rgba(255,255,255,0.20) -9.63%, rgba(255,255,255,0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%); }
.edit-profile-popup .ep-toggle { display:flex; gap:4px; background:#fbfbfb; border:1px solid #e2e2e2; border-radius:50px; padding:4px; }
.edit-profile-popup .ep-toggle_item { display:flex; align-items:center; justify-content:center; gap:6px; flex:1 1 0; height:46px; border-radius:50px; font-size:15px; font-weight:500; color:#323232; cursor:pointer; user-select:none; }
.edit-profile-popup .ep-toggle_ico { font-size:24px; line-height:1; }
.edit-profile-popup .ep-toggle_item.is-active { background:#fb0049; color:#fff; background:linear-gradient(168deg, rgba(255,255,255,0.20) -9.63%, rgba(255,255,255,0.00) 100.36%), linear-gradient(93deg, #FB0049 0.39%, #FF3671 99.49%); }
.edit-profile-popup .ep-range { display:flex; flex-direction:column; gap:10px; }
.edit-profile-popup .ep-range_head { display:flex; align-items:center; justify-content:space-between; }
.edit-profile-popup .ep-range_label { font-size:14px; font-weight:500; color:#323232; }
.edit-profile-popup .ep-range_val { font-size:14px; font-weight:500; color:#87878c; }
.edit-profile-popup .ep-range_val b { color:#323232; font-weight:600; }
.edit-profile-popup .ep-range_track { position:relative; height:24px; }
.edit-profile-popup .ep-range_track::before { content:''; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:4px; border-radius:4px; background:#e2e2e2; }
.edit-profile-popup .ep-range_fill { position:absolute; top:50%; transform:translateY(-50%); height:4px; border-radius:4px; background:#3c95ff; }
.edit-profile-popup .ep-range_input { position:absolute; left:0; top:0; width:100%; height:24px; margin:0; background:transparent; -webkit-appearance:none; appearance:none; pointer-events:none; }
.edit-profile-popup .ep-range_input::-webkit-slider-runnable-track { -webkit-appearance:none; background:transparent; height:24px; border:none; }
.edit-profile-popup .ep-range_input::-moz-range-track { background:transparent; height:24px; border:none; }
.edit-profile-popup .ep-range_input::-webkit-slider-thumb { -webkit-appearance:none; pointer-events:auto; width:20px; height:20px; margin-top:2px; border-radius:50%; background:#3c95ff; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); cursor:pointer; }
.edit-profile-popup .ep-range_input::-moz-range-thumb { pointer-events:auto; width:20px; height:20px; border-radius:50%; background:#3c95ff; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); cursor:pointer; }
.edit-profile-popup .ep-card--danger { border-color:#ffd3d3; background:#fff6f6; }
.edit-profile-popup .ep-danger { color:#fb0049; }
.edit-profile-popup .ep-danger-sub { color:#ff6b6b; }
.edit-profile-popup .ep-actions--inline { justify-content:flex-end; }
.edit-profile-popup .ep-btn--danger { width:100%; padding:0 18px; border:none; color:#fff; background:#ff3b30; }
@media (max-width:767px){
	.edit-profile-popup .ep-row2, .edit-profile-popup .ep-row3 { grid-template-columns:1fr; }
}
body.dark .edit-profile-popup .ep-select_input { background:#2a2a2a; border-color:rgba(255,255,255,.08); color:#fff; }
body.dark .edit-profile-popup .ep-chip { border-color:rgba(255,255,255,.12); color:#fff; }
body.dark .edit-profile-popup .ep-toggle { background:#2a2a2a; border-color:rgba(255,255,255,.08); }
body.dark .edit-profile-popup .ep-toggle_item { color:#fff; }
body.dark .edit-profile-popup .ep-range_val b { color:#fff; }
body.dark .edit-profile-popup .ep-range_track::before { background:rgba(255,255,255,.15); }
body.dark .edit-profile-popup .ep-card--danger { background:#2a1c1c; border-color:rgba(255,80,80,.3); }

body.dark .edit-profile-popup .ep-panel_sub,
body.dark .edit-profile-popup .ep-card_sub { color:rgba(255,255,255,.5); }
body.dark .edit-profile-popup .ep-range_label,
body.dark .edit-profile-popup .ep-current-email { color:#fff; }
body.dark .edit-profile-popup .ep-tab.is-active { background:rgba(251,0,73,.16); }
body.dark .edit-profile-popup .ep-tab.is-active .ep-tab_name,
body.dark .edit-profile-popup .ep-tab.is-active .ep-tab_arr { color:#fb0049; }
body.dark .edit-profile-popup .ep-tab.is-active .ep-tab_ico { background:#000; color:#fb0049; }

@media (max-width:767px){
	.unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom,
	.unnecessary_popup_wrapper.auth_unified-popup.popup-bottom,
	.unnecessary_popup_wrapper.tips_unified-popup.popup-bottom,
	.unnecessary_popup_wrapper.buy_content-popup.popup-bottom,
	.unnecessary_popup_wrapper.change_price-popup.popup-bottom,
	.unnecessary_popup_wrapper.pm-popup.popup-bottom,
	.unnecessary_popup_wrapper.fin-cal-popup.popup-bottom,
	.unnecessary_popup_wrapper.edit-profile-popup.popup-bottom { padding: 0 10px; }
	.unnecessary_popup_wrapper.buy_tokens-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.auth_unified-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.tips_unified-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.buy_content-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.change_price-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.pm-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.fin-cal-popup.popup-bottom .popup,
	.unnecessary_popup_wrapper.edit-profile-popup.popup-bottom .popup { box-sizing:border-box; }
}

.pf-status-row { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; width:100%; }
.pf-links { display:flex; align-items:center; gap:4px; flex-wrap:wrap; margin:0 0 10px; }
.pf-link { display:inline-flex; align-items:center; gap:2px; padding-right:8px; border-radius:50px; transition:background .15s; }
.pf-link_ico { flex:none; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50px; background:#fee9ee; overflow:hidden; }
.pf-link_svg { width:14px; height:14px; display:block; object-fit:contain; }
.pf-link_txt { font-size:14px; font-weight:500; color:#323232; letter-spacing:-0.28px; line-height:normal; }
.pf-link:hover { background:#fee9ee; }
.pf-link:hover .pf-link_txt { background-image:linear-gradient(177deg, rgba(255,255,255,0.2) 9.6%, rgba(255,255,255,0) 100%), linear-gradient(103deg, #fb0049 0.4%, #ff3671 99%); -webkit-background-clip:text; background-clip:text; color:transparent; }
body.dark .pf-link_txt { color:#fff; }

.exclusive-slider { display: flex; flex-direction: column; align-items: center; width: 100%; max-height: 420px; }
.es-frame { position: relative; box-sizing: border-box; width: 100%; padding: 30px 30px 50px; margin-bottom: -21px; border: 2px solid rgba(251,0,73,0.3); border-radius: 50px; background: linear-gradient(180deg, #ffd0dc 0%, #f3f3f3 100%); box-shadow: 0 -16px 30px 0 rgba(238,31,83,0.2); }
body.dark .es-frame { border-color: #fc336d; background: linear-gradient(180deg, rgba(255,0,74,0.3) 0%, rgba(39,5,13,0.3) 100%); }
.es-badge { position: absolute; left: 49px; top: -10px; width: 189px; height: 30px; z-index: 3; pointer-events: none; }
.es-swiper { width: 100%; overflow: hidden; }
.es-card { display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; height: auto; text-decoration: none; }
.es-thumb { position: relative; width: 100%; aspect-ratio: 585.33 / 360; border-radius: 30px; overflow: hidden; }
.es-thumb_img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }
.es-thumb video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; z-index: 2; }
.es-thumb_overlay { position: absolute; inset: 0; border-radius: 30px; background: rgba(255,255,255,0.2); opacity: 0; pointer-events: none; transition: opacity .15s; }
.es-duration { position: absolute; right: 20px; bottom: 20px; display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; border-radius: 50px; background: rgba(50,50,50,0.5); color: #fff; font-weight: 600; font-size: 12px; line-height: 1; letter-spacing: -0.24px; text-transform: uppercase; }
.es-meta { display: flex; flex-direction: column; gap: 3px; height: 41px; padding: 0 20px; box-sizing: border-box; overflow: hidden; }
.es-meta_row { display: flex; align-items: center; gap: 10px; white-space: nowrap; overflow: hidden; }
.es-meta_item { font-weight: 500; font-size: 14px; letter-spacing: -0.28px; color: #989794; }
.es-meta_dot { font-weight: 500; font-size: 15px; letter-spacing: -0.3px; color: #989794; }
body.dark .es-meta_item, body.dark .es-meta_dot { color: #b1b1b1; }
.es-title { margin: 0; font-weight: 500; font-size: 16px; letter-spacing: -0.32px; color: #323232; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.dark .es-title { color: #fff; }
.es-card:hover .es-thumb { box-shadow: inset 0 0 0 4px #ee1f53; }
.es-card:hover .es-thumb_overlay { opacity: 1; }
.es-card:hover .es-title { color: #ee1f53; }
body.dark .es-card:hover .es-thumb { box-shadow: inset 0 0 0 4px #fff; }
body.dark .es-card:hover .es-title { color: #ee1f53; }
.es-nav { position: absolute; z-index: 4; top: 30px; bottom: 101px; margin-block: auto; width: 88px; height: 60px; padding: 4px; box-sizing: border-box; border: 2px solid rgba(251,0,73,0.3); border-radius: 50px; background: #fff; backdrop-filter: blur(50px); cursor: pointer; }
body.dark .es-nav { background: #1f1f1f; border-color: #fc336d; backdrop-filter: none; }
.es-prev { left: -18px; }
.es-next { right: -18px; }
.es-nav_inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50px; transition: background .15s; }
.es-nav:hover { background: #fff8fa; }
.es-nav:hover .es-nav_inner { background: rgba(163,163,163,0.2); }
body.dark .es-nav:hover { background: #1f1f1f; }
body.dark .es-nav:hover .es-nav_inner { background: rgba(255,255,255,0.1); }
.es-nav_ico { width: 32px; height: 32px; color: #323232; }
body.dark .es-nav_ico { color: #fff; }
.es-prev .es-nav_ico { transform: rotate(180deg); }
.es-nav.swiper-button-disabled { cursor: default; }
.es-nav.swiper-button-disabled .es-nav_ico { opacity: 0.35; }
.es-more { position: relative; z-index: 5; display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 40px; padding: 10px 8px 10px 20px; box-sizing: border-box; border-radius: 50px; background: #fff; box-shadow: inset 0 4px 46.5px 0 #ff527e; text-decoration: none; overflow: hidden; }
body.dark .es-more { background: #101010; box-shadow: inset 0 4px 46.5px 0 #ee1f53; }
.es-more_txt { font-weight: 500; font-size: 15px; letter-spacing: -0.3px; color: #323232; }
body.dark .es-more_txt { color: #fff; }
.es-more_arrows { display: inline-flex; align-items: center; }
.es-more_arrows svg { width: 16px; height: 16px; color: rgba(238,31,83,0.55); }
body.dark .es-more_arrows svg { color: rgba(255,255,255,0.55); }
.es-more:hover { background: #ee1f53; }
.es-more:hover .es-more_txt { color: #fff; }
.es-more:hover .es-more_arrows svg { color: rgba(255,255,255,0.7); }
body.dark .es-more:hover { background-color: #101010; background-image: linear-gradient(rgba(255,255,255,0.25), rgba(255,255,255,0.25)); }
@media (max-width: 767px) {
	.es-frame { padding: 8px 8px 38px; margin-bottom: -20px; border-radius: 28px; }
	.es-badge { left: 24px; top: -8px; width: 138px; height: 22px; }
	.es-thumb, .es-thumb_img, .es-thumb_overlay { border-radius: 20px; }
	.es-duration { right: 10px; bottom: 10px; }
	.es-meta { height: 36px; padding: 0 10px; gap: 2px; }
	.es-meta_item { font-size: 12px; letter-spacing: -0.24px; }
	.es-title { font-size: 14px; letter-spacing: -0.28px; color: #ee1f53; }
	body.dark .es-title { color: #ffa600; }
	.es-nav { top: 8px; bottom: 82px; width: 40px; height: 40px; background: #fff8fa; border-color: #fb0049; }
	.es-prev { left: -11px; }
	.es-next { right: -11px; }
	body.dark .es-nav { background: #1f1f1f; border-color: #fc336d; }
	.es-nav_ico { width: 20px; height: 20px; }
}
.es-box { overflow: visible; }
.es-box .container { overflow: visible; }
.es-nav { transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.es-nav_inner { transition: background .2s ease; }
.es-nav_ico { transition: color .2s ease, transform .2s ease; }
.es-nav:not(.swiper-button-disabled):hover { transform: scale(1.07); }
.es-next:not(.swiper-button-disabled):hover .es-nav_ico { transform: translateX(3px); }
.es-prev:not(.swiper-button-disabled):hover .es-nav_ico { transform: rotate(180deg) translateX(3px); }
.es-more { transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; }
.es-more_txt { transition: color .2s ease; }
.es-more_arrows { transition: transform .25s ease; }
.es-more_arrows svg { transition: color .2s ease; }
.es-more:hover { transform: translateY(-2px); }
.es-more:hover .es-more_arrows { transform: translateX(4px); }
.es-thumb { transition: box-shadow .2s ease; }
.es-title { transition: color .2s ease; }

.exclusive-slider .swiper-wrapper { display: flex; flex-wrap: nowrap; }
.exclusive-slider .swiper-wrapper .es-card { width: 25%; margin-right: 20px; }

#edit_video_pub_profile + label, #edit_album_pub_profile + label { opacity: 0.7; }
body.show_upload_album .footer_user_menu,
body.show_upload_video .footer_user_menu,
body.show_avatar .footer_user_menu,
body.show_cover .footer_user_menu,
body.show_video_cover_crop .footer_user_menu,
body.show_tips .footer_user_menu {
	display: none !important;
}

.tips_unified-popup .tips_pay_wrap { display: none; }
.tips_unified-popup.show-pay .tips_form_wrap { display: none; }
.tips_unified-popup.show-pay .tips_pay_wrap { display: block; }
.tips_unified-popup.show-pay.is-qr .buy_body, .tips_unified-popup.show-pay.is-wait .buy_body { display: none; }
.tips_unified-popup.show-pay.is-qr .buy_qr { display: flex; }
.tips_unified-popup.show-pay.is-wait .buy_wait { display: flex; }