body {
margin: 0px;
}
#box_menu{
    color: #ffffff;
	width: 28%;
	width: 240px;    
	font-weight: bold;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
	font-size: 50px;
}
.mm {
}
#mm1,#mm2,#mm3, #mm4, #mm5, #mm, #mm7 {  
	padding: 3px 0px 3px 0px;
   border-radius: 7px 7px 7px 7px;
    border:3px solid  #fff8f5;
	font-size: 4.4vmin;	
	font-size: clamp(14px,2.8vw,37px);
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ    	
	background: #803e28;
	background:  #763C28;
	background: #9b2f1f;
	background: #800000;
	background: #9e4f11db;*/
	background: #85420edb;
	background: #607a7fdb;
	-webkit-transition: 1s liner 0.8s;
     -moz-transition: 1s liner 0.8s;
     -o-transition: 1s liner 0.8s;
     transition: 1s liner 0.8s;  
}
 .mm a:link, .mm a:hover, .mm link a {
    color: #ffffff; 
   border-radius: 4px 12px 12px 4px;
	font-weight: bold;
	margin-left: 10px;
}
.mm1 a:link, .mm1 a:hover, .mm1 link a {
    color: #ffffff; 
    border-radius: 0 12px 12px 0;
	font-weight: bold;
	margin-left: 10px;
}
#mm1:hover, #mm2:hover, #mm3:hover, #mm4:hover, #mm5:hover, #mm6:hover, #mm7:hover {
	border: 4px solid #f7e1be;
	color: #f1f5f1;	
	color:  #ffffff;
 	text-decoration: none;
	background: #479e9d;
	background: #3b2929;	
	background:  #A86540db;
background: #38626bdb;	
}
#mm1 div,  #mm2 div, #mm3 div, #mm4 div, #mm5 div, #mm6 div, #mm7 div{
   display: none;
    padding: 6px 0px 6px 0px; 
	width: 160px;
	width: 92%;   
  	border-radius: 0px 7px 7px 0px;
    border: 2px solid #cccccc;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color: #ffffff;
	background: #6db6b1;
	background: #D2B48C;
	background: #987654;
background: #62898cdb;	
}
#mm1 div div, #mm2 div div, #mm3 div div, #mm4 div div, #mm5 div div, #mm6 div div, #mm7 div div  {
    display: none;
    padding: 10px 0;
	width: 160px;  
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color: #ffffff;	
   /*	border-radius: 0 6px 6px 0;
    border: 1px solid #154165;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);*/
    	/*background: url(../images/folder1.png) no-repeat #2675B5;
        background: url(folder1.png) no-repeat #2675B5;*/   
}

#mm1 div:hover,  #mm2 div:hover, 
#mm3 div:hover, #mm4 div:hover, 
#mm1 div div:hover, #mm2 div div:hover, 
#m3 div div:hover, #mm4 div div:hover {
/*	color: #F7E430 !important; 
     Желтый цвет
/*	text-decoration:underline;*/        
}
.boxframe {	
	position: relative; 
    z-Index: 9; 
	border: 1px double #1B4B65; 
 /* border: 4px double #ffffff;  
  border: 14px #688d96; */
	 width: 100%; 
	height: 100%;
	margin-top: -2px;
	/*background:url(atom-11.png) no-repeat;*/
	font-family: Arial , Tahoma;
	 color: #1d5a8b;
	 resize: vertical;
}
   .btnm {
    display: inline-block; /* Строчно-блочный элемент */
    background:  #4794b5; /* ?? цвет фона */
    color: #fff; /* Белый цвет текста */
    padding:8px 8px 8px 8px;
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
	font-size: 44px;
   }
 .btnm2 {
    display: inline-block; /* Строчно-блочный элемент */
    background:  #4794b5; /* ?? цвет фона */
    color: #fff; /* Белый цвет текста */
    padding:12px 8px 12px 8px;
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
	font-size: 38px;
   }
.btnm4 {
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
	font-size: 5.8wh;
    font-size: clamp(14px,2.8vw,37px);
	font-weight: 550;
		font-weight: bold;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
   display: inline-block;
	text-align: center;
	width: 7.8vw;
	//	height: 60px;
   @media screen and (max-width: 1025px) { 
   display: inline-block;
	text-align: center;
	width: 7vw;}
   	border-radius: 7px 7px 7px 7px;
    border:3px solid  #fff8f5;
	
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ     
	z-index: 8000;
	background: #7D9898; */
        background: #6e8ca1;
		background: #946e49;
		background: #85420edb;
background: #38626bdb;		
	text-decoration: none;	
   }
    .btnm4 a:link, .btnm4 a:hover, .btnm4 link a {
    color: #ffffff; 
   border-radius: 0 9px 9px 0;
	font-weight: bold;	
	margin-left: 10px;
	padding: 12px 12px 2px 4px;
	text-decoration: none;
}

.btnm5 {
    margin-top: 10px;     
	font-size: clamp(14px,2.8vw,37px);
	font-weight: 550;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
	margin-top: 0px;
padding: 1px 0px 3px 0px;
 display: inline-block;
	text-align: center;
	width: 6.8vw;
   @media screen and (max-width: 1025px) { 
   display: inline-block;
	text-align: center;
	width: 7vw;}
    	border-radius: 7px 7px 7px 7px;
    border:3px solid  #fff8f5;	
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ    	
	background: #7D9898; */
        background: #6e8ca1;
		background: #946e49;
		background: #85420edb;
		text-decoration: none;   }   
   .btn5 a:link, .btn4 a:hover, .btn4 link a {
    color: #ffffff; 
  border-radius: 0 9px 9px 0;
	font-weight: bold;
	text-decoration: none;
}
.btnm51 {
//    margin-top: 6px;     
	font-size: clamp(14px,2.8vw,37px);
	font-weight: 550;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
padding: 3px 0vw 2px 0vw;
 display: inline-block;
	text-align: center;
	width: 6.8vw;
   @media screen and (max-width: 1000px) { 
   display: inline-block;
	text-align: center;
	width: 7vw;}
    border-radius: 7px 7px 7px 7px;
    border:3px solid  #fff8f5;	
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ    	
	background: #7D9898; */
        background: #6e8ca1;
		background: #946e49;
		background: #85420edb;
	
	text-decoration: none;   }   
   .btn5 a:link, .btn4 a:hover, .btn4 link a {
    color: #ffffff; 
   border-radius: 0 9px 9px 0;
	font-weight: bold;
	margin-left: 0px;
	text-decoration: none;
}
.zind{
@media screen and (min-width: 999px) { 
   width: 100.0%;}     
 @media screen and (max-width: 1000px) { 
   width: 120%;}    
}
.framesod{
   width: 100.0%;
    height: 100vh;     
 @media screen and (max-width: 1000px) { 
   width: 120%;}
    position: relative; 
    z-Index: 120; 
	frameborder: 0;
}
.zpl1 { 
    width: 40px;
    height: 20px;	
    background: #fffef966;
	opacity: 1;
	/*   display: inline-block;
    background-color: #4CAF50; /* Зеленый */	
	position: absolute;
	z-index: 2;    
   }
			
.Parent {            
            position: relative;
	         top: 0;
            left: 0;
			    display: flex; 
		//		 width: 100.4%;	
				 margin: 0 auto;
                width: 100vw;
z-index: 30;		
        }            
.menu1 {width: 36vw;
            media screen and (max-width: 1025px) { 
   width: 43vw;}
			margin-top: -12px;
            position: fixed;
//			z-index: 10;
			left: 4.0vw;
//			@media screen and (max-width: 1025px) {left: 7.0vw;}}				
.menu2 {width:  36vw;
// media screen and (max-width: 1025px) {width: 43vw;}
            margin-top: -12px;			
            position: fixed;
//			z-index: 10;
			left: 44.0vw;
 //            @media screen and (max-width: 1025px) {left: 57.0vw;}}

.menu3 { width:  9vw;
            margin-top: -20px;			
            position: fixed;
		//			z-index: 10;
			left: 84.4vw;
//             @media screen and (max-width: 1000px) {left: 106.0vw;             width:  10vw;}}					
		
		
#zind {
  position:relative;
  z-index: 80;}
body::-webkit-scrollbar {
  width: 24px;               /* width of the entire scrollbar */
  height: 24px;
  max-height: 24px;
}
body::-webkit-scrollbar-track {
  background: #dec15d !important;      /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: #cc985bdb !important;    /* color of the scroll thumb */
  border-radius: 22px;       /* roundness of the scroll thumb */
  border: 1px solid #a66f41;  /* creates padding around scroll thumb */
  min-height: 18px;
}