@media(max-width: 1920px){
.Content .div14_text,
.Content .div13_text,
.Content .div5_text
{
    display: none;
}
}

@media(max-width: 1024px){
    .Content .div8_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div8_text .div8_text_img1{
    width: auto; 
    height: 55%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div8_text h3{
    font-size: 1.6vw;
    }

    .Content .div9_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div9_text h3{
    font-size: 1.8vw;
    }

    .Content .div9_text .div9_text_img1{
    width: auto; 
    height: 65%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div10_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div10_text .div10_text_img1{
    width: auto; 
    height: 65%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div11_text{
    line-height: 1.2;
    height: 84%;
    width: 94%;        
    }

    .Content .div11_text h3{
    font-size: 1.8vw;
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 55%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div12_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div12_text .div12_text_img1{
    width: auto; 
    height: 35%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }    
    
    .Content .div13_text{
    line-height: 1.2;
    height: 84%;
    width: 94%;        
    }

    .Content .div13_text .div13_text_img1{
    width: auto; 
    height: 30%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div14_text{
    line-height: 1.2;
    height: 84%;
    width: 94%;        
    }

    .Content .div14_text .div14_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }  
}

@media(max-width: 860px){
    .Content .div8_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div8_text .div8_text_img1{
    width: auto; 
    height: 55%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

     .Content .div8_text h3{
    font-size: 1.9vw;
    }

    .Content .div9_text h3{
    font-size: 2vw;
    }

    .Content .div9_text .div9_text_img1{
    width: auto; 
    height: 70%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div11_text{
    line-height: 1.2;
    height: 84%;
    width: 94%;        
    }

    .Content .div11_text h3{
    font-size: 2vw;
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 60%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }
}

@media(max-width: 768px){
    .Content .div8_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div8_text .div8_text_img1{
    width: auto; 
    height: 45%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

     .Content .div8_text h3{
    font-size: 2.1vw;
    }

    .Content .div9_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div9_text h3{
    font-size: 2.3vw;
    }

    .Content .div9_text #img1b,
    .Content .div9_text #img2{
    transition: 1s; /* Время эффекта */
    }

    .Content .div9_text #img1b:hover,
    .Content .div9_text #img2:hover{
    transform: scale(1.35); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div10_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div10_text #img3{
    transition: 1s; /* Время эффекта */
    margin-left: -11vw;
    }

    .Content .div10_text #img3:hover{
    transform: scale(1.35); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }
    

    .Content .div11_text h3{
      font-size: 2.3vw;   
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 50%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div12_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div12_text .div12_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }    
    
    .Content .div13_text{
    line-height: 1.2;
    height: 84%;
    width: 94%;        
    }

    .Content .div13_text .div13_text_img1{
    width: auto; 
    height: 20%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div14_text{
    line-height: 1.4;
    height: 84%;
    width: 94%;        
    }

    .Content .div14_text .div14_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }  
}

@media(max-width: 667px){
    .Content .div9_text .div9_text_img1{
    width: auto; 
    height: 40%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }
    
    .Content .div9_text #img1b,
    .Content .div9_text #img2{
    transition: 1s; /* Время эффекта */
    }

    .Content .div9_text #img1b:hover,
    .Content .div9_text #img2:hover{
    transform: scale(2.3); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div10_text #img3{
    transition: 1s; /* Время эффекта */
    margin-left: -10vw;
    }

    .Content .div10_text #img3:hover{
    transform: scale(1.15); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div11_text h3{
    font-size: 2.6vw;   
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 50%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .promo_img1{
    height: 67%; 
    }
}

@media(max-width: 620px){
    .Content .div8_text h3{
    font-size: 2.3vw;
    }

    .Content .div9_text h3{
    font-size: 2.6vw;
    }

    .Content .div10_text #img3{
    transition: 1s; /* Время эффекта */
    margin-left: -9vw;
    }

    .Content .div10_text .div10_text_img1{
    width: auto; 
    height: 50%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div10_text #img3:hover{
    transform: scale(1.10); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

}

@media(max-width: 480px){ 

    .nav_menu .ahref::first-letter{
    font-size: 3.0vw;
    }

    /*.main .header{
        height: 18%;
    }
    .main .Content{
        height: 65%;
    } */

    .Content .div1_text,
    .Content .div2_text,
    .Content .div3_text,
    .Content .div4_text,
    .Content .div5_text,
    .Content .div6_text,
    .Content .div7_text{
        width: 16vw;
        font-size: 2.2vw;
        }
   

    .Content .div6_text,
    .Content .div7_text{
         display: none;
    }

     .Content .div8_text{
        height: 84%;
        width: 94%;        
    }

    .Content .div8_text .div8_text_img1{
    width: auto; 
    height: 45%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

     .Content .div8_text h3{
    font-size: 2.65vw;
    }

    .Content .div9_text h3{
    font-size: 3.5vw;
    }

    .Content .div9_text #img1b,
    .Content .div9_text #img2{
    transition: 1s; /* Время эффекта */
    }

    .Content .div9_text #img1b:hover,
    .Content .div9_text #img2:hover{
    transform: scale(2.2); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div9_text .div9_text_img1{
    width: auto; 
    height: 33%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div10_text{
        line-height: 1.3;
        height: 84%;
        width: 94%;        
    }

    .Content .div10_text .div10_text_img1{
    width: auto; 
    height: 40%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div11_text h3{
    font-size: 2.8vw;   
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 50%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div12_text{
    line-height: 1.3;
    height: 84%;
    width: 94%;        
    }

    .Content .div12_text .div12_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }    
    
    .Content .div13_text{
    line-height: 1.3;
    height: 84%;
    width: 94%;        
    }

    .Content .div13_text .div13_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div14_text{
    line-height: 1.3;
    height: 84%;
    width: 94%;        
    }

    .Content .div14_text .div14_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }  

    .Content .promojpg .promo_img1{
    height: 45%; 
    }

    .main .footer{
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    width: 99%;
    height: 8vh;
    }

    .footer .h3_footer{
      font-size: 2.3vw;  
    }

    #h3_footer_1,
    #h3_footer_4{
      display: none; 
    }


}


    @media(max-width: 380px){
    .main{
        height: 95vh;
    }

    .nav_menu{
    flex-direction: column;
    flex-wrap: nowrap;
    width: 90%;
    }

    .nav_menu .ahref{
        font-size: 3.8vw;
    }

   .nav_menu .ahref::first-letter{
    font-size: 3.9vw;
    }

    .main .header{
        height: 18%;
    }
    .main .Content{
        height: 65%;
    } 

    .Content .div1_text,
    .Content .div2_text,
    .Content .div3_text,
    .Content .div4_text,
    .Content .div5_text,
    .Content .div6_text,
    .Content .div7_text{
        width: 15.8vw;
        font-size: 2.2vw;
        }
   

    .Content .div6_text,
    .Content .div7_text{
         display: none;
    }

    .Content .div8_text{
        height: 84%;
        width: 94%;        
    }

    .Content .div8_text .div8_text_img1{
    width: auto; 
    height: 45%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

     .Content .div8_text h3{
    font-size: 2.75vw;
    }

    .Content .div9_text{
    line-height: 1.5;
    height: 84%;
    width: 94%;        
    }

    .Content .div9_text .div9_text_img1{
    width: auto; 
    height: 33%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

     .Content .div9_text #img1b,
    .Content .div9_text #img2{
    transition: 1s; /* Время эффекта */
    }

    .Content .div9_text #img1b:hover,
    .Content .div9_text #img2:hover{
    transform: scale(1.75); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div10_text{
        line-height: 1.5;
        height: 84%;
        width: 94%;        
    }

    .Content .div10_text h3{
        line-height: 1.5;
        font-size: 3.5vw; 
    }

    .Content .div10_text .div10_text_img1{
    width: auto; 
    height: 33%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div10_text #img3{
    transition: 1s; /* Время эффекта */
    margin-left: 3vw;
    }

    .Content .div10_text #img3:hover{
    transform: scale(1.6); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    .Content .div11_text h3{
    font-size: 3.2vw;   
    }

    .Content .div11_text .div11_text_img1{
    width: auto; 
    height: 45%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .Content .div12_text{
    line-height: 1.5;
    height: 84%;
    width: 94%;        
    }

    .Content .div12_text .div12_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }    
    
    .Content .div13_text h3{
    font-size: 4vw;      
    }

    

    .Content .div14_text{
    line-height: 1.5;
    height: 84%;
    width: 94%;        
    }

    .Content .div14_text .div14_text_img1{
    width: auto; 
    height: 24%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }  

   

    .main .footer{
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    width: 99%;
    height: 8vh;
    }

    .footer .h3_footer{
      font-size: 2.8vw;  
    }

    #h3_footer_1{
      display: none; 
    }
    
}|

    html{
    overflow-y: hidden;
    overflow-y: hidden;
    background-color: #f2cd5e;
    }

    body{
    background-color: #f2cd5e;
    }

    #publico{
    display: none
    }

    .h1{
     display: none;   
    }
    .h2{
     display: none;   
    }
    .h5{
     display: none;   
    }
    .h6{
     display: none;   
    }

    .main{
    height: 98vh;
    width: 97vw;
    margin: 1vh 1vw 1vh 0vw;
    min-width: 100px;
    position: flex;
    background-color: #f2cd5e;
    /*border-style: dashed;
    border-width: 2px;
    border-color: black;*/
    }

    .header{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #f2cd5e;
	height: 11%;
    width: 99%;
	margin: 0px 1px 0px 1px;
	min-width: 200px;
    /*border-style: dashed;
    border-width: 2px;
    border-color: red;*/
    }

    .nav_menu{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 90%;
    width: 86%;
    /*border-style: dashed;
    border-width: 2px;
    border-color: red;*/
}


figure{
    display: inline-block;
    float: left;
    background-color: pink;
    margin-top: 2vh;
    margin-left: 1vw;
    height: 50px;
    max-width: 180px;
    min-width: 90px;   
    /*border-style: dashed;
    border-width: 2px;
    border-color: red;*/
}

.img1_header{
    width:auto; 
    height: 50px;
    min-width: 80px;
    /*border-style: dashed;
    border-width: 1px;
    border-color: purple;*/
}

.ahref::first-letter{
font-size: 2vw;
}

#ahref1::first-letter{
    color: darkred;    
}

.ahref{
    display:inline-block;
    font-size: 1.7vw;
    font-weight: 600;    
    color: black;
    text-decoration: none;
    /*border-style: dashed;
    border-width: 1px;
    border-color: purple;*/
 }

.ahref:hover::first-letter{
    color: darkred;     
}

.ahref:focus::first-letter{
    color: darkred;    
}

.Content{
    display: flex-start;
    justify-content: space-around;
    align-items: stretch;
    background-color: #f2cd5e;
    height: 74vh;
    width: 99%;
    margin: 1px 1px 1px 1px;
    min-width: 200px;
    /*border-style: dashed;
    border-width: 2px;
    border-color: red;*/
}

/*_ _ _ _ _ MENU 1_ _ _ _ _*/  
.div1_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 10vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;    
    margin: 1vh 0 0 1vw;
    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: darkred;
}

.div1_text:active,
.div1_text:hover{
    box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;

    
}
.div1_text:active ~.div8_text,
.div1_text:hover ~.div8_text{
    display: block;
}

.div1_text:active ~.promojpg,
.div1_text:hover ~.promojpg{
display: none;
}


/*_ _ _ _ _ MENU 2_ _ _ _ _*/
.div2_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 9vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    
    margin: 1vh 0 0 1vw;

    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;

    border-style: dashed;
    border-width: 2px;
    border-color: darkred;

}

.div2_text:active,
.div2_text:hover{
     box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;

    
}
.div2_text:active ~.div9_text,
.div2_text:hover ~.div9_text{
    display: block;
}

.div2_text:active ~.promojpg,
.div2_text:hover ~.promojpg{
display: none;
}


/*_ _ _ _ _ MENU 3_ _ _ _ _*/
.div3_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 10vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    
    margin: 1vh 0 0 1vw;

    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;

    border-style: dashed;
    border-width: 2px;
    border-color: darkred;

}

.div3_text:active,
.div3_text:hover{
    box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;   
}

.div3_text:active ~.div10_text,
.div3_text:hover ~.div10_text{
    display: block;
}

.div3_text:active ~.promojpg,
.div3_text:hover ~.promojpg{
display: none;
}


/*_ _ _ _ _ MENU 4_ _ _ _ _*/
.div4_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 8vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    
    margin: 1vh 0 0 1vw;

    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;

    border-style: dashed;
    border-width: 2px;
    border-color: darkred;

   }

.div4_text:active,
.div4_text:hover{
     box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;

    
}
.div4_text:active ~.div11_text,
.div4_text:hover ~.div11_text{
    display: block;
}

.div4_text:active ~.promojpg,
.div4_text:hover ~.promojpg{
display: none;
}

/*_ _ _ _ _ MENU 5_ _ _ _ _*/
    .div5_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 9vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    margin: 1vh 0 0 1vw;
    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: darkred;
    }

    .div5_text:active,
    .div5_text:hover{
     box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;
    }

    .div5_text:active ~.div12_text,
    .div5_text:hover ~.div12_text{
    display: block;
    }

    .div5_text:active ~.promojpg,
    .div5_text:hover ~.promojpg{
    display: none;
    }

/*_ _ _ _ _ MENU 6_ _ _ _ _*/
    .div6_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width:9vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    margin: 1vh 0 0 1vw;
    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: darkred;
    }

    .div6_text:active,
    .div6_text:hover{
    box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;
    }

    .div6_text:active ~.div13_text,
    .div6_text:hover ~.div13_text{
    display: block;
    }

    .div6_text:active ~.promojpg,
    .div6_text:hover ~.promojpg{
    display: none;
}

/*_ _ _ _ _ MENU 7_ _ _ _ _*/
    .div7_text{
    display: inline-block;
    font-size: 1.4vw;
    height: 7vh;
    width: 10vw;
    color: darkred;
    line-height: 0vh;
    text-align: center;
    margin: 1vh 0 0 1vw;
    background-color: #f2cd5e;
    border-radius: 10px;  
    padding: auto;
    border-style: dashed;
    border-width: 2px;
    border-color: darkred;
    }

    .div7_text:active,
    .div7_text:hover{
    box-shadow: 10px 10px 5px gray;
    color: darkred;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: dark;
    }
    
    .div7_text:active ~.div14_text,
    .div7_text:hover ~.div14_text{
    display: block;
    }

    .div7_text:active ~.promojpg,
    .div7_text:hover ~.promojpg{
    display: none;
    }


/*_ _ _ _ ELEM 8_ _ _ _*/
    .div8_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    font-size: 1.1vw;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div8_text:hover{
    display: block;
    }

    .div8_text:active ~.promojpg,
    .div8_text:hover ~.promojpg{
    display: none;
    }

    .div8_text h3{
    margin: 2vh 0vw 1vh 0vw;
    font-size: 1.5vw;
    text-align: center;
    }


    .div8_text_img1{
    width: auto; 
    height: 50%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    
/*_ _ _ _ ELEM 9_ _ _ _*/
    .div9_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div9_text:hover{
    display: block;
    }

    .div9_text:active ~.promojpg,
    .div9_text:hover ~.promojpg{
    display: none;
    }

    .div9_text h3{
    margin: 2vh 0vw 1vh 0vw;
    font-size: 1.25vw;
    text-align: center;
    }

    .div9_text_img1{
    width: auto; 
    height: 62%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    .ul1{
    margin-top: 1px;
        
    }

    #img1b,
    #img2{
    transition: 1s; /* Время эффекта */
    }

    #img1b:hover,
    #img2:hover{
    transform: scale(1.55); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }
     
/*_ _ _ _ ELEM 10 _ _ _*/
    .div10_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div10_text:hover{
    display: block;
    }

    .div10_text:active ~.promojpg,
    .div10_text:hover ~.promojpg{
    display: none;
    }

    .div10_text h3{
    margin: 2vh 0vw 1vh 0vw;
    text-align: center;
    }

    .div10_text_img1{
    width: auto; 
    height: 62%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    #img3{
    transition: 1s; /* Время эффекта */
    }

    #img3:hover{
    transform: scale(1.55); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

/*_ _ _ _ ELEM 11 _ _ _*/
    .div11_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div11_text:hover{
    display: block;
    }

    .div11_text:active ~.promojpg,
    .div11_text:hover ~.promojpg{
    display: none;
    }

    .div11_text h3{
    margin: 2vh 0vw 1vh 0vw;
    text-align: center;
    }

    .div11_text_img1{
    width: auto; 
    height: 60%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    #img4{
    transition: 1s; /* Время эффекта */
    }

    #img4:hover{
    transform: scale(1.25); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

/*_ _ _ _ ELEM 12 _ _ _*/
    .div12_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div12_text:hover{
    display: block;
    }

    .div12_text:active ~.promojpg,
    .div12_text:hover ~.promojpg{
    display: none;
    }

    .div12_text h3{
    margin: 2vh 0vw 1vh 0vw;
    text-align: center;
    }

    .div12_text_img1{
    width: auto; 
    height: 41%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }
    
    #img13,
    #img14,
    #img15{
    transition: 1s; /* Время эффекта */
    }

    #img13:hover,
    #img14:hover,
    #img15:hover{
    transform: scale(2.2); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }
/*_ _ _ _ ELEM 13 _ _ _*/
    .div13_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    border-width: 2px;
    border-color: darkred;
    border-radius: 12px;
    }

    .div13_text:hover{
    display: block;
    }

    .div13_text:active ~.promojpg,
    .div13_text:hover ~.promojpg{
    display: none;
    }

    .div13_text h3{
    margin: 2vh 0vw 1vh 0vw;
    text-align: center;
    }

    .div13_text_img1{
    width: auto; 
    height: 30%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }

    #ul2{
    list-style-type: none;
    }

    #img16,
    #img17,
    #img18,
    #img19{
    transition: 1s; /* Время эффекта */
    }

    #img16:hover,
    #img17:hover,
    #img18:hover,
    #img19:hover{
    transform: scale(1.3); /* Увеличиваем масштаб */
    box-shadow: 5px 5px 5px gray;
    }

    /*_ _ _ _ ELEM 14 _ _ _*/
    .div14_text{
    display: none;
    /*display: block;*/
    position: relative;
    height: 85%;
    width: 90%;
    box-shadow: 10px 10px 8px gray;
    line-height: 3vh;
    margin: -1.8vh 0 0 1.5vw;
    background-color: #f2cd5e;
    border-style: solid;
    /*border-width: 2px;
    border-color: darkred;
    border-radius: 12px;*/
    }

    .div14_text:hover{
    display: block;
    }

    .div14_text:active ~.promojpg,
    .div14_text:hover ~.promojpg{
    display: none;
    }

    .div14_text h3{
    margin: 2vh 0vw 1vh 0vw;
    text-align: center;
    }

    .div14_text_img1{
    width: auto; 
    height: 30%; 
    margin: 1vh 0vw 0vh 1vw;
    object-fit: contain;
    }


    .promojpg{
    display: block;
    position: relative;
    height: 50vh;
    width: 80vw;
    margin-top: 5vh;
    background-color: #f2cd5e;
    }

    .promo_img1{
    width: auto; 
    height: 40vh; 
    margin: 6vh 0vw 0vh 1vw;
    object-fit: contain;
    }


   

    #ul3{
    list-style-type: none;
    }

    .footer{
    display: flex;
    background-color: #f2cd5e;
    height: 11vh;
    width: 99%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-shrink: 1;
    margin: 0px 1px 0px 1px;
    min-width: 200px;
    /*border-style: dashed;
    border-width: 2px;
    border-color: red;  */
    }

    .footer_elem1{
    background-color: #f5c125;
    height: 70px;
    width: 170px;
    float: left;
    margin: 10px 5px 10px 5%;
    min-width: 50px;
    /*border-style: dashed;
    border-width: 1px;
    border-color: white; */
    }

    .footer_elem2{
    background-color: #f5c125;
    height: 70px;
    width: 390px;
    float: left;
    margin: 10px 5px 10px 5%;
    min-width: 250px;
   /* border-style: dashed;
    border-width: 1px;
    border-color: white; */
    }

    .footer_elem3{
    background-color: #f5c125;
    height: 70px;
    width: 270px;
    float: left;
    margin: 10px 5px 10px 5%;
    min-width: 250px;
   /* border-style: dashed;
    border-width: 1px;
    border-color: white; */
    }

    .footer_elem4{
    background-color: #f5c125;
    height: 70px;
    width: 310px;
    float: left;
    margin: 10px 5px 10px 5%;
    min-width: 250px;
   /* border-style: dashed;
    border-width: 1px;
    border-color: white; */
    }

    .footer_elem5{
    background-color: #f5c125;
    height: 70px;
    width: 290px;
    float: left;
    margin: 10px 5px 10px 5%;
    min-width: 250px;
    /*border-style: dashed;
    border-width: 1px;
    border-color: white; */
    }



    .h3_footer{
    background-color: #f2cd5e;
    color: black;
    display: block;
    font-size: 1.2vw;
    font-weight: 600;
    margin-top: 0em;
    margin-bottom: 1em;
    font-weight: bold;
   /* border-style: dashed;
    border-width: 1px;
    border-color: white; */
    margin: 3px 0px 0px 0px;
    }
/*
.div2_text:active ~.div9_text,
.div2_text:hover ~.div9_text{
    display: block;
}*/

    #footer_href_2{
    text-decoration: none;
    color: black;
    }   

    #footer_href_2:hover{
    color: indianred;
    }

    #footer_href_3{
    text-decoration: none;
    color: black;
    }

    #footer_href_3:hover{
    color: indianred;
    }

    #footer_href_4{
    text-decoration: none;
    color: black;
    }

     #footer_href_4:hover{
    color: indianred;
    }

    #footer_href_5{
    text-decoration: none;
    color: black;
    }

     #footer_href_5:hover{
    color: indianred;
    }