.list-view:after,
.list-view:before {
	content: "";
	display: table;
	background: 0 0
}

.performer-item {
	text-align: center;
	float: left !important;
	margin-bottom: 8px;
	width: 20% !important;
	padding: 0 1px;
	display: block;
	position: relative
}

.performer-item img {
	width: 100% !important;
	height: auto;
	display: block;
	border: 0
}

.performer-item .outline {
	display: block;
	position: relative;
	overflow: hidden
}

.performer-item .performer-videos {
	color: #231f20;
	background: #fff;
	width: 100%;
	box-shadow: 0 2px 3px rgb(0 0 0 / .3);
	position: absolute;
	bottom: 0;
	padding: 3px 6px;
	z-index: 10;
	opacity: 0
}

.performer-item .performer-videos .count {
	font-weight: 600
}

.performer-item .performer-videos .count {
	display: block;
	font-size: 18px;
	line-height: 18px
}

.performer-videos span {
	font-size: 10px
}

.performer-item .performer-videos .txt {
	display: block;
	font-size: 10px;
	line-height: 10px;
	padding-top: 2px;
	text-transform: uppercase
}

.performer-item .performer-name {
	background-color: #000;
	width: 100%;
	color: #fff;
	text-decoration: none;
	opacity: .8;
	left: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 18px;
	padding: 7px
}

.performer-item:hover .performer-name {
	height: 0;
	padding: 0
}

.performer-item:hover .performer-videos {
	opacity: .8;
	transition: bottom .3s, opacity .2s .1s
}

.performer-item:hover .performer-videos,
.tax-list .performer-item:hover img.pflag {
	opacity: .8;
	transition: bottom .3s, opacity .2s .1s
}

.performer-videos span,
.performer-videos strong {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #231f20
}

.performer-row .performer-info,
.suggest .performer-videos span,
.suggest .performer-videos strong {
	color: #fff
}

.performer-item .performer-name,
.performer-item .performer-videos {
	display: block;
	position: absolute
}

.listing-container .performer-item {
	width: 16.6666%;
	margin-bottom: 10px;
	padding: 0 5px
}

.performer-videos strong {
	font-size: 17px
}

.performer-videos span {
	font-size: 10px
}

.performer-item-footer {
	line-height: 24px;
	font-size: 10px
}

@media screen and (max-width:1546px) {
	.full-width .performer-item {
		width: 12.5% !important
	}

	.performer-item {
		width: 16.658888888999% !important
	}
}

@media screen and (max-width:1360px) {
	.full-width .performer-item {
		width: 16.6% !important
	}

	.performer-item {
		width: 20% !important
	}
}

@media screen and (max-width:1110px) {
	.performer-item {
		width: 20% !important
	}

	.full-width .performer-item {
		width: 25% !important
	}
}

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

	.performer-item,
	.full-width .performer-item {
		width: 50% !important
	}
}

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

	.performer-item,
	.full-width .performer-item {
		width: 45.333% !important
	}
}
}
}

.profilebox {
	position: relative;
	min-height: 230px;
	max-width: 700px;
	width: calc(60% - 120px);
	border-radius: 8px;
	box-shadow: 0 6px 12px rgb(0 0 0 / .23), 0 10px 40px rgb(0 0 0 / .19);
	display: block
}

.profpic {
	position: absolute;
	left: 0;
	width: 120px;
	border: 4px solid #EE2E05;
	background: #22242a;
	display: inline-block;
	box-shadow: 0 1.5px 4px rgb(0 0 0 / .24), 0 1.5px 6px rgb(0 0 0 / .12)
}

.prof-close {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	background: #fff0;
	outline: 0 none;
	border: none;
	border-radius: 50%;
	font-size: 18pt;
	color: rgb(255 255 255 / .87);
	cursor: pointer;
	text-align: center;
	transition: all 0.15s ease-in-out
}

.prof-close:active {
	background: rgb(255 255 255 / .02);
	box-shadow: 0 1.5px 4px rgb(0 0 0 / .24), 0 1.5px 6px rgb(0 0 0 / .12)
}

.info {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 30px;
	line-height: 30px;
	width: auto;
	background: #fff0;
	outline: 0 none;
	border: none;
	border-radius: 50%;
	font-size: 12pt;
	color: rgb(255 255 255 / .9);
	cursor: pointer;
	text-align: center;
	transition: all 0.15s ease-in-out
}

.info:active {
	background: rgb(255 255 255 / 0)
}

.prof-sm {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 180px;
	left: -40px;
	width: 40px
}

.prof-sm .sm {
	width: 40px;
	height: 40px;
	margin-bottom: 4px;
	border-radius: 50%;
	background: #EE2E05;
	transition: all 0.15s ease-in-out;
	box-shadow: 0 1.5px 4px rgb(0 0 0 / .24), 0 1.5px 6px rgb(0 0 0 / .12)
}

.prof-sm .sm:hover {
	background: #9d0000
}

.prof-sm .sm:active {
	background: #fdd706
}

.prof-sm a {
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%
}

.prof-sm svg {
	width: 30px;
	height: 30px;
	margin: 5px;
	border-radius: 50%
}

.prof-sm path {
	fill: #f8f8f8
}

.prof-name {
	display: block;
	margin: 0;
	color: #fff;
	font-weight: 400;
	font-size: 20pt
}

.prof-user {
	display: block;
	margin: 0;
	color: rgb(255 255 255 / .69);
	font-weight: 400;
	font-size: 11pt
}

.user-tags {
	margin: 2px 0 5px 3px;
	padding: 0;
	list-style: none;
	cursor: default
}

.user-tags .tag {
	display: inline-block;
	font-size: 8pt;
	text-transform: lowercase;
	color: rgb(255 255 255 / .72);
	background: rgb(255 219 69 / .58);
	padding: 5px 12px;
	border-radius: 2px;
	box-shadow: 0 1.5px 4px rgb(0 0 0 / .24), 0 1.5px 6px rgb(0 0 0 / .12)
}

.user-desc {
	color: rgb(255 255 255 / .96);
	font-size: 11pt;
	line-height: 12pt;
	flex: 1 0 auto;
	padding-left: 120px;
	min-height: 100px
}

.performer-az-item {
	width: 50%;
	display: inline-block;
	float: left
}

form.name_search {
	width: 100%;
	padding: 3px 0 3px 0
}

form.name_search input[type="text"] {
	width: 84.7%;
	float: left;
	padding-left: 10px;
	height: 40px;
	background: var(--form_bg);
  color: var(--form_color);
	border: 0;
	outline: 0;
}

form.name_search input[type="submit"] {
	max-width: 14.5%
}

form.name_search input[type="submit"] {
	font-size: 15px;
	border: none !important;
	display: block;
	height: 40px;
	width: 100%;
	float: right;
	line-height: 15px !important;
	padding: 12px 16px !important;
	background: var(--accent);
	color: var(--accent-color)
}

.performer-az-item.disabled {
	background: #5e5d5d !important
}

.tax-list img.pflag {
	position: absolute;
	top: 0;
	width: 30px !important;
	height: auto;
	left: 0;
	opacity: 0
}

.tax-performer img.mflag {
	float: left;
	width: auto;
	height: 30px;
	padding: 2px
}

.tax-performer img.mflag.none {
	display: none !important
}

.tax-performer .age {
	font-size: 77%;
	position: relative;
	top: 5px
}
span.row.performer-az-item {
    width: 50%;
}