body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    background-color: #391f13;
}

a {
	text-decoration: none;
}

footer {
    background-color: #060000;
    text-align: center;
    padding: 20px;
}

footer p {
    color: #aaaaaa;
    font-size: 11px;
    line-height: 14px;
}

footer p a {
    color: #aaaaaa;
}

.center {
	justify-content: center!important;
}

.wrp {
	max-width: 2000px;
	min-height: 100vh;
	margin: auto;
}

/*header*/
.head {
	width: 100%;
	min-height: 84px;
	max-width: 2000px;
	background: #060000;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	border-bottom: 2px solid #ed9429;
	position: fixed;
	top: 0;
	z-index: 9999;
}

/*top menu + logo*/
.nav {
	min-width: 600px;
}

.bars-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.head li, .bars, .bars-close, .bars-search, .bars-close-search {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 30px;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    padding-left: 30px;
    line-height: 25px;
    display: inline-block;
}

.head li a, .bars, .bars-close, .bars-search, .bars-close-search {
	color: #868484;
    text-decoration: none;
}

.head li a:hover, .cat_active, .bars:hover, .bars-close:hover, .bars-search:hover, .bars-close-search:hover {
    border-bottom: 1px solid #ed9429;
    color: #fff!important;
}

.bars, .bars-close, .bars-search, .bars-close-search {
	padding: 10px;
	display: none;
}

.logo {
	min-width: 193px;
}

.logo a {
	font-family: 'Teko', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 40px;
    text-transform: none;
    color: #ed9429;
}

.logo a:hover {
	text-decoration: revert;
}

/*search top*/
.search_top {
	border: 2px solid #ed9429;
	border-radius: 5px;
	width: 50%;
	margin-left: 30px;
}

.search_input {
	position: relative;
	display: flex;
}

.search_input input {
	background: none;
	border: none;
	color: #ed9429;
	width: 100%;
    height: 35px;
}

.search_input input::placeholder {
	color: #fff;
	padding: 5px;
}

/* .search_input input:focus::placeholder {
    color: transparent;
} */

.search_input button {
	background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

.search_input button:hover {
	color: #ed9429;
}

.search_input select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    border-right: 3px solid #ed9429;
    border-left: 3px solid #ed9429;
    color: #fff;
    background: #000;
}

/*content on main*/
.content {
	width: 100%;
	height: 100%;
	padding: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.m82 {
	margin-top: 82px;
}

.last_line {
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 10px 10px 0 10px;
}

.last {
	padding-left: 10px;
}

.last h2 {
	color: #fdfbfb;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
    text-transform: uppercase;
}

.none h2 {
	text-transform: none;
}

.sort_items a {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 25px;
	background-color: #d01d1d;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 42px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fdfafa;
	white-space: nowrap;
	margin-right: 5px;
}

.all_items, .sort_items {
    padding-right: 10px;
}

.all_items a {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 25px;
    background-color: #d01d1d;
    padding-left: 18px;
    padding-right: 18px;
    line-height: 42px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fdfafa;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}

.all_items a:hover {
	background-color: #ed9429;
}

/*short story*/
.item-video, .item-model {
    position: relative;
    width: 32.26%;
    margin: 0.5%;
    overflow: hidden;
}

.item-video {
	max-height: 331px;
	min-height: 230px;
	border-radius: 10px;
}

.item-video video {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item-model {
	width: 19%;
	max-height: 347px;
	border-radius: 10px;
}

.item-thumb, .item-cover {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.item-thumb a {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    overflow: hidden;
}

.item-video img, .item-cover img, .item-model img {
    width: 100%;
    display: inline-block;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.item-info {
    background-color: rgba(0,0,0,0.7);
    padding: 7px 9px 6px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.item-info h2 {
    font-size: 21px;
    border-bottom: 1px solid #555454;
    font-weight: normal;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-info a {
	color: #ed9429;
	text-decoration: none;
}

.item-short-model h2 {
	border-bottom: none;
	padding-bottom: 0;
	text-align: center;
}

.time, .date, .view {
    color: #f5f6f6;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    line-height: 22px;
}

.date, .view {
	padding-left: 10px;
}

.inf {
	max-height: 22px;
    overflow: hidden;
}

.short_tags {
	color: #ffca89;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.short_tags a {
	text-transform: capitalize;
}

.short_tags a:hover, .item-info h2 a:hover, .item-short-model h2 a:hover {
	color: #ffca89;
} 

/*footer statistic*/
.statistic {
	background-color: #ed9429;
	padding: 15px;
}

.statistic h3 {
    text-align: center;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 50px;
    padding-bottom: 20px;
    letter-spacing: -0.025em;
	color: #fcfcfc;
    text-transform: uppercase;
    text-decoration: underline;
}

.statistic ul {
    text-align: center;
}

.statistic ul li {
    width: auto;
    line-height: 30px;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #fdfbfb;
    background: url(../images/point.png) no-repeat left top;
    padding-left: 44px;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px 10px;
}

/*fullstory*/
.full_box {
	background-color: rgba(0,0,0,0.77);
    max-width: 1194px;
    padding: 0 18px 0 18px;
    margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: #fdfbfb;
}

.full_content {
	padding: 0;
	background-image: url(../images/bg_full.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: cover;
}

.player_full {
	max-width: 1180px;
	width: 100%;
}

.plyr {
	max-width: 1180px;
	/* max-height: 462px; */
}

.plyr__control--overlaid {
    background: #ed9429;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #ed9429)));
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #f19728;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #f19728)));
}

.plyr--full-ui input[type=range] {
    color: #ed9429;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #ed9429)));
}

.dl_btn {
	display: block;
    font-size: 30px;
    padding: 0 20px;
    margin: 15px 0;
    text-align: center;
    line-height: 72px;
    text-decoration: none;
    color: var(--color-text, #fff);
    background: var(--color-button, #BA2716);
    border: 1px solid var(--color-button, #BA2716);
}

.dl_btn:hover {
	background: var(--background-button-hover, #555);
    color: var(--color-button-hover, #fff);
    border: 1px solid var(--background-button-hover, #555);
}

.next_prev {
	display: flex;
	justify-content: space-between;	
}

.title_f {
	width: 100%;
	text-align: center;
}

.title_f h2 {
	color: #fdfbfb;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 48px;
	line-height: normal;
    padding-bottom: 5px;
}

.desc {
	font-size: 15px;
    line-height: 17px;
    color: #f5f6f6;
    padding-bottom: 18px;
}

.tags_studs_mdls {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 10px;
}

.cast {
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.mdl_in_v {
	max-width: 150px;
    border: 2px solid #ed9429;
    text-align: center;
    border-radius: 10px;
    margin: 10px;
}

.mdl_in_v img {
	width: 150px;
    height: 150px;
    border-radius: 10px 10px 0 0;
    border-bottom: 2px solid #ed9429;
}

.mdl_in_v a {
	color: #f5f6f6;
}

.tags_f a, .next_prev a, .search input.cast, .tag_list a {
    color: #f5f6f6;
    border: 2px solid #ed9429;
    background-color: #000101;
    min-width: 108px;
    line-height: 32px;
    text-align: center;
    padding: 5px 10px;
    margin-left: 5px;
    text-transform: capitalize;
    white-space: nowrap;
	border-radius: 5px;
}

.tags_f a:hover, .next_prev a:hover, .search input.cast:hover, .tag_list a:hover {
	background-color: #ed9429;
}

.next_prev {
	width: 100%;
	padding: 15px 0;
    border-top: 1px solid #726966;
    border-bottom: 1px solid #726966;
    margin-bottom: 22px;
}

.rel_title {
	margin: 10px;
}

.related {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* comments */
.full_content form {
	width: 100%;
}

.i50 {
	width: 250px;
}

.row {
	display: block;
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    line-height: 0;
}

.comment-holder {
    display: block;
    margin: 0 0 7px;
    line-height: 1.2;
    color: var(--tabs-title-color);
    font-size: 15px;
    font-weight: 500;
}

.comm_input {
	padding: 12px 20px;
	color: #f5f6f6;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #431300;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #726966;
}

.comm_textaria {
	padding: 12px 20px;
	color: #f5f6f6;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #431300;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    border: 1px solid #726966;
    resize: none;
    min-height: 125px;
}

.full_content form button {
	cursor: pointer;
	color: #f5f6f6;
    border: 2px solid #ed9429;
    background-color: #000101;
    min-width: 108px;
    line-height: 32px;
    border-radius: 5px;
    margin: 10px 0;
}


.comment {
    border: 1px solid #726966;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.comment .author {
    font-weight: bold;
    margin-bottom: 5px;
	color: #ed9429;
}

.comment .content {
    margin-bottom: 5px;
	justify-content: left;
}

/*all tags*/
.tag-container {
	color: #fff;
	max-width: 1111px;
    margin-bottom: 10px;
	margin: auto;
}

.tag-group {
    margin-bottom: 20px; /* Отступ между группами */
}

.tag-group h2 {
    margin-top: 0; /* Убираем верхний отступ для заголовка */
}

.tag-items {
    display: flex;
    flex-wrap: wrap;
}

.tag-item {
    /* Стили элементов тега */
    flex-basis: 33%; /* Определяем ширину элемента в 25% для 4 столбцов */
	padding: 3px;
}

.tag-item a {
	color: #ed9429;
}

.tag-item span {
	text-align: right;
}


/*pagination*/
.pagination-bottom {
    padding: 16px 0 6px;
    text-align: center;
	min-width: 100%;
}

.pagination-list span,  .pagination-list a{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.pagination-list span {
	color: #fff !important;
    background: none !important;
} 

.pagination-list a:hover {
    background: #ed9429;
    color: #fff;
}

.pagination-list a, .pagination-list span {
    background: #000;
    padding: 5px 10px;
    color: #ed9429;
    border: 2px solid #ed9429;
    display: inline-block;
    text-align: center;
}

.pagination-list .btn-prev i {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
}

.pagination-list .btn-next i {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
}

span.btn-prev, span.btn-next {
    background: none !important;
	padding: 0;
    border: 0;
}


/* model profile */
.prfl {
	color: #7c7a7a;
	width: 100%;
    height: 100%;
    padding: 12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px solid;
}

.prfl img {
	width: 200px;
	border-radius: 50%;
	padding: 5px;
}

.prfl h1 {
	color: #fdfbfb;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 300;
	font-size: 38px;
	line-height: 32px;
	text-decoration: underline;
}

.pr_card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.pr_card span, .pr_card p {
	font-size: 12px;
}

.pr_card a {
	color: #ed9429;
}

.sub_prfl {
	color: rgb(179, 149, 149);
	font-size: 14px;
}

.m_stat {
	padding: 5px;
}









body 
  
  [id='toggle-heart'] {
	position: absolute;
	left: -100vw;
  }
  [id='toggle-heart']:checked + label {
	color: #e2264d;
	-webkit-filter: none;
			filter: none;
	will-change: font-size;
	-webkit-animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
			animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
  }
  [id='toggle-heart']:checked + label:before, [id='toggle-heart']:checked + label:after {
	-webkit-animation: inherit;
			animation: inherit;
	-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
  }
  [id='toggle-heart']:checked + label:before {
	will-change: transform, border-width, border-color;
	-webkit-animation-name: bubble;
			animation-name: bubble;
  }
  [id='toggle-heart']:checked + label:after {
	will-change: opacity, box-shadow;
	-webkit-animation-name: sparkles;
			animation-name: sparkles;
  }
  [id='toggle-heart']:focus + label {
	text-shadow: 0 0 3px white,  0 1px 1px white, 0 -1px 1px white,  1px 0 1px white, -1px 0 1px white;
  }
  
  [for='toggle-heart'] {
	align-self: center;
	position: relative;
	color: #888;
	font-size: 2em;
	-webkit-filter: grayscale(1);
			filter: grayscale(1);
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	cursor: pointer;
  }
  [for='toggle-heart']:before, [for='toggle-heart']:after {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	content: '';
  }
  [for='toggle-heart']:before {
	box-sizing: border-box;
	margin: -2.25rem;
	border: solid 2.25rem #e2264d;
	width: 4.5rem;
	height: 4.5rem;
	-webkit-transform: scale(0);
			transform: scale(0);
  }
  [for='toggle-heart']:after {
	margin: -0.1875rem;
	width: 0.375rem;
	height: 0.375rem;
	box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
  }
  
  @-webkit-keyframes heart {
	0%, 17.5% {
	  font-size: 0;
	}
  }
  
  @keyframes heart {
	0%, 17.5% {
	  font-size: 0;
	}
  }
  @-webkit-keyframes bubble {
	15% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  border-color: #cc8ef5;
	  border-width: 2.25rem;
	}
	30%, 100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  border-color: #cc8ef5;
	  border-width: 0;
	}
  }
  @keyframes bubble {
	15% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  border-color: #cc8ef5;
	  border-width: 2.25rem;
	}
	30%, 100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  border-color: #cc8ef5;
	  border-width: 0;
	}
  }
  @-webkit-keyframes sparkles {
	0%, 20% {
	  opacity: 0;
	}
	25% {
	  opacity: 1;
	  box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
	}
  }
  @keyframes sparkles {
	0%, 20% {
	  opacity: 0;
	}
	25% {
	  opacity: 1;
	  box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
	}
  }













/* =============================================================================== */


@media only screen and (max-width: 1590px) {
	.item-info {
		padding: 3px;
	}
	.item-info h3 {
	    font-size: 18px;
	}
	.time, .date, .view {
		font-size: 11px;
	}
	.short_tags {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1279px) {
	.last h2, .title_f h2 {
	    font-size: 38px;
	    line-height: 42px;
	}
	.statistic h3 {
		font-size: 34px;
	    padding-bottom: 0px;
	    letter-spacing: normal;
	}
	.statistic ul li {
	    font-size: 18px;
	    line-height: 22px;
	    background-size: 22px;
	    padding-left: 30px;
	}
}

@media only screen and (max-width: 1200px) {
	.full_box {
		max-width: 1100px;
	}
	.player_full {
		max-width: 990px;
	}
}

@media only screen and (max-width: 1180px) {
	.item-video {
	    width: 49%;
	}
}

@media only screen and (max-width: 1100px) {
	.nav {
		min-width: 620px;
	}
	.head li {
		padding-left: 15px;
	}
}

@media only screen and (max-width: 1030px) {
	.nav {
		min-width: 520px;
	}
	.head li {
		font-size: 24px;
	}
	.full_box {
		max-width: 800px;
	}
	.player_full {
		max-width: 750px;
	}
}

@media only screen and (max-width: 960px) {
	.item-model {
		width: 24%;
	}
}

@media only screen and (max-width: 880px) {
	.bars {
		display: block;
	}
	.nav {
		display: none;
		position: absolute;
    	top: 82px;
    	right: 0;
    	background: #000;
	}
}

@media only screen and (max-width: 800px) {
	.item-video {
	    width: 100%;
	}
}

@media only screen and (max-width: 730px) {
	.item-model {
		width: 32%;
	}
	.statistic h3 {
		font-size: 24px;
	}
}

@media only screen and (max-width: 500px) {
	.nav {
		min-width: 100px;
	}

	.nav ul {
		padding-right: 15px;
	}
	
	.head li {
		display: block;
		padding: 10px;
	}
	.search_top {
		margin-left: 0;
	}
	.logo {
		min-width: 92px;
	}
	.logo a {
		font-size: 30px;
	}
	.last h2 {
		font-size: 24px;
	}
	.all_items a {
		font-size: 18px;
	}
	.item-model {
		width: 49%;
	}
	.statistic ul li {
		text-align: left;
		display: block;
	}
}

@media only screen and (max-width: 444px) {
	.bars-search {
		display: block;
	}

	.logo a {
		font-size: 40px;
	}
	.logo {
		min-width: 140px;
	}
	.search_top {
		width: 100%;
		position: absolute;
		top: 82px;
		left: 0;
		background: #000;
		display: none;
	}
}