@font-face {
	font-family: "Poppins";
	font-weight: 300;
	font-style: normal;

	font-display: swap;
	src: url("../fonts/poppins/light/Poppins-Light.eot");
	src: url("../fonts/poppins/light/Poppins-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/poppins/light/Poppins-Light.woff") format("woff"),
		url("../fonts/poppins/light/Poppins-Light.ttf") format("truetype"),
		url("../fonts/poppins/light/Poppins-Light.svg#Poppins") format("svg");
}

@font-face {
	font-family: "Poppins";
	font-weight: 400;
	font-style: normal;

	font-display: swap;
	src: url("../fonts/poppins/regular/Poppins-Regular.eot");
	src: url("../fonts/poppins/regular/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/poppins/regular/Poppins-Regular.woff") format("woff"),
		url("../fonts/poppins/regular/Poppins-Regular.ttf") format("truetype"),
		url("../fonts/poppins/regular/Poppins-Regular.svg#Poppins") format("svg");
}

@font-face {
	font-family: "Poppins";
	font-weight: 500;
	font-style: normal;

	font-display: swap;
	src: url("../fonts/poppins/medium/Poppins-Medium.eot");
	src: url("../fonts/poppins/medium/Poppins-Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/poppins/medium/Poppins-Medium.woff") format("woff"),
		url("../fonts/poppins/medium/Poppins-Medium.ttf") format("truetype"),
		url("../fonts/poppins/medium/Poppins-Medium.svg#Poppins") format("svg");
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	outline: 0;
}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;

	min-width: 320px;
	min-height: 100%;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

html {
	height: 100%;
}

.container {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.container:after {
	display: block;
	clear: both;

	content: " ";
}

.wrapper {
	overflow: hidden;

	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

body {
	font-family: "Poppins", "sans-serif";
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;

	color: #7e848e;
	background: #000;
}

ul,
ol {
	margin: 0;
	padding: 0;

	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", "sans-serif";
	line-height: 1.2;

	margin: 0;
	padding: 0;

	color: #7e848e;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

p {
	margin: 0;
	padding: 0;
}

hr {
	overflow: hidden;

	height: 1px;
	margin: 32px 0;

	border: 0;
	background: #242630;
}

q,
blockquote {
	font-style: italic;

	display: block;

	text-align: center;
}

a {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration: none;

	color: #bfc1d0;
}
a.button {
	text-decoration: none;
}
a.button:hover {
	text-decoration: none;
}

[class*="icon-"] {
	display: inline-block;

	vertical-align: top;
}

img[style*="float: left"],
img[style*="float:left"],
img[align="left"] {
	margin: 0 20px 5px 0;
}

img[style*="float: right"],
img[style*="float:right"],
img[align="right"] {
	margin: 0 0 5px 20px;
}

.static-content blockquote {
	padding-left: 20px;

	text-align: left;

	border-left: 2px solid #242630;
}

.static-content ul {
	margin: 20px 0;
}
.static-content ul li {
	position: relative;

	padding-left: 20px;
}
.static-content ul li:before {
	position: absolute;
	top: 50%;
	left: 0;

	display: block;

	width: 5px;
	height: 5px;

	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	border-radius: 50%;
	background: #bfc1d0;
}

.static-content ol {
	margin: 20px 0;

	list-style-position: inside;
	list-style-type: decimal;

	counter-reset: item;
}
.static-content ol li {
	position: relative;

	display: block;
}
.static-content ol li:before {
	font-weight: 700;

	display: inline;

	content: counters(item, ".") ". ";
	counter-increment: item;
	vertical-align: top;
}

.static-content p {
	margin-bottom: 16px;
}

.static-content table {
	width: 100%;

	border-collapse: collapse;
}
.static-content table th {
	font-weight: 700;

	padding: 5px 10px;

	text-align: left;

	border-bottom: 1px solid #9a9bae;
}
.static-content table td {
	padding: 15px 10px;
}
.static-content table tr:nth-child(odd) td {
	background-color: #f1f4fa;
}

.upper {
	text-transform: uppercase;
}

.btn {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;

	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 100%;
	padding: 13px 15px;

	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	color: #fff;
	border: none;
	border-radius: 20px;
	background: #45464f;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.btn.disabled,
.btn[disabled="disabled"],
.btn[disabled] {
	cursor: not-allowed;

	color: #b9bbc1;
	background: #ebebeb;
}

textarea,
select,
input {
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;

	display: block;

	width: 100%;
	height: 40px;
	padding: 0 15px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-overflow: ellipsis;

	color: #7e848e;
	border: none;
	border-radius: 20px;
	background-color: #fff;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #525864;
}
textarea::-moz-placeholder,
select::-moz-placeholder,
input::-moz-placeholder {
	opacity: 1;
	color: #525864;
}
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
input:-ms-input-placeholder {
	color: #525864;
}
textarea:focus::-moz-placeholder,
select:focus::-moz-placeholder,
input:focus::-moz-placeholder {
	opacity: 1;
	color: transparent;
}
textarea:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
	color: transparent;
}
textarea:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
	color: transparent;
}
textarea:focus::-ms-input-placeholder,
select:focus::-ms-input-placeholder,
input:focus::-ms-input-placeholder {
	color: transparent;
}
textarea:focus::placeholder,
select:focus::placeholder,
input:focus::placeholder {
	color: transparent;
}
textarea:focus,
select:focus,
input:focus {
	background-color: #fff;
}
textarea.disabled,
textarea[disabled="disabled"],
textarea[disabled],
select.disabled,
select[disabled="disabled"],
select[disabled],
input.disabled,
input[disabled="disabled"],
input[disabled] {
	background-color: #f3f3f3;
}

textarea {
	height: 150px;
	padding: 10px 15px;

	resize: none;
}

input[type="file"] {
	display: none;
}
input[type="file"] + label {
	font-size: 14px;
	line-height: 24px;

	display: block;

	padding: 25px 15px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: center;

	color: #242630;
	border: 1px dashed #c4c4c4;
	background: #fff;
}
input[type="file"] + label:hover {
	border-color: #696969;
	background: #e9e9e9;
}

select {
	display: block;

	-webkit-transition: none;
	transition: none;

	border-radius: 0;
	background-color: #fff;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.icon-model {
	width: 28px;
	height: 30px;
}

.icon-cams {
	width: 24px;
	height: 30px;
}

.icon-favorite {
	width: 34px;
	height: 30px;
}

.icon-history {
	width: 32px;
	height: 30px;
}

.icon-tags {
	width: 30px;
	height: 30px;
}

.icon-pin {
	width: 25px;
	height: 30px;
}

.icon-search {
	width: 20px;
	height: 20px;
}

.icon-filter {
	width: 24px;
	height: 24px;
}

.icon-arrow {
	width: 6px;
	height: 10px;
}

.icon-heart {
	width: 34px;
	height: 30px;
}

.icon-smile {
	width: 26px;
	height: 26px;
}

.icon-settings {
	width: 23px;
	height: 20px;
}

.icon-public {
	width: 20px;
	height: 20px;
}

.icon-privat {
	width: 20px;
	height: 20px;
}

.icon-user {
	width: 16px;
	height: 20px;
}

.icon-coin {
	width: 30px;
	height: 30px;
}

.icon-crown {
	width: 22px;
	height: 20px;
}

.footer {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.footer__descr {
	font-weight: 300;

	margin-bottom: 45px;

	text-align: center;
	letter-spacing: 0.35px;
}
.footer__holder {
	overflow: hidden;

	padding: 50px 0;

	text-align: center;

	background-color: #242630;
}
.footer__logo {
	line-height: 1;

	display: inline-block;

	margin-bottom: 50px;
}
.footer__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -20px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.footer__nav-item {
	margin-bottom: 25px;
	padding: 0 20px;
}
.footer__nav-item a {
	color: #fff;
}
.footer__copy {
	font-size: 12px;
	font-weight: 300;

	letter-spacing: 0.3px;
}

.header {
	position: relative;
	z-index: 10;
}
.header__outer {
	background-color: #242630;
}
.header__holder {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px 0;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__toggler {
	display: none;
}

.header__sidebar-toggle {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 45px;
	height: 26px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 20px;
	cursor: pointer;
}
.header__sidebar-toggle .line {
	width: 100%;
	height: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
}
.header__sidebar-toggle .line:before,
.header__sidebar-toggle .line:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	content: "";
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
}
.header__sidebar-toggle .line:before {
	top: 0;
}
.header__sidebar-toggle .line:after {
	bottom: 0;
}
.header__left,
.header__right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 100%;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__left {
	max-width: none;
	margin-right: auto;

	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.header__right {
	max-width: 430px;
	width: 40%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header__logo {
	line-height: 1;

	margin-right: 10px;
}
.header__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__nav-item {
	padding: 15px 20px;

	text-align: center;
	white-space: nowrap;
}
.header__nav-item svg {
	margin: 0 auto;
	margin-bottom: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #fff;
}
.header__nav-item span {
	color: #fff;
}
.header__search {
	width: 100%;
	max-width: 430px;
	margin-right: 20px;
}
.header__search-toggler {
	display: none;
}
.header__search-holder {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__search-holder svg {
	position: absolute;
	top: calc(50% - 10px);
	left: 20px;

	fill: #525864;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.header__search-holder.show {
	top: 100%;

	opacity: 1;
}
.header__search-btn {
	position: absolute;
	top: 0;
	right: -2px;

	width: 90px;
	padding: 13px 10px;

	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.header__search input {
	padding: 0 90px 0 45px;

	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.header__login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	white-space: nowrap;

	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.header__login--mob {
	display: none;
}
.header__login-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	height: 40px;
	padding: 0 30px;

	color: #fff;
	border-radius: 20px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#preloader {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	overflow: hidden;

	margin: 0 auto;

	background: #242630;
}
#preloader .preloader-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	overflow: hidden;

	margin: auto;
}

.preloader-center {
	position: absolute;
	top: 50%;
	left: 50%;

	width: auto;
	height: auto;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.preloader-block {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 200px;
	height: 200px;
	margin: auto;

	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: rotate-move 1.7s ease-in-out infinite;
	animation: rotate-move 1.7s ease-in-out infinite;

	-webkit-filter: url("#goo");
	filter: url("#goo");
}

.dot {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 50px;
	height: 50px;
	margin: auto;

	border-radius: 50%;
	background-color: #000;
}

.dot-3 {
	-webkit-animation: dot-3-move 1.7s ease infinite, index 4s ease infinite;
	animation: dot-3-move 1.7s ease infinite, index 4s ease infinite;

	background-color: #f74d75;
}

.dot-2 {
	-webkit-animation: dot-2-move 1.7s ease infinite, index 4s -2s ease infinite;
	animation: dot-2-move 1.7s ease infinite, index 4s -2s ease infinite;

	background-color: #10beae;
}

.dot-1 {
	-webkit-animation: dot-1-move 1.7s ease infinite, index 4s -1s ease infinite;
	animation: dot-1-move 1.7s ease infinite, index 4s -1s ease infinite;

	background-color: #ffe386;
}

@-webkit-keyframes dot-3-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translateY(-12px) scale(0.45);
		transform: translateY(-12px) scale(0.45);
	}
	60% {
		-webkit-transform: translateY(-50px) scale(0.45);
		transform: translateY(-50px) scale(0.45);
	}
	80% {
		-webkit-transform: translateY(-50px) scale(0.45);
		transform: translateY(-50px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@keyframes dot-3-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translateY(-12px) scale(0.45);
		transform: translateY(-12px) scale(0.45);
	}
	60% {
		-webkit-transform: translateY(-50px) scale(0.45);
		transform: translateY(-50px) scale(0.45);
	}
	80% {
		-webkit-transform: translateY(-50px) scale(0.45);
		transform: translateY(-50px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@-webkit-keyframes dot-2-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translate(-10px, 6px) scale(0.45);
		transform: translate(-10px, 6px) scale(0.45);
	}
	60% {
		-webkit-transform: translate(-40px, 20px) scale(0.45);
		transform: translate(-40px, 20px) scale(0.45);
	}
	80% {
		-webkit-transform: translate(-40px, 20px) scale(0.45);
		transform: translate(-40px, 20px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@keyframes dot-2-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translate(-10px, 6px) scale(0.45);
		transform: translate(-10px, 6px) scale(0.45);
	}
	60% {
		-webkit-transform: translate(-40px, 20px) scale(0.45);
		transform: translate(-40px, 20px) scale(0.45);
	}
	80% {
		-webkit-transform: translate(-40px, 20px) scale(0.45);
		transform: translate(-40px, 20px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@-webkit-keyframes dot-1-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translate(10px, 6px) scale(0.45);
		transform: translate(10px, 6px) scale(0.45);
	}
	60% {
		-webkit-transform: translate(40px, 20px) scale(0.45);
		transform: translate(40px, 20px) scale(0.45);
	}
	80% {
		-webkit-transform: translate(40px, 20px) scale(0.45);
		transform: translate(40px, 20px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@keyframes dot-1-move {
	20% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	45% {
		-webkit-transform: translate(10px, 6px) scale(0.45);
		transform: translate(10px, 6px) scale(0.45);
	}
	60% {
		-webkit-transform: translate(40px, 20px) scale(0.45);
		transform: translate(40px, 20px) scale(0.45);
	}
	80% {
		-webkit-transform: translate(40px, 20px) scale(0.45);
		transform: translate(40px, 20px) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
	}
}

@-webkit-keyframes rotate-move {
	55% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	80% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes rotate-move {
	55% {
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	80% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) rotate(360deg);
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@-webkit-keyframes index {
	0%,
	100% {
		z-index: 3;
	}
	33.3% {
		z-index: 2;
	}
	66.6% {
		z-index: 1;
	}
}

@keyframes index {
	0%,
	100% {
		z-index: 3;
	}
	33.3% {
		z-index: 2;
	}
	66.6% {
		z-index: 1;
	}
}

.categories__title {
	font-size: 24px;
	font-weight: 500;

	margin-bottom: 14px;

	color: #fff;
}

.categories__alphabet {
	margin-bottom: 25px;
	padding: 0 30px;
}
.categories__alphabet-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.categories__alphabet-item {
	padding: 0 4px 5px 0;
}
.categories__alphabet-item a {
	line-height: 1;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 40px;
	height: 40px;
	padding: 10px 15px;

	color: #fff;
	border-radius: 20px;
	background-color: #45464f;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.categories__alphabet-item a.active {
	background-color: #bfc1d0;
}
.categories__alphabet-item.all a {
	width: auto;
	padding: 10px 20px;
}

.categories__box {
	margin-bottom: 30px;
	padding-bottom: 20px;

	border-bottom: 1px solid #17181c;
}
.categories__box-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 1;

	margin-bottom: 5px;
	padding: 0 20px;

	text-transform: uppercase;

	color: #bfc1d0;
}
.categories__box-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -10px;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.categories__box-col {
	width: 20%;
	padding: 0 10px;
}
.categories__box-item a {
	line-height: 1;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;

	padding: 10px 20px;

	color: #fff;
	border-radius: 18px;
}
.categories__box-item a span {
	padding-left: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	color: #45464f;
}
.categories__box-item a.see-all-link {
	background-color: #5c5e6a;
	color: #fff;
	font-weight: 500;
}
.categories__box-item a.see-all-link:hover {
	background-color: #7a7c8a;
}
.back-arrow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: #2a2b30;
	border-radius: 50%;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
	vertical-align: middle;
	margin-right: 8px;
}
.back-arrow-btn:hover {
	background-color: #3a3b40;
}
.back-arrow-btn svg {
	flex-shrink: 0;
}

.category {
	position: relative;

	margin-bottom: 30px;

	background-color: #17181c;
}
.category__holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -20px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.category__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;

	padding: 10px 20px 13px;

	border-bottom: 2px solid transparent;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.category__holder .category__item.active {
	border-color: #bfc1d0;
}

.category__holder .category__item.active .category__item-name {
	color: #bfc1d0;
}

.category__item-val {
	font-size: 12px;
	font-weight: 300;

	position: relative;

	padding-left: 11px;

	letter-spacing: 0.25px;

	color: #7e848e;
}
.category__item-val:before {
	position: absolute;
	top: calc(50% - 3px);
	left: 0;

	width: 6px;
	height: 6px;

	content: "";

	border-radius: 50%;
	background: #5ab906;
}
.category__item-name {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-transform: uppercase;

	color: #fff;
}
.category__filter {
	position: relative;
	z-index: 3;

	margin-left: 20px;
}
.category__filter-holder.open .category__filter-btn svg {
	fill: #bfc1d0;
}
.category__filter-holder.open .category__filter-drop {
	visibility: visible;

	pointer-events: all;

	opacity: 1;
}
.category__filter-btn {
	cursor: pointer;
}
.category__filter-btn svg {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #fff;
}
.category__filter-drop {
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;

	visibility: hidden;

	width: 660px;
	padding: 20px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	pointer-events: none;

	opacity: 0;
	color: #000;
	border-radius: 10px;
	background-color: #fff;
}
.category__filter-drop:before {
	position: absolute;
	top: -15px;
	left: 50%;

	content: "";
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);

	border: 6px solid transparent;
	border-bottom: 12px solid #fff;
}
.category__filter-title {
	font-size: 18px;
	font-weight: 500;

	display: block;

	margin-bottom: 15px;
}
.category__filter-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-bottom: 10px;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.category__filter-item {
	margin-bottom: 12px;
}
.category__filter-item:not(:last-child) {
	margin-right: 20px;
}
.category__filter-ctrl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.category__filter-apply {
	max-width: 100px;
	margin-right: 10px;
}
.category__filter-cancel {
	max-width: 100px;

	color: #7e848e;
	background-color: transparent;
}

.checkbox {
	display: inline-block;

	cursor: pointer;
}
.checkbox input[type="checkbox"] {
	display: none;
}
.checkbox input[type="checkbox"]:checked + span:after {
	opacity: 1;
}
.checkbox input[type="checkbox"]:checked + span:before {
	border-color: #0283fc;
	background-color: #0283fc;
}

.checkbox input[type="radio"] {
	display: none;
}
.checkbox input[type="radio"]:checked + span:after {
	opacity: 1;
}
.checkbox input[type="radio"]:checked + span:before {
	border-color: #0283fc;
	background-color: #0283fc;
}

.checkbox span {
	font-size: 14px;
	line-height: 18px;

	position: relative;

	display: block;

	padding: 0 0 0 34px;

	color: #7e848e;
}
.checkbox span:before {
	position: absolute;
	top: 50%;
	left: 0;

	display: block;

	width: 24px;
	height: 24px;
	margin: -12px 0 0 0;

	content: "";

	border: 2px solid #b6becc;
	border-radius: 5px;
}
.checkbox span:after {
	position: absolute;
	top: 50%;
	left: 9px;

	display: block;

	width: 7px;
	height: 11px;
	margin: -7px 0 0 0;

	content: "";
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);

	opacity: 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.icon-svg {
	display: block;
}

.model__top {
	margin-bottom: 30px;

	background-color: #17181c;
}
.model__top-wrap {
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding-right: 100px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__top-user {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__top-img {
	position: relative;
}
.model__top-img:before {
	position: absolute;
	top: 2px;
	right: 2px;

	width: 6px;
	height: 6px;

	content: "";

	border-radius: 50%;
}
.model__top-img.online:before {
	background-color: #5ab906;
}
.model__top-img-holder {
	overflow: hidden;

	width: 40px;
	height: 40px;

	border-radius: 50%;
}
.model__top-img-holder img {
	display: block;

	width: 100%;
	height: 100%;

	-o-object-fit: cover;
	object-fit: cover;
}
.model__top-name {
	line-height: 18px;

	position: relative;

	display: block;

	padding: 20px;

	text-transform: uppercase;

	color: #bfc1d0;
}
.model__top-name:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	height: 2px;

	content: "";

	background-color: #bfc1d0;
}
.model__top-next {
	position: absolute;
	top: 50%;
	right: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	text-transform: uppercase;

	color: #fff;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__top-next span {
	padding-right: 10px;
}
.model__top-next svg {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #fff;
}
.model__top-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -30px;
	padding-left: 30px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__top-nav-item {
	padding: 0 30px;
}
.model__top-nav a {
	line-height: 18px;

	letter-spacing: 0.35px;
	text-transform: uppercase;

	color: #fff;
}
.model__top-nav a .val {
	font-weight: 300;

	padding-left: 4px;

	color: #7e848e;
}

.model__holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -5px 45px;
}

.model__video {
	padding: 0 5px;

	-ms-flex-negative: 1;
	flex-shrink: 1;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.model__video-img {
	position: relative;

	overflow: hidden;

	padding-bottom: 56.25%;

	border-radius: 5px 5px 0 0;
}
.model__video-img img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 100%;

	-o-object-fit: cover;
	object-fit: cover;
}
.model__video-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding: 10px 20px;

	border-radius: 0 0 5px 5px;
	background-color: #242630;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.model__video-likes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	color: #fff;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__video-likes svg {
	margin-right: 10px;

	fill: #fff;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.model__video-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__video-btn {
	padding: 13px 0;
	min-width: 160px;
	white-space: nowrap;
}
.model__video-btn:last-child {
	margin-left: 10px;
}
.model__video-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-top: 20px;

	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.model__video-info-left {
	padding-right: 10px;
}
.model__video-info-txt {
	font-size: 12px;
	font-weight: 300;
}
.model__video-info-title {
	font-size: 14px;

	margin-bottom: 10px;

	color: #fff;
}
.model__video-info-title span {
	padding: 0 3px;

	color: #bfc1d0;
}
.model__video-info-author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-top: 5px;

	color: #fff;

	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.model__video-info-author svg {
	margin-right: 5px;

	fill: #bfc1d0;
}

.model__chat {
	width: 100%;
	margin: 0 20px;
}
.model__chat-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-bottom: 10px;
	padding: 0 20px 0 0;

	border-bottom: 2px solid #26282e;
	border-radius: 5px 5px 0 0;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.model__chat-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__chat-nav-item {
	position: relative;

	padding: 14px 20px;
}
.model__chat-nav-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	text-transform: uppercase;

	color: #fff;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__chat-nav-item a:after {
	position: absolute;
	right: 0;
	bottom: -2px;
	left: 0;

	height: 2px;

	content: "";
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	opacity: 0;
	background-color: #bfc1d0;
}
.model__chat-nav-item a.active {
	color: #bfc1d0;
}
.model__chat-nav-item a.active:after {
	opacity: 1;
}
.model__chat-nav-item a.active svg {
	fill: #bfc1d0;
}
.model__chat-nav-item a svg {
	margin-right: 5px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #fff;
}
.model__chat-settings {
	position: relative;
}
.model__chat-settings-inner.show .model__chat-settings-drop {
	visibility: visible;

	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: all;

	opacity: 1;
}
.model__chat-settings-btn {
	cursor: pointer;
}
.model__chat-settings-btn.active svg {
	fill: #bfc1d0;
}
.model__chat-settings svg {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #fff;
}
.model__chat-settings-drop {
	position: absolute;
	z-index: 2;
	top: calc(100% + 10px);
	right: 0;

	visibility: hidden;
	overflow: hidden;

	max-width: 160px;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	pointer-events: none;

	opacity: 0;
	border-radius: 5px;
	background-color: #45464f;
}
.model__chat-settings-item a {
	display: block;

	padding: 5px 15px;

	color: #fff;
}
.model__chat-settings-item a.active {
	background-color: #bfc1d0;
}
.model__chat-message {
	position: relative;

	overflow: hidden;
	overflow-y: auto;

	margin-right: 6px;
	padding-bottom: 105%;
}
.model__chat-message::-webkit-scrollbar {
	width: 4px;
}
.model__chat-message::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: #45464f;
}
.model__chat-message-item {
	font-weight: 300;

	margin-bottom: 20px;

	letter-spacing: 0.35px;
}
.model__chat-message-name {
	line-height: 24px;

	color: #fff;
}
.model__chat-message-txt {
	line-height: 18px;
}
.model__chat-form {
	position: relative;

	padding: 10px;

	border-radius: 0 0 5px 5px;
	background-color: #242630;
}
.model__chat-input {
	padding-right: 140px;
}
.model__chat-emodji {
	position: absolute;
	top: 50%;
	right: 105px;

	padding: 0;
	height: 26px;

	cursor: pointer;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);

	background-color: #b6becc;
	overflow: hidden;
	border-radius: 50%;
	color: #fff;
}
.model__chat-emodji svg {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	fill: #b6becc;
	width: 26px;
	height: 26px;
}
.model__chat-send {
	position: absolute;
	top: 50%;
	right: 0;

	width: 95px;

	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);

	background: #ff3320;
}
.model__chat-token {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding: 15px 20px;

	color: #fff;
	border-radius: 5px;
	background-color: #17181c;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.model__chat-token svg {
	margin-right: 10px;

	fill: #fff;
}
.model__chat-token span {
	padding-left: 4px;

	color: #7e848e;
}

.radio {
	display: block;

	cursor: pointer;
}
.radio input[type="radio"] {
	display: none;
}
.radio input[type="radio"]:checked + span:after {
	opacity: 1;
}
.radio span {
	font-size: 14px;
	line-height: 1.2;

	position: relative;

	display: block;

	padding: 0 0 0 30px;
}
.radio span:before {
	position: absolute;
	top: 50%;
	left: 0;

	display: block;

	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;

	content: "";

	border: 1px solid #242630;
	border-radius: 50%;
}
.radio span:after {
	position: absolute;
	top: 50%;
	left: 4px;

	display: block;

	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;

	content: "";
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	opacity: 0;
	border-radius: 50%;
	background: #bfc1d0;
}

.thumbs__title {
	font-size: 24px;
	font-weight: 500;

	margin-bottom: 15px;

	color: #fff;

	display: flex;
	align-items: center;
}

.thumbs__row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -5px 20px;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.thumbs__col {
	width: 14.285%; /* 7 columns - for wide screens 2000px+ */
	margin-bottom: 10px;
	padding: 0 5px;
}

/* Responsive thumbs grid - adjusted for consistent thumb sizes */
@media (max-width: 1920px) {
	.thumbs__col {
		width: 16.666%; /* 6 columns */
	}
}

@media (max-width: 1600px) {
	.thumbs__col {
		width: 20%; /* 5 columns */
	}
}

@media (max-width: 1280px) {
	.thumbs__col {
		width: 25%; /* 4 columns */
	}
}

@media (max-width: 900px) {
	.thumbs__col {
		width: 33.333%; /* 3 columns */
	}
}

@media (max-width: 576px) {
	.thumbs__col {
		width: 50%; /* 2 columns */
	}
}

.thumbs__item {
	position: relative;

	display: block;

	color: #fff;
}
.thumbs__item-img {
	position: relative;

	display: block;
	overflow: hidden;

	padding-bottom: 75%;

	border-radius: 5px;
}
.thumbs__item-img:before {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	content: "";

	/* background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(0, 0, 0, .75)), to(rgba(125, 185, 232, 0))); */
	/* background: linear-gradient(to top, rgba(0, 0, 0, .75) 25%, rgba(125, 185, 232, 0) 100%); */
}
.thumbs__item-img img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 100%;

	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-o-object-fit: cover;
	object-fit: cover;
}
.thumbs__item-info {
	position: absolute;
	z-index: 1;
	/* right: 15px;
	left: 15px;
	bottom: 10px;	 */

	right: 5px;
	left: 5px;
	bottom: 5px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.thumbs__item-name {
	overflow: hidden;

	padding-right: 10px;

	white-space: nowrap;
	letter-spacing: 0.35px;
	text-overflow: ellipsis;

	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;

	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.thumbs__item-flag {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}

.thumbs__more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-top: -10px;
	margin-bottom: 10px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.thumbs__more-btn {
	max-width: 257px;
}

.thumbs__sort-parent {
	line-height: 1;

	position: relative;

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.thumbs__sort-parent.show .thumbs__sort-list {
	visibility: visible;

	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	pointer-events: all;

	opacity: 1;
}

.thumbs__sort-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin: 0 -20px 20px;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.thumbs__sort-item {
	position: relative;
}
.thumbs__sort-item a,
.thumbs__sort-item span {
	font-size: 18px;
	font-weight: 500;

	padding: 0 20px;

	color: #fff;
}
.thumbs__sort-item span {
	color: #bfc1d0;
}

.thumbs__sort-item a:after,
.thumbs__sort-item span:after {
	position: absolute;
	right: 0;
	bottom: -8px;
	left: 0;

	height: 2px;

	content: "";
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	opacity: 0;
	background-color: #bfc1d0;
}
.thumbs__sort-item a.active:after,
.thumbs__sort-item span:after {
	opacity: 1;
}
.thumbs__sort-btn {
	display: none;
}

.thumbs__sort-val {
	padding-left: 5px;

	color: #bfc1d0;
}

.title-pl {
	padding-left: 15px;
}

@media (max-width: 1439px) {
	.header__nav-item {
		padding: 15px 15px;
	}
}

@media (max-width: 1366px) and (min-width: 1025px) {
	.header__search-toggler:hover svg {
		fill: #bfc1d0;
	}
	.header__search-toggler:hover:before,
	.header__search-toggler:hover:after {
		background-color: #bfc1d0;
	}
}

@media (max-width: 1366px) {
	.container {
		padding: 0 15px;
	}
	.header__left {
		margin-right: 10px;
	}
	.header__right {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.header__nav-item {
		padding: 10px 10px;
	}
	.header__search {
		width: auto;
		max-width: inherit;
		margin-right: 10px;
	}
	.header__search-toggler {
		position: relative;

		display: block;

		cursor: pointer;
	}
	.header__search-toggler svg {
		width: 30px;
		height: 30px;

		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		fill: #fff;
	}
	.header__search-toggler:before,
	.header__search-toggler:after {
		position: absolute;
		top: calc(50% - 1px);
		left: 0;

		width: 100%;
		height: 3px;

		content: "";
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		opacity: 0;
		background-color: #fff;
	}
	.header__search-toggler.active svg {
		opacity: 0;
	}
	.header__search-toggler.active:before,
	.header__search-toggler.active:after {
		opacity: 1;
	}
	.header__search-toggler.active:before {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.header__search-toggler.active:after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.header__search-holder {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		left: 0;

		opacity: 0;
	}
	.header__search-holder svg {
		right: 20px;
		left: auto;
	}
	.header__search-btn {
		display: none;
	}
	.header__search input {
		padding: 0 20px;

		border-radius: 0;
	}
	.header__login-link {
		padding: 0 20px;
	}
	.categories__alphabet {
		padding: 0 15px;
	}
	.model__chat-top {
		padding: 0 10px 0 0;
	}
	.model__chat-nav-item {
		padding: 14px 10px;
	}
	.model__chat-nav-item a {
		font-size: 12px;
	}
}

@media (max-width: 1024px) {
	.header__holder {
		padding: 10px 0;
	}
	.header__toggler {
		position: relative;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		width: 30px;
		height: 26px;

		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.header__toggler .line {
		width: 100%;
		height: 3px;

		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		background-color: #fff;
	}
	.header__toggler .line:before,
	.header__toggler .line:after {
		position: absolute;
		left: 0;

		width: 100%;
		height: 3px;

		content: "";
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		background-color: #fff;
	}
	.header__toggler .line:before {
		top: 0;
	}
	.header__toggler .line:after {
		bottom: 0;
	}
	.header__toggler.active .line {
		background-color: transparent;
	}
	.header__toggler.active .line:before {
		top: calc(50% - 1px);

		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.header__toggler.active .line:after {
		bottom: calc(50% - 2px);

		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.header__left,
	.header__right {
		width: auto;
	}
	.header__left {
		max-width: inherit;
		margin: 0;

		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	.header__right {
		max-width: inherit;
		margin-left: auto;

		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	.header__logo {
		margin: 0;
	}
	.header__logo img {
		width: 100%;
	}
	.header__nav {
		position: fixed;
		z-index: 5;
		top: 64px;
		left: -100%;

		overflow-y: auto;
		flex-direction: column;

		width: 100%;
		max-width: 100%;
		height: calc(100vh - 64px);
		padding-bottom: 20px;

		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-transform: none;
		transform: none;

		background-color: #242630;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
	}
	.header__nav.show {
		left: 0;
	}
	.header__nav-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		width: 100%;
		padding: 15px 20px;

		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
	}
	.header__nav-item svg {
		margin: 0 10px 0 0;
	}
	.header__search {
		margin: 0;
	}
	.header__login--mob {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		width: 100%;
		padding: 10px 0;

		background-color: #17181c;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header__login--desktop {
		display: none;
	}
	.categories__alphabet {
		overflow: hidden;
		overflow-x: auto;
	}
	.categories__alphabet::-webkit-scrollbar {
		height: 4px;
	}
	.categories__alphabet::-webkit-scrollbar-thumb {
		border-radius: 2px;
		background-color: #45464f;
	}
	/* .categories__alphabet-inner {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	} */
	.categories__box-col {
		width: 25%;
	}
	.category__filter-drop {
		position: fixed;
		top: calc(76px + 55px);
		left: 0;

		width: 100%;

		-webkit-transform: none;
		transform: none;

		border-radius: 0;
	}
	.category__filter-drop:before {
		display: none;
	}
	.model__video {
		margin-bottom: 20px;
	}
	.model__chat {
		max-width: 100%;
	}
	.model__chat-message {
		padding-bottom: 240px;
	}
}

@media (max-width: 992px) {
	.category__filter-content {
		overflow-y: auto;

		height: calc(100vh - 210px);
	}
	.category__filter-ctrl {
		padding-top: 10px;

		background-color: #fff;
	}
}

@media (max-width: 767px) {
	.icon-heart {
		width: 22px;
		height: 20px;
	}
	.footer__descr {
		margin-bottom: 25px;
	}
	.footer__holder {
		padding: 35px 0;
	}
	.footer__logo {
		display: none;
	}
	.footer__nav {
		margin: 0 -10px;
	}
	.footer__nav-item {
		padding: 0 10px;
	}
	.header__logo {
		max-width: 220px;
	}
	.categories__box-col {
		width: 33.333%;
	}
	.category__holder {
		margin: 0 -10px;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
	}
	.category__item {
		padding: 10px 10px 13px;
	}
	.category__item-val {
		font-size: 10px;
	}
	.category__filter {
		margin: 0;
		padding: 0 10px;
	}
	.category__filter-drop {
		top: calc(64px + 53px);

		height: calc(100vh - 64px - 53px);
	}
	.model__top-wrap {
		flex-direction: column;

		padding: 0;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.model__top-next {
		top: 22px;

		-webkit-transform: none;
		transform: none;
	}
	.model__top-nav {
		width: 100%;
		margin: 0;
		padding: 20px 0;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.model__video-bar {
		padding: 10px;
	}
	.model__video-likes .val span {
		display: none;
	}
	.model__video-btn {
		padding: 10px 10px;
	}
	.thumbs__more {
		margin-bottom: 30px;
	}
	.thumbs__sort-list {
		margin: 0 -10px 20px;
	}
	.thumbs__sort-item a {
		font-size: 14px;

		padding: 0 10px;
	}
}

@media (max-width: 579px) {
	.categories__box-title {
		padding: 0;
	}
	.categories__box-row {
		margin: 0 -5px;
	}
	.categories__box-col {
		width: 50%;
		padding: 0 5px;
	}
	.categories__box-item a {
		padding: 10px 0;
	}
}

@media (max-width: 479px) {
	.model__top-nav-item {
		padding: 0 20px;
	}
	.thumbs__sort {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;

		margin-bottom: 10px;
	}
	.thumbs__sort-list {
		position: absolute;
		z-index: 2;
		top: calc(100% + 10px);
		left: 40px;

		visibility: hidden;
		flex-direction: column;

		margin: 0;
		padding: 10px 5px;

		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		pointer-events: none;

		opacity: 0;
		border-radius: 5px;
		background-color: #17181c;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
	}
	.thumbs__sort-list:before {
		position: absolute;
		top: -20px;
		left: 50%;

		content: "";
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);

		border: 10px solid transparent;
		border-bottom: 14px solid #17181c;
	}
	.thumbs__sort-item:not(:last-child) {
		margin-bottom: 10px;
	}
	.thumbs__sort-item a {
		display: block;
	}
	.thumbs__sort-item a:after {
		display: none;
	}
	.thumbs__sort-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		color: #fff;

		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.thumbs__sort-btn.active svg {
		fill: #bfc1d0;
	}
	.thumbs__sort-btn svg {
		margin-right: 10px;

		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

		fill: #fff;
	}
}

@media (min-width: 1025px) {
	.btn:hover {
		background: #ff3320;
	}
	.footer__nav-item a:hover {
		color: #bfc1d0;
	}
	.header__nav-item:hover {
		background-color: #181c24;
	}
	.header__nav-item:hover svg {
		fill: #bfc1d0;
	}
	.header__login-link:hover {
		background-color: #bfc1d0;
	}
	.categories__alphabet-item a:hover {
		background-color: #bfc1d0;
	}
	.categories__box-item a:hover {
		background-color: #bfc1d0;
	}
	.categories__box-item a:hover span {
		color: #fff;
	}
	.category__item:hover {
		border-color: #bfc1d0;
	}
	.category__item:hover .category__item-name {
		color: #bfc1d0;
	}
	.category__filter-btn:hover svg {
		fill: #bfc1d0;
	}
	.category__filter-cancel:hover {
		color: #fff;
	}
	.model__top-next:hover {
		color: #bfc1d0;
	}
	.model__top-next:hover svg {
		fill: #bfc1d0;
	}
	.model__top-nav a:hover {
		color: #bfc1d0;
	}
	.model__video-info-author:hover {
		color: #bfc1d0;
	}
	.model__chat-nav-item a:hover {
		color: #bfc1d0;
	}
	.model__chat-nav-item a:hover:after {
		opacity: 1;
	}
	.model__chat-nav-item a:hover svg {
		fill: #bfc1d0;
	}
	.model__chat-settings-btn:hover svg {
		fill: #bfc1d0;
	}
	.model__chat-settings-item a:hover {
		background-color: #bfc1d0;
	}
	.model__chat-emodji:hover svg {
		fill: #bfc1d0;
	}
	.thumbs__item:hover {
		color: #bfc1d0;
	}
	.thumbs__sort-item a:hover {
		color: #bfc1d0;
	}
	.thumbs__sort-item a:hover:after {
		opacity: 1;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.header__right {
		-ms-flex-negative: 2;
		flex-shrink: 2;
	}
}

.model__video-img video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.model__video-img.model-offline {
	padding-bottom: 0;
}

.model-offline-message {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	background: #1a1a1a;
	color: #888;
	font-size: 18px;
}

.wrap--3R1DT {
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	display: block;
	width: 100%;
	height: 40px;
	padding: 0;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-overflow: ellipsis;
	color: #7e848e;
	border: none;
	border-radius: 20px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.root--FYYWR {
	background-color: #242630;
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
	display: none;
}

video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display {
	display: none;
}

.header__left .online {
	margin: 0 0 0 10px;
	color: #242630;
	padding: 9px 9px;
	border-radius: 20px;
	border: 1px solid #242630;
}

@media (max-width: 1024px) {
	.header__left .online {
		margin: 0 0 0 10px;
	}
}

@media (max-width: 460px) {
	.header__left .online {
		display: none;
	}
}
.autocomplete-suggestions {
	background: rgb(69, 70, 79) !important;
	border-radius: 20px !important;
}

.autocomplete-suggestion {
	padding: 10px 20px !important;
}

.autocomplete-suggestion.autocomplete-selected {
	color: #ffffff !important;
}

.content-wrap {
	display: flex;
	flex-direction: row;
}

.content-inner {
	width: 100%;
	min-width: 0;
	flex: 1;
}

/* Left sidebar layout */
.sidebar-wrap {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	background: #17181c;
	margin-bottom: 20px;
	overflow-y: auto;
	order: -1; /* Put sidebar on left */
	-webkit-transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out, max-width 0.3s ease-in-out,
		padding 0.3s ease-in-out;
	transition: width 0.3s ease-in-out, min-width 0.3s ease-in-out, max-width 0.3s ease-in-out,
		padding 0.3s ease-in-out;
}

/* Sidebar hidden state on desktop */
.sidebar-wrap.hidden {
	width: 0;
	min-width: 0;
	max-width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
}

.sidebar-wrap.hidden * {
	visibility: hidden;
}

#sidebar-mobile-placeholder .sidebar-wrap {
	display: none;
}

.sidebar-nav-list {
	margin: 20px;
}

.sidebar-nav-list:after {
	content: "";
	margin-top: 20px;
	height: 2px;
	width: 100%;
	background: #1d222c;
	border-radius: 10px;
	display: block;
}

.sidebar-nav-item {
	margin: 0 -20px;
}

.sidebar-nav-link {
	padding: 10px 20px;
	display: flex;
	align-items: center;
	font-weight: 500;
	color: #fff;
	transition: background 0.3s ease-in-out;
}

.sidebar-nav-link svg {
	margin-right: 10px;
}

.sidebar-nav-link:hover {
	background: #ff3320;
}

.sidebar-flags {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
}

.sidebar-title {
	font-weight: 500;
	font-size: 16px;
	margin-left: 20px;
}

.sidebar-nav-link.categories {
	justify-content: space-between;
	margin-top: 0;
}

.sidebar-category-item,
.sidebar-category-count {
	font-weight: 400;
}

.sidebar-category-count {
	color: #7e848e;
	transition: color 0.3s ease-in-out;
}

.sidebar-nav-link:hover .sidebar-category-count {
	color: #fff;
}

.sidebar-more {
	padding: 12px 0;
	background: #454c5b;
	border-radius: 50px;
	display: flex;
	margin: 0 20px 40px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: background 0.3s ease-in-out;
}

.about-more {
	padding: 12px 30px;
	background: #454c5b;
	border-radius: 50px;
	display: inline-flex;
	margin-top: 10px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: background 0.3s ease-in-out;
}

.sidebar-more:hover,
.about-more:hover {
	background: #6a6e76;
}

.sort-wrap {
	width: 100%;
	margin: -10px 0 15px;
	display: flex;
	flex-wrap: wrap;
}

.sort-btn {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	background: #17181c;
	border-radius: 50px;
	border: none;
	transition: background 0.3s ease-in-out;
	cursor: pointer;
}

.sort-btn span {
	display: inline-block;
	margin: 0 10px;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
}

.sort-btn:hover {
	background: #ff3320;
}

.sort-item {
	position: relative;
	margin: 10px 10px 0 0;
}

.sort-list-category {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #17181c;
	z-index: 10;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}

.sort-link-category {
	padding: 5px 0;
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	transition: background 0.3s ease-in-out;
	display: none;
}

.sort-link-category:hover {
	background: #ff3320;
	color: #fff;
}

.sort-item.active .sort-btn {
	background: #ff3320;
	border-radius: 20px 20px 0 0;
}

.sort-item.active .sort-link-category {
	display: block;
}

.root--FYYWR,
.root--3BHg4 {
	position: static !important;
	background-color: transparent !important;
	padding: 0 !important;
}

.player-model-about {
	background: #17181c;
	border-radius: 5px;
	padding: 20px;
	max-width: 520px;
	width: 100%;
}

.player-model-about-title {
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}

.player-model-about-title span {
	color: #7e848e;
}

.about-row {
	margin-bottom: 30px;
}

.about-row span {
	color: #7e848e;
	display: inline-block;
	margin-bottom: 10px;
}

.about-row-list {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0;
}

.about-row-item {
	margin: 10px 5px 0 0;
}

.about-row-item a {
	background: #1d222c;
	border-radius: 50px;
	color: #fff;
	padding: 12px 20px;
	transition: background 0.3s ease;
	white-space: nowrap;
}

.about-row-item:hover a {
	background: #ff3320;
}

.about-row-subtitle {
	font-weight: 600;
	font-size: 24px;
	color: #7e848e;
}

/* .custom_list_webcams_tags,
#custom_list_webcams_list_webcams,
.categories {
	margin-top: 30px;
} */

.thumbs__subtitle {
	font-weight: 600;
	font-size: 20px;
	display: inline-block;
	margin-bottom: 26px;
	color: #fff;
}

.category-wrap {
	margin-bottom: 30px;
}

.category-list-holder {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin: 0 -15px 30px;
}

.category-col {
	padding: 0 15px;
}

.category-col.col-2 {
	grid-column: span 2;
}

.category-col.col-4 {
	grid-column: span 4;
}
.category-col.col-2 .category-list-inner {
	display: flex;
	flex-wrap: wrap;
}

.category-col.col-4 .category-list-inner {
	display: flex;
	flex-wrap: wrap;
}

.category-col.col-2 .category-list-item {
	width: 50%;
}

.category-col.col-4 .category-list-item {
	width: 25%;
}

.category-list-title {
	display: block;
	padding: 12px 20px;
	text-align: start;
	background: #1d222c;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}

.model-filter-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}

.model-filter-link:hover .model-filter {
	color: #ff3320;
}

.model-filter {
	color: #fff;
	transition: color 0.3s ease;
}

.model-filter-count {
	color: #7e848e;
}

.empty-content {
	width: 100%;
	flex-basis: 100%;
	text-align: center;
	padding: 20px 0;
}

@media (max-width: 1500px) {
	.model__holder {
		flex-direction: column;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
	}
	.player-model-about {
		max-width: none;
	}
	.model__video-bar {
		position: relative;
		margin: 60px -15px 0;
	}
	.model__chat {
		position: absolute;
		bottom: 100%;
		left: 0;
		margin: 0;
		padding: 0 10px;
		background: #1d222c;
	}
}

@media (max-width: 1024px) {
	.thumbs__subtitle {
		margin-bottom: 10px;
	}
	.model__video-btn {
		min-width: 110px;
	}
	/* Hide sidebar toggle on mobile - use hamburger instead */
	.header__sidebar-toggle {
		display: none;
	}
	/* Hide sidebar from content area on mobile */
	.content-wrap > .sidebar-wrap {
		display: none;
	}
	#sidebar-mobile-placeholder {
		width: 100%;
	}
	#sidebar-mobile-placeholder .sidebar-wrap {
		display: block;
		width: 100%;
		min-width: 100%;
		max-width: none;
		background: #1d222c;
		margin-bottom: 0;
	}
}

@media (max-width: 1200px) {
	.category-list-holder {
		grid-template-columns: repeat(4, 1fr);
	}
	.category-col.col-4 {
		grid-column: span 3;
	}
	.category-col.col-4 .category-list-item {
		width: 33.33%;
	}
}

@media (max-width: 840px) {
	.category-list-holder {
		grid-template-columns: repeat(3, 1fr);
	}
	.category-col.col-4 {
		grid-column: span 2;
	}
	.category-col.col-4 .category-list-item {
		width: 50%;
	}
}

@media (max-width: 600px) {
	.category-list-holder {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 400px) {
	.category-list-holder {
		grid-template-columns: repeat(1, 1fr);
	}
	.category-col.col-2 {
		grid-column: span 1;
	}
	.category-col.col-2 .category-list-item {
		width: 100%;
	}
	.category-col.col-4 {
		grid-column: span 1;
	}
	.category-col.col-4 .category-list-item {
		width: 100%;
	}
}