@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

img, object, embed {
	vertical-align: bottom;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

q:before, q:after {
	content: "";
}

a * {
	cursor: pointer;
}

input,
textarea {
	outline: none;
}

html {
	height: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font: 400 15px/1.2 "Roboto", sans-serif;
	height: 100%;
	min-width: 320px;
	position: relative;
	color: #fff;
}
@media (max-width: 768px) {
	body {
		font-size: 14px;
	}
}
body.no-scroll {
	overflow: hidden;
}
body:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
}
body.dark:after {
	background: #2B2A29 url("../images/body-bg-decor.svg") repeat;
}
body.dark .theme-dark {
	background: linear-gradient(to bottom right, #FE7D59 20%, #FFB515 100%);
	color: #fff;
}
body.dark .theme-dark:after {
	display: block;
}
body.light:after {
	background: #E5E4E4 url("../images/body-bg-decor-light.svg") repeat;
}
body.light .theme-light {
	background: linear-gradient(to bottom right, #FE7D59 20%, #FFB515 100%);
	color: #fff;
}
body.light .theme-light:after {
	display: block;
}
body.light .header-top {
	background-color: #F08800;
}
body.light .lang-list {
	background-color: #E5E4E4;
	border-color: #C8904B;
}
body.light .header-bottom:before {
	background-color: #B7B6B6;
}
body.light .btn-custom {
	color: #fff;
}
@media (hover: hover) and (pointer: fine) {
	body.light .btn-custom:hover {
		color: #EFA954;
	}
}
body.light .cat-header {
	background-color: #F9F9F9;
}
body.light .cat-body,
body.light .cat-header:before {
	background: #F8F8F8;
}
body.light .category-box {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .category-box:before {
	background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
body.light .category-box:after {
	background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
body.light a {
	color: #000;
}
body.light .cat-text,
body.light .cat-list .item:before {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .cat-link .icon-search {
	color: var(--dark-60, rgba(0, 0, 0, 0.2));
}
@media (hover: hover) and (pointer: fine) {
	body.light .cat-link:hover {
		background-color: #fff;
	}
	body.light .cat-link:hover .icon-search {
		color: #FF9700;
	}
}
body.light .cat-bottom {
	color: #fff;
}
@media (hover: hover) and (pointer: fine) {
	body.light .cat-bottom:hover {
		color: #EFA954;
	}
}
body.light .scrollbar-custom {
	top: 25px;
}
body.light .cat-header {
	z-index: 1;
}
body.light .cat-header:before {
	display: none;
}
body.light .cat-body {
	margin-top: -15px;
}
body.light .open-menu {
	background-color: #a7a2a2;
}
body.light .open-menu .header-cols .related-sites {
	background-color: #c2c0c0;
}
body.light .open-menu .header-top {
	background-color: #a7a2a2;
}
body.light .open-menu .related-sites .cat-bottom {
	background: linear-gradient(130deg, #FD7B5A, #FEB910);
	color: #fff;
}
body.light .box-thumb {
	background-color: #f8f8f8;
}
body.light .block.related-sites {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .buttons-wrap .btn-custom {
	color: #fff;
}
@media (hover: hover) and (pointer: fine) {
	body.light .buttons-wrap .btn-custom:hover {
		color: #FF9700;
	}
}
body.light .headline,
body.light .box-thumb .name-text {
	color: #000;
}
body.light .related-sites .text-name {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .headline .title .value {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .breadcrumbs .svg-icon,
body.light .box-thumb .text {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .buttons-wrap .btn-custom:first-child:after {
	background-color: #F98C8C;
}
body.light .buttons-wrap .btn-custom:first-child {
	background: linear-gradient(to bottom, #FD6363 0%, #F98C8C 100%);
}
@media (hover: hover) and (pointer: fine) {
	body.light .buttons-wrap .btn-custom:first-child:hover {
		color: var(--dark-60, rgba(0, 0, 0, 0.6));
	}
}
body.light .box-thumb .value {
	background: var(--white-60, rgba(255, 255, 255, 0.6));
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .thumb {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .related-list .item:before {
	background: var(--white-60, rgba(255, 255, 255, 0.6));
	color: #000;
}
body.light .related-sites .top .text {
	color: #000;
}
body.light .breadcrumbs .link {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
@media (hover: hover) and (pointer: fine) {
	body.light .breadcrumbs .link:hover {
		color: #FF9700;
	}
}
body.light .block.related-sites .box-img .top {
	color: #fff;
}
body.light .info-block,
body.light .sidebar .related-sites,
body.light .layout .related-sites {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .thumbs.second {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .thumbs.second .thumb {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .thumbs .wrap-info .text-name,
body.light .layout {
	color: #000;
}
body.light .info-block .text-review {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .info-block .buttons-wrap .btn-custom:first-child:after,
body.light .sidebar .related-sites:last-child .cat-bottom {
	background: var(--dark-80, rgba(0, 0, 0, 0.8));
}
body.light .info-block .buttons-wrap .btn-custom:first-child {
	background: linear-gradient(to bottom, #FFC97F 0%, #271C0E 100%);
}
@media (hover: hover) and (pointer: fine) {
	body.light .info-block .buttons-wrap .btn-custom:first-child:hover {
		color: #FF9700;
	}
}
body.light .thumbs .top-line .text {
	color: #000;
}
body.light .thumbs.second .number {
	background: var(--white-60, rgba(255, 255, 255, 0.6));
	color: #000;
}
@media (max-width: 640px) {
	body.light .info-block .wrap-box .col-left .top .text {
		color: #fff;
	}
}
body.light .check-list .icon {
	color: #fff;
}
body.light .list-info .rate-text,
body.light .list-info .col-left {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .sidebar .related-sites:last-child .cat-bottom {
	border-color: #FFC97F;
}
body.light .content .footer-text .title,
body.light .layout .related-sites .top-title .text {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .info-block:after {
	background: linear-gradient(180deg, rgba(194, 192, 192, 0) 0%, #ecebeb  100%);
	/*bottom: 40px;*/
}
@media (max-width: 380px) {
	body.light .info-block:after {
		bottom: 65px;
	}
}
body.light .blogs-wrap,
body.light .col-thumb {
	background: var(--white-20, rgba(255, 255, 255, 0.2));
}
body.light .blogs-wrap {
	color: #000;
}
body.light .aux .m-right {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .blogs-wrap .cols {
	background-color: #F8F8F8;
}
body.light .blogs-wrap .wrap-btn .btn-custom {
	color: #fff;
}
@media (hover: hover) and (pointer: fine) {
	body.light .blogs-wrap .wrap-btn .btn-custom:hover {
		color: #FF9700;
	}
}
body.light .page-link .number {
	color: #fff;
}
body.light .blog-list {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
}
body.light .col-thumb .title-name {
	color: #000;
}
body.light .footer-wrap:after {
	background-color: #B7B6B6;
}
body.light .wrap-canvas:after {
	border-color: #B7B6B6;
}

a {
	color: #fff;
	text-decoration: none;
}

input {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	height: 47px;
	line-height: 47px;
	border-radius: 20px;
	border: 1px solid var(--1-gray-10, #FBFBFB);
	padding: 0 23px;
	font-family: "Roboto", sans-serif;
}

* {
	outline: none;
}

* {
	box-sizing: border-box;
}
*:before, *:after {
	box-sizing: border-box;
}
* ::-moz-selection {
	background: #2600ff;
	color: #fff;
}
* ::selection {
	background: #2600ff;
	color: #fff;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8));
	font-size: 15px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8));
	font-size: 15px;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8));
	font-size: 15px;
	opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8));
	font-size: 15px;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	color: transparent;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
	color: transparent;
}
input.placeholder, textarea.placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8)) !important;
}

.wrapper {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	overflow: hidden;
}

.container {
	max-width: 1250px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
@media (max-width: 1200px) {
	.container {
		padding: 0 10px;
	}
}

.svg-icon {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.title {
	font-weight: 500;
}

.header {
	position: relative;
	z-index: 1;
	margin-bottom: 70px;
}
@media (max-width: 1024px) {
	.header {
		margin-bottom: 50px;
	}
}
@media (max-width: 910px) {
	.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		margin-bottom: 0;
	}
}
.header.open-menu .burger span:nth-child(1) {
	top: 10px;
	transform: translate3d(-50%, 13px, 0) rotate(45deg);
}
.header.open-menu .burger span:nth-child(2) {
	opacity: 0;
}
.header.open-menu .burger span:nth-child(3) {
	top: 10px;
	transform: translate3d(-50%, 14px, 0) rotate(-45deg);
}
.header.open-menu .burger {
	background: linear-gradient(to bottom, #FFC97F 0%, #E5912A 100%);
}
.header.open-menu .burger:after {
	background: linear-gradient(130deg, #FD7B5A, #FEB910);
}
.header.open-menu .header-controls {
	display: flex;
	justify-content: center;
}
.header.open-menu .search-header {
	display: none;
}
.header.open-menu .header-cols .related-sites {
	display: block;
}
.header.open-search .mob-search {
	background: linear-gradient(to bottom, #FFC97F 0%, #E5912A 100%);
}
.header.open-search .mob-search:after {
	background: linear-gradient(130deg, #FD7B5A, #FEB910);
}
.header.open-search .header-controls {
	display: flex;
}
.header.open-search .header-controls .navbar {
	display: none;
}
.header.open-search .header-controls .theme-wrap {
	display: none;
}
.header.open-search .search-header {
	padding-bottom: 24px;
}

.header-scrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	margin-bottom: 0;
}
.header-scrolled .header-text {
	display: none;
}
.header-scrolled .search-header {
	order: -1;
	margin-right: 10px;
}
.header-scrolled .theme-wrap {
	margin-left: 0;
}
.header-scrolled .header-cols .col-right {
	width: 100%;
}
.header-scrolled .header-cols .col-left {
	display: none;
}
.header-scrolled .header-cols .col-right .wrap {
	margin-bottom: 0;
}
.header-scrolled .header-controls {
	margin-left: 0;
	flex-grow: 1;
}
.header-scrolled .col-right {
	display: flex;
	align-items: center;
}
.header-scrolled .header-top {
	display: none;
}
.header-scrolled .logo-scrolled {
	display: block;
}
.header-scrolled .header-bottom:after {
	height: 100%;
}
.header-scrolled .header-bottom {
	border-top: none;
}
@media (min-width: 911px) and (max-width: 1150px) {
	.header-scrolled .nav-link .icon + .name,
	.header-scrolled .fake-placeholder .name {
		display: none;
	}
	.header-scrolled .navbar .btn-custom {
		padding: 4px 12px;
	}
}

.logo-scrolled {
	display: none;
}
.logo-scrolled img {
	display: block;
	height: 105px;
}

.open-menu,
.open-search {
	background-color: #2B2A29;
	height: 100%;
	overflow-y: auto;
}
.open-menu .container,
.open-menu .header-cols,
.open-search .container,
.open-search .header-cols {
	height: 100%;
}
.open-menu .header-bottom,
.open-search .header-bottom {
	background: transparent;
	border-color: transparent;
}
.open-menu .header-bottom:before, .open-menu .header-bottom:after,
.open-search .header-bottom:before,
.open-search .header-bottom:after {
	display: none;
}
@media (max-width: 910px) {
	.open-menu .header-wrap,
	.open-search .header-wrap {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
}
.open-menu .header-bottom,
.open-search .header-bottom {
	flex-grow: 1;
}
.open-menu .col-right,
.open-search .col-right {
	display: table;
	table-layout: fixed;
}
.open-menu .col-right .menu-footer,
.open-search .col-right .menu-footer {
	display: table-row;
	height: 1px;
}

.light .open-menu,
.light .open-search {
	background-color: #a7a2a2;
}
.light .open-menu .header-cols .related-sites,
.light .open-search .header-cols .related-sites {
	background-color: #c2c0c0;
}
.light .open-menu .header-top,
.light .open-search .header-top {
	background-color: #a7a2a2;
}
.light .open-menu .related-sites .cat-bottom,
.light .open-search .related-sites .cat-bottom {
	background: linear-gradient(130deg, #FD7B5A, #FEB910);
	color: #fff;
}

.mob-search {
	border: none;
	background: none;
	color: #fff;
	font-size: 22px;
}

.burger {
	position: relative;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

.burger span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, 13px, 0);
	width: 22px;
	height: 2px;
	background: #fff;
	border-radius: 3px;
	transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}

.burger span:nth-child(1) {
	top: 3px;
}

.burger span:nth-child(2) {
	top: 10px;
}

.burger span:nth-child(3) {
	top: 17px;
}

.header-top {
	padding: 4px 0;
	background-color: #2B2A29;
}
@media (max-width: 910px) {
	.header-top .lang-wrap {
		padding-right: 5px;
	}
}

.header-bottom {
	background-color: #EFA954;
	border-top: 1px solid #C8904B;
	padding-top: 5px;
	position: relative;
}
@media (max-width: 910px) {
	.header-bottom {
		padding: 5px 0;
	}
}
.header-bottom:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 98%;
	background-color: #222221;
	height: 26px;
	pointer-events: none;
}
@media (max-width: 910px) {
	.header-bottom:before {
		height: 35px;
		top: 100%;
	}
}
@media (max-width: 380px) {
	.header-bottom:before {
		height: 24px;
	}
}
.header-bottom:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -16px;
	width: 100%;
	height: 55%;
	background: url("../images/header-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.header-bottom:after {
		bottom: -26px;
		height: 72%;
	}
}
@media (max-width: 910px) {
	.header-bottom:after {
		bottom: -7px;
		scale: 2;
	}
}
@media (max-width: 380px) {
	.header-bottom:after {
		background: url("../images/header-bg-mob.svg") no-repeat bottom center/cover;
		height: 36%;
		scale: 2.1;
	}
}

.bg-header {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	pointer-events: none;
}

.logo-header {
	position: relative;
	display: inline-block;
	scale: 1.12;
	top: -17px;
}

.header-text {
	color: var(--color-dark, #000);
	line-height: 1.3;
}
@media (max-width: 910px) {
	.header-text {
		display: none;
	}
}

.header-cols {
	display: flex;
	position: relative;
	z-index: 1;
}
.header-cols .col-left {
	margin-bottom: -30px;
}
@media (max-width: 1024px) {
	.header-cols .col-left {
		display: none;
	}
}
.header-cols .col-right {
	width: 100%;
}
.header-cols .col-right .wrap {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
@media (max-width: 1024px) {
	.header-cols .col-right .wrap {
		margin-bottom: 10px;
	}
}
@media (max-width: 910px) {
	.header-cols .col-right .wrap {
		margin-bottom: 0;
		justify-content: space-between;
		padding: 0 8px;
		width: 100%;
	}
}
@media (max-width: 380px) {
	.header-cols .col-right .wrap {
		padding: 0;
	}
}
.header-cols .wrap .btn-custom {
	display: none;
}
@media (max-width: 910px) {
	.header-cols .wrap .btn-custom {
		padding: 0;
		width: 57px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}
}
.header-cols .logo-text {
	flex-shrink: 0;
	margin-right: 30px;
	display: inline-block;
}
@media (max-width: 1024px) {
	.header-cols .logo-text {
		margin-right: 20px;
	}
}
@media (max-width: 910px) {
	.header-cols .logo-text {
		margin: 0 5px;
	}
	.header-cols .logo-text img {
		width: 140px;
	}
}
@media (max-width: 380px) {
	.header-cols .logo-text img {
		width: 125px;
	}
}

.title-text {
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 8px;
}

.lang-wrap {
	display: table;
	position: relative;
	margin-left: auto;
}
.lang-wrap.active .lang-list {
	display: block;
}
.lang-wrap.active .lang-btn .icon-arrow {
	transform: rotate(180deg);
}
.lang-wrap .flag {
	margin-right: 8px;
	display: block;
	border-radius: 2px;
	width: 24px;
	height: 16px;
	-o-object-fit: cover;
	   object-fit: cover;
}

.lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 5px 4px 5px;
	border-radius: 5px;
	border: 1px solid var(--white-20, rgba(255, 255, 255, 0.2));
	background-color: transparent;
	color: #fff;
	cursor: pointer;
}
.lang-btn .icon-arrow {
	font-size: 11px;
	transition: transform 0.2s;
}
.lang-btn .lang-name {
	text-transform: uppercase;
	margin-right: 4px;
	font-size: 13px;
}

.lang-name {
	font-size: 14px;
}

.lang-list {
	width: 250px;
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	z-index: 2;
	text-align: left;
	border-radius: 5px;
	border: 1px solid var(--white-20, rgba(255, 255, 255, 0.2));
	padding: 10px 6px;
	background-color: #2B2A29;
	-moz-column-count: 2;
	     column-count: 2;
	display: none;
}
.lang-list .item {
	display: flex;
	margin-bottom: 6px;
	padding: 0 4px;
}
.lang-list .item:last-child {
	margin-bottom: 0;
}

.lang-link {
	display: inline-flex;
	align-items: center;
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.lang-link:hover {
		color: #FF9700;
	}
}
.lang-link .lang-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 70%;
}

.header-controls {
	border-radius: 36px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	padding: 13px 16px;
	display: flex;
	align-items: center;
	margin-left: -30px;
}
@media (max-width: 1024px) {
	.header-controls {
		margin-left: 0;
		padding: 8px;
	}
}
@media (max-width: 910px) {
	.header-controls {
		display: none;
		padding: 0;
		background: none;
		margin-top: 35px;
	}
}
@media (max-width: 910px) {
	.header-controls .navbar {
		margin-right: 0;
	}
}
.header-controls .navbar .item:nth-child(4) .name {
	display: block;
}
@media (max-width: 380px) {
	.header-controls .navbar .item:nth-child(4) .name {
		display: none;
	}
}
@media (max-width: 640px) {
	.header-controls .navbar .name {
		display: none;
	}
}
@media (max-width: 380px) {
	.header-controls .btn-custom {
		padding: 4px 13px;
	}
}
@media (max-width: 380px) {
	.header-controls .theme-wrap {
		padding: 4px 6px;
	}
}

.search-header {
	flex-grow: 1;
}

.search-form {
	position: relative;
}
.search-form .search-btn {
	position: absolute;
	top: 50%;
	right: 23px;
	transform: translate3d(0, -50%, 0);
	border: none;
	background: none;
	cursor: pointer;
	font-size: 20px;
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.search-form .search-btn:hover {
		color: #EFA954;
	}
}

.search-input {
	width: 100%;
	padding-right: 50px;
}

.fake-placeholder {
	color: var(--dark-80, rgba(0, 0, 0, 0.8));
	display: flex;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(100% - 50px);
	padding-left: 23px;
	transform: translateY(-50%);
	pointer-events: none;
}
.fake-placeholder .name {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
	margin-left: 6px;
}
@media (max-width: 1200px) {
	.fake-placeholder .name {
		display: none;
	}
}
@media (max-width: 1024px) {
	.fake-placeholder .name {
		display: block;
	}
}

.search-input:not(:-moz-placeholder) + .fake-placeholder {
	display: none;
}

.search-input:focus + .fake-placeholder,
.search-input:not(:placeholder-shown) + .fake-placeholder {
	display: none;
}

.navbar {
	display: flex;
	margin-right: 10px;
}
@media (max-width: 1024px) {
	.navbar {
		margin-right: 7px;
	}
}
.navbar .item {
	margin-right: 2px;
}
.navbar .item:last-child {
	margin-right: 0;
}

.nav-link {
	transition: color 0.3s;
	display: flex;
	align-items: center;
}
@media (hover: hover) and (pointer: fine) {
	.nav-link:hover {
		color: #FF9700;
	}
}
.nav-link .icon {
	flex-shrink: 0;
}
.nav-link .icon + .name {
	margin-left: 8px;
	white-space: nowrap;
}

.btn-custom {
	border-radius: 20px;
	background: linear-gradient(to bottom, #FFC97F 0%, #271C0E 100%);
	padding: 4px 16px;
	font-weight: 500;
	height: 47px;
	line-height: 47px;
	position: relative;
	overflow: hidden;
}
.btn-custom:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	background: var(--dark-80, rgba(0, 0, 0, 0.8));
	border-radius: 20px;
}
.btn-custom * {
	z-index: 1;
	position: relative;
}

.theme-wrap {
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 7px;
	padding-right: 7px;
}
@media (max-width: 1024px) {
	.theme-wrap {
		margin-left: 7px;
	}
}
@media (max-width: 910px) {
	.theme-wrap {
		margin-left: 2px;
	}
}

.theme-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	color: #838383;
	font-size: 19px;
	margin: 0 2px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	position: relative;
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.theme-btn:hover {
		color: #FF9700;
	}
}
.theme-btn:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	height: calc(100% - 4px);
	width: calc(100% - 4px);
	background: linear-gradient(to bottom, #EC873D, #E89728);
	border-radius: 50%;
	display: none;
}
.theme-btn * {
	z-index: 1;
	position: relative;
}

.theme-light {
	font-size: 23px;
}

.menu-footer {
	display: none;
	text-align: center;
	font-size: 15px;
}
.menu-footer .logo-header {
	margin-bottom: 50px;
	top: 0;
	scale: 1;
}
.menu-footer .box {
	margin-bottom: 8px;
}
.menu-footer .copy {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	margin: 0 auto;
}
.menu-footer .footer-link {
	color: #fff;
}
.menu-footer .footer-list {
	justify-content: center;
}

.header-cols .related-sites {
	display: none;
	margin: 24px 0;
}

.related-sites {
	padding: 12px 10px 16px;
	border-radius: 20px;
	background: #222221;
}
.related-sites .top-title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.related-sites .top-title .img {
	flex-shrink: 0;
	margin-right: 18px;
}
.related-sites .top-title .text {
	font-weight: 500;
	font-size: 26px;
	text-transform: uppercase;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
}
.related-sites .top {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.related-sites .top .icon {
	flex-shrink: 0;
	margin-right: 10px;
	font-size: 20px;
	color: #FD0000;
}
.related-sites .top .text {
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 500;
}
.related-sites .text-name {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 768px) {
	.related-sites .text-name {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
}
@media (max-width: 480px) {
	.related-sites .text-name {
		text-align: left;
		width: 100%;
		padding-left: 45px;
	}
}
.related-sites .cat-bottom {
	border-color: #DFB06F;
	background: #070707;
	max-width: 290px;
	margin: 24px auto 0;
	text-transform: none;
	padding: 13px 10px;
}

.related-list {
	margin-bottom: 32px;
	counter-reset: item;
}
.related-list .item {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.related-list .item:first-child:before {
	border-color: #FF6464;
}
.related-list .item:nth-child(2):before {
	border-color: #287DA2;
}
.related-list .item:nth-child(3):before {
	border-color: #ACFF64;
}
.related-list .item:nth-child(4):before {
	border-color: #FF64B4;
}
.related-list .item:nth-child(5):before {
	border-color: #A70D0D;
}
.related-list .item:before {
	content: counter(item) "";
	counter-increment: item;
	font-size: 18px;
	font-weight: 500;
	margin-right: 24px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	border-bottom: 2px solid transparent;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
}
.related-list .item:last-child {
	margin-bottom: 0;
}

.relared-link {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.relared-link:hover {
		color: #FF9700;
	}
}

.js-info {
	color: var(--color-dark, #000);
	display: none;
}
.js-info.active {
	display: block;
}
.js-info.active + .header-text {
	display: none;
}
.js-info .columns {
	display: flex;
	align-items: center;
}
.js-info .column-left {
	margin-right: 12px;
	flex-shrink: 0;
}
.js-info .top-line {
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}
.js-info .box-rating {
	display: flex;
	align-items: center;
}
.js-info .rating-wrap {
	margin-right: 8px;
}
.js-info .rate-value {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
	font-weight: 500;
	font-size: 18px;
}
.js-info .box-img {
	border-radius: 20px;
	border: 3px solid var(--color-dark_bg_block, #1B1B1B);
	background: var(--color-dark, #000);
	width: 150px;
	height: 82px;
}

.js-info-rating {
	color: #000;
}

.js-info-title {
	font-weight: 500;
	font-size: 17px;
}

.js-info-img {
	flex-shrink: 0;
	margin-right: 12px;
	height: 19px;
	width: 19px;
	opacity: 0;
}
.js-info-img.active {
	opacity: 1;
}

.js-info-text {
	margin-bottom: 4px;
}

.header-scrolled.header-hover .header-controls {
	display: none;
}
.header-scrolled.header-hover .header-cols .wrap {
	width: 100%;
}
.header-scrolled.header-hover .js-info .box-img {
	width: 65px;
	height: 40px;
	border-radius: 8px;
}
.header-scrolled.header-hover .js-info {
	border-radius: 36px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	padding: 13px 16px;
	color: #fff;
	min-width: 1px;
}
.header-scrolled.header-hover .js-info-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	font-size: 12px;
	padding-right: 3px;
}
.header-scrolled.header-hover .columns {
	border-radius: 20px;
	border: 1px solid var(--dark-60, rgba(0, 0, 0, 0.6));
	background: var(--dark-80, rgba(0, 0, 0, 0.8));
	position: relative;
	padding: 4px 12px 4px 8px;
	width: 100%;
}
.header-scrolled.header-hover .column-right {
	min-width: 1px;
}
.header-scrolled.header-hover .js-info-title {
	font-size: 15px;
	font-weight: 400;
}
.header-scrolled.header-hover .js-info-rating {
	color: var(--color-1, #FF9700);
}
.header-scrolled.header-hover .js-info .rate-value {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	order: -1;
	line-height: 1;
}
.header-scrolled.header-hover .js-rating .rate {
	width: 16px;
}
.header-scrolled.header-hover .js-rating .rating-wrap {
	margin: 0 0 0 8px;
}
.header-scrolled.header-hover .js-rating {
	position: absolute;
	top: 6px;
	right: 14px;
}
.header-scrolled.header-hover .js-info .top-line {
	width: calc(100% - 154px);
	overflow: hidden;
}

.main {
	margin-bottom: 60px;
}
@media (max-width: 910px) {
	.main {
		margin-top: 185px;
	}
}
@media (max-width: 380px) {
	.main {
		margin-top: 160px;
	}
}

.index-page .main {
	margin-bottom: 0;
}

.categories-grid {
	margin-bottom: 110px;
}
@media (max-width: 1024px) {
	.categories-grid {
		margin-bottom: 80px;
	}
}
@media (max-width: 640px) {
	.categories-grid {
		margin-bottom: 60px;
	}
}
@media (min-width: 1025px) {
	.categories-grid {
		display: grid;
		gap: 10px 8px;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-flow: row dense;
		grid-auto-rows: 1px;
	}
}

.category-box {
	border-radius: 20px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	position: relative;
	display: grid;
	padding: 3px 3px 8px 3px;
	grid-template-rows: 60px 1fr;
	grid-template-columns: minmax(0, 1fr);
}
@media (max-width: 1024px) {
	.category-box {
		margin-bottom: 10px;
		background: var(--color-dark_bg_block, #1B1B1B);
	}
	.category-box:last-child {
		margin-bottom: 0;
	}
}
.category-box:before {
	content: "";
	left: 3px;
	width: calc(100% - 6px);
	height: 15px;
	top: 64px;
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgb(27, 27, 27), rgba(27, 27, 27, 0.6), rgba(27, 27, 27, 0));
}
.category-box:after {
	content: "";
	left: 3px;
	width: calc(100% - 6px);
	height: 60px;
	bottom: 64px;
	position: absolute;
	z-index: 1;
	pointer-events: none;
	border-radius: 0 0 20px 20px;
	background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

@media (max-width: 1024px) {
	.light .category-box {
		background: #fff;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
}

.cat-header {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	border-bottom: 3px solid transparent;
	background-color: #161616;
	padding: 5px 10px;
	transition: color 0.3s;
	position: relative;
}
.cat-header:before {
	content: "";
	position: absolute;
	bottom: -4px;
	height: 15px;
	left: 0;
	right: 0;
	background: #212121;
	z-index: -1;
}
@media (hover: hover) and (pointer: fine) {
	.cat-header:hover {
		color: #FF9700;
	}
}

.cat-body {
	border-radius: 0 0 20px 20px;
	background: var(--color-dark_bg_block, #1B1B1B);
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
}

.scrollbar-custom {
	padding: 0 10px;
	overflow-y: auto;
	position: absolute;
	left: 0;
	right: 4px;
	top: 10px;
	height: calc(100% - 40px);
}

@-moz-document url-prefix() {
	.scrollbar-custom {
		scrollbar-width: thin;
	}
}
.scrollbar-custom::-webkit-scrollbar {
	background-color: #161616;
	width: 5px;
}

.scrollbar-custom::-webkit-scrollbar-track {
	background-color: #161616;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
	border-radius: 5px;
}

.scrollbar-custom::-webkit-scrollbar-button {
	display: none;
}

body.light .scrollbar-custom::-webkit-scrollbar {
	background-color: #F0F0F0;
}
body.light .scrollbar-custom::-webkit-scrollbar-track {
	background-color: #F0F0F0;
}

.cat-list {
	counter-reset: item;
}
@media (max-width: 1024px) {
	.cat-list {
		display: flex;
		flex-wrap: wrap;
	}
}
.cat-list .item {
	display: flex;
	align-items: center;
	position: relative;
}
@media (hover: hover) and (pointer: fine) {
	.cat-list .item:hover:before {
		color: #fff;
	}
}
@media (max-width: 1024px) {
	.cat-list .item {
		width: 33.333%;
		padding: 0 5px;
	}
}
@media (max-width: 768px) {
	.cat-list .item {
		width: 50%;
	}
}
.cat-list .item:before {
	content: counter(item) "";
	counter-increment: item;
	font-size: 12px;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	min-width: 14px;
	text-align: right;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate3d(0, -50%, 0);
	transition: color 0.3s;
	pointer-events: none;
}
.cat-list .item:last-child {
	position: relative;
	z-index: 2;
}

.cat-bottom {
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	padding: 10px 6px;
	border-radius: 20px;
	position: relative;
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	transition: color 0.3s;
}
@media (max-width: 480px) {
	.cat-bottom {
		font-size: 16px;
	}
}
@media (hover: hover) and (pointer: fine) {
	.cat-bottom:hover {
		color: #FF9700;
	}
}
.cat-bottom .count {
	font-weight: 900;
	font-size: 22px;
}
@media (max-width: 480px) {
	.cat-bottom .count {
		font-size: 19px;
	}
}
.cat-bottom .icon {
	flex-shrink: 0;
	margin-left: 20px;
}
@media (max-width: 480px) {
	.cat-bottom .icon {
		margin-left: 12px;
	}
}
.cat-bottom .name {
	max-width: 75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cat-link {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: background-color 0.3s, color 0.3s;
	font-size: 17px;
	font-weight: 500;
	padding: 7px 10px 7px 30px;
	border-radius: 20px;
}
@media (hover: hover) and (pointer: fine) {
	.cat-link:hover {
		color: #FF9700;
		background-color: #0B0B0B;
	}
	.cat-link:hover .icon-search {
		color: #fff;
	}
}
.cat-link .col-left {
	display: flex;
	align-items: center;
	margin-right: 5px;
	overflow: hidden;
}
.cat-link .icon-search {
	flex-shrink: 0;
	transition: color 0.3s;
	color: rgba(255, 255, 255, 0.3);
}
@media (max-width: 550px) {
	.cat-link .icon-search {
		display: none;
	}
}
.cat-link .text-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 1200px) {
	.cat-link .text-name {
		font-size: 14px;
	}
}
@media (max-width: 1024px) {
	.cat-link .text-name {
		font-size: 15px;
	}
}
@media (max-width: 550px) {
	.cat-link .text-name {
		margin-right: 0;
	}
}
@media (max-width: 480px) {
	.cat-link .text-name {
		max-width: 86px;
	}
}
.cat-link .logo-icon {
	flex-shrink: 0;
	margin-right: 10px;
}

.cat-box-1 .cat-header {
	border-color: #FF6464;
}
.cat-box-1 .cat-bottom {
	border-color: #FF6464;
	background: rgba(255, 100, 100, 0.4);
}
.cat-box-1 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #FF6464;
}

@-moz-document url-prefix() {
	.cat-box-1 .scrollbar-custom {
		scrollbar-color: #FF6464 #161616;
	}
}
.cat-box-2 .cat-header {
	border-color: #0097C7;
}
.cat-box-2 .cat-bottom {
	border-color: #0097C7;
	background: rgba(0, 151, 199, 0.4);
}
.cat-box-2 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #0097C7;
}

@-moz-document url-prefix() {
	.cat-box-2 .scrollbar-custom {
		scrollbar-color: #0097C7 #161616;
	}
}
.cat-box-3 .cat-header {
	border-color: #61C765;
}
.cat-box-3 .cat-bottom {
	border-color: #61C765;
	background: rgba(97, 199, 101, 0.4);
}
.cat-box-3 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #61C765;
}

@-moz-document url-prefix() {
	.cat-box-3 .scrollbar-custom {
		scrollbar-color: #61C765 #161616;
	}
}
.cat-box-4 .cat-header {
	border-color: #64D9FF;
}
.cat-box-4 .cat-bottom {
	border-color: #64D9FF;
	background: rgba(100, 217, 255, 0.4);
}
.cat-box-4 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #64D9FF;
}

@-moz-document url-prefix() {
	.cat-box-4 .scrollbar-custom {
		scrollbar-color: #64D9FF #161616;
	}
}
.cat-box-5 .cat-header {
	border-color: #FFBC64;
}
.cat-box-5 .cat-bottom {
	border-color: #FFBC64;
	background: rgba(255, 188, 100, 0.4);
}
.cat-box-5 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #FFBC64;
}

@-moz-document url-prefix() {
	.cat-box-5 .scrollbar-custom {
		scrollbar-color: #FFBC64 #161616;
	}
}
.cat-box-6 .cat-header {
	border-color: #D764FF;
}
.cat-box-6 .cat-bottom {
	border-color: #D764FF;
	background: rgba(215, 100, 255, 0.4);
}
.cat-box-6 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #D764FF;
}

@-moz-document url-prefix() {
	.cat-box-6 .scrollbar-custom {
		scrollbar-color: #D764FF #161616;
	}
}
.cat-box-7 .cat-header {
	border-color: #2186E9;
}
.cat-box-7 .cat-bottom {
	border-color: #2186E9;
	background: rgba(33, 134, 233, 0.4);
}
.cat-box-7 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #2186E9;
}

@-moz-document url-prefix() {
	.cat-box-7 .scrollbar-custom {
		scrollbar-color: #2186E9 #161616;
	}
}
.cat-box-8 .cat-header {
	border-color: #BF7148;
}
.cat-box-8 .cat-bottom {
	border-color: #BF7148;
	background: rgba(191, 113, 72, 0.4);
}
.cat-box-8 .scrollbar-custom::-webkit-scrollbar-thumb {
	background: #BF7148;
}

@-moz-document url-prefix() {
	.cat-box-8 .scrollbar-custom {
		scrollbar-color: #BF7148 #161616;
	}
}
.cat-lg {
	grid-row-end: span 120;
}
@media (max-width: 1024px) {
	.cat-lg .cat-body {
		height: 438px;
	}
}

.cat-md {
	grid-row-end: span 53;
}
@media (max-width: 1024px) {
	.cat-md .cat-body {
		height: 218px;
	}
}
@media (max-width: 550px) {
	.cat-md .cat-body {
		height: 278px;
	}
}

@media (max-width: 1024px) {
	.light .cat-sm .cat-body {
		margin-top: 15px;
	}
}

.cat-sm {
	grid-row-end: span 41;
}
@media (max-width: 1024px) {
	.cat-sm .cat-body {
		height: 100%;
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.cat-sm .cat-body .scrollbar-custom {
		position: static;
		overflow: hidden;
	}
}

[data-column="1"] {
	grid-column: 1/1;
}

[data-column="2"] {
	grid-column: 2/2;
}

[data-column="3"] {
	grid-column: 3/3;
}

[data-column="4"] {
	grid-column: 4/4;
}

.cat-icon {
	flex-shrink: 0;
	margin-right: 12px;
}

.cat-name {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 1200px) {
	.cat-name {
		font-size: 15px;
	}
}
@media (max-width: 1024px) {
	.cat-name {
		font-size: 17px;
	}
}

.cat-text {
	font-size: 12px;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	text-align: center;
	line-height: 1.4;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

@media (max-width: 640px) {
	.party-intro {
		padding-bottom: 110px;
		background: url("../images/clouds-bg.svg") no-repeat bottom left/cover;
	}
}
.party-intro .logo-wrap {
	text-align: center;
	position: relative;
	top: -40px;
}
@media (max-width: 640px) {
	.party-intro .logo-wrap {
		top: 0;
	}
}

.wrap-canvas {
	position: relative;
}
@media (max-width: 640px) {
	.wrap-canvas {
		display: none;
	}
}
.wrap-canvas:before {
	content: "";
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	height: 61%;
	background: url("../images/header-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
	transform: rotate(180deg);
}
@media (max-width: 640px) {
	.wrap-canvas:before {
		top: 10%;
		width: 100%;
		height: 80%;
	}
}
.wrap-canvas:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 68%;
	width: 100%;
	height: 100%;
	background: url("../images/clouds-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
	border-bottom: 32px solid #222221;
	z-index: -1;
}
@media (max-width: 1024px) {
	.wrap-canvas:after {
		border-width: 17px;
	}
}

.canvas-box {
	width: 100%;
	z-index: 1;
	position: relative;
}

.rating-sites {
	margin-bottom: 40px;
}
.rating-sites .block {
	border-radius: 20px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	padding: 28px 16px;
}
@media (max-width: 768px) {
	.rating-sites .block {
		padding: 12px;
		text-align: center;
	}
}

.breadcrumbs {
	margin-bottom: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--color-1, #FF9700);
}
.breadcrumbs .item {
	margin-bottom: 4px;
	display: flex;
	align-items: center;
}
.breadcrumbs .svg-icon {
	margin: 0 10px;
	flex-shrink: 0;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	font-size: 14px;
}
.breadcrumbs .link {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.breadcrumbs .link:hover {
		color: #FF9700;
	}
}

.block.related-sites .related-list {
	margin-bottom: 0;
}
@media (max-width: 768px) {
	.block.related-sites .related-list .item {
		flex-wrap: wrap;
		position: relative;
	}
}
@media (max-width: 480px) {
	.block.related-sites .related-list .item {
		width: 316px;
		margin: 0 auto 15px;
	}
}
@media (max-width: 380px) {
	.block.related-sites .related-list .item {
		width: 280px;
	}
}
.block.related-sites .related-list .item:before {
	border-color: #FF6464;
	margin-right: 12px;
}
@media (max-width: 768px) {
	.block.related-sites .related-list .item:before {
		position: absolute;
		top: 65%;
		left: 10%;
	}
}
@media (max-width: 480px) {
	.block.related-sites .related-list .item:before {
		left: 0;
	}
}
@media (max-width: 380px) {
	.block.related-sites .related-list .item:before {
		left: 2px;
	}
}
.block.related-sites .related-list .box {
	margin-right: 12px;
}
@media (max-width: 768px) {
	.block.related-sites .related-list .box {
		margin: 0 0 16px 0;
	}
	.block.related-sites .related-list .box:first-child {
		margin: 0 auto 12px;
	}
}
.block.related-sites .related-list .box.second {
	max-width: 530px;
}
@media (max-width: 1250px) {
	.block.related-sites .related-list .box.second {
		max-width: 100%;
		width: 32%;
	}
}
@media (max-width: 1024px) {
	.block.related-sites .related-list .box.second {
		width: 23%;
	}
}
@media (max-width: 910px) {
	.block.related-sites .related-list .box.second {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.block.related-sites .related-list .box.second {
		margin: 0 auto 12px;
	}
}
.block.related-sites .related-list .box:last-child {
	margin-right: 0;
}
@media (max-width: 768px) {
	.block.related-sites .related-list .box:last-child {
		margin: 0;
	}
}
@media (max-width: 768px) {
	.block.related-sites .top {
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.block.related-sites .top {
		display: none;
	}
}
.block.related-sites .box-img {
	border-radius: 20px;
	border: 3px solid var(--color-dark_bg_block, #1B1B1B);
	background: var(--color-dark, #000);
	width: 150px;
	height: 82px;
	overflow: hidden;
	flex-shrink: 0;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
}
@media (max-width: 768px) {
	.block.related-sites .box-img {
		width: 312px;
		height: 172px;
	}
}
@media (max-width: 480px) {
	.block.related-sites .box-img {
		background: #8F8F8F;
		border-color: #a7a2a2;
	}
	.block.related-sites .box-img .top .text {
		color: #fff;
	}
}
@media (max-width: 380px) {
	.block.related-sites .box-img {
		width: 280px;
		height: 150px;
	}
}
.block.related-sites .box-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.block.related-sites .box-img .top {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
	margin-bottom: 0;
}
@media (max-width: 480px) {
	.block.related-sites .box-img .top {
		display: flex;
	}
}
.block.related-sites .box-grow {
	flex-grow: 1;
}
@media (max-width: 910px) {
	.block.related-sites .box-grow {
		flex-grow: inherit;
	}
}
@media (max-width: 768px) {
	.block.related-sites .box-grow {
		width: 100%;
	}
}

.buttons-wrap {
	display: flex;
	align-items: center;
}
@media (max-width: 768px) {
	.buttons-wrap {
		justify-content: center;
	}
}
.buttons-wrap .btn-custom {
	height: auto;
	line-height: inherit;
	padding: 12px;
	max-width: 135px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-right: 4px;
	transition: color 0.3s;
}
@media (max-width: 910px) {
	.buttons-wrap .btn-custom {
		padding: 12px 18px;
	}
}
@media (hover: hover) and (pointer: fine) {
	.buttons-wrap .btn-custom:hover {
		color: #EFA954;
	}
}
.buttons-wrap .btn-custom:first-child {
	background: linear-gradient(to bottom, #FD6363 0%, #7A3C3C 100%);
}
.buttons-wrap .btn-custom:first-child:after {
	background-color: #7A3C3C;
}
.buttons-wrap .btn-custom:last-child {
	margin-right: 0;
	background: linear-gradient(to bottom, #82FC7C 0%, #06C11C 100%);
}
.buttons-wrap .btn-custom:last-child:after {
	background-color: #06C11C;
}
.buttons-wrap .btn-custom .icon {
	flex-shrink: 0;
	width: 17px;
}
.buttons-wrap .btn-custom .icon + .name {
	margin-left: 4px;
}
@media (max-width: 910px) {
	.buttons-wrap .btn-custom .name {
		display: none;
	}
}
@media (max-width: 768px) {
	.buttons-wrap .btn-custom .name {
		display: block;
	}
}
.buttons-wrap .btn-custom .name + .icon {
	margin-left: 4px;
}
@media (max-width: 910px) {
	.buttons-wrap .btn-custom .name + .icon {
		margin-left: 0;
	}
}
@media (max-width: 768px) {
	.buttons-wrap .btn-custom .name + .icon {
		margin-left: 4px;
	}
}

.rating-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 480px) {
	.rating-wrap {
		justify-content: flex-start;
		padding-left: 45px;
	}
}
.rating-wrap .rate {
	margin-right: 8px;
	cursor: pointer;
}
.rating-wrap .rate:last-child {
	margin-right: 0;
}

.headline {
	margin-bottom: 8px;
}
.headline .title {
	display: flex;
	align-items: center;
	font-weight: 500;
}
.headline .title .icon {
	flex-shrink: 0;
	margin-right: 12px;
}
.headline .title .name {
	font-size: 28px;
	text-transform: uppercase;
}
@media (max-width: 640px) {
	.headline .title .name {
		font-size: 22px;
	}
}
.headline .title .value {
	margin-left: 12px;
	font-size: 18px;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
}
@media (max-width: 640px) {
	.headline .title .value {
		font-size: 16px;
	}
}
@media (max-width: 480px) {
	.headline .title .value {
		display: none;
	}
}

.categories-text {
	background-color: #EFA954;
	padding: 35px 0 60px;
	color: #000;
	margin-bottom: 60px;
	position: relative;
}
@media (max-width: 1024px) {
	.categories-text {
		padding: 35px 0;
	}
}
@media (max-width: 640px) {
	.categories-text {
		display: none;
	}
}
.categories-text:before {
	content: "";
	position: absolute;
	left: 0;
	top: -25px;
	width: 100%;
	height: 40%;
	transform: rotate(180deg);
	background: url("../images/header-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.categories-text:before {
		height: 32%;
	}
}
.categories-text:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
	height: 40%;
	background: url("../images/header-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.categories-text:after {
		height: 32%;
	}
}
.categories-text .footer-text {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.thumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
}
.thumbs.second {
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.2);
	padding: 16px 16px 0 16px;
	margin: 0;
}
.thumbs.second .thumb {
	width: calc(33.333% - 8px);
	margin: 0 4px 16px;
	padding: 12px 16px;
	display: flex;
	align-items: center;
}
@media (max-width: 1150px) {
	.thumbs.second .thumb {
		width: calc(50% - 8px);
	}
}
@media (max-width: 768px) {
	.thumbs.second .thumb {
		width: calc(100% - 8px);
	}
}
.thumbs.second .number {
	font-size: 18px;
	font-weight: 500;
	margin-right: 24px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 50%;
	border-bottom: 2px solid #FF6464;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
}
@media (max-width: 480px) {
	.thumbs.second .number {
		margin-right: 15px;
	}
}
@media (max-width: 768px) {
	.thumbs.second .buttons-wrap {
		justify-content: start;
	}
}
@media (max-width: 380px) {
	.thumbs.second .buttons-wrap .name {
		display: none;
	}
}
@media (max-width: 380px) {
	.thumbs.second .buttons-wrap .btn-custom .name + .icon {
		margin-left: 0;
	}
}
.thumbs .top-line {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}
.thumbs .top-line .icon {
	flex-shrink: 0;
	margin-right: 10px;
	font-size: 20px;
	color: #FD0000;
}
.thumbs .top-line .text {
	font-size: 17px;
	font-weight: 500;
}
@media (max-width: 380px) {
	.thumbs .top-line .text {
		font-size: 16px;
	}
}
.thumbs .wrap-info .text-name {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	margin-bottom: 8px;
}
.thumbs .wrap-info .btn-custom {
	font-size: 13px;
	max-width: -moz-fit-content;
	max-width: fit-content;
	padding: 12px 16px;
	margin-right: 4px;
}
.thumbs .wrap-info .btn-custom:last-child {
	margin-right: 0;
}

.thumb {
	border-radius: 20px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	padding: 3px;
	width: calc(25% - 6px);
	margin: 0 3px 25px;
}
@media (max-width: 1024px) {
	.thumb {
		width: calc(33.333% - 6px);
	}
}
@media (max-width: 640px) {
	.thumb {
		width: calc(50% - 6px);
	}
}

.box-thumb {
	border-radius: 20px;
	background: var(--color-dark_bg_block, #1B1B1B);
	padding: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.box-thumb .text {
	text-align: center;
	font-size: 12px;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	line-height: 1.3;
	margin-bottom: 12px;
}
.box-thumb .name-text {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (max-width: 768px) {
	.box-thumb .name-text {
		font-size: 16px;
	}
}
.box-thumb .top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}
.box-thumb .value {
	font-size: 18px;
	font-weight: 500;
	padding: 4px 12px;
	border-radius: 20px;
	background: var(--dark-60, rgba(0, 0, 0, 0.6));
	display: flex;
	align-items: center;
	margin-left: 3px;
}
@media (max-width: 768px) {
	.box-thumb .value {
		font-size: 16px;
	}
}
.box-thumb.box-1 .cat-bottom {
	background-color: #D764FF;
	border-color: #9600ca;
}
.box-thumb.box-2 .cat-bottom {
	background-color: #165DFB;
	border-color: #6198FF;
}
.box-thumb.box-3 .cat-bottom {
	background-color: #F54A00;
	border-color: #FF6B2B;
}
.box-thumb.box-4 .cat-bottom {
	background-color: #E07000;
	border-color: #FF9C2B;
}

.section-thumbs {
	margin-bottom: 45px;
}
@media (max-width: 768px) {
	.section-thumbs {
		margin-bottom: 16px;
	}
}
.section-thumbs:last-child {
	margin-bottom: 0;
}

.layout {
	margin-bottom: 45px;
	display: flex;
}
@media (max-width: 1024px) {
	.layout {
		flex-wrap: wrap;
	}
}
@media (max-width: 768px) {
	.layout {
		margin-bottom: 16px;
	}
}
.layout .top-title .img {
	width: 22px;
}
.layout .top-title .dislike-icon {
	transform: rotate(180deg);
}

.info-block {
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	padding: 12px;
	border-radius: 20px;
	margin-bottom: 16px;
}
@media (max-width: 640px) {
	.info-block {
		position: relative;
	}
	.info-block:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 12px;
		width: calc(100% - 24px);
		height: 50px;
		background: linear-gradient(180deg, rgba(34, 34, 33, 0) 0%, #222221 100%);
	}
}
.info-block .wrap-box {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
@media (max-width: 640px) {
	.info-block .wrap-box {
		flex-wrap: wrap;
	}
}
.info-block .wrap-box .col-left {
	margin-right: 12px;
}
@media (max-width: 640px) {
	.info-block .wrap-box .col-left {
		margin: 0 0 12px 0;
		width: 100%;
	}
}
.info-block .wrap-box .col-left .top {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
	display: none;
}
@media (max-width: 640px) {
	.info-block .wrap-box .col-left .top {
		display: flex;
		justify-content: center;
	}
}
.info-block .wrap-box .col-left .top .text {
	font-size: 17px;
}
@media (max-width: 640px) {
	.info-block .wrap-box .col-right {
		width: 100%;
	}
}
.info-block .wrap-box .col-right .top {
	margin-bottom: 10px;
}
@media (max-width: 640px) {
	.info-block .wrap-box .col-right .top {
		display: none;
	}
}
.info-block .wrap-box .top {
	display: flex;
	align-items: center;
}
.info-block .wrap-box .top .icon {
	flex-shrink: 0;
	margin-right: 10px;
	font-size: 20px;
	color: #FD0000;
}
.info-block .wrap-box .top .text {
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 500;
}
@media (max-width: 768px) {
	.info-block .wrap-box .top .text {
		font-size: 22px;
	}
}
.info-block .wrap-box .rate {
	width: 22px;
}
@media (max-width: 768px) {
	.info-block .wrap-box .rate {
		width: 20px;
	}
}
@media (max-width: 380px) {
	.info-block .wrap-box .rate {
		width: 19px;
	}
}
@media (max-width: 480px) {
	.info-block .wrap-box .rating-wrap {
		padding-left: 0;
	}
}
.info-block .wrap-box .box-img {
	border-radius: 20px;
	border: 3px solid var(--color-dark_bg_block, #1B1B1B);
	background: var(--color-dark, #000);
	width: 280px;
	height: 165px;
	overflow: hidden;
	flex-shrink: 0;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	position: relative;
}
@media (max-width: 640px) {
	.info-block .wrap-box .box-img {
		margin: 0 auto;
	}
}
.info-block .wrap-box .box-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.info-block .wrap-cols {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
@media (max-width: 768px) {
	.info-block .wrap-cols {
		margin-bottom: 15px;
	}
}
.info-block .wrap-cols .rate-text {
	font-size: 18px;
	font-weight: 500;
	margin-left: 14px;
}
@media (max-width: 768px) {
	.info-block .wrap-cols .rate-text {
		font-size: 16px;
		margin-left: 10px;
	}
}
.info-block .wrap-cols .rate-text .decor {
	font-size: 28px;
	color: #FF9700;
}
@media (max-width: 768px) {
	.info-block .wrap-cols .rate-text .decor {
		font-size: 22px;
	}
}
.info-block .text-review {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	font-size: 12px;
	margin-left: 14px;
}
@media (max-width: 768px) {
	.info-block .text-review {
		margin-left: 10px;
	}
}
@media (max-width: 380px) {
	.info-block .text-review {
		font-size: 10px;
	}
}
.info-block .buttons-wrap {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.info-block .buttons-wrap .btn-custom {
	max-width: -moz-fit-content;
	max-width: fit-content;
	padding: 12px 40px;
	margin: 0 4px 4px 0;
}
@media (max-width: 640px) {
	.info-block .buttons-wrap .btn-custom {
		padding: 12px 20px;
	}
}
@media (max-width: 380px) {
	.info-block .buttons-wrap .btn-custom {
		padding: 11px;
	}
}
.info-block .buttons-wrap .btn-custom:first-child {
	background: linear-gradient(to bottom, #FFC97F 0%, #271C0E 100%);
}
.info-block .buttons-wrap .btn-custom:first-child:after {
	background: var(--dark-80, rgba(0, 0, 0, 0.9));
}
.info-block .buttons-wrap .btn-custom:first-child .icon {
	transform: rotate(180deg);
}
.info-block .buttons-wrap .btn-custom:last-child {
	order: -1;
}
.info-block .buttons-wrap .btn-custom .name {
	display: block;
}
.info-block .buttons-wrap .btn-custom .name + .icon {
	margin-left: 8px;
}
.info-block .buttons-wrap .btn-custom .icon + .name {
	margin-left: 8px;
}

.content {
	flex-grow: 1;
	min-width: 1px;
}
.content .cols {
	display: flex;
}
@media (max-width: 550px) {
	.content .cols {
		flex-wrap: wrap;
	}
}
.content .cols .related-sites {
	width: 50%;
	margin-right: 16px;
}
@media (max-width: 550px) {
	.content .cols .related-sites {
		width: 100%;
		margin: 0 0 16px 0;
	}
}
.content .cols .related-sites:last-child {
	margin: 0;
}
.content .cols .related-sites.mob-related {
	display: none;
}
@media (max-width: 550px) {
	.content .cols .related-sites.mob-related {
		display: block;
	}
}
.content .cols .related-sites.mob-related .cat-bottom.second {
	background-color: #06C11C;
	border-color: #82FC7C;
}
.content .footer-text {
	margin-bottom: 0;
}
@media (max-width: 640px) {
	.content .footer-text {
		height: 200px;
		overflow-y: auto;
		padding-bottom: 30px;
	}
}
.content .footer-text .title {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
}

.sidebar {
	width: 390px;
	flex-shrink: 0;
	margin-left: 16px;
}
@media (max-width: 1250px) {
	.sidebar {
		width: 320px;
	}
}
@media (max-width: 1024px) {
	.sidebar {
		margin: 16px 0 0;
		width: 100%;
		display: flex;
	}
}
@media (max-width: 550px) {
	.sidebar {
		flex-wrap: wrap;
	}
}
.sidebar .related-sites {
	margin-bottom: 16px;
}
@media (max-width: 1024px) {
	.sidebar .related-sites {
		width: 50%;
		margin: 0 16px 0 0;
	}
}
@media (max-width: 550px) {
	.sidebar .related-sites {
		width: 100%;
	}
	.sidebar .related-sites:first-child {
		display: none;
	}
}
.sidebar .related-sites:last-child {
	margin: 0;
}
.sidebar .related-sites {
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
}
.sidebar .related-sites .cat-bottom {
	max-width: 320px;
	font-size: 15px;
	margin-top: 30px;
}
.sidebar .related-sites .cat-bottom.second {
	background-color: #06C11C;
	border-color: #82FC7C;
}
.sidebar .related-sites .cat-bottom .icon {
	margin-left: 10px;
}

.list-info {
	font-weight: 500;
}
.list-info .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.list-info .item:last-child {
	margin-bottom: 0;
}
.list-info .col-left {
	flex-shrink: 0;
	margin-right: 10px;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
}
.list-info .col-right {
	flex-grow: 1;
	justify-content: flex-end;
	display: flex;
	align-items: center;
}
.list-info .col-right .img {
	flex-shrink: 0;
	margin-right: 8px;
}
.list-info .link {
	color: var(--color-1, #FF9700);
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.list-info .link:hover {
		color: #06C11C;
	}
}
.list-info .number {
	font-size: 18px;
}
.list-info .rate-text {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
}
.list-info .decor {
	color: var(--color-1, #FF9700);
}
.list-info .active {
	color: var(--color-green, #00EA1B);
}

.check-list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
	padding-right: 5px;
}
.check-list .item:last-child {
	margin-bottom: 0;
}
.check-list .text {
	margin-right: 8px;
	font-size: 17px;
	font-weight: 500;
}
@media (max-width: 550px) {
	.check-list .text {
		font-size: 16px;
	}
}
.check-list .icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 5px rgba(166, 255, 96, 0.1);
	background: linear-gradient(315deg, #13B601 7.58%, #13B601 55.94%, #CBF4B4 92.42%);
}
.check-list .icon.negative {
	box-shadow: 0 0 0 5px rgba(255, 96, 96, 0.1);
	background: var(--111, linear-gradient(320deg, #EF3739 6.94%, #EF3739 53.47%, #FF8C8B 93.11%));
	font-size: 13px;
}

.blogs-wrap {
	padding: 16px 16px 32px;
	border-radius: 20px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
	margin-top: 25px;
}
@media (max-width: 910px) {
	.blogs-wrap {
		margin-top: 20px;
	}
}
.blogs-wrap.second {
	margin-bottom: 40px;
}
.blogs-wrap.second .wrap-img {
	margin-bottom: 34px;
}
.blogs-wrap.second .text,
.blogs-wrap.second .title-name {
	padding: 0 12px;
}
.blogs-wrap .row {
	margin-bottom: 50px;
}
.blogs-wrap .row:last-child {
	margin-bottom: 0;
}
.blogs-wrap .cols {
	display: flex;
	align-items: center;
	margin: 0 0 24px;
	border-radius: 22px;
	background: var(--dark-20, rgba(0, 0, 0, 0.2));
}
@media (max-width: 768px) {
	.blogs-wrap .cols {
		flex-wrap: wrap;
	}
}
.blogs-wrap .col {
	width: 50%;
}
@media (max-width: 768px) {
	.blogs-wrap .col {
		width: 100%;
	}
}
.blogs-wrap .col-right {
	padding: 20px;
}
@media (max-width: 768px) {
	.blogs-wrap .col-right {
		padding: 12px;
	}
}
.blogs-wrap .wrap-img {
	border-radius: 22px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.blogs-wrap .wrap-img {
		max-width: 490px;
		margin: 0 auto;
	}
}
@media (max-width: 640px) {
	.blogs-wrap .wrap-img {
		max-width: 100%;
	}
}
.blogs-wrap .wrap-img.center {
	max-width: 786px;
	margin: 0 auto 34px;
}
.blogs-wrap .wrap-img img {
	display: block;
	width: 100%;
}
.blogs-wrap .title-name {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
}
@media (max-width: 480px) {
	.blogs-wrap .title-name {
		font-size: 26px;
	}
}
@media (max-width: 380px) {
	.blogs-wrap .title-name {
		font-size: 22px;
	}
}
.blogs-wrap .link {
	color: #FF9700;
}
@media (hover: hover) and (pointer: fine) {
	.blogs-wrap .link:hover {
		text-decoration: underline;
	}
}
.blogs-wrap .text {
	line-height: 1.3;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.blogs-wrap .text {
		margin-bottom: 15px;
	}
}
.blogs-wrap .wrap-btn .btn-custom {
	line-height: inherit;
	height: auto;
	padding: 12px 44px;
	background: linear-gradient(to bottom, #82FC7C 0%, #06C11C 100%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	transition: color 0.3s;
}
@media (max-width: 480px) {
	.blogs-wrap .wrap-btn .btn-custom {
		width: 100%;
	}
}
.blogs-wrap .wrap-btn .btn-custom:after {
	background-color: #06C11C;
}
@media (hover: hover) and (pointer: fine) {
	.blogs-wrap .wrap-btn .btn-custom:hover {
		color: #EFA954;
	}
}
.blogs-wrap .wrap-btn .btn-custom .name {
	margin-left: 8px;
}
.blogs-wrap .wrap-btn .btn-custom .icon {
	flex-shrink: 0;
}
.blogs-wrap .wrap-btn .svg-icon {
	margin-left: 8px;
	transform: rotate(-90deg);
	font-size: 12px;
}

.blog-list {
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	list-style-type: disc;
	padding: 0 12px 0 37px;
	line-height: 1.4;
	font-weight: 500;
	font-size: 17px;
}

.aux {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 12px;
}
.aux .m-right {
	margin-right: 8px;
}
.aux .svg-icon {
	flex-shrink: 0;
	color: var(--white-60, rgba(255, 255, 255, 0.6));
	font-size: 19px;
}
.aux .item {
	margin-right: 16px;
	display: flex;
	align-items: center;
}
.aux .item:last-child {
	margin-right: 0;
}

.pagination-wrap {
	text-align: center;
	margin-top: 44px;
}
@media (max-width: 910px) {
	.pagination-wrap {
		margin-top: 0;
	}
}

.pagination {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight: 500;
	border-radius: 20px;
	background: var(--color-dark, #000);
	padding: 0 18px;
}
@media (max-width: 640px) {
	.pagination {
		padding: 0 10px;
	}
}
@media (max-width: 380px) {
	.pagination {
		font-size: 22px;
	}
}
.pagination .item {
	height: 60px;
	display: flex;
	align-items: center;
	padding: 2px;
}
@media (max-width: 640px) {
	.pagination .item:nth-last-child(n+2):nth-last-child(-n+5) {
		display: none;
	}
}
@media (max-width: 380px) {
	.pagination .item {
		height: 50px;
	}
}
.pagination .item.active {
	border-top: 1px solid;
	border-color: #DFB06F;
	border-radius: 20px;
	position: relative;
}
.pagination .item.active:after {
	content: "";
	position: absolute;
	top: 15px;
	right: 0;
	width: 1px;
	height: 22px;
	background-color: #563912;
}
.pagination .item.active:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 1px;
	height: 22px;
	background-color: #563912;
}
.pagination .item.active .page-link {
	background: linear-gradient(to bottom, #FFC97F 0%, #E5912A 100%);
}
.pagination .item.active .page-link:after {
	opacity: 1;
}
.pagination .icon {
	display: block;
	width: 18px;
}
.pagination .prev {
	margin-right: 40px;
}
@media (max-width: 640px) {
	.pagination .prev {
		margin-right: 2px;
	}
}
.pagination .prev .icon {
	transform: rotate(180deg);
	margin-left: -4px;
}
.pagination .next {
	margin-left: 40px;
}
@media (max-width: 640px) {
	.pagination .next {
		margin-left: 2px;
	}
}
.pagination .next .icon {
	margin-right: -4px;
}

.page-link {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 2px;
	position: relative;
}
@media (max-width: 380px) {
	.page-link {
		width: 30px;
		height: 30px;
	}
}
@media (hover: hover) and (pointer: fine) {
	.page-link:hover:after {
		opacity: 1;
	}
}
.page-link:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	background: linear-gradient(130deg, #FD7B5A, #FEB910);
	border-radius: 20px;
	opacity: 0;
	transition: opacity 0.3s;
}
.page-link .number,
.page-link .icon {
	position: relative;
	z-index: 1;
}

.cols-thumbs {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px -24px;
}
@media (max-width: 640px) {
	.cols-thumbs {
		margin: 0;
	}
}

.col-thumb {
	width: calc(50% - 24px);
	border-radius: 20px;
	background: var(--color-dark_bg_block, #1B1B1B);
	padding: 10px 16px 16px;
	margin: 0 12px 24px;
}
@media (max-width: 640px) {
	.col-thumb {
		width: 100%;
		margin: 0 0 10px;
	}
	.col-thumb:last-child {
		margin-bottom: 0;
	}
}
.col-thumb .title-name {
	margin-bottom: 12px;
	font-weight: 500;
	font-size: 28px;
	padding: 0 4px;
	text-transform: uppercase;
}
@media (max-width: 910px) {
	.col-thumb .title-name {
		font-size: 22px;
		margin-bottom: 4px;
	}
}
@media (max-width: 380px) {
	.col-thumb .title-name {
		font-size: 20px;
	}
}
.col-thumb .wrap-img {
	border-radius: 20px;
	overflow: hidden;
}
.col-thumb .wrap-img img {
	display: block;
	width: 100%;
}

.footer {
	display: table-row;
	height: 1px;
	color: var(--color-dark, #000);
}

.index-page .footer-wrap {
	padding: 72px 0 12px;
	background: url("../images/header-bg.svg") no-repeat center -82px/200% 100px, url("../images/footer-bg-left-palm.svg") no-repeat 0 104%, url("../images/footer-bg-right-palm.svg") no-repeat right 104%, #EFA954;
}
.index-page .footer-wrap:before, .index-page .footer-wrap:after {
	display: none;
}
@media (max-width: 1400px) {
	.index-page .footer-wrap {
		background: url("../images/header-bg.svg") no-repeat center -76px/200% 100px, url("../images/footer-bg-left-palm.svg") no-repeat 0 104%, url("../images/footer-bg-right-palm.svg") no-repeat right 104%, #EFA954;
	}
}
@media (max-width: 1024px) {
	.index-page .footer-wrap {
		padding: 40px 0 12px;
		background: url("../images/header-bg.svg") no-repeat center -72px/200% 100px, url("../images/footer-bg-left-palm.svg") no-repeat -30% 104%, url("../images/footer-bg-right-palm.svg") no-repeat 110% 104%, #EFA954;
	}
}
@media (max-width: 910px) {
	.index-page .footer-wrap {
		background: url("../images/header-bg.svg") no-repeat center -67px/200% 100px, url("../images/footer-bg-left-palm.svg") no-repeat -50% 104%, url("../images/footer-bg-right-palm.svg") no-repeat 130% 104%, #EFA954;
	}
}
@media (max-width: 768px) {
	.index-page .footer-wrap {
		background: url("../images/header-bg.svg") no-repeat center -65px/200% 100px, url("../images/footer-bg-left-palm.svg") no-repeat -5% 104%/170px 115px, url("../images/footer-bg-right-palm.svg") no-repeat 100% 104%/170px 136px, #EFA954;
	}
}
@media (max-width: 640px) {
	.index-page .footer-wrap {
		background: url("../images/header-bg.svg") no-repeat center 78px/500% 100px #EFA954;
		padding-top: 0;
	}
	.index-page .footer-wrap:after {
		display: block;
	}
}
@media (max-width: 550px) {
	.index-page .footer-wrap {
		background: url("../images/header-bg.svg") no-repeat center 90px/500% 100px #EFA954;
	}
}
@media (max-width: 640px) {
	.index-page .footer-wrap .container {
		display: flex;
		flex-direction: column;
	}
}

.footer-wrap {
	padding: 28px 0 12px;
	border-bottom: 15px solid #F08800;
	position: relative;
	background: url("../images/footer-bg-left-palm.svg") no-repeat 0 170%, url("../images/footer-bg-right-palm.svg") no-repeat right 280%, #EFA954;
}
.footer-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	top: -22px;
	width: 100%;
	height: 40%;
	transform: rotate(180deg);
	background: url("../images/header-bg.svg") no-repeat bottom center/cover;
	pointer-events: none;
}
@media (max-width: 1024px) {
	.footer-wrap {
		background: url("../images/footer-bg-left-palm.svg") no-repeat -30% 171%, url("../images/footer-bg-right-palm.svg") no-repeat 110% 276%, #EFA954;
	}
}
@media (max-width: 910px) {
	.footer-wrap {
		background: url("../images/footer-bg-left-palm.svg") no-repeat -50% 171%, url("../images/footer-bg-right-palm.svg") no-repeat 130% 276%, #EFA954;
	}
}
@media (max-width: 768px) {
	.footer-wrap {
		background: url("../images/footer-bg-left-palm.svg") no-repeat -5% 113%/170px 115px, url("../images/footer-bg-right-palm.svg") no-repeat 100% 114%/170px 136px, #EFA954;
	}
}
@media (max-width: 640px) {
	.footer-wrap {
		background: #EFA954;
		border-width: 10px;
		padding-top: 20px;
	}
}
.footer-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	top: -26px;
	width: 100%;
	height: 28px;
	background: #222221;
	pointer-events: none;
	z-index: -1;
}
.footer-wrap .container {
	position: relative;
}

.footer-turtle {
	position: absolute;
	right: 15px;
	top: -402px;
	z-index: 2;
}
@media (max-width: 1024px) {
	.footer-turtle {
		right: 10px;
		top: -280px;
	}
}
@media (max-width: 768px) {
	.footer-turtle {
		top: -230px;
	}
}
@media (max-width: 640px) {
	.footer-turtle {
		position: relative;
		top: auto;
		right: auto;
		order: -1;
		margin: -90px 0 25px;
		width: 100%;
		text-align: center;
	}
	.footer-turtle:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 42px;
		height: 100px;
		transform: rotate(180deg);
		background: url("../images/header-bg.svg") no-repeat center 0;
		scale: 2;
		pointer-events: none;
	}
}
@media (max-width: 1024px) {
	.footer-turtle .img {
		width: 290px;
	}
}
@media (max-width: 768px) {
	.footer-turtle .img {
		width: 230px;
	}
}
@media (max-width: 640px) {
	.footer-turtle .img {
		width: 304px;
		position: relative;
	}
}

.footer-text {
	margin-bottom: 46px;
}
@media (max-width: 768px) {
	.footer-text {
		margin-bottom: 30px;
	}
}
.footer-text .row {
	margin-bottom: 10px;
}
.footer-text .row:last-child {
	margin-bottom: 0;
}
.footer-text .title {
	margin-bottom: 10px;
	text-transform: uppercase;
}
.footer-text .title-lg {
	font-size: 38px;
}
@media (max-width: 1024px) {
	.footer-text .title-lg {
		font-size: 30px;
	}
}
@media (max-width: 768px) {
	.footer-text .title-lg {
		font-size: 25px;
	}
}
.footer-text .title-md {
	font-size: 28px;
}
@media (max-width: 1024px) {
	.footer-text .title-md {
		font-size: 22px;
	}
}
@media (max-width: 768px) {
	.footer-text .title-md {
		font-size: 20px;
	}
}
.footer-text .title-sm {
	font-size: 18px;
}
@media (max-width: 1024px) {
	.footer-text .title-sm {
		font-size: 17px;
	}
}

.footer-info {
	text-align: center;
	max-width: 470px;
	margin: 0 auto;
}
.footer-info .navbar {
	margin: 0 0 8px 0;
	justify-content: center;
}
@media (max-width: 480px) {
	.footer-info .navbar .item:nth-child(odd) .name {
		display: none;
	}
}
.footer-info .box {
	margin-bottom: 8px;
}
.footer-info .box:last-child {
	margin-bottom: 0;
}

.logo-intro {
	display: inline-block;
}
@media (max-width: 1024px) {
	.logo-intro img {
		width: 200px;
	}
}
@media (max-width: 768px) {
	.logo-intro img {
		width: 170px;
	}
}

.footer-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
}
@media (max-width: 768px) {
	.footer-list {
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.footer-list {
		flex-wrap: wrap;
	}
}
.footer-list .item {
	display: flex;
	align-items: center;
}
.footer-list .item:after {
	content: "-";
	margin: 0 3px;
}
.footer-list .item:last-child:after {
	display: none;
}

.footer-link {
	color: var(--color-dark, #000);
	transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
	.footer-link:hover {
		color: #fff;
	}
}

.copy {
	color: var(--dark-60, rgba(0, 0, 0, 0.6));
	max-width: 454px;
}

@media (max-width: 640px) {
	.mob-hide {
		display: none;
	}
}

.footer-logo {
	text-align: center;
	margin-bottom: 24px;
}
.footer-logo .logo-footer {
	display: inline-block;
}