ру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, #mm6, #mm7 { 
 //	padding: 0.2vw 0vw 0.2vw 0vw;
    border-radius: 0.44vw 0.44vw 0.44vw 0.44vw;
    border:3px solid  #fff8f5;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
//    font-size: 4 !important;	
//    @media screen  and (min-width: 980px) {font-size: 2.6vw !important;}
	font-size: clamp(17px, 3.0vw, 42px);
	color:  #ffffff;
	/* ЦВЕТ МЕНЮ  */
	background: #607a7fdb;
	background: #85420edb;
	background: #62898cdb;
	-webkit-transition: 1s liner 0.8s;
     -moz-transition: 1s liner 0.8s;
     -o-transition: 1s liner 0.8s;
     transition: 1s liner 0.8s;}
//#mm71 {padding: 0.6vw 0vw 1.2vw 0vw;
//       @media screen  and (min-width: 980px) {padding: 0.2vw 0vw 0.2vw 0vw !important;}}
.mm a:link, .mm a:hover, .mm link a {
    color: #ffffff; 
   border-radius: 0.44vw 0.44vw 0.44vw 0.44vw;
	font-weight: bold;
	margin-left: 10px;
}
.mm1,  a:link, .mm1 a:hover, .mm1 link a {
    color: #ffffff; 
    border-radius: 0.44vw 0.44vw 0.44vw 0.44vw;
//	font-weight: bold;
	margin-left: 0px;
}
#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;
  @media screen  and (min-width: 980px) {padding: 12px 0px 12px 0px;}
    width: 96%;	
//	height: clamp(50px, 3.8, 60px) !important;
	border-radius: 0vw 0.44vw 0.44vw 0vw;
    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: #62898cdb;
	background: #987654db;
	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;	}

#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 {     
}
.boxframe {	
	position: relative; 
    z-Index: 9; 
	border: 1px double #1B4B65; 
 /* border: 4px double #ffffff;  
  border: 1px #688d96; */
	 width: 100%; 
	height: 100%;
//	margin-top: -0px;
	font-family: Arial , Tahoma;
	 color: #1d5a8b;
	 resize: vertical;
}
.btnm4 {
//	display: inline-block;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
	font-size: clamp(16px, 3.4vw, 42px) !important;
 	font-weight: 500;
	cursor: pointer;    
	text-align: center;
//	width: clamp(28px, 7.0, 42px) !important;
	width: 7.8vw;
	height: clamp(20px, 5.0vw, 58px);
	line-height: 1.8vw;
	border-radius: 0.44vw 0.44vw 0.44vw 0.44vw;
    border:3px solid  #fff8f5;	
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ */
	background: #85420edb;
	background: #38626bdb;
	text-decoration: none;	
   }
    .btnm4 a:link, .btnm4 a:hover, .btnm4 link a {
    color: #ffffff; 
   border-radius: 0vw 0.44vw 0.44vw 0vw;
	font-weight: bold;	
	margin-left: 10px;
//	padding: 12px 12px 2px 4px;
	text-decoration: none;}

.btnm5 {
//	display: inline-block;
	margin: 0.32vw 0vw 0.0vw 0vw;
	font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
	font-size: clamp(20px, 4.2vw, 52px) !important;
	font-weight: 500;
	cursor: pointer;
    text-align: center;
	width: clamp(36px, 5.6vw, 82px) !important;
	height: clamp(42px, 6.2vw, 88px); 
    line-height: 3.0vw;	
   	border-radius: 0.44vw 0.44vw 0.44vw 0.44vw;
    border:3px solid  #fff8f5;	
    font-family: Arial, 'Arial Unicode MS', Helvetica , Sant-Serif;
    color:  #ffffff;
	/* ЦВЕТ МЕНЮ */
	background: #85420edb;
	background: #38626bdb;
	background: #62898cdb;
	text-decoration: none;}
    .btnm5 a:link, .btnm5 a:hover, .btnm5 link a {
    color: #ffffff; 
   border-radius: 0vw 0.44vw 0.44vw 0vw;
	font-weight: bold;	
	margin-left: 10px;
	padding: 12px 12px 2px 4px;
	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: 120vh;     
// @media screen and (max-width: 1000px) { 
//   width: 100%;}
    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;
  margin: 0 auto;
//width: 1247px;
width: 100vw;
//  height: auto; /* или фиксированная высота, если нужно */
  z-index: 30;
//  box-sizing: border-box;
}

.menu1,
.menu2,
.menu3,
.menu4 {
  position: fixed;
 }

.menu1 {margin-top: -2.8vw !important;
  width: 33vw;
  left: 5.4vw !important;;
  @media screen and (min-width: 980px) {margin-top: -0.4vw !important; left: 5.4vw !important;}
  font-size: 4 !important;	}
   
.menu2 {margin-top: -2.8vw !important;
  width: 33vw;
  left: 41.6vw;
  @media screen and (min-width: 980px) {margin-top: -0.4vw !important; left: 42.0vw;}}

.menu3 {margin-top: -2.8vw !important;
  width: 10vw;
  left: 77.0vw;
//  height: 6.8vw; 
//line-height: 3.4vw;
  @media screen and (min-width: 980px) {margin-top: -0.4vw !important; left: 78.6vw;}
}

.menu4 {
  margin-top: -4.8vw !important;
  width: 7.0vw !important;
 // left: 89.0vw;
 right: 2.90vw !important;
  height: 8.6vw; line-height: 4.3vw;
 @media screen and (min-width: 980px) {margin-top: -1.4vw !important; right: 1.00vw !important; height: 8.6vw; line-height: 4.3;}}
   	
#zind {
  position:relative;
  z-index: 80;}