.header_body {padding: 25px 0 30px;color: #fff;}

#header .contacts {font-size: .9em;}
#header {background-color: var(--header-BG);}
#logo {
	overflow: hidden;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
	gap: 40px;
	
}


#logo .content {display: table-cell;vertical-align: middle;color: black;}
#logo .content p { margin: 0 auto 8px;}

#logo .title {
  font-size: 42px;
  margin: 0;
  color: var(--title-text-color);
  font-weight: 600;
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
 
#logo svg {
	display: block;
	max-width: 220px;
}



#main_menu {
	min-height: 50px; 
	color: black; 
	text-transform: uppercase; 
	font-weight: normal; 
	font-size: 14px;
	background: var(--main-menu-bg);
}


#main_menu ul {list-style-type: none; padding: 0; margin: 0;}
#main_menu li {display: block; position: relative; }
#main_menu a {display: flex; height: 100%; align-items: center; text-decoration: none;}
#main_menu a > span {color: black;   padding: 0 1em; text-decoration: none;  }

#main_menu li.parent > a > span:after {display: inline-block; margin-left: 0.4em; content: '\2335'; font-size: 16px; font-weight: 600;}


#main_menu .level_0 > li {float: left; height: 50px; display: grid; place-items: center;  }
 

#main_menu .level_1 {font-size: 0.8em; }
#main_menu .level_1 > li { }
#main_menu .level_1 > li a {padding: 7px 0; line-height: initial; } 

#main_menu .level_0 > .active,
#main_menu .level_0 > li.parent_active:not(:first-of-type) {background:#fffdf0; }

#main_menu .level_0 > li,   .level_1 > li,   .level_2 > li {
	transition: 450ms;
}

#menu_toggle {
		background: var(--main-menu-bg);
	}

@media screen and (min-width: 768px) {
	
	#main_menu .level_0 {display: block !important;}
	
	#main_menu .level_0 > li:hover {
	background: #fffdf0;
	text-shadow: none;
	transition: 350ms;
	box-shadow:0px -3px 0 #F1CC5A inset;
	}


	#main_menu .level_1 > li:hover,   .level_2 > li:hover  {
		background:#fffdf0;
	}
	 

	#main_menu .level_0 ul {display: none; position: absolute; top: 100%; left: 0; min-width: 200px; background:#FFF3B0; z-index: 100; } 
	#main_menu .level_1 ul {top: 0; left: 100%; } 
	
	#main_menu .parent:hover > ul {display: block; }
}



@media screen and (max-width: 767px) {
	#main_menu {position: fixed; top: 0; left: 0; right: 0; height: auto; z-index: 9000; max-height: 100vh; overflow-y: auto; background:#fffdf0;}
	#main_menu >.container {padding: 0; }
	
	#main_menu a:hover {background:#fffdf0; }

	#main_menu_mobile {position: relative; line-height: 40px;  z-index:100000; }
	#main_menu_mobile > a {display: inline-block; }
	#main_menu_mobile button {
	border: none;
	}
	#menu_toggle {float: left; height: 40px; width: 40px; }
	
	
	#main_menu .level_0 {display: none; }
	#main_menu .level_0 > li {display: block; float: none; height: auto; }
	#main_menu .level_0 > li > a {font-weight: bold; }
	
	#main_menu .level_1 {display: block !important; position: static !important; clear: both; padding: 0 15px 15px 30px; }
	#main_menu .level_1 ul {display: none; }
	#main_menu .level_1 li {display: inline-block; }
	#date_time {
		display: none;
	}
}



@media (max-width: 600px) {
  #logo {
    flex-direction: column-reverse;
	justify-content: center;
	text-align: center;
  }
}

@media (max-width: 767px) {
  #top_bar {
  	margin-top: 50px;
  }
}