.first__flex {
	display: flex;
}

ul {
	list-style-type: none;
	text-decoration: none;
}

a {
	text-decoration: none;
	color: #4A4A49;
}

.main-menu__desktop {
	@media (max-width: 1199px) {
		display: none;
	}
}

.main-brands__link {
	height: 62px;
	color: #4A4A49;
	border-top: none;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	z-index: 101;
}

.main-brands__link:hover {
	background-color: #ebebeb;
}

.deep-list__one {
	border: 1px solid #EBEBEB;
	border-top: none;
	font-weight: 600;
	max-width: 100%;
}

.deep-list__one>li>ul {
	background-color: #fff;
	border: none;
	left: 337px;
	/* min-height: 442px; */
	top: 0px;
	padding-bottom: 20px;
	width: 1075px;
	font-weight: 600;
	z-index: -10;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	gap: 0px 20px;
}

.deep-list__one>li>ul.active {
	z-index: 101;
	opacity: 1;
	visibility: visible;
}

.deep-list__one>li {
	/* max-width: 343px; */
	height: calc((120vw / 31));

	border-top: 1px solid #ebebeb;
	border-bottom: none;
	position: relative;

	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	z-index: 101;
	background-color: #fff;

	@media (min-width: 1600px) {
		height: 62px;
	}
}

.deep-list__one>li.active {
	background-color: #EBEBEB;
	z-index: 101;
}

.deep-list__one>li>h2 {
	z-index: 101;
	font-size: calc((100vw / 250) + 8px);
}

.deep-list__one>li>img {
	z-index: 101;
}

.deep-list__one>li>h2:first-child {
	border-top: 1px solid #EBEBEB;
}


.bx_sitemap_li_title {
	color: #4A4A49;
	font-size: calc((100vw / 250) + 8px);

	@media (min-width: 1600px) {
		font-size: 16px;
	}
}

.background {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #000;
	z-index: -100;
	visibility: hidden;
	opacity: 0;
	transition: .2s;
}

.background.active {
	z-index: 100;
	visibility: visible;
	opacity: .4;
}

.deep-list__one>li>svg {
	position: absolute;
	/* top: 26px; */
	right: 20px;

	display: none;
}

.deep-list__one li svg.active {
	display: block;
}

.deep-list__one>li>ul {
	display: flex;
	flex-wrap: wrap;
	min-height: 434px;
	align-content: flex-start;
	cursor: default;
	z-index: 110;
}

.deep-list__one>li>ul>div>li {
	display: inline-block;
	width: 345px;
	cursor: pointer;
}

.deep-list__one>li>ul>div>li>div {
	width: 345px;
	min-height: 64px;
	background-color: #F8F8F8;
	padding: 20px;
	display: flex;
	position: relative;
	align-items: center;
}

.deep-list__one>li>ul>div>li>div>a {
	font-weight: 600;
}

.deep-list__one>li>ul>div>li>div>svg {
	position: absolute;
	top: 40%;
	right: 20px;
	transition: .2s;
}

.deep-list__one>li>ul>div>li>div>svg.active {
	transform: rotate(180deg);
}

.deep-list__one>li>ul>div>li>div>a {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #4A4A49;
	width: 80%;
}

.deep-list__one>li>ul>div>li>ul {
	position: absolute;
	opacity: 0;
	visibility: hidden;

	width: 345px;
}

.deep-list__one>li>ul>div>li>ul>li {
	padding-left: 20px;
}

.deep-list__one>li>ul>div>li>ul>li>div,
.deep-list__one>li>ul>div>li>ul>li>ul>li>div {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #4A4A49;
	padding-top: 12px;
	padding-bottom: 12px;
}

.deep-list__one>li>ul>div>li>ul.active {
	position: relative;
	opacity: 1;
	visibility: visible;
}

.show-more {
	font-family: 'Stolzl';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	color: #EA5B0C;
	margin-top: 20px;
	padding-left: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}

.inner__flex-correcter {
	flex-wrap: wrap;
	width: 345px;
}

@media(max-width: 1600px) {
	.deep-list__one>li>ul {
		left: calc(20vw + 13px);
		width: 67vw;
	}
}

@media(max-width: 1400px) {
	.deep-list__one>li>ul {
		left: calc(20vw + 12px);
	}
}

@media(max-width: 1300px) {
	.deep-list__one>li>ul {
		left: calc(20vw + 10px);
	}
}