#main_menu_css{
	background-color:#ededed;
	width:100%; 
	border-bottom:#ced5d8 1px solid;
}
#main_menu {
	color:#2e2e2e;
	font-family: var(--font-bold);
	font-weight:700;
	font-size:18px;
	line-height: 25px;
	background-color:#ededed;
	height:49px;
	min-height:49px;
	width:100%; 
	/*min-width:1164px;*/ 
	z-index:10; 
	border-bottom:#ced5d8 1px solid;
	}	

#main_menu .wsm {}

#main_menu a{
	color:#2e2e2e;
	font-family: var(--font-bold);
	font-weight:700;
	font-size:18px;
	line-height: 18px;
	white-space: nowrap;
}	
@media (min-width: 768px){
	#main_menu {
		display:none;		
	}	
	#main_menu .wsm>ul {
		width:100%;
		display:flex;
		justify-content: center;
		text-align:center;
		/*padding-top:12px;*/
	}
}
#main_menu ul li {
	display:inline-block; 
	padding:0px 25px 0 25px; 
	white-space:nowrap;
	float:left;
	}
#main_menu ul.topmenu>li>a	{line-height:50px}
#main_menu ul li a, 
#main_menu ul li.parent {
	display:block; 
	position:relative; 
	text-decoration:none;
	}
#main_menu ul li.parent>a:after {
	width:20px; 
	height:20px; 
	content:""; 
	position:absolute; 
	top:13px; 
	/*right:-16px;*/ 
	background:url('/images/top_menu.svg') 6px 10px no-repeat;
	}
#main_menu ul li.parent > a:hover:after,
#main_menu ul li.parent.active > a:after
{	
	background:url('/images/top_menu_active.svg') 6px 10px no-repeat;
}	
	
#main_menu ul li a:hover{
	color:var(--active-color); 
	cursor:pointer;
	}

#main_menu ul.menu li.parent:hover > a {color:var(--active-color);}
#main_menu ul.menu li.parent.active > a {color:var(--blue-5005);}

#main_menu ul.menu ul.sub {
	position:absolute; 
	background:#ededed; 
	left:0; 
	top:50px; 
	padding:25px; 
	/*border:1px solid #c8ced1; 
	border-top:none;*/
	width:fit-content;
	/*display: none;*/
	/*border-top: #ced5d8 1px solid;*/
	}
#main_menu ul.menu ul{
	display:none;
}	
#main_menu ul.menu ul.sub li {
	white-space:nowrap; 
	line-height:40px; 
	padding:0;
	padding-bottom:15px;
	width:100%;
	text-align:left;
	}
#main_menu ul.menu ul.sub li a {	  
	font-family: var(--font-main);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;	
	}	
#main_menu ul.menu li.parent:hover > ul.sub {display:block;}
#main_menu ul.menu ul.sub li:hover a, 
#header ul.menu ul.sub li.active a {
	  color:var(--blue-5005);
	  }
/*#main_menu ul.menu ul.sub:before {
	  content:""; 
	  width:100%; 
	  height:20px; 
	  background:transparent; 
	  position:absolute; 
	  top:0; 
	  border-left:1px solid #fff; 
	  border-right:1px solid #fff; 
	  left:-1px;
	  }*/
#main_menu.top ul.menu ul.sub {top:50px;}
#main_menu.top ul.menu ul.sub:before {top:-10px;}
#main_menu ul.menu ul.sub li a:hover{
	color:var(--blue-5005);
}	
#main_menu ul.menu>li.current>a {
	color:var(--blue-5005);
}	
@media (max-width:767px){
	#main_menu{
		-moz-box-sizing: border-box; /* Для Firefox */
		-webkit-box-sizing: border-box; /* Для Safari и Chrome */
		box-sizing: border-box;	
		height:auto;
		min-height:auto;
		color: #2e2e2e;
		font-family: var(--font-bold);
		font-weight: 700;
		font-size: 18px;
		line-height: 25px;
		background-color: #ededed;
		/*width: 100%;
		z-index: 10;*/
		border-bottom: none;	
	}		
	#main_menu ul.menu {
        position: fixed;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* height: 98%; */
        background: #fff;
        z-index: 100;
        margin: 0;
        left: 108%;
        top: 80px;
        padding: 2% 5%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 5%;
	}
	#main_menu ul.menu.topmenu {
	}	
	#header1.active #main_menu ul.menu.topmenu {
		left: 0px;
	}	
	#main_menu ul.menu ul.sub {
    position: unset;
    background: unset;
    left: 0;
    top: 50px;
    padding: 25px;
    width: fit-content;
    /* display: none; */
    /* border-top: #ced5d8 1px solid; */
}
	#main_menu ul.menu li {
		float: none;
        font-size: 24px;
        padding: 1px 0;
        /* flex: 1 0; */
        width: 47%;
	}	
	#main_menu ul.menu ul.sub li {
		white-space: nowrap;
		line-height: 40px;
		padding: 0;
		padding-bottom: 15px;
		width: 100%;
		text-align: left;
		display: block;
	}	
	#main_menu ul.menu li a {
		display: block;
		width: 100%;
		line-height:30px;
	}	
	#main_menu a{
		font-family: var(--font-main);
		font-weight: bolder;
		font-size: 16px;
	}
	#main_menu ul li.parent>a:after {
		top:3px;
	}
	#main_menu ul.menu li a.button{
		width: 178px;
		margin-top: 20px;
		color: #fff;
		line-height:36px;
	}
	
	.mobilemenu{
		display: block;
		background: #fff;
		width: 80px;
		max-width: 80px;
		height: 60px;
		padding: 0;
		position: absolute;
		top: 0px;
		right: 20px;
		/* left: auto; */
		cursor: pointer;
	}

	.mobilemenu div {
		width: 54%;
		margin: 0 23%;
		height: 4px;
		background: #1e272c;
		position: absolute;
		left: 0;
		top: 29px; 
	}
	.mobilemenu div:first-child {
		top: 19px;
	}	
	.mobilemenu div:last-child {
		top: 39px;
	}	

}