body.noscroll {
	overflow: hidden;
}

body {
	background: #e0dedf;
	margin: 0;
	font-family: arial, sans-serif;
}
#main {
	margin: 0 auto;
	background-color: #fff;
}
	#header {

	}
		#lng {
			position: relative;
		}
			#lng_ru {
				position: absolute;
    			right: 90px;
    			top: 10px;
				cursor: pointer;
			}
			#lng_en {
				position: absolute;
    			right: 32px;
    			top: 10px;
				cursor: pointer;
			}
		#header h1 {
			text-align: center;
			font-weight: normal;
    		font-size: 38px;
			padding: 40px 0 0;
		}
	#middle {

	}
		#left_menu {
			
		}
			#menu_ttl {
				margin: 0 0 0 20px;
				font-size: 18px;
				color: #555;
				/*border-bottom: solid 1px #ddd;*/
				cursor: default;
			}
			.ul_lvl1 {
				font-size: 13px;
				line-height: 25px;
				list-style-type: square;
			}
				#left_menu li {
					cursor: default;
				}
				.ul_lvl1 > li {
					border-bottom: solid 1px #ddd;
				}
				.ul_lvl2 {
					font-size: 13px;
					line-height: 25px;
					padding-inline-start: 20px;
				}
					.ul_lvl2 > li {
						cursor: pointer;
					}

					#left_menu li a {
						text-decoration: none;
						color: inherit;
						transition-property: all;
						transition-duration: 0.3s;
						cursor: pointer;
					}
					#left_menu li a:hover {
						color: #5850d2;
					}
		#content {
		}
	#footer {
		background-color: #555;
		padding: 15px 10px 15px 20px;
	}


@media (max-width: 499px) {
	#main {
	}
		#header {

		}
			#header h1 {
				font-size: 27px;
				padding: 40px 10px 10px 10px;
				margin: 0 0 0 0;
			}
		#middle {

		}
			#left_menu {
				display: none;
			}
			#content {
				padding: 10px 15px 20px 15px;
			}
	
	/* ======================================================================= */
	/*		MOB PANEL 	*/
	/* ======================================================================={*/
	#mobpanel {
		display: block;
		position: fixed;
		bottom: 0px;
		height: 3px;
		left: 0;
		right: 0;
		overflow: visible;
	}
		#mobpanel_bg {
			border: 1px solid rgb(0 0 0 / 70%);
			position: absolute;
			left: -200%;
			bottom: -37px;
			width: 200%;
			height: 70px;
			border-radius: 24px;
			background-color: rgb(0 12 83 / 70%);
			padding: 0 0 0 40px;
			box-sizing: content-box;
		}
			#mobpanel_openbtn {
				position: absolute;
				top: 6px;
				right: 5px;
				height: 30px;
				width: 30px;
			}
				#mobpanel_openbtn svg {
					width: 25px;
					height: 25px;
					fill: white;
				}
			#mobpanel_closebtn {
				position: absolute;
				width: 34px;
				right: 55px;
				top: 9px;
			}
				#mobpanel_closebtn svg {
					width: 34px;
					height: 34px;
					fill: #fff;
				}
			#mobpanel_menubtn {
				position: absolute;
				width: 34px;
				right: 12.5%;
				margin: 0 40px 0 0;
				top: 9px;
			}
				#mobpanel_menubtn svg {
					width: 34px;
					height: 34px;
					fill: #fff;
				}
	/*}*/
	
	/* ======================================================================= */
	/*		MOB MENU 	*/
	/* ======================================================================={*/
	#mobmenu {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0,0,0,0.85);
		margin: 0;
    	padding: 40px 0 0 0;
		z-index: 1;
	}
		#mobmenu_home {
			display: block;
			position: absolute;
			top: 12px;
			left: 12px;
			background-color: transparent;
			padding: 0;
			border: none;
		}
			#mobmenu_home svg {
				fill: #bbb;
				width: 40px;
				height: 40px;
			}
		#mobmenu_close {
			display: block;
			position: absolute;
			top: 12px;
			right: 12px;
			background-color: transparent;
			padding: 0;
			border: none;
		}
			#mobmenu_close svg {
				fill: #bbb;
				width: 30px;
				height: 30px;
			}
		#mobmenu .mobmenu_lvl1 {
			list-style: none;
			padding: 0;
			margin: 0;
		}
			#mobmenu .mobmenu_lvl1 > li {
				width: 100%;
    			text-align: center;
				padding: 10px 0 10px 0;
			}
			#mobmenu .mobmenu_lvl1 > li.mobmenu_lvl1_h {
				display: none;
			}
				#mobmenu .mobmenu_lvl1 > li * {
					text-decoration: none;
					color: #f2fda7;
					font-size: 18px;
				}
			#mobmenu .mobmenu_lvl2 {
				list-style: none;
				padding: 0;
				margin: 0;
			}
				#mobmenu .mobmenu_lvl2 > li {
					width: 100%;
    				text-align: center;
					padding: 10px 0 10px 0;
				}
					#mobmenu .mobmenu_lvl2 > li * {
						text-decoration: none;
						color: #f2fda7;
						font-size: 18px;
					}
	/*}*/
	
}
@media (min-width: 500px) and (max-width: 999px) {
	#main {
	}
		#header {

		}
			#header h1 {
				
			}
		#middle {

		}
			#left_menu {
				display: none;
			}
			#content {
				padding: 10px 15px 20px 15px;
			}
	#mobpanel {
		display: none;
	}
	#mobmenu {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,0.7);
	}
		#mobmenu #mobmenu_ttl {
			width: 100%;
			text-align: center;
			padding: 15px 0 15px 0;
			font-size: 27px;
			color: #9faf20;
		}
		#mobmenu .mobmenu_lvl1 {
			list-style: none;
			padding: 0;
			margin: 0;
		}
			#mobmenu .mobmenu_lvl1 > li {
				width: 100%;
    			text-align: center;
				padding: 10px 0 10px 0;
			}
			#mobmenu .mobmenu_lvl1 > li.mobmenu_lvl1_h {
				display: none;
			}
				#mobmenu .mobmenu_lvl1 > li * {
					text-decoration: none;
					color: #f2fda7;
					font-size: 18px;
				}
			#mobmenu .mobmenu_lvl2 {
				list-style: none;
				padding: 0;
				margin: 0;
			}
				#mobmenu .mobmenu_lvl2 > li {
					width: 100%;
    				text-align: center;
					padding: 10px 0 10px 0;
				}
					#mobmenu .mobmenu_lvl2 > li * {
						text-decoration: none;
						color: #f2fda7;
						font-size: 18px;
					}
	
}
@media (min-width: 1000px) and (max-width: 1919px) {
	#main {
		width: 1200px;
	}
		#middle {

		}
			#left_menu {
				display: table-cell;
				min-width: 250px;
				width: 250px;
				box-sizing: border-box;
				vertical-align: top;
			}
			#content {
				display: table-cell;
				width: 1200px;
				padding: 10px 40px 50px 30px;
				box-sizing: border-box;
			}
	#mobpanel {
		display: none;
	}
	#mobmenu {
		display: none;
	}
}
@media (min-width: 1920px) {
	#main {
		width: 1200px;
	}
		#middle {

		}
			#left_menu {
				display: table-cell;
				min-width: 250px;
				width: 250px;
				box-sizing: border-box;
				vertical-align: top;
			}
			#content {
				display: table-cell;
				width: 1200px;
				padding: 10px 40px 50px 30px;
				box-sizing: border-box;
			}
	#mobpanel {
		display: none;
	}
	#mobmenu {
		display: none;
	}
}