body.hidden-scroll {
	overflow-x: hidden; /* disables horizontal scroll */
}
.main-menu-wrap{}
.main-menu-wrap .custom-menu{
	display: flex;
	justify-content: center;
	gap:32px;
	list-style: none;
	padding: 0;
	margin:0;
	position: relative;
}
.main-menu-wrap .custom-menu > li{
	padding-bottom: 13px;
}
.main-menu-wrap .custom-menu > li > a{
	color: #555555;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.main-menu-wrap .custom-menu li a:hover{
	color:#969696;
}
.main-menu-wrap .custom-menu li.has-submenu a{
	position: relative;
	padding-right: 20px;
	padding-bottom: 30px;
}
.main-menu-wrap .custom-menu li a .submenu-icon{
	width: 12px;
	height: 7px;
	background-image: url("../img/icon-arrow.svg");
	background-size: 12px 7px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 6px;
	right: 0;
}
.main-menu-wrap .custom-menu li .mega-menu{
	/*display:none;*/
	position: absolute;
	top: 48px;
	left: 50%;
	width: 99vw;
	transform: translateX(-50%);
	background-color: #fff;
	padding: 54px 89px 40px 89px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 0;
}
.main-menu-wrap .custom-menu li.has-submenu.open .mega-menu{
	/*display: block;*/
	width: 100vw;
	opacity: 1;
	visibility: visible;
	z-index: 999;
}
.submenu{
	width: 100%;
	display: flex;
}
.submenu li.cat-tree{
	min-width: 370px;
}
.submenu li.cat-tree h3{
	color: #231F20;
	font-size: 18px;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: 16px;
}
.submenu li.cat-tree h3 > a{
	color: #231F20;
	font-size: 18px;
	font-weight: 600;
	line-height: 21px;
}
.submenu li.cat-tree .submenu-list > li{
	margin-bottom: 8px;
}
.submenu li.cat-tree .submenu-list li:last-child{
	margin-bottom: 0;
}
.submenu li.cat-tree .submenu-list li a{
	color: #231F20;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
}
.submenu li.col-4{
	width: calc(100% - 370px);
}
.submenu li.col-4 .col-row{
	display: flex;
	gap: 50px;
}
.submenu li.col-4 .col-row .col-1{
	width:25%;
	@media(min-width: 992px){
		width: 25%;
	}
	@media(min-width: 1500px){
		width: 13%;
	}
}
.submenu li.col-4 .col-row .col-1 a{
	display: block;
	padding-right: 0;
}
.submenu li.col-4 .col-row .col-1 a img{
	width: 100%;
	height: 174px;
	object-fit: cover;
}
.submenu li.col-4 .col-row .col-1 a h3{
	color: #231F20;
	font-size: 18px;
	font-weight: 600;
	line-height: 21px;
	text-transform: none;
	margin-top: 16px;
	margin-bottom: 0;
}
@media(max-width: 1499px){
	.submenu li.cat-tree{
		width: 25%;
		min-width: auto;
	}
	.submenu li.col-4 {
		width: 75%;
	}
}
@media(min-width: 992px){
	.burger.mobile, .mobile-wrap{
		display:none;
	}
}
@media(max-width: 991px){
	.header-nav .container .row{
		position: relative;
	}
	.header-nav .container .row > .hidden-sm-down .right-nav{
		padding-right: 55px;
	}
	.header-nav .burger.mobile #menu-icon{
		width: 55px;
		position: absolute;
		right: 0;
		bottom: -2px;
	}
	.main-menu-wrap .custom-menu{
		display:none;
	}
	.mobile-wrap ul{}
	.mobile-wrap ul li{
		border-bottom: 1px solid #ccc;
	}
	.mobile-wrap ul li a{
		color: #555555;
		font-size: 14px;
		font-weight: 500;
		line-height: 21px;
		letter-spacing: 1px;
		padding: 5px 0;
		display: block;
	}
	.mobile-wrap ul li a:hover{
		background-color: #ccc;
	}
	.mobile-wrap ul li.has-submenu{

	}
	.mobile-wrap ul li.has-submenu ul.submenu{
		flex-wrap: wrap;
		padding-left: 10px;
	}
	.mobile-wrap ul li.has-submenu ul.submenu li{
		width: 100%;
	}
	.mobile-wrap ul li.has-submenu ul.submenu li a{
		font-weight: 400;
	}
}