@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;
text-align: justify;
   }
   
   
    body {
      min-height: 1500px;
    }

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

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

 
   
   .footer {
display: flex;
flex-wrap: wrap;
   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: auto;
}

.im1{
	height: 500px;
	border-radius: 10px;
	
}
.im2{
	height: 500px;
	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;
}


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


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


.Kontur{
background: url(../Pict/cntt.png);
background-size: contain;
background-repeat: no-repeat;
width: 400px;
height: 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: 30px;
	width: 20px;
		}
.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;	
}	
.div_vk{
background: url(../Pict/vk.png);
background-size: contain;
background-repeat: no-repeat;
width: 60px;
height: 60px;				
}
.grd1{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;

}

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

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


 
 .flex2{
display: flex;
flex-wrap:wrap;
justify-content:center;
align-content: center;
gap: 30px;
 }
 
 .title2{
font-family: verdana;
 font-size: 16px;
 
 }
 
  .flex15{
display: flex;
flex-wrap:wrap;
justify-content:center;
align-self: center;
flex-direction: column;
 }
 
 .flex16{
display: flex;
justify-content:center;
flex-direction: column;
 }
 
 .title16_1{
font-family: verdana;
 font-size: 16px;
 text-align: center;
 }
 
  .title16_2{
font-family: verdana;
 font-size: 16px;
 text-align: left;
 }
 



.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: 16px;
text-align: center;
color: #003366;
cursor: pointer;
text-transform: uppercase;
}
.d2:hover{
color: #993333;
}

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

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

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

}		

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

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

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

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

.d222{
display: none;
}	

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

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

.flex5{
	  display: flex;
	  flex-direction: column;
	  	  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;
}	  

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

 .flex0{
	  display: flex;
	  flex-wrap:wrap;
	  justify-content:flex-start;
	gap: 10px;
text-align: left;
	
  }
  
 
  
 .title0{
font-family: Verdana;
font-size: 16px;	 
color: #7e4115;
font-weight: bold;	 
 }
  
  .grd4{
display: flex;
flex-wrap:wrap;
justify-content:flex-start;
gap: 10px;

 }

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




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

.UKv1{
font-family: verdana;
font-size: 16px;
color: #7e4115;
font-weight: bold;
padding-right: 10px;
cursor: pointer;
}


.UKv1_1{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #330000;
cursor: pointer;
padding-right: 10px;
}

.UKv2{
font-family: verdana;
font-size: 16px;
color: #7e4115;
font-weight: bold;
padding-right: 10px;
cursor: pointer;
}


.UKv2_1{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #330000;
cursor: pointer;
padding-right: 10px;
}


.UKv3{
font-family: verdana;
font-size: 16px;
color: #7e4115;
font-weight: bold;
padding-right: 10px;
cursor: pointer;
}


.UKv3_1{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #330000;
cursor: pointer;
padding-right: 10px;
}

.UKv4{
font-family: verdana;
font-size: 16px;
color: #7e4115;
font-weight: bold;
padding-right: 10px;
cursor: pointer;
}


.UKv4_1{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #330000;
cursor: pointer;
padding-right: 10px;
}

.UKv5{
font-family: verdana;
font-size: 16px;
color: #7e4115;
font-weight: bold;
padding-right: 10px;
cursor: pointer;
}


.UKv5_1{
font-family: verdana;
font-size: 16px;
font-weight: bold;
color: #330000;
cursor: pointer;
padding-right: 10px;
}

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


.d5{
display: none;
}


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




.flex100{
	  display: flex;
	  justify-content:flex-start;
	  align-self:flex-start;
	gap:10px;  
	flex-direction: column;
	background: #ece6d9;
  }	  
 
  
 .flex101{
	  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: 20px;
		  padding-bottom: 20px;
background: #8f4644;
  	 
	  }

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


.flex33{
	  display: none;
}

.divhr{
position: relativ;
top: 0px;
left: 0px;
width: 100%;
height: 5px;
border-top: solid 3px #003300;	
}