@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/html/fonts/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(/html/fonts/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body ::-webkit-scrollbar-track {
	width: 10px;
	height: 10px
}

body ::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

body ::-webkit-scrollbar-thumb {
	width: 4px;
	border-radius: 2px;
	background-color: #96979f
}

:root {
	/*DARK THEME*/
	--dark-main-color: #FF1960;
	--dark-selected-color: #545454;
	--dark-text-color: #d0d0d0;
	--dark-link-color: #FF1960;
	--dark-bg-color: #1a1a1a;
	--dark-footer-bg: #2d2d2d;
	--dark-footer-text: #909090;
	--dark-footer-link: #c0c0c0;
	--dark-input-bg: #2a2a2a;
	--dark-input-text-color: #fff;
	--dark-border-radius: 6px;
	/*DARK THEME*/
}
body {
	/*LIGHT THEME*/
	--main-color: #FF1960;
	--selected-color: #545454;
	--text-color: #212529;
	--link-color: #FF1960;
	--bg-color: #d7d7d7;
	--footer-bg: #bdbdbd;
	--footer-text: #4b4b4b;
	--footer-link: #000000;
	--input-bg: #2a2a2a;
	--input-text-color: #d0d0d0;
	--border-radius: 6px;
	/*LIGHT THEME*/
}
body.theme-dark {
	--main-color: var(--dark-main-color);
	--selected-color: var(--dark-selected-color);
	--text-color: var(--dark-text-color);
	--link-color: var(--dark-link-color);
	--bg-color: var(--dark-bg-color);
	--footer-bg: var(--dark-footer-bg);
	--footer-text: var(--dark-footer-text);
	--footer-link: var(--dark-footer-link);
}
@media (prefers-color-scheme: dark) {
	body.theme-auto {
		--main-color: var(--dark-main-color);
		--selected-color: var(--dark-selected-color);
		--text-color: var(--dark-text-color);
		--link-color: var(--dark-link-color);
		--bg-color: var(--dark-bg-color);
		--footer-bg: var(--dark-footer-bg);
		--footer-text: var(--dark-footer-text);
		--footer-link: var(--dark-footer-link);
		--input-bg: var(--dark-input-bg);
		--input-text-color: var(--dark-input-text-color);
		--border-radius: var(--dark-border-radius);
	}
}

body,
html {
	margin: 0;
	padding: 0;
	height: 100%
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: 500;
	color: var(--link-color);
}

h1, h2, h3, h4, h5, h6 {
	/*text-transform: uppercase;*/
}

.container-header a,
.container-header>.logo,
.container-header>.logo>a,
.model-text a,
.tags-top .tag a {
	color: #ffffff;
	text-decoration: none
}

.tags-top .tag a {
	padding: 8px 10px 7px 0;
	display: block;
	border-right: 1px solid #1A1A1A;
}

.model-text a {
	color: var(--link-color);
	text-decoration: none
}

.container-tags h1,
.data-field,
.tags-top {
	text-transform: uppercase
}

.data-field .tag,
.model-name {
	overflow: hidden;
	text-overflow: ellipsis
}

.container-main .container-header .header-empty .fa-icon.fa-sliders-h,
.slider-nav,
.slider-nav-mousedrag.dragging .slider-nav,
.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next),
.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next {
	visibility: hidden
}

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

body {
	font-family: 'Roboto', sans-serif;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: var(--bg-color)
}

.container-main,
.container-main-webcam {
	display: grid;
	grid-template-columns: 225px 1fr;
	height: 100%
}

body>.container-menu-close {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 50
}

.container-main .left-column,
.container-main-webcam .left-column {
	background-color: #1a1a1a;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding-bottom: 30px
}

.container-header {
	background-color: #2d2d2d;
	display: grid;
	grid-template-columns: 225px auto;
	height: 76px;
	/*margin-bottom: 2px*/
}

.container-header>.logo {
	display: grid;
	grid-template-columns: auto auto
}

.container-header>.logo .logo-box {
	display: grid;
	grid-template-columns: 145px 40px auto
}

.header-empty {
	height: 76px;
	padding-top: 24px;
	padding-right: 7px;
	text-align: right;
	min-width: 40px
}

.logo-text-big {
	width: 145px;
	height: 76px
}

.container-about,
.container-dmca,
.container-tags {
	color: var(--text-color);
	flex-grow: 1;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin: 0 10px 30px
}

.data-field,
.tags-top {
	font-family: 'Roboto', sans-serif;
}

.container-tags {
	margin-bottom: 33px
}

.container-about h1,
.container-about h2,
.container-dmca h1,
.container-tags h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500
}

.container-tags h1 {
	width: 100%
}

.container-about a,
.container-dmca a,
.container-tags a {
	color: var(--link-color);
	font-weight: 500;
	text-decoration: underline;
}

.container-about a:hover,
.container-dmca a:hover,
.container-tags a:hover {
	color: var(--footer-link);
	text-decoration: none;
}

.container-tags h1 a,
a.tag {
	color: #d0d0d0
}

.container-tags-data {
	display: grid;
	grid-auto-flow: dense;
	grid-auto-rows: auto;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
	width: 100%
}

#camsoda-embed,
#camsoda-embed>div,
.tags-data {
	width: 100%
}

.spacer {
	height: 9px
}

.data-field {
	display: flex;
	flex-direction: row;
	font-size: 10px;
	justify-content: space-between;
	letter-spacing: 1px;
	height: 23px
}

.data-field .header {
	background-color: #0480c0;
	padding: 5px;
	width: 100%
}

.data-field .tag {
	background-color: #414663;
	padding: 3px;
	width: 100%
}

.data-field .empty,
.tags-top span.spacer {
	flex-grow: 1
}

.tags-top {
	background-color: #2d2d2d;
	color: #fff;
	display: grid;
	/*grid-template-columns: 942px 1px;*/
	font-size: 13px;
	margin: 10px 10px 0 10px;
	/*padding: 6px 2px 2px 6px;*/
	white-space: nowrap
}

.tags-top.full {
	margin: 10px;
}

.menu-left,
.model-data {
	font-family: 'Roboto', sans-serif;
}

.field-value,
.live,
.menu-left,
.model-data {
	font-size: 15px
}

.tags-top .content {
	display: grid;
	grid-template-columns: 1fr 160px;
	white-space: nowrap
}

.tags-top .tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-height: 30px;
	overflow: hidden;
}

/*.model-text p.footer,*/
.tags-top .tag,
.tags-top .search form {
	display: inline
}

.model-text p.footer br {
	display: none;
}

.tags-top .search {
	margin-top: 1px;
}

.tags-top .tag {
	/*height: 20px;*/
	text-align: center
}

.tags-top .tag:not(:last-child) {
	margin-right: 0;
}

.tags-top .tag a.selected, .tags-top .tag a:hover {
	/*border-bottom: 3px solid var(--main-color);*/
	background-color: var(--main-color);
	color: #ffffff;
}

.search {
	/*margin-top: -2px*/
}

.search .search-button,
.search .search-field {
	z-index: 100
}

.search .search-field {
	width: 100%;
}

.search input.search {
	background-color: #272727;
	border: 1px solid #535353;
	color: #d0d0d0;
	padding-left: 10px;
	width: 158px
}

.search .search::placeholder {
	color: #d0d0d0
}

.search .submit {
	-webkit-border-radius: 0;
	background-color: #efefef;
	border: 1px solid #767676;
	border-radius: 2px;
	color: #000;
	cursor: pointer;
	height: 20px;
	margin-left: 5px;
	padding: 1px 6px;
	width: 28px
}

.menu-horizontal a,
.menu-left {
	color: #000
}

@media (pointer: coarse) {
	.search .submit {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		border: 0;
		border-radius: 0;
		padding: unset
	}
}

.search.left {
	display: none;
	height: 27px;
	margin-top: 1px;
	margin-bottom: 2px;
	padding-top: 0;
	width: 225px
}

.search.left .search {
	width: 193px
}

.search.left .submit {
	margin-left: 2px
}

.search.small {
	display: none;
	z-index: 100
}

.menu-horizontal {
	background-color: #2d2d2d;
	display: none;
	height: 100%
}

.menu-left {
	background-color: #2d2d2d;
	display: block;
	text-transform: capitalize;
	width: 225px;
	z-index: 100
}

.live,
.new-link a {
	text-transform: uppercase
}

.menu-left.cam-page {
	-webkit-transition: .3s;
	left: -225px;
	position: absolute;
	top: 78px;
	transition: .3s
}

.menu-opacity-20 {
	opacity: .2;
	transition: .3s
}

.block-opacity-20 {
	opacity: .2;
}

.field-name,
.field-value span,
a.value {
	opacity: .7;
	color: #fff
}

.field-value.field-flag span {
	opacity: 1;
}

.field-value.field-flag span img {
	vertical-align: middle;
	display: inline-block;
	height: 18px;
	margin-top: -2px;
}

.header-opacity-20 {
	background-color: #000000;
	transition: .3s
}

.model-data {
	background-color: #2d2d2d;
	color: #fff;
	margin-top: 0
}

.container-footer,
.live,
.new-link {
	font-family: 'Roboto', sans-serif;
}

/*menu*/
.menu-left .tag {
	background-color: var(--main-color);
	color: #ffffff;
	height: 27px;
	padding: 5px 10px;
	text-transform: uppercase;
}

.new-link {
	display: none;
	background-color: #2d2d2d;
	color: #fff;
	margin-bottom: 2px;
	text-align: center;
	text-decoration: none;
}

.field-data,
.live {
	height: 27px;
	width: 225px
}

.new-link a {
	display: block;
	background-color: #934d4d;
	color: #fff;
	padding: 4px;
	text-align: center;
	text-decoration: none
}

.new-link a:hover {
	background-color: #2d2d2d;
	color: #fff;
	text-decoration: none
}

.all-tags a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.menu-left .submenu .item a {
	color: #ffffff;
	text-decoration: none
}

.new-link a.selected {
	background-color: #34b0f0 !important
}

.left-column .live {
	background-color: #2d2d2d;
	color: #fff;
	margin-bottom: 2px;
	padding: 5px;
	text-align: center;
	text-decoration: none
}

.field-value,
.field-value.tags {
	text-align: right
}

.cam-model-name,
.container-offline .text-container .model-offline-text .model-offline-name,
.field-value span,
.field-value.dark,
.menu-left .submenu .item,
.menu-left .submenu .item a,
a.value {
	text-transform: capitalize
}

.menu-left .submenu {
	background-color: #2d2d2d;
	list-style-type: none;
	margin-bottom: 2px;
	margin-top: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.menu-left .submenu.last,
.swiffy-slider.slider-indicators-outside .slider-indicators,
.swiffy-slider.slider-indicators-outside.slider-indicators {
	margin-bottom: 0
}

.menu-left .submenu .item {
	border-top: 2px solid #2d2d2d;
	padding: 1px 0 3px 0;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	line-height: 1.3;
}

.menu-left .submenu .item a {
	flex: 1;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-left .submenu .item .counter {
	color: #a3a3a3;
	font-size: 14px;
	float: right;
}

.menu-left .submenu .item.selected, .menu-left .submenu .item:hover {
	border-top: 2px solid var(--selected-color);
	background-color: var(--selected-color);
	color: #fff;
	margin-left: -10px;
	margin-right: -10px;
	padding: 1px 10px 3px 10px
}

.menu-left .submenu .item.selected .counter {
	/*background-color: #511515;*/
	color: #dfdfdf;
}

.all-tags {
	display: inline-block;
	background-color: var(--main-color);
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 5px 10px
}

.model-page-picture {
	padding-left: 0
}

.model-page-picture img {
	margin-bottom: -3px;
	margin-top: 0;
	max-height: 145px;
	max-width: 225px;
	object-fit: cover;
	object-position: 0 0;
	z-index: 100
}

.model-page-picture img.myfreecams {
	max-width: unset !important;
	object-fit: unset !important;
	width: 125% !important
}

.model-page-picture>div {
	margin-top: 0
}

.field-data {
	display: table;
	table-layout: fixed;
	margin: 2px 0;
	padding: 0 2px
}

.cell-inner {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.field-name,
.field-value {
	width: 50%;
	display: table-cell
}

.field-data.row,
.slider-nav-outside .slider-nav,
.slider-nav-square .slider-nav {
	padding: 0
}

.field-name {
	background-color: #232323;
	padding: 5px 10px;
	white-space: nowrap
}

.field-value {
	background-color: #000000;
	color: #d0d0d0;
	padding: 3px 10px 3px 5px;
	text-decoration: none
}

.field-value.dark {
	color: var(--text-color);
	background-color: #232323;
	margin-right: 10px
}

.field-name.green,
.field-value.green {
	background-color: var(--selected-color);
}

.field-value a {
	color: #fff;
	opacity: .7;
	text-decoration-color: #b5b5b5
}

.field-value a.value {
	color: #fff;
	opacity: .7;
	text-decoration-color: #b5b5b5
}

.field-spacer {
	background-color: #2d2d2d;
	height: 10px
}

.container-footer {
	align-self: end;
	background-color: var(--footer-bg);
	color: var(--footer-text);
	font-size: 12px;
	line-height: 18px;
	margin: 10px;
	padding: 10px;
	text-align: center
}

.container-footer .selected-pointer {
	background-color: #909090;
	height: 6px;
	margin-right: 4px;
	width: 1px
}

.container-footer .item,
.container-footer .text {
	padding: 2px
}

.container-footer .item a,
.container-footer .text a {
	color: var(--footer-link);
	text-decoration: none;
	text-transform: uppercase
}

.container-footer .item a:hover,
.container-footer .text a:hover {
	text-decoration: underline;
}

.container-content {
	display: flex;
	flex-direction: column;
	transition: .3s;
	width: 100%;
	min-width: 0;
}

.logo-platform-desktop,
.model-name {
	transition: opacity .35s
}

.fa-icon.fa-sliders-h svg.times, .fa-icon.fa-times svg.sliders-h {
	display: none;
}

.fa-sliders-h,
.fa-times {
	display: inline-block;
	width: 26px;
	fill: white;
	cursor: pointer;
}

.fa-sliders-h {
	padding: 0 2px 0 0
}

.fa-times {
	padding: 0 4px 0 0;
	position: relative;
	z-index: 100
}

.fa-times svg.times {
	height: 24px
}

.container-tag-text-first {
	display: flex;
	flex-direction: row;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	margin: 10px 20px 0 10px;
	/*text-align: justify*/
}

.container-tag-text-first h1 {
	color: var(--text-color);
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}

.container-models,
.container-models.similar {
	flex-grow: 1;
	width: 100%
}

.container-models.similar {
	margin-top: 0
}

.container-models.similar .all {
	margin-bottom: 20px;
	margin-left: 10px;
	text-align: center;
}

.container-models.similar .all a {
	display: inline-block;
}

.container-models.similar .all a,
.container-pagination a {
	text-decoration: none
}

.models-list {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(225px, auto));
	margin: 10px;
	row-gap: 10px
}

.no-models-found {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 10px
}

.cam-model-name,
.model-name {
	font-family: 'Roboto', sans-serif;
	text-align: center
}

.no-models-found h1 {
	color: var(--text-color);
	font-size: 20px;
	font-weight: 500
}

.no-models-found a {
	color: var(--text-color);
	text-decoration: none
}

/*.container-models.similar .models-list {
	margin: 10px 10px 30px
}*/

.model,
.model.similar {
	position: relative;
	aspect-ratio: 225/145;
	overflow: hidden
}

.model.vertical {
	position: relative;
	aspect-ratio: 9 / 16;
	overflow: hidden
}

.model.vertical-listing {
	position: relative;
	aspect-ratio: 9 / 14;
	overflow: hidden
}

.container-model .model .snapshot,
.container-model.similar .model.similar .snapshot {
	background-blend-mode: normal;
	background-position: 50%;
	background-size: cover;
	display: block;
	padding: 1px 1px 65%;
	text-decoration: none;
	transition: .5s
}

.container-model .model:hover .snapshot,
.container-model.similar .model.similar:hover .snapshot {
	filter: brightness(120%);
	transform: scale(1.05)
}

.myfreecams {
	background-position: 25% !important;
	background-size: 125% 100% !important
}

.container-model .model:hover .model-name {
	/*opacity: .8*/
}

.container-model .model:hover .logo-platform,
.slider-indicators>.active,
.swiffy-slider .slider-nav:hover {
	opacity: 1
}

/* MODELS LIST */
.container-model .model .posts__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
	transition: .5s;
}
.container-model .model:hover .posts__thumb img {
	filter: brightness(120%);
	transform: scale(1.05);
}

figure {
	margin: 0
}

.model-name {
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	/* 	new look */
	padding: 50px 5px 5px !important;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(130%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}

.model-title {
	overflow: hidden;
	position: relative;
	width: 100%;
	flex: 1;
	min-width: 0;
	text-align: left;
}

.model-title a:link,
.model-title a:visited,
.model-title .inner-title {
	color: #ffffff;
	text-decoration: none;

	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;

	transition: transform 0.3s ease;
	transform: translateX(0);
}

.model-title a.scrolling,
.model-title .inner-title.scrolling {
	animation: scroll-text 10s linear infinite;
	animation-play-state: running;
	overflow: visible !important;
	text-overflow: unset !important;
}

.model-title a:hover,
.model-title .inner-title:hover {
	text-decoration: none;
}

.container-model.dynamic-link:hover,
.container-model.dynamic-link-blank:hover{
	cursor: pointer;
}

@keyframes scroll-text {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}


.model-country img {
	vertical-align: middle;
	display: inline-block;
	height: 16px;
}

/* TAGS LIST */
.tag-list {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
	grid-template-rows: 1fr;
	margin: 10px;
	row-gap: 10px;
}
.tag-list.alphabet-list,
.tag-list.alphabet-list-search {
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
@media screen and (max-width: 860px) {
	.container-models .tag-list {
		grid-template-columns: repeat(2, minmax(165px, 1fr));
	}
}
@media screen and (max-width: 605px) {
	.container-models .tag-list {
		grid-template-columns: minmax(135px, 1fr);
	}
}
@media screen and (max-width: 560px) {
	.container-models .tag-list {
		grid-template-columns: repeat(2, minmax(190px, 1fr));
	}
}
@media screen and (max-width: 380px) {
	.container-models .tag-list {
		grid-template-columns: repeat(2, minmax(172.5px, 1fr));
	}
}
.tag-info {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 50px 10px 10px !important;
}

.tag-name {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
}

.tag-name a:link, .tag-name a:visited {
	color: #fff;
	text-decoration: none;
}

.tag-name a:hover {
	text-decoration: none;
}

.tag-count {

}

/* STAR */
.promo-budge {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 100;
}

.promo-budge svg {
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
}

.promo-budge .promo-star {
	fill: #fcc153;
}

/* LIKE IPHONE */
.like-iphone {
	top: -40px;
	left: 44px;
	right: 44px;
	padding: 10px 5px;
	position: absolute;
	z-index: 25;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0 0 10px 10px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.container-model:hover .like-iphone {
	/*-webkit-transition-delay: .3s;
	transition-delay: .3s;*/
	top: 0;
}

/* HOT */
.promo-budge.hot-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	width: 24px;
	height: 24px;
}

.promo-hot-icon {
	animation: pulse-hot 1.4s infinite ease-in-out;
	filter: drop-shadow(0 0 4px rgba(255, 87, 34, 0.6));
}

@keyframes pulse-hot {
	0% { transform: scale(1); opacity: 1; }
	50% { transform: scale(1.2); opacity: 0.9; }
	100% { transform: scale(1); opacity: 1; }
}

/* GENDER */
.gender-budge {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100;
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: center;
}

.gender-budge svg {
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
}

.gender-budge.sex-female svg { color: #e91e63; }
.gender-budge.sex-male svg { color: #0069f6; }
.gender-budge.sex-trans svg { color: #9c27b0; }
.gender-budge.sex-couple svg { color: #4caf50; }

.cam-model-name {
	background-color: #000000;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	height: 27px;
	margin: 0;
	padding: 3px 20px 3px 10px
}

.logo-platform,
.logo-platform-desktop {
	padding: 5px;
	position: absolute;
	z-index: 100
}

.logo-platform {
	opacity: .85
}

.online-cam {
	position: absolute;
	top: 7px;
	right: 7px;
	line-height: 10px;
	z-index: 100;
}

.living {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #93D000;
	position: relative;
}

.living.blink {
	animation: flickerAnimation 2s infinite;
}

.live .living {
	margin-right: 5px
}

@keyframes flickerAnimation {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0.3
	}

	100% {
		opacity: 1
	}
}

.logo-image {
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: contain;
	height: 30px
}

.page,
.page.next,
.page.previous {
	height: 28px;
	text-align: center
}

.logo-image.logo-bongacams {
	margin-top: -10px;
	width: 90px
}

.logo-image.logo-chaturbate {
	margin-top: -3px;
	width: 85px
}

.logo-image.logo-cherrytv,
.logo-image.logo-livejasmin,
.logo-image.logo-source {
	width: 70px
}
.page {
	width: 90px
}

.logo-image.logo-stripchat {
	margin-top: -5px;
	width: 90px
}

.logo-image.logo-camsoda {
	margin-top: -5px;
	width: 80px
}

.logo-image.logo-myfreecams {
	margin-top: 2px;
	width: 110px
}

.logo-image.logo-cam4 {
	margin-top: -1px;
	width: 70px
}

/*.container-pagination-wrapper {
	padding-left: 5px
}*/

.container-pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 20px 0 20px 0;
}

.page {
	background-color: var(--main-color);
	color: #ffffff;
	display: table;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	margin: 3px;
	text-transform: uppercase
}
.page:hover {
	background-color: var(--selected-color);
	color: #fff;
}

.page.next span,
.page.previous span {
	display: table-cell;
	margin-top: 6px;
	padding-top: 6px;
	width: 70px
}

.page.next span.fa-icon,
.page.previous span.fa-icon {
	/*background: var(--selected-color);*/
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
	width: 1px
}

.model-text {
	color: var(--text-color);
	/*display: flex;
	flex-grow: 1;
	justify-content: center;*/
	font-size: 14px;
	margin-top: 0;
	width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.model-text article {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 10px
}

.model-text h2,
.model-text p {
	margin: 0;
	padding: 0;
}

.model-text p:not(:last-child) {
	margin-bottom: 10px;
}

.model-text h2 {
	font-size: 1.25em;
	margin-bottom: 10px;
}

.container-model-video-and-more-placeholder {
	display: grid;
	grid-template-columns: minmax(0, 1005px) 1fr
}

.container-model-video-and-more {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin-top: 0;
	max-width: 1005px
}

.model-page-right-bar {
	/*background-color: var(--footer-bg);*/
	color: var(--footer-text);
	margin-right: 0;
	opacity: .5
}

.model-page-right-bar.opacity-1 {
	opacity: 1
}

.sticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 10px;
}

.model-page-similar-button,
.model-page-url-button {
	color: #ffffff;
	background-color: var(--main-color);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	margin: 0 10px 10px;
	min-height: 27px;
	overflow: visible;
	padding-left: 8px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase
}

.model-page-similar-button {
	margin: 0 10px;
}

.model-page-similar-button {
	background-color: var(--main-color);
	text-align: left
}

.model-page-url-button:hover {
	color: #e0e0e0;
	background-color: var(--selected-color);
}

.model-page-similar-button:hover {
	color: #e0e0e0;
	background-color: var(--selected-color);
}

.model-page-similar-button div,
.model-page-url-button div {
	display: inline;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400
}

.model-page-url-button div {
	min-width: 240px
}

.container-model-video-box {
	background-color: var(--footer-bg);
	border: 1px solid #5b5b5b;
	cursor: pointer;
	padding: 1px;
	margin: 0 10px
}

.container-model-video-box.model-video-offline {
	margin: 0 10px 10px;
}

.container-model-video {
	cursor: pointer;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative
}

.container-model-video.imlive {
	padding-bottom: 0;
	padding-top: calc(75% - 211px);
}

@media(max-width: 641px) {
	.container-model-video.imlive {
		padding-top:75%
	}
}

.container-model-video-offline {
	cursor: pointer;
	overflow: hidden;
	/*padding-bottom: 28.12%;*/
	padding-bottom: 50%;
	position: relative;
}

.container-model-video #object_container_0 {
	display: block !important
}

.container-model-video iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0
}

.container-model-video img {
	aspect-ratio: 800/450;
	height: 100%;
	left: 0;
	object-position: 0 0;
	position: absolute;
	top: 0;
	width: 100%
}

.container-model-video img.video {
	aspect-ratio: 800/450;
	left: 0;
	object-position: 0 0;
	position: absolute;
	top: 0;
	width: 100%
}

.container-model-video-offline img {
	aspect-ratio: 800/225;
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: -50%;
	position: absolute;
	top: 0;
	width: 100%
}

#player-container {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

#player-container img {
	-webkit-filter: blur(10px) brightness(.6);
	filter: blur(10px) brightness(.6);
	height: unset !important;
	min-height: unset !important;
	min-width: unset !important;
	transform: scale(1.04);
	transform-origin: center
}

#player-container video {
	height: 100% !important;
	min-width: unset !important;
	width: auto !important
}

#camsoda-embed iframe {
	height: 100%;
	width: 100%
}

.profile-picture-offline {
	filter: grayscale(1)
}

.container-offline {
	background-color: #000;
	display: block;
	filter: opacity(.6);
	height: 75%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%
}

.container-offline .text-container {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	left: 50%;
	margin: auto;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap
}

.container-offline .text-container .model-offline-text {
	font-size: 23px;
	margin-bottom: 15px
}

.container-offline .text-container .offline-text {
	background-color: red;
	color: #fff;
	padding: 2px
}

.container-offline .text-container .site-text {
	font-size: 16px
}

.container-offline .text-container .site-text .site-link {
	color: red;
	text-transform: capitalize
}

.menu-left .submenu.new-item,
.filter.mobile-menu {
	display: none;
}

@media screen and (min-width: 560px) {
	body>.container-menu-close.index {
		display: none !important
	}

	.container-main .container-content.menu-opacity-20,
	.container-main .container-logo-text-small span.menu-opacity-20,
	.container-main .live.menu-opacity-20,
	.container-main .logo-text-big span.menu-opacity-20,
	.container-main .new-link.menu-opacity-20 {
		opacity: 1
	}

	.container-main .container-header.header-opacity-20 {
		background-color: #2d2d2d
	}

	.container-main .fa-icon.fa-times {
		visibility: hidden
	}
}

/*@media screen and (max-width: 1320px) {
	.tags span.tag:nth-last-child(-n+7) {
		display: none;
	}
}

@media screen and (max-width: 1500px) {
	.tags span.tag:nth-last-child(-n+5) {
		display: none;
	}
}

@media screen and (max-width: 1680px) {
	.tags span.tag:nth-last-child(-n+3) {
		display: none;
	}
}*/

@media screen and (max-width: 1239px) {

	.model-page-right-bar,
	div.tags-top {
		display: none
	}

	.search.left, .left-column .new-link, .filter.mobile-menu {
		display: block
	}

	.menu-left .submenu.new-item {
		display: block;
	}

	.menu-left.cam-page {
		top: 78px
	}

	.container-main .container-header .header-empty .fa-icon.fa-sliders-h {
		visibility: hidden
	}

	.container-tag-text-first {
		/*margin-top: 0*/
	}

	.container-model-video-and-more {
		padding: 0 !important
	}

	/*.model-page-url-button, */.container-model-video-box, .container-model-video-box.model-video-offline {
									margin-top: 10px
								}
}

@media screen and (max-width: 1174px) {
	.container-models.similar .models-list {
		grid-template-columns: repeat(3, minmax(225px, auto))
	}

	.container-models.similar .all {
		grid-column: span 3
	}
}

@media screen and (max-width: 1024px) {
	/*.menu-left {
		font-size: 16px;
		line-height: 120%
	}*/

	.container-offline .text-container .model-offline-name {
		display: block !important
	}
}

@media screen and (max-width: 940px) {
	.container-models.similar .models-list {
		grid-template-columns: repeat(3, minmax(135px, auto))
	}

	.container-models.similar .all {
		grid-column: span 3
	}
}

@media screen and (max-width: 860px) {
	.container-main-webcam {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 76px 1fr;
		height: 100%
	}

	.container-main-webcam .menu-horizontal {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		grid-column-gap: 2px;
		grid-template-areas: "A A" "B B";
		/*grid-template-areas: "A A A A" "B B B B";*/
		grid-template-rows: 45px 27px;
		/*border-left: 2px solid #2d2d2d*/
	}

	.menu-horizontal a {
		text-decoration: none
	}

	.menu-left.cam-page {
		box-shadow: 2px 0 0 #2d2d2d;
		top: 86px
	}

	.menu-main-item {
		background-color: var(--main-color);
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		height: 100%;
		grid-area: A;
		padding-top: 15px;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.menu-main-item.selected {
		background-color: var(--selected-color);
		color: #ffffff;
	}

	.container-main-webcam .live,
	.container-main-webcam .model-data,
	.container-main-webcam .new-link,
	.container-main-webcam .search.left {
		display: none
	}

	.search.small {
		/*background-color: #2d2d2d;*/
		display: block;
		grid-area: B;
		padding-right: 0;
		padding-left: 0;
		padding-top: 3px;
		width: 100%;
		text-align: right;
	}

	.search.small .search-field input.input-text {
		border: 2px solid #595959;
		height: 32px;
		line-height: 28px;
		font-family: 'Roboto', sans-serif;
	}

	.search.small .search-field button[type="submit"] {
		left: 2px;
	}

	.search input.search {
		width: 100%;
	}

	.container-models .models-list {
		grid-template-columns: repeat(2, minmax(165px, auto))
	}

	.container-main-webcam .autocomplete-box {
		top: 76px;
		right: 0;
		left: 0;
	}
}

@media screen and (max-width: 760px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 21px
	}

	.container-offline .text-container .site-text {
		font-size: 14px
	}
}

@media screen and (max-width: 670px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 20px
	}

	.container-offline .text-container .site-text {
		font-size: 14px
	}
}

@media screen and (max-width: 625px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 19px
	}

	.container-offline .text-container .site-text {
		font-size: 14px
	}
}

@media screen and (max-width: 605px) {
	.container-models .models-list {
		grid-template-columns: minmax(135px, auto)
	}
}

@media screen and (max-width: 590px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 18px
	}

	.container-offline .text-container .site-text {
		font-size: 14px
	}
}

@media screen and (max-width: 560px) {
	.container-main .container-header .header-empty .fa-icon.fa-sliders-h {
		visibility: visible
	}

	.container-main .container-content.menu-opacity-20 {
		opacity: .2
	}

	.container-main {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 76px 1fr;
		height: 100%
	}

	.container-header {
		grid-template-columns: 1fr;
		grid-template-rows: 76px 27px
	}

	.container-main-webcam .menu-horizontal,
	.menu-horizontal {
		grid-template-rows: 27px 27px;
		border-left: 0;
		border-top: 2px solid #2d2d2d
	}

	.container-header>a {
		grid-template-columns: 1fr 90px 63px 1fr
	}

	.container-main-webcam .menu-horizontal {
		grid-column: 1/5
	}

	.menu-horizontal {
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		grid-column-gap: 2px;
		grid-template-areas: "A A" "B B";
		/*grid-template-areas: "A A A A" "B B B B";*/
		z-index: 25
	}

	.menu-left {
		box-shadow: 2px 0 0 #2d2d2d;
		display: block;
		left: -225px;
		position: absolute;
		top: 78px;
		transition: .3s;
		width: 225px;
		z-index: 100
	}

	.menu-left.cam-page {
		top: 78px
	}

	.menu-main-item {
		height: 100%;
		padding-top: 4px
	}

	.live,
	.new-link {
		display: none !important;
	}

	.search.left {
		display: none !important
	}

	.container-about,
	.container-dmca,
	.container-models,
	.container-tags {
		margin-top: 70px;
	}

	.search.small {
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 10px;
		margin-top: 0;
		height: 50px;
	}

	.container-model-video-box {
		margin: 80px 10px 0;
	}

	.container-model-video-box.model-video-offline {
		margin: 80px 10px 10px;
	}

	.container-models .models-list {
		grid-template-columns: repeat(2, minmax(190px, auto))
	}

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 17px
	}

	.container-offline .text-container .site-text {
		font-size: 13px
	}
}

@media screen and (max-width: 530px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 16px
	}

	.container-offline .text-container .site-text {
		font-size: 13px
	}
}

@media screen and (max-width: 500px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 15px
	}

	.container-offline .text-container .site-text {
		font-size: 12px
	}

	.container-offline .text-container .site-link {
		display: block !important
	}
}

@media screen and (max-width: 480px) {
	.container-models.similar .models-list {
		grid-template-columns: repeat(2, minmax(135px, auto))
	}

	.container-models.similar .all {
		grid-column: span 2
	}
}

@media screen and (max-width: 440px) {

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 13px
	}

	.container-offline .text-container .site-text {
		font-size: 11px
	}

	.container-offline .text-container .site-link {
		display: inline !important
	}
}

@media screen and (max-width: 380px) {
	.container-models .models-list {
		grid-template-columns: repeat(2, minmax(172.5px, auto));
	}

	.container-offline {
		height: 75%;
		width: 75%
	}

	.container-offline .text-container .model-offline-text {
		font-size: 13px
	}

	.container-offline .text-container .model-offline-text .model-offline-name {
		display: inline !important;
		font-size: 13px
	}

	.container-offline .text-container .site-text {
		font-size: 11px
	}
}

@media screen and (max-width: 320px) {
	.container-models .models-list {
		grid-template-columns: minmax(135px, auto)
	}

	.container-main {
		min-width: 320px
	}

	.container-offline .text-container .model-offline-text,
	.container-offline .text-container .model-offline-text .model-offline-name {
		font-size: 12px
	}
}

.swiffy-slider {
	position: relative;
	display: block;
	width: 100%;
	--swiffy-slider-snap-align: center;
	--swiffy-slider-item-width: 100%;
	--swiffy-slider-item-gap: 1rem;
	--swiffy-slider-item-reveal: 0rem;
	--swiffy-slider-item-ratio: 2/1;
	--swiffy-slider-item-count: 1;
	--swiffy-slider-nav-light: #fff;
	--swiffy-slider-nav-dark: #333;
	--swiffy-slider-nav-zoom: 1;
	--swiffy-slider-track-opacity: 0.1;
	--swiffy-slider-track-height: 0;
	--swiffy-slider-nav-outside-size: 3.5rem;
	--swiffy-slider-indicator-outside-size: 1.5rem;
	--swiffy-slider-animation-duration: .75s;
	--swiffy-slider-animation-delay: 0s;
	--swiffy-slider-animation-timing: ease-in-out
}

.swiffy-slider,
.swiffy-slider::after,
.swiffy-slider::before {
	box-sizing: border-box
}

.swiffy-slider ::-webkit-scrollbar {
	height: var(--swiffy-slider-track-height)
}

.swiffy-slider ::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, var(--swiffy-slider-track-opacity))
}

.swiffy-slider ::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .4);
	border-radius: 1rem
}

.swiffy-slider ::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, .6)
}

.slider-container {
	--swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
	--swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	display: grid;
	align-items: center;
	height: 100%;
	grid: auto/auto-flow max-content;
	grid-auto-rows: 100%;
	grid-auto-columns: var(--swiffy-slider-item-width);
	grid-auto-flow: column;
	grid-gap: var(--swiffy-slider-item-gap);
	list-style: none;
	margin: 0;
	padding: 0;
	scrollbar-width: none;
	scrollbar-color: rgba(0, 0, 0, 0.4) rgba(0, 0, 0, var(--swiffy-slider-track-opacity));
	background-clip: padding-box
}

.slider-container>* {
	scroll-snap-align: var(--swiffy-slider-snap-align);
	position: relative;
	width: 100%;
	height: 100%
}

.slider-item-helper .slider-container>* {
	background-size: cover;
	background-color: #e1e1e1;
	background-position: 50% 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.slider-nav-dark.slider-nav-round .slider-nav::after,
.slider-nav-dark.slider-nav-square .slider-nav::after,
.slider-nav-round .slider-nav::before,
.slider-nav-square .slider-nav::before,
.slider-nav::after {
	background-color: var(--swiffy-slider-nav-light)
}

.slider-item-helper:not(.slider-item-ratio) .slider-container>* {
	min-height: 20rem
}

.slider-item-ratio .slider-container>*>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.slider-item-ratio-contain .slider-container>*>* {
	object-fit: contain
}

.slider-item-ratio .slider-container>::after {
	display: block;
	padding-top: calc(100% / (var(--swiffy-slider-item-ratio)));
	content: ""
}

.slider-item-ratio-32x9 {
	--swiffy-slider-item-ratio: 32/9
}

.slider-item-ratio-21x9 {
	--swiffy-slider-item-ratio: 21/9
}

.slider-item-ratio-16x9 {
	--swiffy-slider-item-ratio: 16/9
}

.slider-item-ratio-4x3 {
	--swiffy-slider-item-ratio: 4/3
}

.slider-item-ratio-2x1 {
	--swiffy-slider-item-ratio: 2/1
}

.slider-item-ratio-1x1 {
	--swiffy-slider-item-ratio: 1/1
}

.slider-item-ratio-3x4 {
	--swiffy-slider-item-ratio: 3/4
}

.slider-nav-scrollbar {
	--swiffy-slider-track-height: 0.5rem
}

.slider-nav-scrollbar .slider-container {
	scrollbar-width: thin
}

.slider-nav-nodelay .slider-container {
	scroll-behavior: auto
}

.slider-indicators {
	position: absolute;
	right: 2rem;
	bottom: 0;
	left: 2rem;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-bottom: 1rem;
	list-style: none
}

.slider-nav-scrollbar .slider-indicators {
	margin-bottom: calc(1rem + var(--swiffy-slider-track-height))
}

.swiffy-slider.slider-indicators-outside .slider-nav {
	margin-bottom: var(--swiffy-slider-indicator-outside-size)
}

.swiffy-slider.slider-indicators-outside {
	padding-bottom: var(--swiffy-slider-indicator-outside-size)
}

.slider-indicators>* {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 2rem;
	height: .2rem;
	padding: 0;
	border: .4rem solid transparent;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	opacity: .5;
	transition: opacity .4s
}

.slider-indicators-square .slider-indicators>*,
.slider-indicators-square.slider-indicators>* {
	width: .5rem;
	height: .5rem;
	border: .4rem solid transparent
}

.slider-indicators-round .slider-indicators>*,
.slider-indicators-round.slider-indicators>* {
	width: .5rem;
	height: .5rem;
	border: .4rem solid transparent;
	border-radius: 50%
}

.slider-indicators-highlight .slider-indicators>.active,
.slider-indicators-highlight.slider-indicators>.active {
	border: .33rem solid transparent;
	padding: .07rem
}

.slider-nav {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	padding: 0 .5rem;
	opacity: .8;
	transition: visibility .1s, opacity .2s linear;
	margin-bottom: var(--swiffy-slider-track-height);
	display: flex;
	align-items: center;
	filter: drop-shadow(0 0 .5rem rgba(0, 0, 0, .5));
	transform: scale(var(--swiffy-slider-nav-zoom))
}

.slider-nav::before {
	position: absolute;
	content: "";
	padding: .5rem;
	width: 3rem;
	height: 3rem
}

.slider-nav::after {
	content: "";
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");
	mask-size: cover;
	background-origin: content-box;
	width: 3rem;
	height: 3rem
}

.slider-nav-arrow .slider-nav::after {
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'></path></svg>")
}

.slider-nav-chevron .slider-nav::after {
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'></path></svg>")
}

.slider-nav-caret .slider-nav::after {
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z'></path></svg>")
}

.slider-nav-caretfill .slider-nav::after {
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'></path></svg>")
}

.slider-nav-visible .slider-nav,
.swiffy-slider:hover .slider-nav {
	visibility: visible
}

.slider-nav-outside .slider-container {
	margin: 0 var(--swiffy-slider-nav-outside-size)
}

.slider-nav-round .slider-nav::after,
.slider-nav-square .slider-nav::after {
	background-color: var(--swiffy-slider-nav-dark);
	width: 2rem;
	height: 2rem;
	margin: .5rem
}

.slider-nav-round .slider-nav::before {
	border-radius: 50%
}

.slider-nav-round .slider-nav::after {
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'%3E%3C/path%3E%3C/svg%3E")
}

.slider-nav-dark .slider-nav::after,
.slider-nav-dark.slider-nav-round .slider-nav::before,
.slider-nav-dark.slider-nav-square .slider-nav::before {
	background-color: var(--swiffy-slider-nav-dark)
}

.slider-nav-sm {
	--swiffy-slider-nav-zoom: .75;
	--swiffy-slider-nav-outside-size: 2.5rem
}

.slider-nav.slider-nav-next::after {
	transform: rotate(180deg)
}

.slider-nav.slider-nav-next {
	right: 0;
	left: unset
}

.slider-nav-dark .slider-nav {
	opacity: .6
}

.slider-indicators-dark .slider-indicators>*,
.slider-indicators-dark.slider-indicators>* {
	filter: invert(1)
}

.slider-item-snapstart {
	--swiffy-slider-snap-align: start
}

.slider-item-nosnap {
	--swiffy-slider-snap-align: unset
}

.slider-item-nogap {
	--swiffy-slider-item-gap: 0rem
}

.slider-item-reveal {
	--swiffy-slider-item-reveal: 8rem
}

.slider-item-snapstart.slider-item-reveal {
	--swiffy-slider-item-reveal: 4rem
}

.slider-item-show2 {
	--swiffy-slider-item-count: 2
}

.slider-item-show3 {
	--swiffy-slider-item-count: 3
}

.slider-item-show4 {
	--swiffy-slider-item-count: 4
}

.slider-item-show5 {
	--swiffy-slider-item-count: 5
}

.slider-item-show6 {
	--swiffy-slider-item-count: 6
}

.slider-nav-mousedrag .slider-container {
	cursor: grab
}

.slider-nav-mousedrag.dragging .slider-container {
	scroll-snap-type: unset;
	scroll-behavior: unset;
	user-select: none
}

@media (hover: hover) {
	.slider-nav-mousedrag .slider-container::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%
	}
}

@media (prefers-reduced-motion:no-preference) {
	.slider-nav-animation.slider-nav-animation-fast {
		--swiffy-slider-animation-duration: .25s
	}

	.slider-nav-animation.slider-nav-animation-slow {
		--swiffy-slider-animation-duration: 1.25s
	}

	.slider-nav-animation .slider-container .slide-visible>*,
	.slider-nav-animation .slider-container>*>* {
		transition: opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing), transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);
		transition-delay: var(--swiffy-slider-animation-delay)
	}

	.slider-nav-animation.slider-nav-animation-fadein .slider-container>*>* {
		opacity: .5
	}

	.slider-nav-animation.slider-nav-animation-scale .slider-container>*>* {
		transform: scale(.9)
	}

	.slider-nav-animation.slider-nav-animation-appear .slider-container>*>* {
		opacity: .3;
		transform: scale(.9)
	}

	.slider-nav-animation.slider-nav-animation-scaleup .slider-container>*>* {
		transform: scale(.25)
	}

	.slider-nav-animation.slider-nav-animation-zoomout .slider-container>* {
		overflow: hidden
	}

	.slider-nav-animation.slider-nav-animation-zoomout .slider-container>*>* {
		transform: scale(1.3)
	}

	.slider-nav-animation.slider-nav-animation-turn .slider-container>*>* {
		transform: rotateY(70deg)
	}

	.slider-nav-animation.slider-nav-animation-slideup .slider-container>*>* {
		transform: translateY(60%) scale(.99)
	}

	.slider-nav-animation.slider-nav-animation-slideup .slider-container {
		overflow-y: hidden
	}

	.slider-nav-animation .slider-container>.slide-visible>* {
		opacity: 1;
		transform: none
	}
}

@media (min-width: 62rem) {

	.slider-item-show2:not(.slider-item-snapstart) .slider-container>*,
	.slider-item-show4:not(.slider-item-snapstart) .slider-container>*,
	.slider-item-show6:not(.slider-item-snapstart) .slider-container>* {
		scroll-snap-align: unset
	}

	.slider-item-show2:not(.slider-item-snapstart) .slider-container>::before,
	.slider-item-show4:not(.slider-item-snapstart) .slider-container>::before,
	.slider-item-show6:not(.slider-item-snapstart) .slider-container>::before {
		content: " ";
		display: block;
		position: absolute;
		left: calc((var(--swiffy-slider-item-gap)/2)*-1);
		top: 0;
		width: 1px;
		height: 1px;
		scroll-snap-align: var(--swiffy-slider-snap-align)
	}

	.slider-nav-outside-expand .slider-nav {
		margin-left: -4rem
	}

	.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -4rem
	}

	.slider-nav-sm.slider-nav-outside-expand .slider-nav {
		margin-left: -3.5rem
	}

	.slider-nav-sm.slider-nav-outside-expand .slider-nav.slider-nav-next {
		margin-right: -3.5rem
	}

	.slider-indicators-sm.slider-indicators {
		display: none
	}
}

@media (max-width: 62rem) {
	.swiffy-slider {
		--swiffy-slider-track-height: 0rem;
		--swiffy-slider-item-reveal: 0rem;
		--swiffy-slider-item-count: 1;
		--swiffy-slider-nav-zoom: .875
	}

	.slider-item-reveal {
		--swiffy-slider-item-reveal: 4rem
	}

	.slider-item-snapstart.slider-item-reveal {
		--swiffy-slider-item-reveal: 2rem
	}

	.slider-item-show6 .slider-container {
		grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3))
	}

	.slider-item-show6.slider-item-reveal .slider-container {
		grid-auto-columns: calc(25% - (var(--swiffy-slider-item-gap)/ 4*3) - .5rem)
	}

	.slider-item-show6.slider-item-reveal .slider-container>* {
		scroll-snap-align: unset
	}

	.slider-item-show6.slider-item-reveal .slider-container>::before {
		content: " ";
		display: block;
		position: absolute;
		left: calc((var(--swiffy-slider-item-gap)/2)*-1);
		top: 0;
		width: 1px;
		height: 1px;
		scroll-snap-align: center
	}

	.slider-nav::after,
	.slider-nav::before {
		width: 2rem;
		height: 2rem;
		padding: .3rem
	}

	.slider-nav-round .slider-nav::after,
	.slider-nav-square .slider-nav::after {
		width: 1.75rem;
		height: 1.75rem;
		margin: .125rem
	}

	.slider-nav-outside .slider-container,
	.slider-nav-outside-expand .slider-container {
		margin: 0 2rem
	}

	.slider-nav-outside-expand .slider-container {
		margin: 0 var(--swiffy-slider-nav-outside-size)
	}

	.slider-nav-outside-expand .slider-nav {
		padding: 0
	}

	.slider-indicators-round .slider-indicators>*,
	.slider-indicators-round.slider-indicators>*,
	.slider-indicators-square .slider-indicators>*,
	.slider-indicators-square.slider-indicators>* {
		width: .3rem;
		height: .3rem
	}

	.slider-indicators {
		margin-bottom: .5rem;
		display: none
	}

	.slider-nav-scrollbar .slider-indicators {
		margin-bottom: 0
	}

	.slider-indicators>* {
		width: 1rem;
		height: .125rem;
		border-width: .25rem
	}

	.slider-indicators-sm .slider-indicators,
	.slider-indicators-sm.slider-indicators {
		display: flex
	}
}

@media (max-width: 48rem) {
	.slider-item-show6 .slider-container {
		grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2))
	}

	.slider-item-show6.slider-item-reveal .slider-container {
		grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap)/ 2) - 1.5rem)
	}
}

@media (hover: none) {
	.swiffy-slider.slider-nav-touch .slider-nav {
		visibility: visible
	}

	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside .slider-container,
	.swiffy-slider:not(.slider-nav-touch).slider-nav-outside-expand .slider-container {
		margin: 0
	}

	.slider-item-nosnap-touch {
		--swiffy-slider-snap-align: unset
	}
}

/* FONTAWESOME */
.fa-svg-icon {
	display: inline-flex;
	align-self: center;
	fill: #fff;
}

.fa-svg-icon svg {
	height: 1em;
	width: 1em;
}

.fa-svg-icon.svg-baseline svg {
	top: .125em;
	position: relative;
}

.fa-2x svg{
	height: 2em;
	width: 2em;
}

.fa-orange{
	fill: orange;
}

.fa-white{
	fill: white;
}

.theme-mode {
	position: relative;
}

.theme-mode input[type="checkbox"] {
	display: none;
}

.theme-mode label {
	position: absolute;
	text-align: center;
	top: 15px;
	right: 7px;
	border: 2px solid #595959;
	background-color: #2d2d2d;
	border-radius: 20px;
	padding: 4px 0;
	cursor: pointer;
	width: 28px;
}

.theme-mode .fa-sun, .theme-mode .fa-moon {
	display: block;
	height: 18px;
	width: 24px;
}

.theme-mode .fa-sun svg, .theme-mode .fa-moon svg {
	width: 18px
}

.theme-mode .fa-sun {
	transition: .3s;
}

.theme-mode .fa-moon {
	opacity: 0;
	transition: .3s;
}

#switch:checked~label>.fa-sun {
	opacity: 0;
}

#switch:checked~label>.fa-moon {
	opacity: 1;
}

#switch:checked~.content {
	background: black;
	color: white;
}

/* search */

.fa-search:before {
	content: "\f002"
}

.search-field {
	position: relative;
}

.search-field button[type="submit"] {
	position: absolute;
	top: 49%;
	left: 0;
	width: 26px;
	padding-left: 0;
	padding-right: 0;
	transform: translateY(-50%);
	border: none;
	cursor: pointer;
	text-align: center;
	background-color: #272727;
	color: #ffffff;
	height: 24px;
}

.search-field button[type="submit"] .icon {
	margin-left: 0;
	margin-right: 0;
}

.search-field input.input-text {
	border: 0;
	background-color: #272727;
	height: 24px;
	line-height: 24px;
	padding: 1px 1px 1px 26px;
	font-family: 'Roboto', sans-serif;
}

.search-field .input-text:focus {
	background-color: #272727;
}

.search.left input.input-text {
	border: 2px solid #595959;
	background-color: #272727;
	height: 28px;
	padding: 1px 1px 1px 28px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

.search.left .search-field button[type="submit"] {
	left: 2px;
}

.models-404 h1, .models-404 .error-info,
.no-models h1, .no-models .error-info {
	font-family: 'Roboto', sans-serif;
	color: var(--text-color);
	text-align: center;
}

.models-404 h1 {
	font-size: 5rem;
	line-height: 1rem;
}

.models-404 .error-info, .no-models .error-info {
	margin-bottom: 30px;
}

.no-models h1 {
	font-size: 1.5rem;
	line-height: 1rem;
}

.no-models .error-info a {
	color: var(--footer-link);
	text-decoration: underline;
}

.no-models .error-info a:hover {
	text-decoration: none;
}

.fa-home:before {
	content: "\f015";
}

/* pagination ix */
#loader_button {
	width: 192px;
}
#loader_button:hover {
	cursor: pointer;
}
.pagination-load {
	margin: 20px 0 0 0;
}
.pagination-prev-next {
	column-gap: 6px;
	margin: 5px 0 10px 0;
}

/* lazyload for pics */
.container-model .model .snapshot img,
.container-model.similar .model.similar .snapshot img {
	object-fit: cover;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	width: 100%;
}

.lazy {
	opacity: 0;
	transition: .5s;
	animation: show 2s 1;
	animation-fill-mode: forwards;
	animation-delay: 0s;
}

@keyframes show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.model a {
	text-decoration: none;
}

.container-text {
	font-family: 'Roboto', sans-serif;
	/*align-self: end;*/
	/* background-color: var(--footer-bg); */
	color: var(--footer-text);
	font-size: 14px;
	line-height: 18px;
	margin: 10px 10px 0 10px;
	/*padding: 10px;*/
}

.container-text h3, .container-text h4 {
	font-size: 1.2em;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

.container-text p {
	margin: 0;
	padding: 0;
}
.container-text p:not(:last-child) {
	margin-bottom: 10px;
}

/* AUTOCOMPLITE */
.autocomplete-box {
	position: absolute;
	left: 235px;
	right: 10px;
	margin: 0 auto;
	top: 38px;
	justify-content: space-evenly;
	z-index: 99;
	border-top: 0;
	background: rgba(63,63,63,1);
	padding: 0;
	display: none;
	overflow-y: auto;
	min-height: 100px;
	font-family: 'Roboto', sans-serif;
}
.autocomplete-box.on {
	display: block;
}
.autocomplete-default,
.autocomplete {
	position: relative;
	overflow: hidden;
	width: auto;
	height: 100%;
}
.autocomplete-box .col-first {
	padding: 150px 0;
	text-align: center;
	color: #bdbdbd;
	font-size: 32px;
}
#close-search-bar {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 9999;
}
.col-suggest {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	padding: 10px;
}
.col-links .suggest-list {
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(185px, auto));
	row-gap: 10px;
}
.col-links {
	width: 100%;
}
.flex-suggest {
	display: flex;
}
@media only screen and (max-width: 1140px) {
	.flex-suggest {
		display: block;
	}
	.col-suggest {
		width: 100%;
	}
}
@media screen and (max-width: 1239px) {
	.autocomplete-box {
		top: 44px;
	}
	.container-main-webcam .autocomplete-box {
		top: 10px;
	}
}
@media only screen and (min-width: 1240px) {
	.autocomplete-box {
		top: 48px;
		left: auto;
		width: 100%;
		max-width: 980px;
	}
}
@media screen and (max-width: 860px) {
	.container-main-webcam .autocomplete-box {
		top: 76px;
		right: 0;
		left: 0;
	}
}
@media screen and (max-width: 560px) {
	.autocomplete-box, .container-main-webcam .autocomplete-box {
		top: 154px;
		left: 0;
		right: 0;
	}
}
@media screen and (max-width: 380px) {
	.col-links .suggest-list {
		grid-template-columns: repeat(2, minmax(172.5px, auto));
	}
}
.more-search {
	margin-top: 10px;
}
.more-search a {
	text-decoration: none;
}
.search-all, .close-search {
	background-color: var(--main-color);
	color: #000;
	display: table;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	height: 28px;
	text-align: center;
}
.search-all:hover, .close-search:hover {
	background-color: var(--selected-color);
	color: #fff;
}
.search-all span, .close-search span {
	display: table-cell;
	margin-top: 6px;
	padding-top: 6px;
	width: 70px;
}
.search-all span.fa-icon, .close-search span.fa-icon {
	display: table-cell;
	padding-left: 5px;
	padding-right: 5px;
	width: 1px;
}

/* tags-list */
.tags-list .models-list {
	font-family: 'Roboto', sans-serif;
	padding: 0;
	list-style: none;
}
.tags-list .models-list li {
	display: block;
	background-color: #3f3f3f;
	color: #ffffff;
	text-decoration: none;
	position: relative;
}
.tags-list .models-list li a {
	display: block;
	background-color: #3f3f3f;
	color: #cfcfcf;
	text-decoration: none;
	padding: 8px 40px 8px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tags-list .models-list li a::before {
	content: '#';
	color: #858585;
	margin-right: 2px;
	font-size: 14px;
}
.tags-list .models-list li a:hover {
	background-color: var(--main-color);
	color: #ffffff;
}
.tags-list .models-list li span {
	color: #858585;
	font-size: 14px;
	position: absolute;
	right: 8px;
	top: 8px;
}
.tags-list .models-list li:hover span {
	color: #FFFFFF;
}


.tags-top .tag a.button_shine {
	position: relative;
	overflow: hidden;
}

.tags-top .tag a.button_shine::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .4), transparent);
	-webkit-animation: button_shine 4s ease-in-out infinite;
	animation: button_shine 4s ease-in-out infinite
}

@-webkit-keyframes button_shine {
	0% {
		left: -100%;
		transition-property: left
	}

	11.5044247788%,
	100% {
		left: 100%;
		transition-property: left
	}
}

@keyframes button_shine {
	0% {
		left: -100%;
		transition-property: left
	}

	11.5044247788%,
	100% {
		left: 100%;
		transition-property: left
	}
}

.related-title {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: var(--text-color);
	margin: 30px 10px 0 10px;
}

.related-title.first {
	margin: 0 10px 0 10px;
}

/* STATUSES */
.model-text .statuses {
	border-top: 1px solid #5b5b5b;
	border-bottom: 1px solid #5b5b5b;
	padding: 10px 0;
	margin-bottom: 10px;
}
.model-text .status-box {
	display: flex;
}
.model-text .status-date, .model-text .status-now {
	flex-shrink: 0;
	margin-right: 10px;
	min-width: 55px;
}
.model-text .status-date {
	color: var(--link-color);
}
.model-text .status-now {
	text-align: right;
}
.model-text .status-now.status-free {
	min-width: max-content;
	padding-left: 10px;
}
.model-text .status-content {
	flex: 1;
}

.container-model-video.xlovecam .live {
	display: none;
}

/* SOCIALS */
.social-profiles-title {
	text-align: center;
}
.social-profiles {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.social-profiles a {
	display: flex;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	background-color: var(--main-color);
	border-radius: 5px;
	transition: background-color 0.3s;
}

.social-profiles a:hover {
	color: #fff;
	background-color: var(--selected-color);
}
.social-profiles a:hover .social-icon {
	filter: invert(100%) sepia(100%) saturate(0%) brightness(200%);
}
.social-profiles .social-icon {
	color: #ffffff;
	filter: invert(0%) sepia(100%) saturate(0%) brightness(200%);
	width: 24px;
	height: 24px;
}
@media (max-width: 768px) {
	.social-profiles .social-icon {
		width: 32px;
		height: 32px;
	}
}

/* COUNTERS */
.field-value-flex {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.field-value {
	vertical-align: middle;
}
.svg-icon {
	width: 18px;
	height: 18px;
	margin-left: 5px;
}

.heatmap input[type="radio"]:nth-child(1):checked ~ ul li:nth-child(1) label span, .heatmap input[type="radio"]:nth-child(2):checked ~ ul li:nth-child(2) label span {
	color: #ffffff!important;
}

/* COMMENTS */
.add-comment-box input::-moz-placeholder, .add-comment-box textarea::-moz-placeholder {
	font-family: 'Roboto', sans-serif;
	color: #9ca3af;
	opacity: 1
}

.add-comment-box input::placeholder, .add-comment-box textarea::placeholder {
	font-family: 'Roboto', sans-serif;
	color: #9ca3af;
	opacity: 1
}

.add-comment-box textarea:focus, .add-comment-box button:focus {
	border-color: transparent
}

.add-comment-box {
	display: flex;
	gap: 10px;
	padding-top: 10px;
}
.text-box {
	overflow: hidden;
	flex: 1 1 0%;
	display: flex;
	align-items: center;
}
.add-comment-text {
	padding: .5rem 1rem;
	color: #000000;
	resize: none;
	width: 100%;
	border-radius: 5px;
	min-height: 36px;
	border: 2px solid var(--main-color);
	outline: none;
}
.add-comment-text:focus {
	border-color: var(--main-color);
}
.add-comment-submit {
	padding: .375rem .875rem;
	color: #ffffff;
	background-color: var(--main-color);
	border-radius: 5px;
	border: none;
	transition: background-color 0.3s;
	cursor: pointer
}
.add-comment-submit:hover {
	color: #fff;
	background-color: var(--selected-color);
}
.rounded-image {
	border-radius: 9999px;
	width: 36px;
	height: 36px;
	max-width: 100%;
	display: block;
	vertical-align: middle;
}

.comment-item {
	display: flex;
	align-items: flex-start;
	gap: .75rem;
	margin-bottom: 10px;
}
.flex-1 {
	flex: 1 1 0%;
}
.commentator-name {
	display: inline-block;
	font-weight: 500;
	color: var(--link-color);
}
.comment {
	margin-top: .125rem;
}

/* LOGIN FORM */
.login-form input[type=email], .login-form input[type=password], .login-form input[type=text], select, textarea {
	--tw-text-opacity: 1!important;
	/*border-radius: 0.375rem;*/
	font-weight: 500;
	line-height: 1rem;
	padding: 0.5rem 1rem;
}
.login-form {
	font-family: 'Roboto', sans-serif;
	max-width: 300px;
}
.login-form input, .g-recaptcha {
	font-size: 14px;
	display: inline-block;
	margin-bottom: 10px;
}
.login-form label {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.login-form button[type="submit"] {
	border: none;
	cursor: pointer;
	padding: 2px;
	margin: 0;
	height: 28px;
}
.login-form button[type="submit"] span {
	height: 24px;
	margin-top: 5px;
	padding-top: 5px;
}
.text-red-600 {
	color: red;
	margin-bottom: 10px;
}

.container-footer .text a {
	color: #ffffff;
	background-color: #5d5d5d;
	padding: 0 2px;
}

/* BLOG VIEW */
.models-list.blog-view  {
	grid-template-columns: repeat(auto-fill, minmax(450px, auto));
}
.models-list.blog-view .online-cam {
	left: 7px;
	right: auto;
}
.blog-view .posts__item {
	background-color: #2d2d2d;
	color: #ffffff;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	height: 100%;
	min-height: 225px;
	position: relative;
}
.blog-view .posts__item .posts__thumb {
	flex: 0 0 33.33%;
	min-width: 200px;
	margin: 0;
	display: flex;
	position: relative;
	overflow: hidden;
}
.blog-view .posts__item .posts__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
	transition: .5s;
}
.blog-view .posts__item:hover .posts__thumb img {
	filter: brightness(120%);
	transform: scale(1.05);
}
.blog-view .posts__item .posts__inner {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.blog-view .card__content {
	padding: 10px;
	flex-grow: 1;
}
.blog-view .posts__item .posts__inner .posts__cat {
	margin-bottom: 10px;
	height: 24px;
	display: block;
	overflow: hidden;
}
.blog-view .posts__cat-label {
	background-color: var(--main-color);
	color: #ffffff;
	font-size: 12px;
	display: block;
	float: left;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	text-transform: uppercase;
	padding: 6px 10px;
	margin: 0 3px;
}
.blog-view .posts__cat-label:hover {
	background-color: var(--selected-color);
	color: #ffffff;
}
.blog-view .posts__cat a:first-child > span {
	margin-left: 0;
}
.blog-view .posts__cat a:last-child > span {
	margin-right: 0;
}
.blog-view .posts__item .posts__title {
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
	color: #fff;
	margin: 0;
	font-weight: 500;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 22px;
}
.blog-view .posts__title a:link, .posts__title a:visited {
	text-decoration: none;
	color: #fff;
	transition: color .2s ease-in-out;
}
.blog-view .posts__title a:hover {
	text-decoration: none;
	color: var(--main-color);
}
.blog-view .posts__item .posts__excerpt {
	padding: 10px 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #a3a3a3;
	line-height: 20px;
}
.blog-view .posts__item .posts__footer {
	padding: 0 0 0 10px;
	border-top: 1px solid rgba(255, 255, 255, .05);
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.blog-view .posts__item .post-platform__name, .blog-view .posts__item .post-cta__button {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
}
.blog-view .posts__item .post-platform__name a:link, .blog-view .posts__item .post-platform__name a:visited {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
.blog-view .posts__item .post-platform__name a:hover {
	text-decoration: none;
	color: var(--main-color);
}
.blog-view .posts__item .post-cta__button a:link,.blog-view .posts__item .post-cta__button a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #28a745;
	font-size: 12px;
	display: block;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	padding: 10px;
}
.blog-view .posts__item .post-cta__button a:hover {
	text-decoration: none;
	background-color: var(--selected-color);
	color: #fff
}
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}
.models-list.blog-view .country-flag {
	position: absolute;
	bottom: 7px;
	left: 7px;
	line-height: 10px;
	z-index: 100;
}
@media (max-width: 768px) {
	.blog-view .posts__item {
		flex-direction: column;
	}
	.blog-view .posts__item .posts__thumb {
		flex: 0 0 auto;
		height: 200px;
	}
	.blog-view .posts__item .posts__thumb img {
		width: 100%;
	}
	.models-list.blog-view .country-flag {
		top: 7px;
		right: 7px;
		bottom: auto;
		left: auto;
	}
}
@media screen and (max-width: 860px) {
	.container-models .models-list.blog-view  {
		grid-template-columns: none;
	}
}

/* RELATED SEARCHES */
.related-searches {
	border-top: 1px solid var(--footer-bg);
	padding-top: 10px;
}

.related-searches p {
	display: flex;
	align-items: center;
	gap: 8px;
}

.related-searches .icon-search {
	flex-shrink: 0;
}

.related-searches ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.related-searches ul li {
	display: inline;
	margin-top: 0;
}

.related-searches ul li:not(:last-child)::after {
	content: ",";
	margin-right: 5px;
}

/* HEATMAP */
.heatmap {
	position: relative;
	width: 100%;
	margin: 2em auto;
	background: var(--bg-color);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.heatmap input[type="radio"] {
	display: none;
}

.heatmap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	border-bottom: 2px solid #adadad;
}

.heatmap ul li {
	flex: 1;
}

.heatmap ul li label {
	display: block;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
}

.heatmap ul li label:hover {
	background: var(--selected-color);
}

.heatmap ul li label span {
	display: block;
	font-size: 140%;
	color: var(--text-color);
}

.heatmap ul li label:hover span {
	color: #ffffff;
}

.heatmap .slider {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 50%;
	background: var(--main-color);
	transition: all 0.3s;
}

.heatmap .content {
	padding: 10px;
}

.heatmap .content section {
	display: none;
	animation: fadeIn 0.5s ease-in-out;
}

.heatmap input[type="radio"]:nth-child(1):checked ~ ul li:nth-child(1) label,
.heatmap input[type="radio"]:nth-child(2):checked ~ ul li:nth-child(2) label {
	background-color: var(--main-color);
}
.heatmap input[type="radio"]:nth-child(1):checked ~ ul li:nth-child(1) label span,
.heatmap input[type="radio"]:nth-child(2):checked ~ ul li:nth-child(2) label span {
	color: white;
}
.heatmap input[type="radio"]:nth-child(1):checked ~ .slider {
	transform: translateX(0%);
}

.heatmap input[type="radio"]:nth-child(2):checked ~ .slider {
	transform: translateX(100%);
}

.heatmap input[type="radio"]:nth-child(1):checked ~ .content section:nth-child(1),
.heatmap input[type="radio"]:nth-child(2):checked ~ .content section:nth-child(2) {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* INTRO BLOCK */
.collapsible-box {
	position: relative;
	font-size: 1rem;
	max-width: 100%;
	color: var(--footer-text);
}

.collapsible-box .text-wrapper {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	transition: all 0.3s ease;
	padding-right: 20px;
}

.collapsible-box .text-wrapper .text-content p {
	margin: 0;
}

.collapsible-box .toggle-button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.5rem;
	z-index: 2;
	transition: transform 0.3s ease, top 0.3s ease, left 0.3s ease;
}

.collapsible-box .down-arrow {
	transition: transform 0.3s ease;
}

.collapsible-box.expanded .text-wrapper {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}

.collapsible-box.expanded .down-arrow {
	transform: rotate(180deg);
}

.box.min-box {
	padding: 0.5rem 0.7rem;
	border-radius: 0;
}

/* GEO BLOCK */
.heading {
	display: flex;
	align-items: center;
	font-weight: 400;
	padding: 6px 10px;
	background-color: #2d2d2d;
	color: #ffffff;
}

.heading .language-flag {
	margin-left: 10px;
}

.heading .language-flag img {
	height: 20px;
	width: 30px;
	display: block;
}

@media (min-width: 2552px) and (max-width: 3200px) {
	.models-geo .posts__item:nth-child(n+11) {
		display: none
	}
}

/* ACHIEVEMENTS */
.followers-users {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-direction: column;
}

.icon-text-block {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.icon-text-block:last-child {
	margin-bottom: 0;
}

.icon-text-block .text {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}

.icon-text-block .svg-icon-box {
	display: block;
	cursor: pointer;
}

.icon-text-block .svg-icon-box svg {
	display: block;
	width: 60px;
	height: 60px;
	color: var(--main-color);
	transition: transform 0.3s ease;
}

.icon-text-block:hover .svg-icon-box svg {
	transform: rotate(360deg);
	color: var(--selected-color);
}

@media screen and (min-width: 769px), print {
	.followers-users {
		flex-direction: row;
	}

	.icon-text-block {
		margin-bottom: 0;
	}
}

/* FAQ */
.model-faq {
	border-top: 1px solid #5b5b5b;
	padding: 10px 0;
	margin-top: 20px;
}

/*MENU*/
.menu-left .filter-name {
	position: relative;
	display: block;
	text-transform: uppercase;
	background-color: var(--main-color) !important;
	color: #ffffff;
	font-weight: 400;
	border-bottom: 1px solid #2d2d2d;
	padding: 0.5em 0.75em;
}

.menu-left .filter .collapse-header:hover {
	background-color: var(--selected-color) !important;
	cursor: pointer;
}

.menu-left .filter .collapse-header span {
	display: inline-block;
	margin-left: 1em;
	transition: right 0.2s ease-out;
	right: 1em;
	position: absolute;
}

.menu-left .filter .collapse-header span svg {
	width: 12px !important;
	height: 11px !important;
	transition: all 200ms ease-out;
}

.menu-left .filter .collapse-header:not(.open) span svg {
	transform: rotate(-90deg);
}

.menu-left .filter .collapse-body > .item {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	padding: 0;
	color: #a3a3a3;
	opacity: 1;
	transition: padding 0.3s linear, height 0.3s linear, opacity 0.3s linear;
}

.menu-left .filter .collapse-body:not(.open) > .item.unselected {
	overflow: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
	border-bottom: 0;
	transition: padding 0.3s linear, height 0.3s linear, opacity 0.3s linear;
}

.menu-left .menu-list {
	margin: 0;
	padding: 0;
}

.menu-left .menu-list .item a {
	flex: 1;
	display: block;
	text-transform: capitalize;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em 3.5em 0.5em 0.75em;
	border-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-left .menu-list li:hover {
	background-color: var(--selected-color);
}

.menu-left .menu-list .item span.counter {
	position: absolute;
	right: 0;
	pointer-events: none;
	white-space: nowrap;
	flex-shrink: 0;
	margin-left: 0;
	font-size: 14px;
	padding: 0.5em 0.75em 0.5em 0;
}

.menu-left .menu-list .item.selected {
	background-color: #2d2d2d !important;
}

.menu-left .menu-list.open .item.selected,
.menu-left .menu-list.open .item.auto-menu.selected a {
	background-color: var(--selected-color) !important;
}

.menu-left .menu-list .item.selected a {
	color: #fff !important;
}

.menu-left .menu-list .item.auto-menu {
	border-bottom: 1px solid #2d2d2d;
}

.menu-left .menu-list .item.auto-menu a {
	text-transform: uppercase;
	background-color: var(--main-color);
	color: #ffffff;
}

.menu-left .menu-list .item.auto-menu a:hover {
	background-color: var(--selected-color);
	color: #fff;
}

/* ICONS */
.menu-left .menu-list .item[class*="icon-"] a,
.tags-top .tag[class*="icon-"] a {
	position: relative;
	padding-left: 2.5em;
}

.menu-left .menu-list .item[class*="icon-"] a {
	padding-right: 0.5em;
}

.menu-left .menu-list .item[class*="icon-"] a::before {
	content: "";
	position: absolute;
	left: 0.75em;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-size: contain;
	pointer-events: none;
}

.tags-top .tag[class*="icon-"] a::before {
	content: "";
	position: absolute;
	left: 0.5em;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-size: contain;
	pointer-events: none;
}

.menu-left .menu-list .item.icon-models a::before,
.tags-top .tag.icon-models a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 11.5c2.5 0 4.5-2 4.5-4.5S14.5 2.5 12 2.5 7.5 4.5 7.5 7 9.5 11.5 12 11.5zM12 13c-4 0-8 1.8-8 5v3h16v-3c0-3.2-4-5-8-5z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-tags a::before,
.tags-top .tag.icon-tags a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M20.59 13.41L12 4.83V4H4v8h.83l8.59 8.59a2 2 0 002.83 0l4.34-4.34a2 2 0 000-2.83z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-hottest a::before,
.tags-top .tag.icon-hottest a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-latest a::before,
.tags-top .tag.icon-latest a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 1a11 11 0 1011 11A11 11 0 0012 1zm0 20a9 9 0 119-9 9 9 0 01-9 9zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-most-viewed a::before,
.tags-top .tag.icon-most-viewed a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7zm0 12a5 5 0 110-10 5 5 0 010 10z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-channels a::before,
.tags-top .tag.icon-channels a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M3 3h7v7H3V3zm11 0h7v7h-7V3zM3 14h7v7H3v-7zm11 0h7v7h-7v-7z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-onlyfans-models a::before,
.tags-top .tag.icon-onlyfans-models a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M12 4C6.5 4 2.3 8.1 1 12c1.3 3.9 5.5 8 11 8s9.7-4.1 11-8c-1.3-3.9-5.5-8-11-8zm0 14c-3.3 0-6.1-2.5-7.3-6 1.2-3.5 4-6 7.3-6s6.1 2.5 7.3 6c-1.2 3.5-4 6-7.3 6zm0-10a4 4 0 0 0-3 6.7c1.2 1.2 3 1.2 4.2 0a4 4 0 0 0-1.2-6.7zM12 13.5l-1-1a1.5 1.5 0 1 1 2 0l-1 1z'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-cam-models a::before,
.tags-top .tag.icon-cam-models a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><circle cx='12' cy='8' r='4'/><path d='M12 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 14c-4.418 0-8 3.134-8 7h2c0-2.761 2.686-5 6-5s6 2.239 6 5h2c0-3.866-3.582-7-8-7z'/><rect x='10' y='18' width='4' height='4' rx='1' ry='1'/></svg>") no-repeat center;
}

.menu-left .menu-list .item.icon-submit-link a::before,
.tags-top .tag.icon-submit-link a::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'><path d='M2 21l21-9L2 3v7l15 2-15 2v7z'/></svg>") no-repeat center;
}


/* FILTERS */
#alphabet {
	margin-top: 10px;
}

.tabs .input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}

.tabs .input-group > .form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tabs .input-group > .form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tabs .form-control {
	display: block;
	width: 100%;
	padding: 0 10px;
	border: 2px solid #595959;
	outline: none;
	background-color: #272727;
	color: #ffffff;
	height: 34px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.tabs .form-control::placeholder {
	color: #d0d0d0
}
.tabs .input-group > .form-control {
	position: relative;
	margin-bottom: 0;
}
.tabs .all-categories-page-search {
	height: 34px;
}
#alphabet.mobile-category-anchors {
	list-style: none;
	padding: 0;
	width: 100%;
}

.mobile-category-anchors li {
	display: inline-block
}

.mobile-category-anchors li a {
	width: 36px;
	border-right: 1px solid #2d2d2d;
}

.mobile-category-anchors li.all a {
	padding: 0 0.1rem;
}

#alphabet li a:hover,
#alphabet .ac a {
	color: #ffffff;
	background-color: var(--dark-selected-color);
	border-color: var(--main-color);
}
.tabs {
	font-family: 'Roboto', sans-serif;
	display: table;
	margin: 10px 0 0 0;
	padding: 0 10px;
}
.tabs-search {
	width: 100%;
}
.tabs>ol {
	margin: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.tabs .btn {
	display: block;
	font-weight: 400;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	padding: 0 0.5rem;
	font-size: 15px;
	line-height: 34px;
	border: none;
	text-decoration: none;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}
.tabs .btn:hover {
	color: #fff;
	text-decoration: none
}
.tabs .btn.focus,
.tabs .btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 .2rem rgba(227, 181, 54, .25);
	box-shadow: 0 0 0 .2rem rgba(227, 181, 54, .25)
}
.tabs .btn-primary {
	background-color: var(--main-color);
	border-color: var(--main-color);
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media only screen and (max-width: 1400px) {
	.tabs {
		min-width: 100%;
		max-width: 100%;
		overflow: hidden;
		display: block;
	}
	#alphabet.mobile-category-anchors {
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
}

/* ENTITY PHOTO */
.entity-box {
	position: relative;
	overflow: hidden;
}

.entity-photo {
	position: relative;
	aspect-ratio: 9 / 14;
	overflow: hidden;
}

.entity-photo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
	transition: .5s;
	display: block;
	z-index: 9;
}

.entity-title {
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 32px;
	font-size: 22px;
	margin: 0;
	background: 0 0;
	padding: 80px 10px 10px !important;
	width: auto;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(130%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 130%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}

/* RESOLUTION FIXES */
.home .tag-list .container-model,
.home .models-list .container-model {
	display: block;
}

.home .see-more-mobile {
	display: none;

	text-transform: uppercase;
	background-color: var(--main-color);
	color: #ffffff;
	font-weight: 400;
	padding: 0.5em 0.75em;
	margin: 0 10px;
	text-align: center;
	text-decoration: none;
}

.home .see-more-mobile:hover {
	background-color: var(--selected-color);
}

/* ≤ 560 —  6 */
@media (max-width: 560px) {
	.home .tag-list .container-model:nth-child(n+7),
	.home .models-list .container-model:nth-child(n+7) {
		display: none;
	}
	.home .see-more-mobile {
		display: block;
	}
}

/* ≤ 954 —  18 */
@media (max-width: 954px) {
	.home .tag-list .container-model:nth-child(n+19),
	.home .models-list .container-model:nth-child(n+19) {
		display: none;
	}
}

/* 955–1188 — 18 */
@media (min-width: 955px) and (max-width: 1188px) {
	.home .tag-list .container-model:nth-child(n+19),
	.home .models-list .container-model:nth-child(n+19) {
		display: none;
	}
}

/* 1189–1423 — 16 */
@media (min-width: 1189px) and (max-width: 1423px) {
	.home .tag-list .container-model:nth-child(n+17),
	.home .models-list .container-model:nth-child(n+17) {
		display: none;
	}
}

/* 1424–1658 — 15 */
@media (min-width: 1424px) and (max-width: 1658px) {
	.home .tag-list .container-model:nth-child(n+16),
	.home .models-list .container-model:nth-child(n+16) {
		display: none;
	}
}

/* 1659–1894 — 18 */
@media (min-width: 1659px) and (max-width: 1894px) {
	.home .tag-list .container-model:nth-child(n+19),
	.home .models-list .container-model:nth-child(n+19) {
		display: none;
	}
}

/* 1895–2128 — 14 */
@media (min-width: 1895px) and (max-width: 2128px) {
	.home .tag-list .container-model:nth-child(n+15),
	.home .models-list .container-model:nth-child(n+15) {
		display: none;
	}
}

/* 2129–2309 — 16 */
@media (min-width: 2129px) and (max-width: 2309px) {
	.home .tag-list .container-model:nth-child(n+17),
	.home .models-list .container-model:nth-child(n+17) {
		display: none;
	}
}

/* 2310–2559 — 16 */
@media (min-width: 2310px) and (max-width: 2559px) {
	.home .tag-list .container-model:nth-child(n+17),
	.home .models-list .container-model:nth-child(n+17) {
		display: none;
	}
}

/* ≥ 2560 — 18 */
@media (min-width: 2560px) {
	.home .tag-list .container-model:nth-child(n+19),
	.home .models-list .container-model:nth-child(n+19) {
		display: none;
	}
}

.container-main, .container-main-webcam {
	max-width: 2560px;
}

/* UPLOAD FORM */
.text-center {
	text-align: center;
}
#form-wrapper {
	background-color: var(--footer-bg);
	padding: 20px;
	border-radius: var(--border-radius);
	max-width: 600px;
	margin: 0 auto;
	color: var(--text-color);
	font-family: Arial, sans-serif;
}

#form-wrapper label {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
	color: var(--text-color);
}

#form-wrapper input[type="text"],
input[type="email"],
#form-wrapper input[type="url"],
#form-wrapper input[type="file"],
#form-wrapper textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #555;
	background-color: var(--input-bg);
	color: var(--input-text-color);
	border-radius: var(--border-radius);
	outline: none;
	transition: border-color 0.2s ease;
	margin-bottom: 15px;
}

#form-wrapper input:focus,
#form-wrapper textarea:focus {
	border-color: var(--main-color);
}

#form-wrapper .description-block {
	background-color: var(--input-bg);
	padding: 15px;
	margin-bottom: 15px;
	border-radius: var(--border-radius);
	color: var(--input-text-color);
	border: 1px solid #555;
}

#form-wrapper .description-block p:first-of-type {
	margin-top: 0;
}

#form-wrapper .description-block p:last-of-type {
	margin-bottom: 0;
}

#form-wrapper .description-block h2,
#form-wrapper .description-block h3,
#form-wrapper .description-block h4,
#form-wrapper .description-block h4{
	margin-top: 0;
}

#form-wrapper .form-check {
	margin-top: 10px;
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

#form-wrapper .form-check input[type="checkbox"] {
	margin-top: 4px;
	transform: scale(1.2);
	accent-color: var(--main-color);
}

#form-wrapper .form-check label {
	font-weight: normal;
	line-height: 1.4;
	color: var(--text-color);
}

#form-wrapper button {
	background-color: var(--main-color);
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: var(--border-radius);
	cursor: pointer;
	font-weight: bold;
	transition: background-color 0.3s;
}

#form-wrapper button:disabled {
	background-color: #888;
	cursor: not-allowed;
}

#form-wrapper .success-message {
	background-color: var(--footer-bg);
	padding: 20px;
	border-radius: var(--border-radius);
	text-align: center;
	color: var(--main-color);
	font-size: 1.2em;
	font-weight: bold;
}

/* MODEL BIO */
.entity-info {
	color: #ffffff;
	line-height: 22px;
	padding: 0.5em 0.75em;
}

.entity-info > div:not(:last-child) {
	margin-bottom: 5px;
}

.bio-model-tags a:link, .bio-model-tags a:visited {
	color: #ffffff;
}

.bio-model-tags a:hover {
	color: var(--link-color);
	text-decoration: none;
}

.bio-model-social-links {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 5px;
}

.bio-model-social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.05);
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.bio-model-social-links a:hover {
	background-color: var(--main-color);
}

.bio-model-social-links svg {
	width: 28px;
	height: 28px;
	fill: #FFFFFF;
}

.bio-model-social-links .instagram-button svg {
	width: 24px;
	height: 24px;
}

/* PAGES LINKS */
.more-links {
	padding: 0;
	margin: 10px 10px 0 10px;
	list-style: none;

	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.more-links li {
	display: inline-flex;
}

.more-links li a:link,
.more-links li a:visited {
	text-transform: uppercase;
	background-color: var(--main-color);
	color: #ffffff;
	padding: 0.5em 0.75em;
	text-align: center;
	text-decoration: none;
	display: block;
}

.more-links li a:hover {
	background-color: var(--selected-color);
	text-decoration: none;
}

@media (max-width: 560px) {
	.more-links {
		flex-direction: column;
		align-items: stretch;
	}

	.more-links li {
		width: 100%;
	}

	.more-links li a:link {
		width: 100%;
	}
}

/* GENDER SELECTOR */
.tabs .input-group {
	gap: 10px;
}

.tabs .sex-select {
	max-width: 110px;
	padding: 0 10px;
	border: 2px solid #595959;
	background-color: #272727;
	color: #ffffff;
	height: 34px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	outline: none;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tabs .input-group {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	gap: 10px;
}

.tabs .input-group .form-control {
	flex: 1;
	min-width: 0;
}

.tabs .input-group .sex-select {
	flex: 0 0 110px;
}