@font-face{
	font-family: Verdana;
	src: url("../../fonts/Verdana.ttf");
}

::-webkit-scrollbar {
	width: 0;
	background-color: transparent;
} 
 
 html, body {
    height: 100%;
   }
   body {
    display: flex;
    flex-direction: column;
	background:  #edeae3;
    margin: 0px;
    padding: 0px;
	font-family: verdana;
	font-size: 16px;
	color: #333;
text-align: justify;
   }
   
     
    body {
      min-height: 1500px;
    }

    .btn-up {
      position: fixed;
      background: url(../Pict/vzv.png);
	  background-size:contain;
	  opacity: 0.7;
      right:450px;
      bottom:400px;
      border-radius: 10px;
      cursor: pointer;
      width: 40px;
      height: 40px;
    }

    
      .btn-up_hide {
        display: none;
      }
   
 a {text-decoration: none; COLOR: #003399;}
a:active {COLOR: green}
a:hover {COLOR: #993333;}   

 
   
   .footer {
display: flex;
   flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
background: #003300;
justify-content: center;
align-items: center;
font-family: Verdana;
font-size: 16px;
color: #d9dee2;
padding: 20px;
gap: 30px;
   }

.footer a{color:#fff}
.footer a:hover {color: #ff9966;}
   
 .flex0f{
	  display: flex;
	  flex-wrap:wrap;
	justify-content:flex-start;

align-items: center;
font-family: Verdana;
font-size: 20px;
color: #d9dee2;
padding: 20px;	
		gap: 15px; 
	  }
 .content {
     display: flex;
  flex-direction: column;
  
   flex: 1 0 auto;
  }  

.container{
width:900px;
 margin-left: auto;
 margin-right: auto;
}

.fnt3{
font-family: Verdana;
font-size: 16px;

text-align: justify;
}

.fnt4{
font-family: Verdana;
font-size: 20px;
}
.fntzag{
font-family: verdana;
font-size: 20px;
color: #663300;
}

.image-block-left{
	float: left;
	margin: 10px 20px 10px 0px;
cursor: pointer;
border-radius: 5px;
height: 150px;
}
 
.image-block-left1{
	float: left;
	margin: 10px 20px 10px 0px;
cursor: pointer;
border-radius: 5px;
height: 150px;
}

.image-block-left2{
	float: left;
	margin: 10px 20px 10px 0px;
cursor: pointer;
border-radius: 5px;
width: 200px;
}

.image-block-right1{
	float:  right;
	margin: 10px 0px 10px 20px;
cursor: pointer;
 border-radius: 5px;
height: 150px; 
}

.image-block-right2{
	float:  right;
	margin: 10px 0px 10px 20px;
cursor: pointer;
 border-radius: 5px;
width: 200px;
}


.divw{position:relative;top: 0px;left: 0px;}

.div57{
position: fixed;
top: 0px;
left:60px;
height: 80px;
width: 900px;
background: #670000;
z-index: 2;
display: none;
}

.krs{
	position:absolute;
	top:-20px;
	right:-20px;
	height:40px;
	width: 40px;
	background:url(../Pict/krs0.png);
background-size:contain;
background-repeat: no-repeat;
z-index: 2;
cursor: pointer;
}

.rgtt{
	position:fixed;
	right:20px;
	width: 28px;
	height:42px;
		background:url(../Pict/rgt.png);
	background-repeat: no-repeat;
background-size:contain;
z-index: 2;
cursor: pointer;
}

.lftt{
	position:fixed;
	left:20px;
	width: 28px;
	height:42px;
	background:url(../Pict/lft.png);
	background-repeat: no-repeat;
background-size:contain;
z-index: 2;
cursor: pointer;
}


.Kontur{
background: url(../Pict/cntt.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 20px;			
}

.div57{
position: fixed;
top: 0px;
left:0px;
height: 80px;
width: 100%;
background: #670000;

display: none;
}


.gamb306{
position: fixed;
top:18px;
left: 18px;	
background: url(../Pict/gambn.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 45px;
cursor: pointer;	
display: block;
z-index: 4;
}

.div306{
position: fixed;
top: 0px;
left: 0px;
width: 800px;
z-index: 4;
display: none;
overflow-y: scroll;
max-height: 800px;
}

.flex306{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
	background: #333;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 60px;	
  gap: 20px;
   display: none;
  z-index:2;	
 }

.item306{
 font-family: verdana;
font-size: 25px;
color: #fff;
display: none;
z-index:2;		
padding: 5px;
}

.krs306{
	position:absolute;
	top:0px;
	right:0px;
	height:60px;
	width: 60px;
	background:url(../Pict/krs300.png);
background-size:cover;
background-repeat: no-repeat;
z-index: 3;
cursor: pointer;
display: none;
}



.div00{
  display: flex;
	  flex-wrap:wrap;
	justify-content:flex-start;  
		gap: 15px;
margin-top: 10px;
margin-bottom: 30px;		
		font-family: Verdana;
font-size: 16px;

color: #330000;	

}	

.im1{
border-radius: 5px;
height: 800px;
width: auto;	
}
.im2{
border-radius: 5px;
width: 850px;
height: auto;	
}

.tbv{
position: fixed;
top: 0px;
width:100%;
height: 100%;
z-index:+2;
background: url(../Pict/fontbv.png);
display: none;

}

.div_vk{
background: url(../Pict/vk.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 60px;				
}

 .flex01{
	  display: flex;
	  flex-wrap:wrap;
	  justify-content:flex-start;
	gap: 10px;
text-align: left;
background: #ded4be;
padding: 20px;	
		
  }

.Kv01{
background: url(../Pict/zs.png);
background-repeat: no-repeat;
background-size: contain;
width: 220px;
height: 200px;
}



.Kv02{
background: url(../Pict/vs2.png);
background-repeat: no-repeat;
background-size: contain;
width: 536px;
height: 138px;
}

.Kv000{
background: #8f4644;
width: 900px;
height: 40px;			
}



.flex3{
	  display: flex;
	  justify-content: center;	
align-items:center;  		
gap: 100px;
background: #ece6d9;
padding-top: 30px;
padding-bottom: 30px;	
  }
  


.d5{
display: none;
}

 .flex57{
	  display: flex;
justify-content:center;
flex-direction: column;
 }	  





.flex100{
	  display: flex;
	  justify-content:flex-start;
	  align-self:flex-start;
	 gap: 20px; 
	flex-direction: column;
	
  }	  
 
 
.flex56{
	  display: flex;
	  flex-direction: column;	
	  	  justify-content:center;
		  align-items:center;
		  padding-top: 15px;
		  padding-bottom: 15px;
		  background: #8f4644;
			  }

 .tit56{
		font-family: Verdana;
font-size: 24px;
text-align:center;
color: #fff; 
	  }    




 .flex1{
display: flex;
justify-content:flex-start;
flex-direction: column;
background: #ece6d9;
padding-top: 20px;
padding-bottom: 20px;
 }
 
 .tit1{
font-family: verdana;
 font-size: 25px;
 
 }
 
 .flex2{
display: flex;
flex-wrap:wrap;
justify-content:center;
align-content: center;
gap: 30px;
 }
 
 .title2{
font-family: verdana;
 font-size: 16px;
 
 }

.flex5{
	  display: flex;
	  flex-wrap:wrap;
	  	  justify-content:center;
		  align-items:center;
		  		  		  
	  }

 .tit5{
		font-family: Verdana;
font-size: 30px;
text-align:center;
color: #663300; 
	  }

.tit5_0{
font-family: Verdana;
font-size: 20px;
text-align: center;
color: #7e4115;
}	  
	
.divempty{
	position: relative;
	top: 10px;
	height: 10px;
	width: 20px;
	}
.divempty1{
	position: relative;
	top: 0px;
left: 0px;
	height: 20px;
	width: 20px;
	}
	

.grd1{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 20px;
}

.tit1_0{
font-family: Verdana;
font-size: 25px;
text-align: center;
color: #663300;
}

.item1{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}



.grd11{
display: flex;
flex-wrap:wrap;
justify-content:center;
display: none;
 gap: 10px; 
}

.item11{
width: 100px;
height: 100px;
border-radius: 5px;	
}

.grd2{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 10px; 
}

.item2{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}

.grd22{
display: flex;
flex-wrap:wrap;
justify-content:center;
display: none;
 gap: 10px; 
}

.item22{
width: 100px;
height: 100px;
border-radius: 5px;	
}

.grd3{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 10px; 
}

.item3{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}

.title3{
font-family: Verdana;
font-size: 20px;
text-align: center;
color: #663300;
}

.grd33{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
}

.item33{
width: 100px;
height: 100px;
border-radius: 5px;	
}

.grd4{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 10px;

 }
 
 .flex15{
display: flex;
flex-wrap:wrap;
justify-content:center;
align-self: center;
flex-direction: column;
 }
 
 .title15{
font-family: Verdana;
font-size: 16px;

}
 
  .flex101{
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-content: center;
gap: 10px;
 }
 
 .item101_1{
background: url(../Pict/f1.jpg);
       background-size: contain;
	   background-repeat: no-repeat;
       width: 300px;
       height: 450px;
	   border-radius:10px;
 }
 
 .item101_2{
background: url(../Pict/f2.jpg);
       background-size: contain;
	   background-repeat: no-repeat;
       width: 300px;
       height: 450px;
	   border-radius:10px;
 }
 
 .title101{
font-family: verdana;
font-size: 16px;

color: #333;
 }
 
 
 
 .Kvsh1{
background: url(../Pict/shema1.png);
       background-size: contain;
	   background-repeat: no-repeat;
       width: 464px;
       height: 286px;
      }

.Kvsh2{
background: url(../Pict/shema2.png);
       background-size: contain;
	   background-repeat: no-repeat;
       width: 464px;
       height: 250px;
      }
 
 
 .flex16{
display: flex;
justify-content:center;
align-items:center;
flex-direction: column;
gap: 15px;
 }
 
 .tit16{
font-family: verdana;
font-size: 30px;
text-align: left;
 }
 
  .tit16_1{
font-family: verdana;
font-size: 30px;
text-align: center;
color: #663300;
 }
 
 .title16_1{
font-family: verdana;
 font-size: 16px;
 text-align: center;
 }
 
  .title16_2{
font-family: verdana;
 font-size: 16px;
 text-align: left;
 }
 
 
 .div16{
	 position: relative;
	 top: 10px;
	 left: 0px;
font-family: verdana;
 font-size: 16px;
 text-align: center;
 }
 


.grd44{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
 display: none;
}

.item44{
width: 100px;
height: 100px;
border-radius: 5px;	
}

.flex45{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px;
 display: none;
}

.item45{
width: 100px;
height: 100px;
border-radius: 5px;	
}



.d2{
font-family: verdana;
font-size: 18px;
text-align: center;
color: #003366;

cursor: pointer;
text-transform: uppercase;
}
.d2:hover{
color: #993333;
}

.d22{
	position: relative;
font-family: verdana;
font-size: 18px;
text-align: center;
color: #003366;
cursor: pointer;
text-transform: uppercase;

}
.d22:hover{
color: #993333;
}

.d23{
	position: relative;
font-family: verdana;
font-size: 18px;
text-align: center;
color: #003366;
cursor: pointer;
text-transform: uppercase;

}		

.d4{
font-family: verdana;
font-size: 18px;
text-align: center;
color: #663300;
display: none;
cursor: pointer;
text-transform: uppercase;

}
.d4:hover{
color: #996666;
}

.d44{
font-family: verdana;
font-size: 18px;
text-align: center;
color: #663300;
display: none;
cursor: pointer;
text-transform: uppercase;

}
.d44:hover{
color: #996666;
}



.grd5{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 10px; 
}

.item5{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}

.grd6{
display: flex;
flex-wrap:wrap;
justify-content:center;
gap: 10px; 
display: none;
}

.item6{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}









.d5{
display: none;
}