@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: #9F82C3;
	--dark-selected-color: #545454;
	--dark-text-color: #d0d0d0;
	--dark-link-color: #9F82C3;
	--dark-bg-color: #1a1a1a;
	--dark-footer-bg: #2d2d2d;
	--dark-footer-text: #909090;
	--dark-footer-link: #c0c0c0;
	/*DARK THEME*/
}
body {
	/*LIGHT THEME*/
	--main-color: #9F82C3;
	--selected-color: #545454;
	--text-color: #212529;
	--link-color: #8558df;
	--bg-color: #d7d7d7;
	--footer-bg: #bdbdbd;
	--footer-text: #4b4b4b;
	--footer-link: #000000;
	/*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);
	}
}

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: 6px;
	display: block;
}

.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 span.content {
	display: grid;
	grid-template-columns: 1fr 160px;
	white-space: nowrap
}

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

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

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

.tags-top span.search {
	margin-top: 2px;
}

.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: #000000;
}

.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: 2px;
	margin-bottom: 1px;
	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%
}

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

.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 {
	background-color: #303040;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	opacity: .6;
	padding: 5px;
	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;
}

.model-title {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	text-align: left;
}

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

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

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

.tag-name {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	text-align: left;
	text-transform: uppercase;
}

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

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

.tag-count {

}

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

/* NEW STATUS */
.online-cam {
	position: absolute;
	top: 7px;
	right: 6px;
	z-index: 25;

	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.pulse-wave {
	background-color: #93D000;
}

.pulse-wave::before,
.pulse-wave::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background-color: rgba(147, 208, 0, 0.5);
	animation: wavePulse 1.8s infinite ease-out;
}

.pulse-wave::after {
	animation-delay: 0.9s;
}

@keyframes wavePulse {
	0% { transform: scale(1); opacity: 0.8; }
	70% { transform: scale(2.5); opacity: 0; }
	100% { opacity: 0; }
}

.offline {
	background-color: #d00000;
}
/* END STATUS */

.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: 10px;
	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;
	padding: 1px;
	margin: 0 10px
}

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

.container-model-video {
	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 {
	overflow: hidden;
	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;
}

.menu-left .submenu.new-item {
	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 {
		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 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;
	}

	.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 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: 20px;
	color: var(--text-color);
	margin: 30px 20px 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(--text-color);
}

.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 .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;
	line-height: 38px;
	height: 38px;
	padding: 0;
	font-weight: 500;
}

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

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

.entity-photo {
	position: relative;
	aspect-ratio: 4 / 3;
	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);
}