:root {
	--background-color: #000;
	--background-transparent-color: rgba(0, 0, 0, 0.8);
	--background-dark-gray-color: #202020;
	--background-gray-color: #333;
	--background-orange-color: #f90;

	--shimmer-color-dark: #202020;
	--shimmer-color-light: #444;
	--shimmer-orange-color-dark: #c57702;
	--shimmer-orange-color-light: #f90;
	--shimmer-gray-color-dark: #999;
	--shimmer-gray-color-light: #ccc;

	--border-orange-color: #f90;
	--border-gray-color: #333;
	--border-dark-gray-color: #111;
	--border-light-gray-color: #ccc;

	--text-color: #fff;
	--text-middle-gray-1-color: #333;
	--text-middle-gray-2-color: #444;
	--text-gray-color: #666;
	--text-light-gray-1-color: #999;
	--text-light-gray-2-color: #ccc;
	--text-orange-color: #f90;

	--text-page-header-border-color: #333;
	--text-page-header-background-color: #202020;
	--text-page-header-bold-color: #f90;
	--text-page-header-link-color: #fff;
	--text-page-header-color: #fff;

	--form-control-background: #ededed;
	--form-control-focused-border: #ccc;

	--button-text-color: #000;
	--button-background-color: #f90;
	--button-border-color: #f90;
	--button-disabled-color: #333;

	--button-hover-text-color: #fff;
	--button-hover-background-color: #333;

	--button-outline-text-color: #f90;
	--button-outline-background-color: #000;
	--button-outline-border-color: #f90;

	--button-outline-hover-text-color: #000;
	--button-outline-hover-background-color: #f90;
	--button-outline-hover-border-color: #f90;

	--button-filter-border-color: #333;

	--button-filter-hover-text-color: #fff;
	--button-filter-hover-background-color: #333;
	--button-filter-hover-border-color: #333;

	--button-filter-active-text-color: #000;
	--button-filter-active-background-color: #f90;
	--button-filter-active-border-color: #f90;

	--button-secondary-disabled-color: #6c757d;
	--button-secondary-disabled-border-color: #000;

	--block-afterplay-background: #000d;
	--block-afterplay-splash-background: #000d;
	--block-afterplay-splash-border-color: #f90;

	--block-afterplay-splash-background-gradiend-start: #0008;
	--block-afterplay-splash-background-gradiend-end: #0000;

	--clipmaker-crop-shader: #000a;

	--block-dropdown-background: #202020;
	--block-dropdown-active-background: #444;
	--block-dropdown-border: #333;
	--block-dropdown-orange-text: #f90;

	--block-search-box-color-i-ago: #ccc;
	--block-search-box-border: #ccc;
	--block-search-box-background: #ccc;
	--block-search-box-result-background: #eee;
	--block-search-box-shadow: rgba(0,0,0,0.4);

	--block-18-splash-background: rgba(0,0,0,1);

	--block-downloader-demo-background: #2a2a2a;

	--block-pricing-card-sub-color: #6c757d;
	--block-pricing-card-price-i-color: #6c757d;
	--block-pricing-plan-selector-color: #ccc;
	--block-pricing-plan-selector-background: #333;
	--block-pricing-plan-selector-border: #333;

	--block-user-data-header-color: #a0a0a0;
	--block-user-data-border: #333;

	--block-topscreen-info-border: #856404;

	--block-alert-danger-color: #fff;
	--block-alert-danger-border: #721c24;
	--block-alert-danger-background: #721c24;

	--shadow-color: #000;

	--error-border-color: #af3541;

	--live-status-background-color: #ff0008;

	--round-mark-border: #f90b;

	--badge-gray-background: #333;
	--badge-dark-gray-background: #202020;

	--block-glare-ultimate-background: url("https://cdn.recu.me/i/ultimate.gif");
	--block-glare-titanium-background: url("https://cdn.recu.me/i/titanium.gif");

	--font-base: Arial, Helvetica, sans-serif;
	--font-header: "Montserrat Alternates", sans-serif;
	--font-navigation: "Montserrat", sans-serif;
	--font-awesome: "Font Awesome 6 Pro";

	--plyr-color-main: var(--text-color) !important;
	--plyr-menu-color: var(--text-color);
	--plyr-menu-background: var(--background-color);
	--plyr-control-toggle-checked-background: var(--background-orange-color);
	--plyr-video-control-background-hover: none;
	--plyr-video-control-color-hover: var(--background-orange-color);
	--plyr-range-fill-background: var(--background-orange-color);

	--clipmaker-bar-backround: #f906;
	--clipmaker-bar-border: 1px dotted var(--border-orange-color);

	--plyr-range-thumb-height: 6px;
	--plyr-range-track-height: 6px;
	--plyr-range-thumb-background: #ffffff;
}

body {
	font-family: var(--font-base), sans-serif;
	background: var(--background-color);
	color: var(--text-color);
}

a:hover {
	color: var(--text-orange-color);
}

.page-h1 {
	font-size: 20px;
	font-weight: bold;
	padding: 8px;
	margin: 10px 0 30px;
	border: 1px solid var(--border-gray-color);
	background-color: var(--text-page-header-background-color);
}

.page-h1 b {
	color:var(--text-page-header-bold-color);
}

.page-h1 a {
	color: var(--text-orange-color);
	text-decoration: none;
}

.content-title {
	text-align: center;
	font-family: var(--font-base);
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.content-subtitle {
	display: block;
	position: relative;
	font-family: var(--font-base);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	padding-left: 56px;
}

.content-text {
	font-family: var(--font-base);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.header-main {
	font-family: var(--font-header), serif;
	font-weight: 700;
	font-size: 44px;
	text-align: center;
	margin-top: 20px;
	position: relative;
}

.header-main a {
	color: var(--text-page-header-link-color);
	text-decoration: none;
}

.header-main .user-block {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 230px;
	color: var(--text-gray-color);
}

.header-main .user-block .crop-ellipsis{
	display: inline-block;
	max-width: 150px !important;
}

.header-main.header-main--downloader .user-block .crop-ellipsis{
	display: inline-block;
	max-width: 120px !important;
}

.user-block-mobile {
	.crop-ellipsis {
		display: inline-block;
		max-width: 200px;

		@media screen and (max-width: 400px){
			max-width: 100px;
		}
	}

	&.d-block {
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
		gap: 4px;
	}
}

@media (max-width: 1199px) {
	.header-main--downloader {
		display: flex;
		flex-direction: column;
	}
	.header-main--downloader .user-block {
		display: flex !important;
		justify-content: flex-end;
		align-items: center;
		position: initial;
		order: 0;
		gap: 5px;
		font-size: initial;
		margin-bottom: 20px;
	}
	.header-main--downloader .user-block .recu-notifications-holder {
		translate: 0 8px;
	}
	.header-main--downloader .header-main__title {
		order: 1;
	}
}

.bookmark-h1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: none;
	background-color: var(--background-transparent-color);
	margin: 30px 0 6px;
	padding: 0;
	width: 100%;

	a {
		max-width: calc(100% - 54px);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
	}
}

.bookmark-info {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;

	.mostly {
		color: var(--text-gray-color);
		margin-right: 2px;
	}

	.video-details {
		white-space: nowrap;
	}

	.video-count,
	.user-interests,
	.video-followers  {
		padding: 0;
		color: var(--text-light-gray-2-color);
		white-space: nowrap;
	}

	.user-interests {
		&::after {
			content: '\2022';
			display: inline;
			color: var(--text-gray-color);
			margin: 0 6px;
			font-size: 24px;
			vertical-align: middle;
		}
	}

	.video-followers {
		&::before {
			content: '\2022';
			display: inline;
			color: var(--text-gray-color);
			margin: 0 6px;
			font-size: 24px;
			vertical-align: middle;
		}
	}
}

.public-bookmarks {
	.bookmark-row {
		&:last-of-type {
			margin-bottom: 30px;
		}

		.bookmark-video {
			margin-top: 16px;
		}

		.bookmark-see-all {
			margin-top: -16px;
		}
	}
}

.user-block > div,
.user-block-mobile > div {
	position: relative;
	display: inline-block;
}

.user-block-mobile {
	margin-top: 20px;
	text-align: right;

	.recu-dropdown {
		height: 31px;
	}

	.recu-sign-button {
		height: 31px;
	}
}

.header-main .user-block .btn {
	font-family: var(--font-base), serif;
	font-size: 14px;
}

.header-sub {
	text-align: center;
	margin: 0 auto 38px auto;
	font-family: var(--font-header), serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
}

.header-sub i.star:before {
	content: "\2605";
	color: var(--text-orange-color);
	font-style: normal;
	margin: 0 6px;
}

.header-sub div.h1 {
	font-size: 18px;
	font-weight: bold;
	max-width: 415px;
	margin: 0 auto 20px;
	line-height: 1.2;
}

.ajax-loader {
	padding: 20px;
	text-align: center;
	width: 100%;
	opacity: 0.5;
}

.titanium-text {
	font-family: var(--font-navigation);
	font-weight: 700;
	font-size: 28px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	background-image: var(--block-glare-titanium-background);
}

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

.text-light-gray {
	color: var(--text-light-gray-2-color);
}

.border-vertical-gray {
	border-top: 1px solid var(--border-gray-color);
	border-bottom: 1px solid var(--border-gray-color);
}

.mb-6 {
	margin-bottom: 60px;
}

.mt-6 {
	margin-top: 60px;
}

.my-6 {
	margin-top: 60px;
	margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
	.bookmark-info {
		.user-interests {
			display: block;

			&::after {
				content: none;
			}
		}
}
}

@media screen and (max-width: 450px) {
	.header-sub div.h1 {
	    font-size: 13px;
	}
}

h2 a {
	color: var(--text-orange-color);
}

h2 a:hover {
	text-decoration: none;
}

.header-sub h2 {
	font-size: 14px;
	color: var(--text-gray-color);
}

.header-sub h2 b {
	min-width: 50px;
}

.video-thumb {
	width: 266px;
	height: 198px;
	display: inline-block;
	margin: 0 0 32px 0;
	font-size: 15px;
}

@keyframes shimmer {
	40%, 100% {
		background-position-x: 0;
	}
}

.video-splash.one-shot {
	background-size: 100%;
}

.video-splash img {
	display: none;
	width: 100%;
	height: 100%;
}

.video-splash {
	width: 266px;
	height: 149px;
	background-size: 1064px 596px;
	background-position: 0 -298px;
	position: relative;
	border-radius: 3px;
}

.video-thumb > a {
	animation: shimmer 2s infinite linear;
	display: block;
	border-radius: 3px;

	background: linear-gradient(90deg, var(--shimmer-color-dark) 44%, var(--shimmer-color-light) 50%, var(--shimmer-color-light) 51%, var(--shimmer-color-dark) 57%);
	background-size: 300%;
	background-position-x: 100%
}

.video-splash.video-splash-loading-started:hover,
.video-splash.video-splash-loading-started,
.video-splash.video-splash-loading:hover,
.video-splash.video-splash-loading {
	background-position: center !important;
	background-size: cover !important;
	animation: none !important;
}

.video-splash.no-animation {
	animation: none;
}

.video-splash:before {
	display: block;
	position: absolute;
	top: 0;
	z-index: 50;
	height: 100%;
	width: 100%;
	content: '';
	background: linear-gradient(to top, var(--block-afterplay-splash-background-gradiend-start) 0%, var(--block-afterplay-splash-background-gradiend-end) 24%);
}

.video-splash:hover {
	animation: splash-play-x 1.6s steps(4) infinite, splash-play-y 6.4s steps(4) infinite !important;
}

.video-splash:hover:before {
	display: none;
}

.video-splash.viewed:before{
	border-bottom: 2px solid var(--block-afterplay-splash-border-color);
}

.video-splash-big {
	width: 100%;
	position: relative;
}

.video-splash-big img {
	width: 100%;
	opacity: 0.6;
	border-radius: 6px;
	display: block;
	padding-top: 56.25%;
	background-size: 100%;
	height: 0;
}

.online-index .video-splash {
	background-position: initial;

	&::before {
		content: none;
	}
}

.video-play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
}

.btn-video {
	width: auto;
	padding: 15px 30px;
	box-shadow: 0 0 0 0.2rem rgba(255,193,7,.5);
	color: var(--button-text-color);
}

.btn-video i {
	padding-right: 10px;
}

.btn-video .btn-price {
	color: var(--button-disabled-color);
}

@media screen and (max-width: 767px) {
	.btn-video {
		white-space: nowrap;
	}
}

@keyframes splash-play-x {
	from { background-position-x: 0; }
	to   { background-position-x: -400%; }
}

@keyframes splash-play-y {
	from { background-position-y: 0; }
	to   { background-position-y: -400%; }
}

.video-time {
	position: absolute;
	right: 0;
	bottom: 0;
	color: var(--text-color);
	font-size: 14px;
	line-height: 14px;
	padding: 4px 4px 4px 8px;
	background-color: rgba(0,0,0,0.15);
	z-index: 55;
}

.video-views {
}

.video-time b {
	padding-right: 2px;
}

.video-time .fa-play {
	font-size: 12px;
	padding-right: 4px;
}

.video-info {
	text-align: left;
	padding: 4px;
	line-height: 1.5;
	position: relative;
	z-index: 60;
}

.video-info b {
	color: var(--text-orange-color);
}

.video-info .video-action .video-action-menu .subscribe-button span+span,
.video-info .video-action .video-action-menu .button-pin-video span+span,
.bookmark-button span+span,
.clip-bookmark-button span+span
{
	display: none;
}

.video-info .video-action .video-action-menu .subscribe-button.active span,
.video-info .video-action .video-action-menu .button-pin-video.active span,
.bookmark-button.bookmark-active span,
.clip-bookmark-button.bookmark-active span
{
	display: none;
}

.video-info .video-action .video-action-menu .subscribe-button.active span+span,
.video-info .video-action .video-action-menu .button-pin-video.active span+span,
.bookmark-button.bookmark-active span+span,
.clip-bookmark-button.bookmark-active span+span
{
	display: inline;
}

.video-info .video-action .video-action-menu .dropdown-item.active,
.video-info .video-action .video-action-menu .button-pin-video.active,
.video-info .video-action .video-action-menu .dropdown-item:active
{
	background: none;
}

.video-info .video-action .video-action-menu {
	z-index: 1000;
	right: -5px;
	position: absolute;
	left: auto;
	top: auto;
	bottom: 100%;
	margin-bottom: 4px;
}

.video-info .video-action i{
	padding: 0 5px;
}

.video-info .video-action{
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.video-info i.hide-performer {
	color: var(--text-middle-gray-2-color);
	cursor: pointer;
}

.video-thumb.hidden-for-user {
	opacity: 0.3;
}
.video-thumb.waiting-for-hide {
	opacity: 0.1;
}

.video-info-sub {
	font-size: 14px;
	color: var(--text-light-gray-2-color);
	clear: both;
	white-space: nowrap;
}
.video-info-sub i.fas {
	padding-left: 4px;
}

.video-info-sub .div-bookmark {
	display: inline-block;
}

.video-thumb .video-info-sub {
	font-size: 12px;
}

.video-info-sub i.q {
	color: var(--text-gray-color);
	margin: 0 2px;
}

.video-thumb .video-info-sub i.q {
	margin: 0 0;
}

.subscriptions-performers a,
.subscriptions-performers a:hover,
.subscriptions-performers a:visited,
.video-info a,
.video-info a:hover,
.video-info a:visited {
	color: var(--text-orange-color);
	text-decoration: none;
	border: 0;
}

.subscriptions-performers {
	padding: 10px;
}
.subscriptions-performers a:hover,
.subscriptions-performers a:visited,
.subscriptions-performers a {
	font-weight: bold;
	display: inline-block;
	border: 1px solid;
}

.video-info a.performer:hover {
	text-decoration: none;
}

.video-info a.bookmark, .video-info a.download { margin-left: 10px; }

.video-info a.download.disabled {
	pointer-events: none;
}

.video-info a.bookmark.btn-sm-pad0,
.video-info a.download.btn-sm-pad0,
.video-info a.like.btn-sm-pad0,
.video-info a.dislike.btn-sm-pad0 {
	margin-left: 15px;
}

.video-info a.bookmark i,
.video-info a.like i,
.video-info a.dislike i {
	font-weight: normal;
}

.video-info .video-info-sub span.video-bookmark-counter.bookmark-active,
.video-info .video-info-sub i.fa-bookmark.bookmark-active {
	color: var(--text-orange-color);
}

.video-info a.active i,
.video-info a.bookmark-active i,
.video-info a.like.active i,
.video-info a.dislike.active i {
	font-weight: bold;
}

.video-info .controls-block {
	float: right;
	text-align: right;
}

.pager {
	margin-top: 10px;
}

.page-link {
	color: var(--text-orange-color);
	background-color: var(--background-color);
	border: 1px solid var(--border-gray-color);
}

.page-item a.page-link {
	cursor: pointer;
}

@media screen and (max-width: 700px){
	.page-item.hide {
		display: none;
	}
	.page-item.dots {
		position: relative;
		padding-right: 35px;
	}
	.page-item.dots:not(:last-child)::after {
		content: '...';
		display: block;
		color: var(--text-orange-color);
		background-color: var(--background-color);
		border: 1px solid var(--border-gray-color);
		width: 35px;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		line-height: 1.5;
		font-size: 1rem;
		padding: .4rem .5rem;
	}
}

.telegram-link img {
	width: 24px;
	height: 24px;
	vertical-align: bottom;
}

.telegram-link a {
	color: var(--text-color);
	font-size: 15px;
	text-decoration: underline;
}

.telegram-link a:hover {
	color: var(--text-color);
	text-decoration: underline;
}

.video-info + .telegram-link {
	margin-top: 20px;
}

.footer {
	margin-top: 40px;
}

.footer p {
	font-size: 12px;
	text-align: center;
	color: var(--text-middle-gray-1-color);
	width: 85%;
	margin-right: auto;
	margin-left: auto;
}

.page-item.active .page-link {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
	border-color: var(--button-background-color);
}

.page-link:hover {
	color: var(--button-hover-text-color);
	background-color: var(--button-hover-background-color);
	border-color: var(--button-hover-background-color);
}

.video-control {
	text-align: right;
	padding-top: 4px;
	height: 30px;

	@media screen and (max-width: 1199px) {
		display: none;
	}
}

.video-control a {
	font-size: 18px;
	text-decoration: none;
	color: var(--text-light-gray-2-color);
	margin-left: 4px;
}

.video-control a:hover {
	color: var(--text-orange-color);
}

.performer-li-wrap {
	overflow: hidden;
}

.performer-li {
	max-width: 150px;
	margin: 0 auto;
	font-size: 15px;
	white-space: nowrap;
}

.performer-li i {
	font-style: normal;
	font-size: 11px;
	vertical-align: text-bottom;
	color: var(--text-light-gray-1-color);
	font-weight: bold;
}

.performer-li i.ago {
	color: var(--text-middle-gray-2-color);
}

.performer-li i.new {
	border: 1px solid var(--border-orange-color);
	border-radius: 3px;
	padding: 1px 2px;
	background: var(--background-orange-color);
	color: var(--background-color);
}

.performer-li.video-info {
	position: unset;
}

.performer-li a.selected b {
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	padding: 0 4px;
}

.performers-list {
	margin: 25px 0 25px 0;
	column-count: 3;
}

.letters-navigation {
	padding: 20px 0;
}

.letters-navigation a,
.letters-navigation a:visited,
.letters-navigation a:hover,
.letters-navigation a:focus {
	color: var(--text-gray-color);
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	padding: 0 7px;
	text-decoration: none;
}
.letters-navigation a.active,
.letters-navigation a:hover {
	color: var(--text-orange-color);
}

@media screen and (max-width: 767px) {
	.performers-list {
		column-count: 2;
	}
}

.performer-index .performer-li {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--font-navigation);
	border-bottom: 1px solid var(--border-gray-color);
	color: var(--text-gray-color);
	text-transform: uppercase;
	padding: 4px;
}

.performer-index {
	margin-top: 18px;
}

.performer-index:first-of-type {
	margin-top: 0;
}

.header-menu {
	margin-top: 14px;
	font-family: var(--font-navigation);
}

.header-menu .btn {
	margin-top: 10px;
	color: var(--button-text-color);
}

.header-menu img.icon {
	vertical-align: sub;
	width: 16px;
	height: 16px;
}

.form-control {
	background-clip: initial;
}

.form-control, .form-control:focus {
	background-color: var(--form-control-background);
	background-clip: border-box;
}

.form-sign {
	width: 100%;
	max-width: 330px;
	margin: 25px auto 150px;
}

.form-sign .checkbox {
	font-weight: 400;
}

.form-sign .form-control,
.form-dmca .form-control,
.form-support .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}

.form-sign .form-control:focus {
	z-index: 2;
}

.form-sign .create-account-btn {
	padding-left: 0;
	padding-right: 0;
}

.form-sign .hint {
	font-size: 11px;
	margin-top: 40px;
}

.form-sign input {
	border-radius: 0;
	margin-bottom: -1px;
}

.form-sign input:first-of-type {
	border-top-right-radius: .25rem;
	border-top-left-radius: .25rem;
}

.form-sign input:last-of-type {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
	margin-bottom: 10px;
}

.form-control:focus {
	box-shadow: none;
	border-color: var(--form-control-focused-border);
}

.btn:focus {
	box-shadow: none !important;
}

.btn-recu, .btn-recu:hover, .btn-recu:active {
	background-color: var(--button-background-color);
	border-color: var(--button-background-color);
	color: var(--button-text-color);
}

.btn-recu:hover {
	background-color: var(--button-background-color);
	border-color: var(--button-border-color);
}

.btn-recu-outline, .btn-recu-outline.dropdown-toggle {
	background-color: var(--button-outline-background-color) !important;
	border-color: var(--button-outline-border-color) !important;
	color: var(--button-outline-text-color) !important;
}

.btn-recu-outline:hover, .btn-recu-outline.dropdown-toggle:hover {
	background-color: var(--button-outline-hover-background-color) !important;
	border-color: var(--button-outline-hover-border-color) !important;
	color: var(--button-outline-hover-text-color) !important;
}
.user-block .dropdown-toggle,
.user-block-mobile .dropdown-toggle {
	max-height: 31px;
}

.user-block {
	.recu-sign-button {
		height: 31px;
	}
}

.button-bar .btn-recu-outline.active,
.filters .btn-recu-outline.active {
	background-color: var(--button-filter-active-background-color) !important;
	color: var(--button-filter-active-text-color) !important;
	border-color: var(--button-filter-active-border-color) !important;
}

.video-filters .flex-column > div {
	height: 100%;
}

.video-filters .reset-filter {
	line-height: 34px;
	display: inline-block;
	margin-left: 20px;
}

.video-filters a.dropdown-toggle {
	border-color: var(--border-gray-color) !important;
}
.video-filters a.dropdown-toggle.selected {
	border-color: var(--button-outline-border-color) !important;
}

@media screen and (max-width: 450px) {
	.dropdowns .dropdown-menu {
		width: 100%;
		text-align: center;
	}
	.dropdowns .dropdowns__left, .dropdowns__right {
		width: 100%;
	}
	.dropdowns .dropdown.recu-dropdown {
		display: flex !important;
		flex: 1;
		min-width: 45%;
	}
	.dropdowns .dropdown.recu-dropdown a {
		flex: 1;
		justify-content: center;
	}
}

.btn-recu-performers-link {
	margin-top: 3px;
}

.recu-link, .performer-link {
	color: var(--text-orange-color);
}

.recu-link:hover {
	color: var(--text-orange-color);
	text-decoration: underline;
}
.performer-link:hover {
	color: var(--text-orange-color);
	text-decoration: none;
}

.vjs-poster {
	background-size: 100%;
	background-position: 0 0;
}

.video-js .vjs-tech { pointer-events: none; }
.vjs-play-progress, .vjs-load-progress, .vjs-slider { border-radius: 0 !important; box-shadow: none !important; }
.vjs-control:hover:before { text-shadow: none !important; }
.vjs-control-bar:hover .vjs-progress-control { top: -11px; height: 9px; transition: all 0s;}
.vjs-play-progress.vjs-slider-bar {}
.vjs-current-time-display {}
.vjs-duration-display {}
.vjs-afterglow-skin .vjs-slider {}
.vjs-play-progress {}
.vjs-afterglow-skin.vjs-playing .vjs-play-control:before {}
.vjs-afterglow-skin .vjs-play-control:before {}
.vjs-afterglow-skin .vjs-top-control-bar .vjs-fullscreen-control:before {}
.vjs-afterglow-skin .vjs-progress-control:hover {}

.hidden {
	display: none;
}

.alert-danger {
	color: var(--block-alert-danger-color);
	background-color: var(--block-alert-danger-background);
	border-color: var(--block-alert-danger-border);
	overflow: hidden;
}

.topscreen-info {
	border-radius: 0;
	text-align: center;
	font-size: 14px;
	border: 0;
	border-bottom: 1px solid var(--block-topscreen-info-border);
	margin-bottom: 0;
}

.a {
	margin: 20px 0;
}

.video-js {
	border-radius: 6px;
}

.btn-recu-outline i, .recu-link i {
	padding-right: 2px;
}

.recu-notifications-button {
	position: relative;
	width: 31px;
	height: 31px;
	display: inline-block;
}

.recu-notifications-button span {
	position: absolute !important;
	top: 3px !important;
	left: 52%;
	color: var(--text-color);
	border-radius: 50%;
	padding: 1px 4px;
	font-size: 6px;
	display: block;
	text-indent: -100000px;
	border: 2px solid var(--background-color);
}

.recu-notifications-button.animated i {
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	animation: ring 4s .7s ease-in-out infinite;
}


@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }

	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }

	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }

	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}

.recu-notifications-button i:before,
.recu-notifications-button i {
	font-size: 21px !important;
}

.recu-notifications-button i {
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.recu-notifications-holder {
	.read-notification-text {
		cursor: pointer;
		color: var(--text-orange-color);

		&:hover {
			text-decoration: underline;
		}
	}

	small.notification-date {
		display: block;
		color: var(--text-gray-color);
	}

	&.notifications-page {
		text-align: left;
		max-width: 600px;
		margin: 10px auto;

		p {
			padding-right: 20px;
			cursor: pointer;

			&.no-link {
				cursor: initial;
			}

			&.read:hover {
				cursor: initial;
			}

			&:first-of-type {
				border-top: 1px solid var(--border-gray-color);
				margin-top: 30px;
				padding-top: 20px;
			}


			&.read {
				color: var(--text-light-gray-1-color);
				opacity: 0.5;

				.hint.mobile,
				.hint.mark-as-read {
					display: none !important;
				}
			}

			&.step3{
				color: var(--text-light-gray-1-color);
				opacity: 0.5;
			}
			&.step2 {
				opacity: 0.7;
			}
			&.step1 {
				opacity: 0.85;
			}

			span.notification-date {
				color: var(--text-gray-color);
				font-size: 12px;
			}

			&.has-hint.read .hint.mark-as-read,
			&.has-hint.read .hint.mobile,
			.hint {
				font-size: 12px;
				display: none;
				cursor: pointer;
			}

			.hint.mobile {
				display: inline;
			}

			&:hover {
				.hint.mark-as-read {
					display: inline;

					&:hover {
						text-decoration: underline;
					}
				}
			}
		}

		p + p {
			margin-top: 20px;
			padding-top: 20px;
			border-top: 1px solid var(--border-gray-color);
		}
	}
}

.user-block-mobile .recu-notifications-holder:before,
.user-block .recu-notifications-holder:before {
	content: ' ';
	position: absolute;
	top: -6px;
	left: 9px;
	rotate: z 45deg;
	background-color: var(--background-dark-gray-color);
	border: 1px solid var(--border-gray-color);
	border-bottom: none;
	border-right: none;
	width: 10px;
	height: 10px;
	padding: 0;
	font-size: 1px;
	display: block;
}

.user-block-mobile .recu-notifications-holder,
.user-block .recu-notifications-holder {
	font-family: var(--font-base);
	display: none;
	position: absolute;
	background-color: var(--background-dark-gray-color);
	border: 1px solid var(--border-gray-color);
	padding: 16px 0;
	z-index: 100;
	top: 100%;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 200px;
	translate: 0 -5px;
	border-radius: 5px;
	color: var(--text-color);

	h4 {
		font-size: 13px;
		line-height: 14px;
		font-weight: bold;
		border-bottom: 1px solid var(--background-gray-color);
		padding: 0 16px 15px;
		margin-bottom: 15px;

		a {
			font-size: 10px;
			line-height: 16px;
			float: right;
			color: var(--text-orange-color);

			&:hover {
				text-decoration: underline;
			}
		}
	}

	p {
		padding: 6px 25px 6px 16px;
		cursor: pointer;
		margin: 0;

		&:hover {
			background-color: var(--background-gray-color);
		}
	}
}

.user-block-mobile .recu-notifications-holder {
	translate: 0 10px;
}

.recu-notifications-button.show + .recu-notifications-holder {
	display: block;
}

.recu-notifications-holder {
	.read-notification {
		display: inline-block;
		width: 12px;
		height: 12px;
		position: relative;
		cursor: pointer;
		float: right;
		margin-right: -15px;
		margin-top: 0;

		&::before,
		&::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 12px;
			height: 1px;
			background-color: var(--text-light-gray-1-color);
		}

		@media screen and (max-width: 991px) {
			width: 20px;
			height: 20px;

			&::before,
			&::after {
				width: 16px;
			}
		}


		&::before {
			transform: translate(-50%, -50%) rotate(45deg);
		}

		&::after {
			transform: translate(-50%, -50%) rotate(-45deg);
		}

		&:hover::before,
		&:hover::after {
			background-color: var(--text-gray-color);
		}
	}

	div.show-all-notifications a,
	p a{
		cursor: pointer;
		color: var(--text-orange-color);

		&&:hover {
			text-decoration: underline;
		}
	}

	div.show-all-notifications{
		padding: 10px 16px 0;

		small {
			color: var(--text-gray-color);
			white-space: nowrap;
		}
	}

	p:last-child {
		margin-bottom: 0;
	}
}

.alert-message {
	letter-spacing: 2px;
}

.pricing .card {
	background-color: var(--background-color);
	border: 2px solid var(--border-gray-color);
	border-radius: 6px;
}

div.highlight-product > .card,
.highlight-last-block > div:last-child > .card {
	border-color: var(--border-orange-color);
}

@media (min-width: 992px){
	.pricing .card {
		height: 100%;
	}

	.user-block-mobile {

		&.d-block {
			display: none !important;
		}
	}
}

.pricing .card ul {
	text-align: left;
}

.pricing .card hr {
	border-top: 1px solid var(--border-gray-color);
}

.pricing .card-title {
	text-transform: uppercase;
	font-family: montserrat, sans-serif;
	font-weight: bold;
}

.pricing.black-friday .order-lg-2:first-child .card-title.glare {
	background-image: none;
	color: white;
}

.pricing .card-price {
	font-size: 30px;
	font-family: var(--font-header), serif;
	font-weight: bold;
}

.pricing .card-price .period {
	font-size: 12px;
	margin-left: 8px;
}

.pricing .card-price i {
	font-style: normal;
	font-size: 22px;
	color: var(--block-pricing-card-price-i-color);
	font-weight: normal;
}

.pricing .card-price i.big {
	font-size: 30px;
}

.pricing .card.choose {
	border-color: var(--border-orange-color);
}

.pricing .card-sub {
	font-size: 0.85em;
}

.pricing .card-sub b {
	font-family: var(--font-navigation);
}

.btn-secondary.disabled {
	color: var(--button-secondary-disabled-color) !important;
	border-color: var(--button-secondary-disabled-border-color) !important;
	background-color: inherit;
}

.countdown_button {
	background-color: #252525;
	color: #666666;
}

.page-link:focus {
	box-shadow: none;
}

.recu-button-block {
	max-width: 330px;
	margin: 25px auto 150px;
}

.plan-name {
	text-transform: capitalize;
}

.recu-user-data {
	border: 2px solid var(--block-user-data-border);
	border-radius: 6px;
	margin: 3rem auto;
	max-width: 600px;
	padding: 15px 20px;
	text-align: left;
}

.video-subscriptions.recu-user-data {
	max-width: 100%;
}

.my-bookmarks.recu-user-data {
	margin-top: 1.5rem;
}

.my-shared-bookmarks.recu-user-data {
	margin-top: 1rem;
}


@media screen and (min-width: 600px){
	.video-subscriptions.recu-user-data.requested .performers-list {
		column-count: 4;
	}
}

.liked-videos-performers.recu-user-data {
	max-width: 100%;
	margin-top: 1.5rem;
}

@media screen and (min-width: 600px){
	.liked-videos-performers.recu-user-data.requested .performers-list {
		column-count: 4;
	}
}


.recu-user-data .row {
	padding: 4px;
	line-height: 32px;
}

.recu-user-data.profile .row div:first-child {
	text-transform: uppercase;
	font-family: var(--font-navigation), serif;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 2px;
	color: var(--text-gray-color);
}

.recu-user-data.profile a:hover {
	text-decoration: none;
}

.recu-user-data .row h2,
.recu-user-data .row h1 {
	font-size: 22px;
	text-transform: capitalize;
	color: var(--block-user-data-header-color);
	font-weight: normal;
	font-family: var(--font-navigation), serif;
	letter-spacing: 2px;
}

.recu-user-data .button-block {
	margin-left: 4px;
}

.recu-user-data.history.loading {
	position: relative;
}

.recu-user-data.history.loading:before {
	position: absolute;
	display: block;
	content: " ";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
	background: var(--background-transparent-color);
}

.recu-user-data.history,
.recu-user-data.bookmarks {
	padding-bottom: 0;
}

.ref-earnings {
	border: 2px solid var(--block-user-data-border);
	border-radius: 6px;
	margin: 3rem auto;
	max-width: 600px;
	padding: 15px 20px;
	text-align: left;
}

.ref-earnings.ref-earnings-total {
	border-color: var(--border-orange-color);
	line-height: 1em;
}

.ref-earnings.ref-earnings-total .row {
	align-items: center;
}

.ref-earnings h2 {
	font-size: 1.25em;
	font-weight: bold;
}

.ref-earnings a.details, #ref-earnings-show-more {
	font-size: .75em;
	color: var(--text-orange-color);
}

.ref-earnings.ref-earnings-total h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0;
	color: var(--text-orange-color);
}

.ref-earnings.ref-earnings-total button {
	font-size: .9em;
	white-space: nowrap;
}

.ref-earnings.ref-earnings-total button[disabled] {
	border-color: transparent;
	background-color: var(--background-gray-color);
	color: var(--text-light-gray-1-color);
}

.ref-earnings.ref-earnings-payout {
	display: none;
}

.ref-earnings.ref-earnings-transactions table {
	margin-top: .5em;
	color: var(--text-color);
}

.ref-earnings.ref-earnings-transactions table thead tr th {
	font-size: .9em;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px solid var(--border-gray-color);
	padding: 0.5rem 0;
}

.ref-earnings.ref-earnings-transactions table tbody tr td {
	font-size: .75em;
	border-bottom: 1px solid var(--border-dark-gray-color);
	padding: 0.5rem 0;
}

.ref-earnings.ref-earnings-transactions table tbody tr td.negative {
	color: var(--text-gray-color);
}

.recu-user-email {
	display: inline-block;
	vertical-align: middle;
	max-width: 17em;
}

.recu-user-email.long {
	max-width: 100%;
}

.recu-user-data.history .row:nth-child(2),
.recu-user-data.bookmarks .row:nth-child(2) {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0;
}

.btn-xs {
	padding: .15rem 0.4rem;
	font-size: .8rem;
	line-height: 1.4;
	border-radius: .2rem;
}

.pop-hint {
	font-style: normal;
	font-size: 0.8em;
	margin-left: 4px;
	border-bottom: 1px dotted;
	cursor: pointer;
}

.recu-badge {
	font-weight: normal;
	background: var(--badge-gray-background);
	padding: 4px 8px;
	border-radius: 4px;
	cursor: default;
}

.recu-badge_small {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.recu-badge_dark {
	background: var(--badge-dark-gray-background);
}

[data-tooltip] {
	position: relative;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	position: absolute;
	padding: 8px;
	color: var(--text-light-gray-2-color);
	background-color: var(--background-gray-color);
	border-radius: 4px;
	opacity: 0;
	box-shadow: 0 0 10px rgb(0,0,0,0.5);
	font-size: 0.8rem;
	white-space: nowrap;
	visibility: hidden;
	font-weight: normal;
	font-family: var(--font-base);
	transition: all 0.5s;
	display: block;
	z-index: 1080;
	line-height: initial;
}

[data-tooltip]:hover::after {
	opacity: 1;
	visibility: visible;
}

[data-tooltip].download::after {
	top: -35px;
	right: -4px;
}

[data-tooltip].encrypted::after {
}

.extra-badge {
	padding: 0 3px;
	font-size: 11px;
	background: var(--button-background-color);
	color: var(--button-text-color);
	border-radius: 2px;
	vertical-align: text-bottom;
	line-height: 1.4;
	display: inline-block;
	margin: 0;
}

.encrypted {
	position: absolute;
	top: 0;
	margin-top: 15px;
	left: 0;
	margin-left: 15px;
	font-size: 16px;
	opacity: 0.25;
	transition: all 0.5s;
	cursor: pointer;
	z-index: 1000;
	display: inline-block;
}

.encrypted:hover {
	opacity: 1;
}

.strikethrough {
	position: relative;
}

.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid;
	border-color: inherit;

	-ms-transform:rotate(-15deg);
	transform:rotate(-15deg);
}

.glare {
	background-image: var(--block-glare-ultimate-background);
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}

.titanium.card-body .glare {
	background-image: var(--block-glare-titanium-background);
}

.round-mark {
	border: 0;
	border-bottom: 1px solid var(--round-mark-border);
	padding-bottom: 1px;
}

.recu-user-data.requested {
	padding-bottom: 0;
	max-height: 235px;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 599px) {
	.recu-user-data.requested {
		max-height: 395px;
	}

	.grid-view-5 {
		display: grid;
	}
	.grid-view-5 > *{
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-view-5 > :nth-child(1){
		grid-column: 1/ span 2;
		border-top-left-radius: .2rem !important;
	}
	.grid-view-5 > :nth-child(2){
		grid-column: 3/ span 2;
	}
	.grid-view-5 > :nth-child(3){
		grid-column: 5/ span 2;
		border-top-right-radius: .2rem !important;
	}
	.grid-view-5 > :nth-child(4){
		grid-column: 1/ span 3;
		border-bottom-left-radius: .2rem !important;
		margin-left: 0 !important
	}
	.grid-view-5 > :nth-child(5){
		grid-column: 4/ span 3;
		border-bottom-right-radius: .2rem !important;
	}

	.grid-view-6 {
		display: grid;
		grid-template: "a a a";
	}
	.grid-view-6 > * {
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-view-6 > :nth-child(1){
		border-top-left-radius: .2rem !important;
	}
	.grid-view-6 > :nth-child(3){
		border-top-right-radius: .2rem !important;
	}
	.grid-view-6 > :nth-child(4){
		border-bottom-left-radius: .2rem !important;
		margin-left: 0 !important;
	}
	.grid-view-6 > :nth-child(6){
		border-bottom-right-radius: .2rem !important;
	}

	.grid-view-7 {
		flex-wrap: wrap;
		flex-direction: row;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-view-7 > * {
		border-radius: 0;
	}
	.grid-view-7 > :nth-child(1) {
		border-top-left-radius: .2rem !important;
		order: 1;
		width: 25%;
	}
	.grid-view-7 > :nth-child(2) {
		order: 2;
		width: 25%;
	}
	.grid-view-7 > :nth-child(3){
		order: 3;
		width: 25%;
	}
	.grid-view-7 > :nth-child(7) {
		border-top-right-radius: .2rem !important;
		order: 4;
		width: 25%;
	}
	.grid-view-7 > :nth-child(4){
		border-bottom-left-radius: .2rem !important;
		margin-left: 0 !important;
		order: 5;
		width: 33%;
	}
	.grid-view-7 > :nth-child(5) {
		order: 6;
		width: 34%;
	}
	.grid-view-7 > :nth-child(6) {
		border-bottom-right-radius: .2rem !important;
		order: 7;
		width: 33%;
	}

	.grid-view-8 {
		display: inline-flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.grid-view-8 > * {
		border-radius: 0;
		width: 25%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.grid-view-8 > :nth-child(1) {
		border-top-left-radius: .2rem !important;
	}
	.grid-view-8 > :nth-child(4){
		border-top-right-radius: .2rem !important;
	}
	.grid-view-8 > :nth-child(5) {
		border-bottom-left-radius: .2rem !important;
		margin-left: 0 !important;
	}
	.grid-view-8 > :nth-child(7) {
		border-bottom-left-radius: .2rem !important;
	}
	.grid-view-8 > :nth-child(8) {
		border-bottom-right-radius: .2rem !important;
	}

	.video-comments .comments .comment .message nobr {
		font-size: 0.8em;
	}
}

.account {
	position: relative;
}

.account a[name=ref] {
	position: absolute;
	transform: translateY(-35vh);
}

.account .recu-user-data.requested {
	max-height: 335px;
}

.recu-user-data.requested .row:nth-child(2) {
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}

.recu-user-data.requested .performers-list {
	columns: 2;
	margin: 0 0 30px 0;
}

.recu-user-data.requested .performer-li {
	margin: 0;
	max-width: 100%;
}

.recu-user-data.requested .expand-all {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--background-gray-color);
	text-align: center;
	z-index: 1;
}

.recu-user-data.bookmarks .show-all,
.recu-user-data.subcriptions .show-all,
.recu-user-data.history .show-all {
	text-align: center;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.encrypted {
		margin-top: 15px;
	}
	.video-thumb {
		width: 100%;
		height: 51cqw;
	}
	.video-splash {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		background-size: 400% 400%;
		background-position: 0 -200%;
		position: relative;
		border-radius: 3px;
	}
	.header-main--downloader {
		font-size: 25px;
	}
}

.grecaptcha-badge { visibility: hidden !important; }

.plan-selector {
	padding: 10px 15px 0;
	text-align: center;
	margin: auto;
}

.plan-selector select {
	text-align: center;
	background: var(--block-pricing-plan-selector-background);
	color: var(--block-pricing-plan-selector-color);
	border-color: var(--block-pricing-plan-selector-border);
	max-width: 180px;
	display: inline-block;
	outline: none;
}

.card-sub + .btn {
	margin-top: 10px;
}

.product-card-basic .card-sub + .btn {
	margin-top: 0;
	margin-bottom: 10px;
}

.pricing hr + .card-sub {
	color: var(--block-pricing-card-sub-color);
}

.product-card-premium {
	display: none;
}

.product-card-ultimate {
	display: none;
}

.product-card-active {
	display: block;
}

.recud-demo .info-block {
	padding: 25px;
	background-color: var(--block-downloader-demo-background);
	border-radius: 20px;
}

.recud-demo .info-block i {
	min-width: 2.3rem;
	font-size: 1.5rem;
	vertical-align: bottom;
	opacity: 0.4;
	display: block;
	float: left;
	padding-bottom: 1rem;
}

.license-key {
	border: 2px dashed var(--border-gray-color);
	display: inline-block;
	padding: 20px;
	margin: 10px 0;
}

.license-key b {
	display: block;
	margin-top: 3px;
	font-family: var(--font-navigation);
	letter-spacing: 2px;
	font-size: 18px;
}

#your_license {
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
	letter-spacing: 2px;
}

p.description-text {
	letter-spacing: 2px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

.footer a,
.footer a:hover,
.footer a:visited {
	color: var(--text-gray-color);
	text-decoration: underline;
	border: 0;
}

.footer .legal a {
	margin-left: 5px;
	margin-right: 5px;
}

.splash-18 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--block-18-splash-background);
	z-index: 9000;
	text-align: center;
	vertical-align: middle;
	padding-top: 15%;
	display: block;
}

@media (max-width: 480px) {
	.splash-18 h1 {
		font-size: 23px;
	}
}

.btn.focus, .btn:focus { box-shadow: none; }
.btn-sm-pad0 { padding: 0; }

.legal-text p,
.legal-text h2,
.legal-text h3,
.legal-text ul {
	text-align: left;
	font-size: 14px;
}

.legal-text a {
	color: var(--text-orange-color);
}

.legal-text h2 {
	font-weight: bold;
	font-size: 16px;
}

.legal-text h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
}

.form-support, .form-block-country {
	width: 100%;
	max-width: 660px;
	margin: 25px auto 150px;
}

.form-block-country {
	max-width: 330px;
}

.form-support .form-group {
	text-align: left;
}

.form-dmca {
	width: 100%;
	max-width: 660px;
	margin: 25px auto 150px;
}

.form-dmca .form-group {
	text-align: left;
}

input[type="checkbox"] + label {
	padding-left: 5px;
}

.search-box-fayt-input {
	transition: 1s;
	opacity: 0.4;
}

.search-box-fayt-input:hover,
.search-box-fayt-input:focus {
	opacity: 1;
}

.search-box {
	margin: 0 auto;
	width: 330px;
	font-family: var(--font-base);
}

.search-box-result {
	width: 330px;
	box-shadow: 0 10px 10px var(--block-search-box-shadow);
	z-index: 10000;
	top: 31px !important;
	transform: none !important;
}

.search-box-result .performer-li {
	max-width: 100%;
	margin: 0;
}

.search-box-result .dropdown-item {
	padding: 0.25rem 1rem;
}

.search-box-result .dropdown-item i {
	float: right;
	display: inline-block;
	margin: 3px 0;
	font-weight: normal;
}

.search-box-result .dropdown-item i.ago {
	color: var(--block-search-box-color-i-ago);
}

.search-box-result .dropdown-item i.new {
	border: 1px solid var(--block-search-box-border);
	background: var(--block-search-box-background);
	color: var(--text-gray-color);
}

.search-box-result .dropdown-item:focus,
.search-box-result .dropdown-item:hover {
	background-color: var(--block-search-box-result-background);
}

.loading-msg {
	margin-top: 30px;
}

.dropdown-toggle:focus, .dropdown-toggle:active {
	box-shadow: none !important;
}

.dropdown-toggle::after {
	vertical-align: .1em;
}

.recu-dropdown {
	display: inline-block;
}

.recu-dropdown a span {
	vertical-align: middle;
	max-width: 8rem;
}

.crop-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}

.recu-dropdown-menu {
	font-family: var(--font-base), serif;
	font-size: 14px;
	font-weight: 400;
	background-color: var(--block-dropdown-background);
	border-color: var(--block-dropdown-border);
}

.recu-dropdown-menu .dropdown-item {
	color: var(--block-dropdown-orange-text);
}
.recu-dropdown-menu .dropdown-item.active {
	background: var(--block-dropdown-background) !important;
}
.recu-dropdown-menu .dropdown-divider {
	border-top-color: var(--block-dropdown-border);
}

.recu-dropdown-menu .dropdown-item:focus,
.recu-dropdown-menu .dropdown-item:hover {
	background: inherit;
	text-decoration: none;
	background-color: var(--block-dropdown-active-background) !important;
}

.dropdown-menu {
	min-width: 5rem;
}

.video-thumb-100 {
	width: 100%;
}

.video-live {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-size: 100% 100%;
	background-position: 0 -200%;
	position: relative;
	border-radius: 3px;
}

.live-status {
	background-color: var(--live-status-background-color);
	position: absolute;
	top: 12px;
	right: 17px;
	padding: 4px 9px;
	font-size: 16px;
}

.video-splash-100 {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-size: 400% 400%;
	background-position: 0 -200%;
	position: relative;
	border-radius: 3px;
}

.video-splash-100:hover {
	animation: splash-play-x-100 1.6s steps(4) infinite, splash-play-y-100 6.4s steps(4) infinite;
}

@keyframes splash-play-x-100 {
	from { background-position-x: 0; }
	to   { background-position-x: -400%; }
}

@keyframes splash-play-y-100 {
	from { background-position-y: 0; }
	to   { background-position-y: -400%; }
}

.invalid {
	border: 3px solid var(--error-border-color);
}

.performer-info {
	overflow: hidden;
	margin-bottom: 30px;

	.buttons-block {
		.recu-link {
			padding-left: 0;
		}
	}

	@media screen and (max-width: 599px) {
		margin-bottom: 0;

		.buttons-block {
			.recu-link {

				margin: 0;
			}
		}
	}
}

#performerVideoSort {
	@media screen and (max-width: 599px) {
		margin-top: 0.5rem !important;

		.btn-group {
			padding-left: 0 !important;
			padding-right: 0 !important;

			.btn {
				white-space: nowrap;
				overflow-x: hidden;
				text-overflow: ellipsis;
				display: block;
			}
		}
	}
}

.performer-info-video {
	& > div {
		padding: 16px;
	}

	@media screen and (max-width: 991px) {
		& > div {
			padding-left: 0;
			padding-right: 0;
		}

		.performer-video-preview {
			.video-info {
				display: none;
			}

			.video-splash-100 {
				animation: none !important;
				background-size: 800% 400%;
				background-position: 7% -200%;
				border-radius: 999px;
				max-width: 150px;
				max-height: 150px;
				min-height: 150px;
				min-width: 150px;
				padding: 0;

				.video-time {
					display: none;
				}
			}
		}
	}
}

.performer-info-text {
	text-align: left;
	padding: 16px;

	b {
		color: var(--text-gray-color);
	}

	.buttons-block {
		a {
			margin: 10px 0;
		}
		.spacer {
			display: none;

			@media screen and (max-width: 600px){
				display: block;
			}
		}
	}
}


.performer-links-edit input:invalid {
	border: 3px solid var(--error-border-color);
}

@media screen and (max-width: 991px) {
	.performer-info-text {
		width: 100%;
	}
}

.performer-links-edit form div.link {
	margin-bottom: 1rem;
}

.performer-links-edit div.link div.label {
	float: left;
	height: 50px;
	width: 150px;
	font-size: 14px;
	color: var(--text-gray-color);
	font-weight: bolder;
	text-align: left;
	padding-top: 11px;
}

.performer-links-edit div.link div.label.onmoderation {
	padding-top: 0;
}

.performer-links-edit div.link div.label a.edit-name {
	color: var(--text-gray-color);
	font-size: 12px;
	padding-left: 6px;
}

.performer-links-edit div.link div.label a.edit-name:hover {
	color: var(--text-orange-color);
}

.performer-links-edit input {
	width: calc(100% - 150px);
	font-size: 16px;
}

@media screen and (max-device-width: 480px) {
	.performer-links-edit form div.link .label {
		float: unset;
		height: unset;
		line-height: unset;
		margin-bottom: 6px;
	}
	.performer-links-edit input {
		width: 100%;
	}
}

.performer-links-edit .input-link-name {
	width: 100px;
	float: left;
	margin-right: 50px;
	display: none;
}

.performer-links-stats {
	margin-bottom: 30px;
}

.performer-links-stats table {
	font-family: var(--font-navigation), serif;
	font-size: 15px;
	width: 100%;
	color: var(--text-color);
}

.performer-links-stats table td {
	height: 36px;
}

.performer-links-stats table thead tr {
	font-size: 1rem;
}

.performer-links-stats table td.link_host {
	text-transform: uppercase;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--text-gray-color);
	text-align: left;
	width: 19%;
}

.performer-links-stats table td.value {
	width: 27%;
}

.performer-links-stats table tr.total {
	font-weight: 700;
}

.performer-links-stats table tr.total td.link_host {
	font-weight: 900;
	font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
	.performer-links-stats table td.value {
		font-size: 0.8rem;
	}
}

#plyr_container {
	text-align: center;
	position: relative;
}

#plyr_container video {
	display: none;
}

.plyr {
	border-radius: 6px;
	height: 100%;

	input[type=range][data-plyr=volume] {
		cursor: pointer;
	}

	input[type=range][data-plyr=seek] {
		-webkit-appearance: none;
		cursor: pointer;
	}

	input[type=range][data-plyr=seek]::-webkit-slider-thumb {
		opacity: 0;
	}
}

.plyr__menu__container {
	.plyr__control[role=menuitemradio]:before {
		background: var(--button-hover-background-color) !important;
	}

	.plyr__control[role=menuitemradio][aria-checked=true]:after {
		background: var(--button-hover-text-color) !important;
	}
}

.plyr__preview {
	background-color: var(--background-color);
}

.plyr__preview-thumb__image-container {
	height: 100px;
}

.plyr__progress__marker {
	width: 4px;
	opacity: 0.5;
	cursor: pointer;

	&:hover {
		opacity: 1;
	}

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

.plyr--video.plyr--fix-controls .plyr__controls {
	opacity: 1 !important;
	pointer-events: all !important;
	transform: none !important;
}

.plyr__controls--mobile {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;

	@media (orientation: landscape) {
		padding-bottom: 30px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.plyr__controls__item {
		&.plyr__control {
			padding-right: 0 !important;
		}

		&.plyr__progress__container {
			order: 1;
			flex-basis: 100%;
			margin-left: 0;
			padding-left: 0;
		}

		&.plyr__time--duration {
			margin-right: auto;

			&::before {
				margin-right: 7.5px;
			}
		}

		&.plyr__time--current {
			margin-right: 0 !important;
		}
	}

	.plyr__time +.plyr__time {
		display: inline-block;
		color: #7C7C7C;
	}
}

.cursor-pointer {
	cursor: pointer;
}

.color-orange {
	color: var(--text-orange-color);
}

i.q:before {
	font-style: normal;
	content: '\02022';
}

#video-loader{
	z-index: 999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.5rem;
	margin-top: -1.5rem;
}

#video-unavailable {
	display: none;
  }

.video-like-action i {
	width: 16px;
	height: 16px;
	margin-right: 2px;
}

a.account-performer,
a.account-performer:hover,
a.account-performer:visited {
	color: var(--text-orange-color);
	text-decoration: none;
	border: 0;
	font-weight: bold;
}

.video-markup {
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.video-markup a {
	color: var(--text-orange-color);
}

.video-markup b {
	padding: 0 8px;
	color: var(--text-gray-color);
}

.video-markup .video-markup-toggle:hover {
	text-decoration: none;
}

.video-markup .video-markup-content a.timecode {
	display: inline-block;
	position: relative;
}

.video-markup-preview {
	display: block;
	position: absolute;
	bottom: 24px;
	width: 157px;
	height: 88px;
	border-radius: 5px;
	background-size: contain;
	z-index: 1000;
}

.video-markup .video-markup-content {
	margin-top: 4px;
}

.video-markup .video-markup-content,
.video-markup .video-markup-toggle-open {
	display: none;
}

.video-markup.video-markup-open .video-markup-content {
	display: block;
}

.video-markup.video-markup-open .video-markup-toggle-open {
	display: inline;
}

.video-markup.video-markup-open .video-markup-toggle-closed {
	display: none;
}

.video-comments {
	padding-bottom: 100px;
}

.video-comments a {
	text-align: left;
	padding: 4px;
	line-height: 1.5;
	color: var(--text-orange-color);
}

.video-comments form {
	overflow: auto;
	padding-bottom: 10px;
}

.video-comments form .alert {
	display: none;
}

.video-comments form label  {
	width: 100%;
}

.video-comments form .alert {
	display: none;
}

.video-comments form textarea  {
	width: 100%;
}

.video-comments form textarea.has-timecode-button {
	padding-right: 90px;
}

.video-comments form img.loader  {
	height: 38px;
	width: 38px;
	display: none;
}

.video-comments .comments {
	padding-top: 20px;
}

.video-comments .comments .comment {
	min-height: 80px;
	overflow: hidden;
	margin-bottom: 30px
}

.video-comments .comments .comment .avatar {
	width: 70px;
	text-align: center;
}

.video-comments .comments .comment .avatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}

.video-comments .comments .comment .message {
	padding-left: 5px;
	width: calc(100% - 80px);
}

.video-comments .comments .comment .message p {
	margin-bottom: 0;
	word-wrap: break-word;
}

.video-comments .comments .comment .message .username {
	font-weight: bold;
}

.video-comments .comments .comment .message .username i::before {
	color: var(--text-orange-color);
}

.video-comments .comments .comment .message .username img {
	position: relative;
	top: -1px;
}

.video-comments .comments .comment .message .username .performer-link {
	padding: 0;
}

.video-comments .comments .comment .message .username .bg-yellow {
	background: var(--button-background-color);
	font-size: 12px;
	padding: 3px;
	color: var(--background-color);
	border-radius: 4px;
	margin-left: 4px;
	position: relative;
	top: -1px;
}

.video-comments .comments .comment .message .actions {
	width: 100%;
	height: 20px;
}

.video-comments .comments .comment .actions a {
	display: inline-block;
	height: 25px;
	padding: 0;
	line-height: 1rem;
}

.video-comments .comments .comment .message.reported {
	color: var(--text-light-gray-2-color);
	font-style: italic;
}

.video-comments .comments .comment .message .actions a {
	color: var(--text-color);
	padding-right: 20px;
	text-decoration: none;
}

.video-comments .comments .comment .message .actions a.processing {
    color: var(--text-middle-gray-1-color);
}

.video-comments .comments .comment .message .actions a.active {
	color: var(--text-orange-color);
}

.video-comments .comments .comment .message .actions a.action {
	opacity: 0;
	transition: opacity ease 0.5s;
}

.video-comments .comments .comment:hover .message .actions a.action {
	opacity: 100%;
}

.video-comments .video-comment-edit-form {
	display: none;
	position: relative;
}

.video-comments .comments a.cancel {
	line-height: 30px;
}

.video-comments .video-comment-edit-form .editing-result {
	display: none;
}

.video-comments .timecode-add {
	cursor: pointer;
	border: 2px solid var(--background-color);
	font-weight: bold;
	position: absolute;
	top: 130px;
	right: 24px;
	color: var(--background-color);
	padding: 4px 6px;
	z-index: 9;
	display: none;
	font-size: 8px;
	opacity: 0.8;

	&:hover {
		opacity: 1;
	}
}

.change-email-form-result {
	display: none;
}

#account-change-email-form .alert {
	display: none;
}

.dmca-form-result {
	display: none;
}

.support-form-result {
	display: none;
}

.request-performer-form-result {
	display: none;
}

.restore-password-form-result {
	display: none;
}

.performer-profit-value {
	margin-bottom: 10px;
	color: var(--text-orange-color);
	font-size: 80px;
	font-weight: 700;
	line-height: normal;
}

.performer-profit-text {
	color: var(--text-light-gray-2-color);
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
}

@media screen and (min-width: 992px) {
	.performer-profit:nth-of-type(1):after,
	.performer-profit:nth-of-type(2):after {
		content: '';
		display: block;
		position: absolute;
		height: calc(100% - 20px);
		width: 2px;
		right: -1px;
		top: 10px;
		bottom: 10px;
		background-color: var(--border-gray-color);
	}
}

@media screen and (max-width: 991px) {
	.performer-profit:nth-of-type(2):after,
	.performer-profit:nth-of-type(3):after {
		content: '';
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		bottom: -1px;
		top: auto;
		left: 0;
		right: 0;
		background-color: var(--border-gray-color);
	}
}

.performer-benefits {
	counter-reset: benefit-counter;
}

.performer-benefit .content-subtitle::before {
	counter-increment: benefit-counter;
	content: counter(benefit-counter);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 40px;
	height: 40px;
	border: 1px solid var(--border-gray-color);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -6px;
}

.performer-benefit:not(:last-of-type) {
	border-bottom: 2px solid var(--border-gray-color);
}

.performer-benefit-img {
	display: inline-block;
	border-radius: 6px;
	border: 2px solid var(--border-gray-color);
}

@media screen and (max-width: 767px) {
	.performer-benefit-img {
		width: 100%;
	}

	.performer-benefit-img img {
		width: 100%;
	}
}

.performer-benefit ul {
	margin-top: 10px;
	padding-left: 72px;
}

.performer-benefit li {
	margin-bottom: 8px;
	color: var(--text-light-gray-2-color);
}

@media screen and (max-width: 991px) {
	.content-subtitle {
		padding-left: 0;
	}

	.performer-benefit .content-subtitle::before {
		content: none;
	}

	.performer-benefit:not(:last-of-type) {
		border-bottom: none;
	}

	.performer-benefit ul {
		padding-left: 16px;
	}
}

.faq-details {
  display: block;
}

.faq-summary {
	display: flex;
	align-items: flex-start;
	padding: 12px 0;
	border-top: 2px solid var(--border-gray-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	cursor: pointer;
}

.faq-summary::marker,
.faq-summary::-webkit-details-marker {
	display: none;
}

.faq-summary::-moz-list-bullet {
	list-style-type: none;
}

.faq-summary:after {
	position: relative;
	top: 2px;
  content: url('https://cdn.recu.me/p/files/icon-plus.svg');
  margin-left: auto;
	padding-left: 8px;
}

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

.faq-text {
	padding-bottom: 12px;
	margin-bottom: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	color: var(--text-light-gray-2-color);
}

.faq-details[open] > .faq-summary:after {
  content: url('https://cdn.recu.me/p/files/icon-close.svg');
}

@media screen and (min-width: 992px) {
	.faq-details:last-of-type::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--border-gray-color);
	}
}

@media screen and (max-width: 991px) {
	.faq {
		margin-left: -15px;
		margin-right: -15px;
	}

	.faq-col:last-of-type .faq-details:last-of-type::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		left: 0;
		right: 0;
		bottom: auto;
		background-color: var(--border-gray-color);
	}
}

.become-performer-form {
	margin: 25px auto;
}

.become-performer-code {
	display: none;
}

.become-performer-code .form-sign {
	margin: 25px auto 60px;
}

.become-performer-code div.code {
	position: relative;
}

.become-performer-code div.code input {
	max-width: 150px;
	text-align: center;
	display: inline;
	margin: 0 4px;
}

.become-performer-code div.code .copy-to-clipboard {
	position: absolute;
	top: 7px;
	margin-left: 10px;
}

.become-performer-code .loader {
	height: 38px;
	display: none;
}

.performer-manage-info {
	margin-top: 60px;
}

.become-performer-action {
	display: grid;
	align-items: center;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto auto;
	width: 100%;
	margin: 60px auto;
	padding: 32px;
	position: relative;
}

.become-performer-action::after {
	content: '';
	position: absolute;
	inset: 0px;
	background: center / cover no-repeat url('https://cdn.recu.me/p/files/info-block-bg.png');
	border: 2px solid var(--border-gray-color);
	border-radius: 6px;
	z-index: -1;
}

.become-performer-action h6 {
	grid-area: 1 / 1 / span 2 / 1;
	margin: 0 40px 0 0;
}

.become-performer-action label {
	grid-area: 1 / 2 / 1 / 2;
	align-self: self-end;
}

.become-performer-action input {
	grid-area: 2 / 2 / 2 / 2;
	align-self: flex-start;
}

.become-performer-action button {
	grid-area: 2 / 3 / 2 / 3;
	margin-left: 8px;
	align-self: flex-start;
}

.become-performer-action .alert {
	grid-area: 3 / 2 / 3 / 2;
	margin: 8px 0 0 0;
}

@media screen and (max-width: 767px) {
	.become-performer-action {
		width: 100%;
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 8px;
		padding: 60px 15px;
	}

	.become-performer-action::after {
		width: calc(100vw + 16px);
		left: 50%;
		transform: translateX(-50%);
		background-size: cover;
		border-radius: 0;
	}

	.become-performer-action h6 {
		grid-area: 1 / 1 / 1 / 1;
		margin: 0 auto 16px;
	}

	.become-performer-action h6 br {
		display: none;
	}

	.become-performer-action label {
		grid-area: 2 / 1 / 2 / 1;
		top: 0;
	}

	.become-performer-action input {
		grid-area: 3 / 1 / 3 / 1;
	}

	.become-performer-action button {
		grid-area: 4 / 1 / 4 / 1;
		margin: 0;
	}

	.become-performer-action .alert {
		grid-area: 5 / 1 / 5 / 1;
	}

	.become-performer-code div.code br {
		display: none;
	}
}

.restore-password-form-step2-result {
	display: none;
}

.select-payment-gateway {
	max-width: 600px;
	margin: auto;
	display: grid;
	justify-content: center;
	grid-auto-flow: column;
}

.select-payment-gateway .payment-gateway {
	display: inline-block;
}

.select-payment-gateway	div.payment-gateway a {
	color: var(--text-orange-color);
	text-decoration: none;
	border: 0;
}

.select-payment-gateway	div.payment-gateway a img {
	width: 128px;
	height: 128px;
}

.performer-pause {
	background-color: var(--text-page-header-background-color);
	color: var(--text-page-header-color);
	padding: 20px;
	border: 1px solid var(--text-page-header-border-color);
}

.how-to-pay-with-crypto {
	img {
		max-width: 100%;
		border-radius: 8px;
	}

	ol {
		margin-top: 32px;
		list-style-type: none;
		padding-left: 0;
		counter-reset: step-counter;
	}

	li {
		margin-bottom: 32px;
		counter-increment: step-counter;
	}

	li::before {
		content: counter(step-counter);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		border: 1px solid var(--border-gray-color);
		margin-bottom: 12px;
	}
}

@media (min-width: 992px){
	.how-to-pay-with-crypto {
		max-width: 70%;
		margin: auto;
	}
}

.bitcoin-pizza-day {
	.greeting {
		img {
			width: 233px;
			height: 332px;
		}

		.recu-badge {
			padding: 9px 12px;
		}
	}

	.buy-now .recu-badge {
		padding: 5px 10px;
	}

	@media screen and (max-width: 768px) {
		.greeting .recu-badge {
			padding: 8px 15px;
		}

		.col-12:not(ul) {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}

		ul.check-list {
			padding: 0 10px;
		}
	}
}

ul.check-list {
	list-style: none;
	text-align: left;

	li {
		padding-left: 21px;

		&::before {
			font-family: var(--font-awesome);
			content: "\f00c";
			margin-left: -21px;
			position: absolute;
		}
	}
}

.crypto-icons {
	display: flex;
	justify-content: center;
	gap: 12px;

	img {
		width: 32px;
		height: 32px;
	}

	@media screen and (max-width: 768px) {
		gap: 10px;

		img {
			width: 28px;
			height: 28px;
		}
	}
}

.price_old {
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: var(--block-pricing-card-sub-color);
}

.price_new {
	font-weight: 700;
	font-size: 30px;
	line-height: 45px;
	color: var(--text-orange-color);
}

.information-block {
	padding: 24px 32px;
	position: relative;

	&::before {
		content: '';
		position: absolute;
		inset: 0px;
		background: center / cover no-repeat url('https://cdn.recu.me/p/files/info-block-bg.png');
		border: 2px solid var(--border-gray-color);
		border-radius: 6px;
		z-index: -1;
	}

	@media screen and (max-width: 767px) {
		display: flex;
		flex-direction: column;
		gap: 16px;
		padding: 60px 15px;

		&::before {
			background: center / cover no-repeat url('https://cdn.recu.me/p/files/info-block-bg-mobile.png');
			width: calc(100vw + 16px);
			left: 50%;
			transform: translateX(-50%);
			background-size: cover;
			border-radius: 0;
		}
	}
}

.unsubscribe-form-result {
	display: none;
}

.become-performer h2 {
	font-family: "Montserrat Alternates", sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}

.become-performer-img {
	border: 2px solid var(--border-gray-color);;
	border-radius: 6px;
	width: 280px;
}

.performer-calendar {
	position: absolute;
	z-index: 62;
	background-color: black;
	display: inline-flex;
	vertical-align: middle;
	border: 2px solid var(--border-gray-color);
	border-radius: 6px;
}

@media (max-width: 992px) {
	.performer-calendar {
		display: block;
	}
}
.table-condensed {
	background-color: black;
}

.calendar-special-date{
	text-align: center;
	border: solid rgba(0,0,0,0);
	border-radius: 10px;
	margin: 5px;
	padding: 5px;
}

.calendar-special-date.active{
	border: solid var(--border-orange-color);
}

.prev, .next{
	color: var(--text-orange-color);
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover,.datepicker table tr td.day.focused,.datepicker table tr td.day:hover,.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
	background: var(--background-orange-color);
}
.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled] {
	background-color: var(--background-orange-color);
	background-image: none;
	font-weight: bold;
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active {
	background-color: var(--background-orange-color);
	background-image: none;
	font-weight: bold;
}

.datepicker table tr td span:hover {
	background: var(--background-orange-color)
}

.datepicker table tr td span.focused {
	background: none;
}

.datepicker table tr td.disabled:not(.old, .new),.datepicker table tr td.disabled:hover {
	color: unset;
}

.datepicker-inline {
	width: unset;
}

.video-filters {
	padding: 0 15px;
}

.tags-filter {
	overflow: hidden;
	display: block;
	height: 1.3rem;
	text-align: left;
	margin: 5px 15px 0;
	font-size: 1em;
}

@media (max-width: 480px) {
	.video-filters {
		padding: 0;
	}

	.tags-filter {
		margin: 5px 0 0;
	}
}

.tags-filter .all-tags {
	float: right;
}

.tags-filter .tag {
	color: var(--text-orange-color);
	margin-right: 8px;
	display: inline-block;
}

.tags-filter .tag.active {
	font-weight: bold;
	text-decoration: underline;
}

.video-info .tags {
	clear: both;
}

.timeline {
	margin: 1em 0;
	cursor: pointer;
	opacity: .5;
	transition: opacity .3s ease-out;
	display: flex;
	position: relative;
	background-position: 0 1000px;
	background-repeat: no-repeat;
}

.timeline .frame {
	flex-grow: 1;
	aspect-ratio: 16 / 9;
	background-size: 12800%;
	background-image: inherit;
}

.timeline:hover {
	opacity: 1;
}

.timeline .pointer {
	position: absolute;
	width: 3px;
	height: 100%;
	background: var(--button-background-color);
	box-shadow: 0 0 10px 5px var(--shadow-color);
}

@keyframes blink {
	0% { opacity: 0.5; }
	50% { opacity: 1.0; }
	100% { opacity: 0.5; }
}

.timeline .pointer.pending {
	animation: blink .3s linear infinite;
}

.video-info .tags a:hover {
	text-decoration: underline;
}

.video-info .tags a {
	margin-right: 4px;
}

.video-content-wrapper {
	position: relative;
}

.afterplay {
	visibility: hidden;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 40px;
	z-index: 1000;
}

.afterplay-shade {
	background-color: var(--block-afterplay-background);
	box-shadow: 0 20px 15px 15px var(--block-afterplay-background);
}

.afterplay-content {
	display: flex;
	flex-wrap: wrap;
	align-content: space-evenly;
	align-items: center;
	justify-content: space-evenly;
	overflow: hidden;
}

.afterplay-content .video-thumb {
	width: 28%;
	margin: 8px;
	position: relative;
	height: auto;
}

.afterplay-content .video-splash {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background-size: 400%;
	background-position: 0 -200%;
}

.afterplay-content .video-splash:hover {
	animation: splash-play-x-100 1.6s steps(4) infinite, splash-play-y-100 6.4s steps(4) infinite !important;
}

.afterplay-content .video-info {
	display: none;
}

@media (max-width: 1199px) {
	.afterplay-content .video-thumb {
		margin: 2px 8px;
	}
}

@media (max-width: 767px) {
	.afterplay-content .video-thumb {
		margin: 2px;
		width: 26%;
	}
}

@media only screen and (max-width: 575px){
	.afterplay-content {
		touch-action: pan-x;
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: left;
	}

	.afterplay-content .video-thumb,
	.afterplay-content .video-splash {
		width: 260px;
	}

	.afterplay-content .video-thumb {
		margin: 8px;
	}
}

.language-block .dropdown-toggle {
	width: 45px;
}

.footer-language-block {
	padding-bottom: 20px;
	text-align: center;
}

.footer-language-block a:hover {
	text-decoration: none;
}

.footer-language-block a {
	text-decoration: none;
	font-size: 12px;
	margin: 0 5px;
}

.footer-language-block img,
.language-block img {
	max-width: 12px;
	max-height: 12px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.table-bordered td, .table-bordered th {
	border-color: var(--border-gray-color);
	color: var(--text-light-gray-2-color);
}

.ref-stat-instructions a {
	color: var(--text-orange-color);
}

#referrer-payout-form a {
	color: var(--text-orange-color);
}

ol li.no-number {
	list-style: none;
}

.text-muted {
	color: var(--text-middle-gray-2-color) !important;
}

#ref-form-link .copy-success {
	display: none;
	position: absolute;
	top: 3px;
	right: .5em;
	padding: 0 1em;
	font-size: .8em;
	color: var(--text-gray-color);
	background-color: var(--form-control-background);
}

.clipmaker {
	display: none;
	text-align: right;
	font-size: .875rem;
}

.clipmaker .clipmaker-close {
	color: var(--text-orange-color);
}

.clipmaker .clipmaker-btn {
	font-size: .75rem;
	display: none;
}
.clipmaker .clipmaker-btn[disabled] {
	border-color: var(--button-disabled-color);
	background-color: var(--button-disabled-color);
	color: var(--text-light-gray-1-color);
}

.clipmaker.clipmaker-mode-0 .clipmaker-step1 {
	display: inline-block;
}

.clipmaker.clipmaker-mode-1 .clipmaker-step2 {
	display: inline-block;
}

.clipmaker.clipmaker-mode-2 .clipmaker-final {
	display: inline-block;
}

.clipmaker.clipmaker-mode-0 .clipmaker-step1.hidden,
.clipmaker.clipmaker-mode-1 .clipmaker-step2.hidden,
.clipmaker.clipmaker-mode-2 .clipmaker-final.hidden{
	display: none;
}

.clipmaker.clipmaker-mode-2.time-limit .clipmaker-saveclip {
	display: none !important;
}

.clipmaker .helper {
	font-size: 0.75rem;
	padding: .25rem 0;
    display: inline-block;
}

#clipmaker-bar {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: var(--clipmaker-bar-backround);
	border-left: var(--clipmaker-bar-border);
	border-right: var(--clipmaker-bar-border);
	box-sizing: border-box;
}

.clipmaker-cropper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 1;
	user-select: none;
	pointer-events: none;
}

.clipmaker-cropper-pre, .clipmaker-cropper-post {
	height: 100%;
	background: var(--clipmaker-crop-shader);
}

.clipmaker-cropper-post {
	flex-grow: 1;
}

.clipmaker-cropper-content {
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: 3px dashed var(--text-color);
	box-sizing: content-box;
	cursor: move;
	pointer-events: all;
}

.clipmaker-cropper-content p {
	text-align: center;
	color: var(--text-color);
	width: 100%;
	font-size: .8rem;
}

.clipmaker-mode-0 .mode-3,
.clipmaker-mode-1 .mode-3,
.clipmaker-mode-2 .mode-3 {
	display: none;
}

.clipmaker-mode-3 .mode-3 {
	display: inline;
}

.clipmaker-mode-3 .mode-not-3 {
	display: none;
}

.clipmaker-mode-3.clipmaker-cropper {
	display: none !important;
}

.clipmaker-mode-1 .clipmaker-cropper-content p,
.clipmaker-mode-2 .clipmaker-cropper-content p,
.clipmaker-mode-3 .clipmaker-cropper-content p {
	visibility: hidden;
}

.clipmaker-mode-1 .clipmaker-cropper-content,
.clipmaker-mode-2 .clipmaker-cropper-content,
.clipmaker-mode-3 .clipmaker-cropper-content {
	cursor: default;
}

@media screen and (max-width: 767px) {
	.clipmaker {
		margin: 1em 0 1.5em;
		text-align: left;
	}
	.video-info .controls-block {
		margin: .5em 0;
		float: none;
		text-align: left;
	}
	.video-info a.like.btn-sm-pad0 {
		margin-left: 0;
	}
}

.alert.show {
	display: block !important;
}

.tag-li-wrap {
	overflow: hidden;
}

.tag-li {
	max-width: 150px;
	margin: 0 auto;
	font-size: 15px;
	white-space: nowrap;
}

.tag-li i {
	font-style: normal;
	font-size: 11px;
	vertical-align: text-bottom;
	color: var(--text-light-gray-1-color);
	font-weight: bold;
}

.tag-li i.ago {
	color: var(--text-middle-gray-2-color);
}

.tag-li i.new {
	border: 1px solid var(--border-orange-color);
	border-radius: 3px;
	padding: 1px 2px;
	background: var(--background-orange-color);
	color: var(--background-color);
}

.tag-li.video-info {
	position: unset;
}

.tag-li a.selected b {
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	padding: 0 4px;
}

.tags-list {
	margin: 25px 0 25px 0;
	column-count: 3;
}

@media screen and (max-width: 767px) {
	.tags-list {
		column-count: 2;
	}
}

.tag-index .tag-li {
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--font-navigation);
	border-bottom: 1px solid var(--border-gray-color);
	color: var(--text-gray-color);
	text-transform: uppercase;
	padding: 4px;
}

.tag-index {
	margin-top: 18px;
}

.tag-index:first-of-type {
	margin-top: 0;
}

.video-info .split-button,
.video-info .split-button:hover,
.video-info .split-button:visited {
	background-color: black;
	border: 1px var(--background-gray-color) solid;
}

.video-info .recu-dropdown-menu {
	min-width: unset;
	margin: 0.25rem 0;
}

.video-info .dropdown-item {
	padding: 0.25rem 0.65rem;
}


.dropdowns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 6px;
	width: 100%;
}
.dropdowns__left {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.dropdowns__right {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.dropdowns__dropdown {
	width: max-content;
	color: #f90;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.8px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;

	background-color: #000000;
	border-radius: 4px;
	border: 1px solid #333;

	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 5px 11px;
	transition: all 0.3s ease;
}
.dropdowns__dropdown:hover {
	background: var(--background-dark-gray-color);
}
.dropdowns__dropdown:hover .dropdowns__dropdown-content-padding {
	opacity: 1;
	pointer-events: all;
}
.dropdowns__dropdown-content-padding {
	transition: all 0.3s ease;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	min-width: 100%;
	width: max-content;
	padding-top: 10px;
	border-radius: 4px;
}
.dropdowns__dropdown-content {
	display: flex;
	flex-direction: column;
	padding: 8px 0;
	border-radius: 4px;
	position: relative;
}
.dropdowns__dropdown-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 16px;
	width: 0;
	height: 0;
	transform: translateY(calc(-100% + 0.5px));
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--background-dark-gray-color) transparent;
	z-index: 3;
}
.dropdowns__dropdown-content-link {
	padding: 4px 16px;
	text-decoration: none !important;
	transition: all 0.3s ease;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.8px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.slider {
	justify-content: space-between;
}

.slider .video-thumb {
	margin: 0 2px 32px;
}

.slider .slider-nav {
	text-align: center;
}

.slider .slider-nav a {
	display: block;
	margin: 0 3px 3rem;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border: 1px solid var(--border-orange-color);
	border-radius: 100%;
	color: var(--text-orange-color);
	text-decoration: none;
	cursor: pointer;
	user-select: none;
}

.slider .slider-nav a.hidden {
	visibility: hidden;
}

.slider .slider-nav a.loading {
	opacity: .5;
}

.slider .slider-nav a:hover {
	text-decoration: none;
	color: var(--text-orange-color);
	background-color: rgb(from var(--background-orange-color) r g b / 15%);
}

.slider .slider-body {
	overflow: hidden;
	white-space: nowrap;
	max-width: 810px;
	font-size: 0;
}

.slider .slider-currently-playing .video-splash:after {
	content: "Playing now";
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	padding-top: 25%;
	background-color: #000c;
	text-align: center;
	color: var(--text-color);
	font-weight: bold;
	font-size: 1.2em;
}

@media (max-width: 1199px) {
	.slider .slider-body {
		max-width: 540px;
	}
}

@media screen and (max-width: 767px) {
	.slider .slider-body {
		max-width: 428px;
	}
	.video-thumb {
		height: auto;
	}
}

.slider.comment-screenshots {
	max-width: 266px;
	border-radius: 6px;
	height: 150px;
	position: relative;
	overflow: hidden;
}

.slider.comment-screenshots .slider-nav {
	position: absolute;
	top: 56px;
}

.slider.comment-screenshots .slider-nav a {
	margin: 0 3px;
	line-height: 28px;
	background: #000000;
}

.slider.comment-screenshots .slider-nav.slider-nav-right {
	right: 0;
}

.slider.comment-screenshots .slider-body {
	max-width: 10000px;
}
.slider.comment-screenshots .slider-body .screenshot {
	display: inline-block;
}

.slider.comment-screenshots .slider-body .screenshot a {
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	width: 266px;
	line-height: 150px;
	text-align: center;
	display: inline-block;
	background: rgba(0, 0, 0, 0.3);
	padding: 0;
}

.money__inner {
    max-width: 658px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.money__title {
    color: var(--text-color);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 40px;
}

.money__cards {
}

.money__card {
    padding: 40px 0;
    border-top: 1px solid var(--border-gray-color);
    display: flex;
    gap: 16px;
}

.money__card:last-of-type {
    border-bottom: 1px solid var(--border-gray-color);
}

.money__card-number {
    color: var(--text-color);
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    border-radius: 100px;
    border: 1px solid var(--border-gray-color);

    display: flex;
    justify-content: center;
    align-items: center;
}

.money__card-content {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.money__card-content-title {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 8px;
}

.money__card-content-subtitle {
    color: var(--text-light-gray-1-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 12px;
}

.money__card-content-btns {
    display: flex;
    gap: 12px;
}

.money__card-content-btn {
    text-decoration: none;

    color: var(--text-orange-color);
    text-align: center;
	font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}

.money__boxes {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 60px 0;
}

.money__box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.money__box-icon {
    width: 60px;
    height: 60px;

    margin-bottom: 12px;
}

.money__box-title {
    color: var(--text-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 4px;
}

.money__box-subtitle {
    color: var(--text-light-gray-1-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.money__box-subtitle-link {
    color: var(--text-orange-color);
	font-family: Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.money__box-subtitle-link:hover {
	color: var(--text-orange-color);
}

@media (max-width: 767px) {
    .money__inner {
        max-width: 690px;
    }
}

@media (max-width: 480px) {
    .money__title {
        color: var(--text-color);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        padding-bottom: 40px;
    }

    .money__card {
        padding: 30px 0;
        border-top: 1px solid var(--border-gray-color);

        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: unset;
    }

    .money__card:last-of-type {
        border-bottom: 1px solid var(--border-gray-color);
    }

    .money__card-number {
        color: var(--text-color);
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;

        min-width: 40px;
        max-width: 40px;
        min-height: 40px;
        max-height: 40px;
        border-radius: 100px;
        border: 1px solid var(--border-gray-color);

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .money__card-content {
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .money__card-content-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;

        margin-bottom: 8px;
    }

    .money__card-content-subtitle {
        color: var(--text-light-gray-1-color);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;

        margin-bottom: 16px;
    }

    .money__card-content-btns {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .money__card-content-btn {
        width: 100%;
        text-decoration: none;

        color: var(--text-orange-color);
        text-align: center;
		font-family: Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
    }

    .money__boxes {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        padding: 40px 0;
    }

    .money__box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .money__box-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 12px;
    }

    .money__box-title {
        color: var(--text-color);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .money__box-subtitle {
        color: var(--text-light-gray-1-color);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .money__box-subtitle-link {
        text-decoration: none !important;
        color: var(--text-orange-color);
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}
.best {
	display: flex;
	justify-content: center;
}
.best__inner {
	display: flex;
	flex-direction: column;
	max-width: 658px;
	align-items: center;
}
.best__subtitle {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	padding-bottom: 30px;
}
.best__category {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 40px 0;
	border-bottom: 1px solid var(--border-gray-color);
	width: 100%;
}
.best__category:first-of-type {
	border-top: 1px solid var(--border-gray-color);
}
.best__category-title {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.best__category-boxes {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.best__category-box {
	display: flex;
	flex-direction: column;
	gap: 28px;
	text-decoration: none !important;
	color: inherit;
}
.best__category-box-top {
	position: relative;
	width: 206px;
	height: 206px;
}
.best__category-box-img {
	border-radius: 9999px;
	width: 100%;
	height: 100%;
	/* background-size: 700% 400%;
    background-position: 0 -200%; */
	object-fit: cover;
	object-position: 50% 50%;
}
.best__category-box-position {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 50%);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1000px;
	width: 48px;
	height: 48px;

	color: #fff;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.best__category-box-position-first {
	background: radial-gradient(
			82.21% 82.21% at 18.75% 23.96%,
			#ffdf8e 0%,
			#c2982d 100%
	);
}
.best__category-box-position-second {
	background: radial-gradient(
			82.21% 82.21% at 18.75% 23.96%,
			#e8e8e8 0%,
			#868686 100%
	);
}
.best__category-box-position-third {
	background: radial-gradient(
			89.62% 89.62% at 19.79% 15.63%,
			#e7ab65 0%,
			#ab6521 100%
	);
}

.best__category-box-bottom {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
}
.best__category-box-bottom-name {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	opacity: 0.5;
}
.best__category-box-bottom-prize {
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.best__category-box-bottom-amount {
	color: #f19e39;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.past__nominations {
	width: 100%;
	padding: 40px 0;
	border-bottom: 1px solid var(--border-gray-color);
}
.past__nominations-text{
	margin: 0;
	color: var(--text-color);
	font-size: 16px;


}

.best__questions {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 40px 0;
}
.best__question {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.best__question-title {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.best__question-subtitle {
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	opacity: 0.5;
}
.best__question-btn {
	margin-top: 4px;
	color: #f90;
	display: block;
	width: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	text-decoration: none !important;
}

@media (max-width: 576px) {
	.best__inner {
		max-width: 100%;
	}
	.best__category {
		padding: 30px 0;
	}
	.best__category-boxes {
		flex-direction: column;
	}
	.best__category-box-img {
		width: 160px;
		height: 160px;
	}
	.best__questions {
		gap: 30px;
	}
	.best__question {
		gap: 8px;
	}
	.best__question-btn {
		margin-top: 10px;
	}
}

.money__inner {
    max-width: 658px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.money__title {
    color: var(--text-color);
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    padding-bottom: 40px;
}

.money__card {
    padding: 40px 0;
    border-top: 1px solid var(--border-gray-color);

    display: flex;
    gap: 16px;
}

.money__card:last-of-type {
    border-bottom: 1px solid var(--border-gray-color);
}

.money__card-number {
    color: var(--text-color);
    text-align: center;
	font-family: Arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
    border-radius: 100px;
    border: 1px solid var(--border-gray-color);

    display: flex;
    justify-content: center;
    align-items: center;
}

.money__card-content {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.money__card-content-title {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 8px;
}

.money__card-content-subtitle {
    color: var(--text-light-gray-1-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

    margin-bottom: 12px;
}

.money__card-content-btns {
    display: flex;
    gap: 12px;
}

.money__card-content-btn {
    text-decoration: none;

    color: var(--text-orange-color);
    text-align: center;
	font-family: Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}

.money__boxes {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 60px 0;
}

.money__box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.money__box-icon {
    width: 60px;
    height: 60px;

    margin-bottom: 12px;
}

.money__box-title {
    color: var(--text-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    margin-bottom: 4px;
}

.money__box-subtitle {
    color: var(--text-light-gray-1-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 767px) {
    .money__inner {
        max-width: 690px;
    }
}
@media (max-width: 575px) {
	.video-info-sub {
		margin-top: 5px;
	}
}
@media (max-width: 480px) {
    .money__title {
        color: var(--text-color);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        padding-bottom: 40px;
    }

    .money__card {
        padding: 30px 0;
        border-top: 1px solid var(--border-gray-color);

        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: unset;
    }

    .money__card:last-of-type {
        border-bottom: 1px solid var(--border-gray-color);
    }

    .money__card-number {
        color: var(--text-color);
        text-align: center;
		font-family: Arial, sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;

        min-width: 40px;
        max-width: 40px;
        min-height: 40px;
        max-height: 40px;
        border-radius: 100px;
        border: 1px solid var(--border-gray-color);

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .money__card-content {
        display: flex;
        flex-direction: column;
        text-align: left;
    }

    .money__card-content-title {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;

        margin-bottom: 8px;
    }

    .money__card-content-subtitle {
        color: var(--text-light-gray-1-color);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;

        margin-bottom: 16px;
    }

    .money__card-content-btns {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .money__card-content-btn {
        width: 100%;
        text-decoration: none;

        color: var(--text-orange-color);
        text-align: center;
		font-family: Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px;
    }

    .money__boxes {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        padding: 40px 0;
    }

    .money__box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .money__box-icon {
        width: 60px;
        height: 60px;

        margin-bottom: 12px;
    }

    .money__box-title {
        color: var(--text-color);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;

        margin-bottom: 8px;
    }

    .money__box-subtitle {
        color: var(--text-light-gray-1-color);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .money__box-subtitle-link {
        text-decoration: none !important;
        color: var(--text-orange-color);
		font-family: Arial, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }
}
@media (max-width: 420px) {
	.video-info-sub {
		font-size: 12px;
	}
}
@media (max-width: 370px) {
	.video-info-sub {
		font-size: 11px;
	}
}
@media (max-width: 350px) {
	.video-info-sub {
		font-size: 10px;
	}
}

@media (max-width: 420px) {
	.page-link {
		padding: .4rem .5rem;
	}
}

@media (max-width: 360px) {
	.page-link {
		padding: .25rem .45rem;
	}
}
.text-xs {
	font-size: .8rem;
}

.performer-best-moments video {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: 400% !important;
}

.performer-best-moments {
    text-align: left;
}

.performer-best-moments a {
    font-weight: bold;
    color: var(--text-orange-color);
}


.kinks-index {
	text-align: left;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	width: 1088px;
}

.kinks-index .kink-type-thumb {
	width: 266px;
	aspect-ratio: 16 / 9;
	margin: 0 3px 16px;
	font-size: 14px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 3px;
}

@media screen and (max-width: 1200px) {
	.kinks-index {
		width: 817px;
	}
}
@media screen and (max-width: 991px) {
	.kinks-index {
		width: 544px;
	}
}
@media screen and (max-width: 768px) {
	.kinks-index {
		width: 100%;
	}
	.kinks-index .kink-type-thumb {
		width: 100%;
		height: auto;
	}
}

.kinks-index a {
	color: var(--text-color);
}

.kinks-index .kink-type-thumb a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.kinks-index a:hover {
	text-decoration: none;
}

.kinks-index .kink-type-thumb-title {
	margin: 0 16px;
	position: absolute;
	bottom: 10px;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
}

.kinks-index .kink-type-thumb-title h3 {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 5px 0;
}

.kinks-type .kinks-type-menu,
.performer-kinks .kinks-type-menu
{
	margin: 0 15px 2em;
	padding: 0;
	text-align: left;
	font-size: 14px;
	height: 1.3rem;
	overflow: hidden;
}

.kinks-type .video-filters {
	padding-bottom: 10px;
}

.kinks-type .tags-filter {
	margin: 0 15px 30px;
	text-align: justify;
}

.performer-kinks .kinks-type-menu {
	margin-top: .5rem;
	text-align: center;
}

@media screen and (max-width: 450px) {
	.kinks-type .kinks-type-menu {
		margin-left: 0;
		margin-right: 0;
	}

	.performer-kinks .kinks-type-menu {
		margin: 1rem .5rem 1.5rem;
		text-align: left;
		line-height: 1.6rem;
	}
}

.kinks-type .kinks-type-menu li,
.performer-kinks .kinks-type-menu li
{
	display: inline-block;
	margin: 0 12px 0 0;
}

.kinks-type .kinks-type-menu li.kinks-type-menu-all,
.performer-kinks .kinks-type-menu li.kinks-type-menu-all {
	float: right;
	margin-right: 0;
}

.kinks-type .kinks-type-menu li a,
.performer-kinks .kinks-type-menu li a
{
	color: var(--text-orange-color);
}

.kinks-type .kinks-type-menu li.active a,
.performer-kinks .kinks-type-menu li.active a
{
	font-weight: bold;
	text-decoration: underline;
}

.clips-index {
	margin-top: 1.6rem;
}

.clips-index .video-thumb {
	width: 266px;
	height: 310px;
}

.clips-index .video-splash {
	width: 266px;
	height: 266px;
	background-size: 798px;
	background-position: initial;
}

.clips-index .video-splash:hover {
	animation: clip-splash-play-x 1.6s steps(3) infinite, clip-splash-play-y 4.8s steps(3) infinite;
}

.clip-not-ready-stub {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
	padding: 10px;
	background-color: var(--background-dark-gray-color);
	border: 1px solid var(--border-gray-color);
	border-radius: 3px;

	p {
		font-size: 1.2rem;
		margin: 0;
	}
	p.small {
		font-size: .8rem;
		color: var(--text-gray-color);
		margin-top: .5rem;
	}
}

@keyframes clip-splash-play-x {
	from { background-position-x: 0; }
	to   { background-position-x: -333.333%; }
}

@keyframes clip-splash-play-y {
	from { background-position-y: 0; }
	to   { background-position-y: -333.333%; }
}

@media screen and (max-width: 767px) {
	.clips-index .video-thumb {
		width: 100%;
		height: auto;
	}
	.clips-index .video-splash {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		padding-top: 56.25%;
		background-size: 300% 300%;
		position: relative;
		border-radius: 3px;
	}
}

.clips-play .video-splash-big img {
	background-size: cover;
	height: auto;
	aspect-ratio: 1;
}

.clips-play .video-content-wrapper {
	width: 50%;
	margin: 0 auto;
}

.clips-play .extra-badge {
	margin-bottom: 2px;
}

@media screen and (max-width: 1024px) {
	.clips-play .video-content-wrapper {
		width: 60%;
	}
}
@media screen and (max-width: 991px) {
	.clips-play .video-content-wrapper {
		width: 80%;
	}
}
@media screen and (max-width: 767px) {
	.clips-play .video-content-wrapper {
		width: 100%;
	}
}

.clips-play .video-info .title {
	height: 24px;
}

div.markerCheck {
	background-color: var(--background-dark-gray-color);
	position: fixed;
	right: 40px;
	bottom: 40px;
	border-radius: 4px;
	border: 1px solid var(--border-gray-color);
	padding: 12px 8px 12px 14px;
	z-index: 65;
}

.markerCheck > br {
	display: none;
}

a.markerCheck {
	margin: 6px;
}

@media screen and (max-width: 767px) {
	div.markerCheck {
		left: 15px;
		right: 15px;
		bottom: 19px;
		padding: 12px 3px;
	}

	.markerCheck > br {
		display: block;
	}

	a.markerCheck {
		margin: 4px;
	}
}

@media screen and (max-width: 359px) {
	.search-box,
	.search-box-result {
		width: 100%;
		max-width: 330px;
	}
}

.kinks-hint-holder {
	&.mirror {
		position: absolute;
		display: block !important;
		z-index: -1000;
		opacity: 0;

		span {
			display: inline;
		}
	}

	position: absolute;
	display: none;
	color: black;
	border-radius: 3px;
	background: #FFF;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.13);
	z-index: 1000;
	font-size: 12px;
	padding: 8px 20px 8px 8px;

	span {
		display: block;
		cursor: pointer;
		position: relative;
		padding: 4px;
		white-space: nowrap;

		&:hover {
			text-decoration: underline;
		}
	}

	.close-button {
		position: absolute;
		top: 5px;
		right: 5px;
		width: 15px;
		height: 15px;
		background-color: transparent;
		border: none;
		cursor: pointer;
		z-index: 100;
	}

	.close-button::before,
	.close-button::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 2px;
		background-color: #666;
	}

	.close-button::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.close-button::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	.close-button:hover::before,
	.close-button:hover::after {
		background-color: #000;
	}
}

.trending-performers-videos {
	position: relative;
	margin: 1.5rem 14px 0;
	padding: 0 14px 0;
	max-height: 266px;
	overflow: hidden;

	border: 2px solid var(--border-gray-color);
	border-radius: 6px;
	text-align: left;

	.trending-performers-videos__thumbs {
		width: fit-content;
		margin: 0 auto;
	}

	h1 {
		font-size: 22px;
		text-transform: capitalize;
		color: var(--block-user-data-header-color);
		font-weight: normal;
		font-family: var(--font-navigation), serif;
		letter-spacing: 2px;
		margin: 1.5rem 0;
		text-align: left;
	}

	.video-thumb {
		margin-bottom: 0;
		width: 254px;
		aspect-ratio: 16/9;
	}

	.video-splash {
		width: 254px;
		height: 142px;
		background-size: 1014px 568px;
		background-position: 0 -200%;
	}
}

@media screen and (max-width: 1200px) {
	.trending-performers-videos {
		padding-left: 59px;
		padding-right: 59px;
	}
}

@media screen and (max-width: 768px) {
	.trending-performers-videos {
		max-height: none;
		margin: 0;
		padding: 0 25px;

		.video-thumb {
			width: 100%;
			margin-bottom: 32px;
		}

		.video-splash {
			width: 100%;
			background-size: 400% 400%;
		}
	}
}

.recordings-placeholder {
	.videos-placeholders {
		display: flex;
		justify-content: center;
		gap: 4px;
		padding-bottom: 32px;
	}

	.videos-placeholder {
		display: flex;
		flex-direction: column;
		gap: 7px 0;
	}

	.placeholder-video {
		width: 266px;
		height: 149px;
	}

	.placeholder-video-wrapper {
		animation: shimmer 2s infinite linear;
		display: block;
		border-radius: 3px;
		background: linear-gradient(90deg, var(--shimmer-color-dark) 44%, var(--shimmer-color-light) 50%, var(--shimmer-color-light) 51%, var(--shimmer-color-dark) 57%);
		background-size: 300%;
		background-position-x: 100%;
	}

	.placeholder-title,
	.placeholder-show-more {
		animation: shimmer 2s infinite linear;
		background: linear-gradient(90deg, var(--shimmer-orange-color-dark) 44%, var(--shimmer-orange-color-light) 50%, var(--shimmer-orange-color-light) 51%, var(--shimmer-orange-color-dark) 57%);
		background-size: 500%;
		background-position-x: 100%;
		height: 17px;
		position: relative;
	}

	.placeholder-subtitle {
		animation: shimmer 2s infinite linear;
		width: 80%;
		max-width: 260px;
		height: 18px;
		background: linear-gradient(90deg, var(--shimmer-gray-color-dark) 44%, var(--shimmer-gray-color-light) 50%, var(--shimmer-gray-color-light) 51%, var(--shimmer-gray-color-dark) 57%);
		background-size: 300%;
		background-position-x: 100%;
		position: relative;
	}

	.placeholder-title::before,
	.placeholder-subtitle::before,
	.placeholder-show-more::before {
		display: block;
		position: absolute;
		top: 0;
		z-index: 50;
		height: 100%;
		width: 100%;
		content: '';
		background: linear-gradient(to top, var(--block-afterplay-splash-background-gradiend-start) 0%, var(--block-afterplay-splash-background-gradiend-end) 50%);
	}

	.placeholder-show-more::before {
		width: 130px;
		height: 17px;
	}

	.placeholder-title {
		width: 50%;
		max-width: 100px;
	}

	.placeholder-show-more {
		width: 130px;
	}

	.placeholder-show-more-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		width: 100%;
	}

	@media screen and (max-width: 1199px) {
		&:not(.slider) .videos-placeholders {
			flex-wrap: wrap;
			gap: 32px 4px;
		}

		&.slider .videos-placeholder:last-of-type {
			display: none;
		}
	}

	@media screen and (max-width: 767px) {
		&.slider {
			.videos-placeholder {
				width: calc(100% - 82px);
				max-width: 428px;

				&:first-of-type {
					display: none;
				}

				.placeholder-video {
					width: 100%;
					padding-top: 56.25%;
				}

				.videos-placeholders {
					padding-bottom: 37px;
				}
			}
		}

		&:not(.slider) {
			.placeholder-video {
				width: 100%;
				padding-top: 56.25%;
			}

			.videos-placeholders {
				gap: 38px 4px;
				padding-bottom: 34px;
			}
		}

		.videos-placeholder {
			width: 100%;
		}
	}
}

.backward_overlay,
.forward_overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	gap: 2px;
	top: 0;
	bottom: 0;
	width: 40%;
	background: rgba(0, 0, 0, 0.3);

	i {
		font-size: 16px;
	}

	span {
		font-size: 12px;
		font-weight: 400;
	}

	@media screen and (orientation: portrait) {
		width: 50%;
	}
}

.backward_overlay {
	left: 0;
	border-bottom-right-radius: 60%;
	border-top-right-radius: 60%;
	margin-top: -10%;
    margin-bottom: -10%;
}

.forward_overlay {
	right: 0;
	border-bottom-left-radius: 60%;
	border-top-left-radius: 60%;
	margin-top: -10%;
    margin-bottom: -10%;
}

.pause_overlay,
.play_overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;

	i {
		font-size: 24px;
	}
}

.play_overlay {
	i {
		position: relative;
		left: 2px;
	}
}