a,
body {
	color: var(--mer-color-main)
}

button,
img {
	border: 0
}

.icon-2,
button,
img {
	vertical-align: middle
}

h1,
h2,
p {
	margin-top: 0
}

.avatar,
.item-title,
svg {
	overflow: hidden
}

.btn,
.logo,
button {
	text-align: center
}

:root {
	--mer-black: #000;
	--mer-blue: #4888d2;
	--mer-dark: #333;
	--mer-dark-light: #666;
	--mer-green: #6c6;
	--mer-green-light: #8cd98c;
	--mer-grey: #eceff1;
	--mer-grey-dark: #e3e3e3;
	--mer-red: #fb4738;
	--mer-red-light: #fc756a;
	--mer-white: #fff;
	--mer-white-dark: #f1f1f1;
	--mer-selection: #fd9188;
	--mer-bg-main: #fafafa;
	--mer-bg-block: var(--mer-white);
	--mer-bg-light: var(--mer-white);
	--mer-bg-item: var(--mer-grey);
	--mer-color-light: var(--mer-white);
	--mer-color-main: var(--mer-dark)
}

[data-theme=dark] {
	--mer-bg-main: #1f1f1f;
	--mer-bg-block: var(--mer-dark);
	--mer-bg-light: var(--mer-grey-dark);
	--mer-bg-item: var(--mer-dark);
	--mer-color-light: var(--mer-grey-dark);
	--mer-color-main: var(--mer-grey-dark)
}

@font-face {
	font-family: Montserrat;
	src: url(../font/MSR-400.woff2) format("woff2"), url(/font/MSR-400.woff) format("woff");
	font-weight: 400;
	font-display: swap
}

@font-face {
	font-family: Montserrat;
	src: url(../font/MSR-500.woff2) format("woff2"), url(/font/MSR-500.woff) format("woff");
	font-weight: 500;
	font-display: swap
}

@font-face {
	font-family: Montserrat;
	src: url(../font/MSR-600.woff2) format("woff2"), url(/font/MSR-600.woff) format("woff");
	font-weight: 600;
	font-display: swap
}

*,
::after,
::before {
	box-sizing: border-box
}

body {
	background: var(--mer-bg-main);
	font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	-webkit-text-size-adjust: 100%
}

.logo,
h1,
h2 {
	font-size: 1.25rem
}

b,
form,
h1,
h2,
strong {
	font-weight: 500
}

a {
	text-decoration: none
}

h1,
h2 {
	line-height: 1.2;
	margin-bottom: 0
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-description,
p {
	margin-bottom: 1rem
}

[data-theme=dark] img {
	filter: brightness(.8) contrast(1.2)
}

svg {
	vertical-align: top
}

.icon {
	fill: none;
	height: 1.5rem;
	stroke: var(--mer-dark-light);
	stroke-width: 1;
	width: 1.5rem
}

.avatar,
.icon-2 {
	height: 2rem;
	width: 2rem
}

h1 .icon,
h2 .icon {
	stroke: var(--mer-red)
}

[data-theme=dark] .navigation .icon {
	stroke: var(--mer-grey-dark)
}

.search-button .icon,
[data-theme=dark] .search-button .icon {
	stroke: var(--mer-dark-light)
}

button {
	background: 0 0;
	display: inline-block;
	font-weight: 400;
	padding: 0;
	text-transform: none
}

button,
input {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	overflow: visible
}

.list-description a {
	text-decoration: underline
}

.avatar {
	border-radius: 50%;
	flex: 0 0 2rem;
	margin-right: .75rem
}

.avatar img {
	height: 100%;
	width: 100%
}

.no-mb {
	margin-bottom: 0
}

.container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 1rem;
	width: 100%
}

.header {
	background: var(--mer-bg-block);
	border-bottom: 1px solid var(--mer-white-dark)
}

[data-theme=dark] .header {
	border-color: transparent
}

.navigation {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center
}

.brand {
	display: flex;
	align-items: center;
	height: 3rem;
	max-width: calc(100% - 3rem);
	z-index: 200
}

.btn-burger {
	height: 1.25rem;
	margin-right: 1rem;
	position: relative;
	width: 1.5rem
}

.burger,
.menu {
	position: absolute
}

.burger,
.burger::after,
.burger::before {
	background: var(--mer-color-main);
	border-radius: .125rem;
	display: block;
	height: .1875rem;
	width: 1.5rem
}

.burger {
	top: .5rem;
	left: 0
}

.burger::after,
.burger::before {
	content: "";
	position: absolute
}

.burger::before {
	top: -.5rem
}

.burger::after {
	top: .5rem
}

.logo {
	font-weight: 600;
	text-transform: uppercase
}

.btn,
.button-info,
.sponsors-meta {
	font-size: .875rem
}

.logo span {
	background: url('/images/logoBox.svg') 0 0/100% 100%;
	color: var(--mer-color-light);
	height: 2.5rem;
	padding: .5rem .75rem;
	width: 100%
}

.menu {
	top: 0;
	left: -100%
}

.secondary {
	display: none;
	justify-content: center;
	z-index: 200
}

.box-list,
.box-list-videos,
.btn,
.btn-list,
.headline,
.item-category,
.item-sponsor,
.list-sponsors .item {
	display: flex
}

.secondary>li {
	margin-right: auto;
	margin-left: auto
}

.item-meta>div,
.secondary a {
	display: flex;
	align-items: center
}

.headline .icon,
.list-label,
.secondary .icon {
	margin-right: .75rem
}

.search {
	border-radius: .375rem;
	order: 2;
	height: 3rem;
	margin-top: 1rem;
	width: 100%;
	z-index: 100
}

.search-group {
	position: relative;
	width: 100%
}

.search-text {
	background: var(--mer-grey);
	border: 1px solid var(--mer-grey);
	border-radius: .375rem;
	color: var(--mer-dark-light);
	padding: .75rem 3rem .75rem 1.25rem;
	width: 100%
}

.btn,
.btn-grey.active {
	color: var(--mer-white)
}

[data-theme=dark] .search-text {
	background: var(--mer-grey-dark)
}

.search-button {
	position: absolute;
	top: .75rem;
	right: 1rem
}

.theme-toggle {
	margin-left: 1rem;
	z-index: 200
}

.btn {
	background: var(--mer-red);
	border: 1px solid transparent;
	border-radius: .375rem;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	height: 3rem;
	padding: .75rem 1.25rem
}

.btn-dark,
.btn-grey.active {
	background: var(--mer-dark)
}

.btn-dark {
	border-color: var(--mer-white-dark)
}

.btn-grey {
	background: var(--mer-grey);
	border-color: var(--mer-grey);
	color: var(--mer-dark)
}

.btn-grey.active {
	border-color: var(--mer-dark)
}

.btn-drop {
	background: var(--mer-bg-light);
	border-color: var(--mer-white-dark);
	color: var(--mer-dark-light)
}

.item-category,
.item-sponsor,
.pagination a,
.pagination span {
	background: var(--mer-bg-item);
	border-radius: .375rem
}

.btn .icon,
.btn-grey.active .icon {
	stroke: var(--mer-white)
}

.btn-drop .icon {
	font-weight: 400;
	height: 1rem;
	margin-top: 0;
	margin-right: 0 !important;
	margin-left: 1rem;
	stroke: var(--mer-dark-light);
	width: 1rem
}

.btn-grey .icon {
	stroke: var(--mer-dark)
}

.btn span {
	border-left: 1px solid var(--mer-grey);
	padding-left: .75rem
}

.btn-subscribe .btn {
	padding-right: 3rem
}

.button-info {
	color: var(--mer-white);
	position: absolute;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%)
}

.box-list .item,
.box-list-videos .item,
.drop,
.headline-btn,
.item-meta>div+div {
	position: relative
}

.btn-list {
	flex-flow: row wrap;
	align-items: center;
	margin: .25rem -.25rem
}

.btn-list>li {
	margin: .25rem
}

.headline {
	flex-flow: column nowrap;
	align-items: center;
	margin: 1rem 0;
	width: 100%
}

.headline-btn {
	margin-top: .75rem
}

.box {
	margin-bottom: 3rem
}

.box-list {
	flex-flow: row wrap;
	margin: 0 -.5rem
}

.box-list-videos {
	flex-flow: row wrap;
	margin: 0 -.5rem
}


.list-models {
	justify-content: center
}

.box-list .item {
	padding: 1rem .5rem;
	width: 100%
}

.box-list-videos .item {
	padding: 1rem .5rem;
	width: 100%
}


.list-models .item {
	max-width: 256px
}

.item-category {
	justify-content: space-between;
	align-items: center;
	height: 3.375rem;
	padding: .75rem 1rem;
	width: 100%
}

.item-sponsor {
	align-items: flex-start;
	padding: 1.5rem;
	width: 100%
}

.sponsors-meta {
	min-width: 0
}

.item-title {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
	margin: 1rem 0 .75rem;
	max-height: 2.5rem;
	text-overflow: ellipsis;
	display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
}

.item-category .item-title {
	margin: 0;
	max-height: 1.25rem
}

.box-info,
.item-img {
	border-radius: .375rem;
	overflow: hidden;
	position: relative
}

.item-sponsor .item-img {
	flex: 0 0 auto;
	margin-right: 1.5rem;
	width: 6.25rem
}

.item-meta .icon,
.item-total .icon {
	margin-right: .5rem
}

.item-category .item-img {
	margin-bottom: .75rem;
	width: 100%
}

.thumb {
	height: auto;
	width: 100%
}

.hidden,
.item-line,
.tab-title {
	display: none
}

.item-meta {
	color: var(--mer-dark-light);
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: .875rem
}

.item-meta>div+div {
	margin-left: .625rem
}

.item-meta>div+div::before {
	content: '•';
	margin-top: -1px;
	margin-right: .625rem
}

.item-total {
	color: var(--mer-color-main);
	display: flex;
	align-items: center
}

.item-category .item-total {
	background: var(--mer-bg-main);
	border-radius: .375rem;
	padding: .25rem 1rem .125rem;
	white-space: nowrap
}

.item-total .icon {
	height: 1.25rem;
	stroke: var(--mer-red);
	width: 1.25rem
}

.pagination {
	padding: 3rem 0 1rem
}

.alphabetion {
	padding: 1rem 0 3rem
}

.pagination ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center
}

.pagination a,
.pagination span {
	display: block;
	font-weight: 500;
	line-height: 1;
	margin: .25rem;
	min-width: 3rem;
	padding: 1rem;
	text-align: center
}

.pagination .page-current a,
.pagination .page-current span {
	background: var(--mer-red);
	color: var(--mer-white)
}

@media(min-width:576px) {
	.box-list-videos .item {
		width: 50%
	}
}

@media(min-width:768px) {

	.headline-btn+.headline-btn,
	.secondary>li+li {
		margin-left: .75rem
	}

	.secondary {
		flex-flow: row nowrap;
		margin-left: auto;
		position: static;
		width: auto
	}

	.secondary>li+li {
		margin-top: 0
	}

	.headline {
		flex-flow: row nowrap
	}

	.headline-btn {
		margin-top: 0;
		margin-left: auto
	}

	.list-models .item {
		width: 33.3333333333%
	}

	.tab-icon {
		margin-right: .75rem
	}

	.tab-title {
		display: block
	}
}

@media(min-width:992px) {
	.search {
		flex: 1 1;
		margin: 0 1rem;
		order: 0
	}

	.box-list .item {
		width: 33.3333333333%
	}

	.box-list-videos .item {
		width: 33.333333%;
	}

	.list-models .item {
		width: 25%
	}
}

.show {
	display: block
}

.player {
	margin-bottom: 2rem
}

.player-wrap {
	height: 0;
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

.player-wrap iframe {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.info-line {
	display: flex;
	flex-flow: row wrap;
	font-size: .875rem
}

.info-line h1 {
	width: 100%
}

.info-line>div {
	margin-top: 1rem
}

.rating-container {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-right: 2rem;
	position: relative
}

.rate-thumb {
	color: var(--mer-dark-light)
}

.tab-content {
	padding: 1.5rem 0
}

.content-description {
	margin-bottom: 1.75rem;
	overflow: hidden;
	text-overflow: ellipsis
}

.box-list block-screenshots .item-img img {
	position: relative;
}

.screenshots_dur{
	position: absolute; 
	bottom:2px; 
	left:1px; 
	font-size:10px;
	border: 1px solid white;
	border-radius: 10%;
	background-color:white;
	color:black;
	padding-right:3px;
	padding-left:3px;
}

.shoots{
	cursor:pointer !important;
}