@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;
   }

  body{
background:  #edeae3;
margin: 0px;
font-family: verdana;
font-size: 16px;
color: #333;
text-align: justify;
}

a {text-decoration: none; COLOR: #663300;}
a:active {COLOR: green}
a:hover {COLOR: #990000;} 
   
  
  
   
   .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;
z-index: 2;
   }

.footer a{color:#fff}
.footer a:hover {color: #ff9966;}



 .content {
     display: flex;
  flex-direction: column;
  
   flex: 1 0 auto;
   
  } 

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

 

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

    
      .btn-up_hide {
        display: none;
      }


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

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

text-align: justify;
}
.fntzag{
font-family: Verdana;
font-size: 20px;
text-align: center;
color: #7e4115;
}

 .flex011{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content:flex-start;
	gap: 10px;
text-align: left;
background: #ded4be;
padding: 20px;
font-family: Verdana;
font-size: 16px;
color: #7e4115;	
  }
 
.image-block-left0{
	float: left;
	margin: 10px 20px 10px 20px;
cursor: pointer;
border-radius: 5px;
}

.image-block-left{

	float: left;
	margin: 10px 20px 10px 20px;
cursor: pointer;
border-radius: 5px;
}

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



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

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

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

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

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


.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: 30px;			
}



.Kontur{
background: url(../Pict/cntt.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 20px;			
}
 .flex100{
	  display: flex;
	  justify-content:flex-start;
	  align-self:flex-start;
	gap:10px;  
	flex-direction: column;
	background: #ece6d9;
	
  }
  
 .flex56{
	  display: flex;
	  flex-direction: column;	
	  	  justify-content:center;
		  align-items:center;
		  padding-top: 15px;
		  padding-bottom: 15px;
	background: #670000;
opacity: 0.7;
margin-bottom: 20px;	  		  	 
	  }

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

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

color: #663300;	

}	

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

color: #663300;	

}	
  .flex2{
	  display: flex;
	 
	justify-content:center;  
	padding-top: 30px;
  }


.flex3{
	  display: flex;
	  justify-content: space-between;	
align-items:center;  		
padding-right: 130px;
padding-top: 30px;
padding-bottom: 30px;
background: #ece6d9;
  }
  
  .item3{
background: #ece6d9;
	  
  }
  

  

 .flex57{
 display: flex;
	  justify-content:flex-start;
	  align-self:flex-start;
	gap:0px;  
	flex-direction: column;
	
 }	  


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

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

display: none;
}
	
.divempty{
	position: relative;
	top: 0px;
	height: 10px;
	width: 20px;
	}
	.divempty1{
	position: relative;
	top: 0px;
	height: 20px;
	width: 20px;
	}

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

.div_dt{
position: relative;


font-family: Verdana;
font-size: 16px;
color: #333;
	
}

.div_hr{
position: relative;
width:100%;
height: 10px;
border-top: solid 3px #333;

}

  .fntz{
font-family: Verdana;
font-size: 25px;
color: #663300;
}

  .fntz1{
font-family: Verdana;
font-size: 16px;
color: #333;
}  

 .fntdt{
font-family: Verdana;
font-size: 16px;
text-align: left;
color: #333;
} 
 .fnt3{
font-family: Verdana;
font-size: 16px;
text-align: justify;
color: #333;
}
 .truncate-text {
	background: #ede9de;
	padding: 5px;
    height: 50px;
  overflow: hidden;
  position: relative;
 text-align: left; 
 }
 
.truncate-text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 150px;
  height: 40px;
  background: linear-gradient(180deg, transparent, #ede9de 80%);
 text-align: left;
 
}


 .flex0{
	display: flex;
flex-wrap:wrap;
justify-content:flex-start;
flex-direction: column;
 padding-top: 20px;
padding-bottom: 20px; 
   }

  .tit0{
font-family: Verdana;
font-size: 25px;
color: #663300;
text-align: center;
}
  .title0{
font-family: Verdana;
font-size: 16px;
font-weight:bold;
color: #663300;
font-style: italic;
text-indent: 20px;
}

  .title0_1{
font-family: Verdana;
font-size: 16px;
color:#333;
}

.flex1{
	display: flex;
flex-wrap:wrap;
justify-content:flex-start;
flex-direction: column;
   }
  
 .title1{
font-family: Verdana;
font-size: 12px;
color: #333;
width: 160px;
}

  .title1_1{
font-family: Verdana;
font-size: 20px;
color: #663300;;
} 

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


.item2{
width: 150px;
height: 150px;
border-radius: 5px;
} 

 .flex34{
	display: flex;
flex-wrap:wrap;
justify-content:flex-start;
 gap: 10px; 
 flex-direction: column;
 
  }
  

  

.flex4{
	display: flex;
flex-wrap:wrap;
 gap: 10px;
justify-content:center; 
  }
  
 .item4{
font-family: Verdana;
font-size: 20px;
color: #663300;
 }
 .flex5{
	  display: flex;
	  flex-direction: column;
	  	  justify-content:center;
		  align-items:center;
		 gap: 20px; 	  
	  }

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

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

  .flex6{
	display: flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
flex-direction: column;
gap: 0px;

   }
   
 

.title6{
font-family: Verdana;
font-size: 16px;
text-align: center;
color: #000;
padding: 10px;
width: 900px;
margin: 0px; 
}	
 
   .flex7{
	display: flex;
flex-wrap:wrap;
justify-content:center;
flex-direction: column;
   }
   
   .item7{
	width:150px;
    height: 150px;
border-radius: 5px;
   }
  
   .title7{
	font-family: Verdana;
font-size: 14px;
color: #333;
width: 150px;
   }
   
     .flex8{
	display: flex;
flex-wrap:wrap;
justify-content: flex-start;
gap: 10px;

   }
   
   .flex9{
	display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 20px;
   }
   
    .title9_2{
font-family: Verdana;
font-size: 16px;
color: #663300;
    }
   
     .title9_1{
font-family: Verdana;
font-size: 16px;
color: #663300;
opacity: 0;
    }
	
	    .title9_2{
font-family: Verdana;
font-size: 16px;
color: #333;
    }
	
	    .title9_3{
font-family: Verdana;
font-size: 16px;
color: #663300;
    }
    
    .flex10{
	display: flex;
flex-wrap:wrap;
justify-content:flex-start;
 gap: 10px;
 flex-direction: column;
   }

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

 .div308{
position: fixed;
top: 0px;
left: 0px;
width: 800px;
height: 1000px;
z-index: 4;
overflow: scroll;
display: none;
	
}
 
.flex308{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
	background: #333;
padding: 30px;	
  gap: 30px;
     display: none;
  z-index: 4;
}
.item308{
 font-family: verdana;
font-size: 40px;
color: #fff;
display: none;
z-index: 4;	
padding: 20px;	
}


.gamb308{
position: fixed;
top:0px;
left: 0px;	
background: url(../Pict/gambn.png);
background-size: contain;
background-repeat: no-repeat;
width: 80px;
height: 63px;
cursor: pointer;
display: none;
z-index: 4;

}

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



.KvSch{
background: url(../Pict/schkola.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 100px;
}