body,html{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #222;
    background-color: #ddeef0;
    
}


.navbar-nav li{
    padding-right: 10px;
    padding-left: 10px;
}

.navbar-nav li:hover{
    box-shadow: 2px 2px 2px 2px rgb(37, 44, 39);
}

.nav-link{
    font-size: 1.1 em !important;
    color: #000 !important;
}

.navbar-nav{
    top: 50%;
}


.carousel-inner{
    margin-top: 0px;
    height: 100%;
}

#lang_icon{
    font-size: 7pt;
    text-align: center;
}

#lang_icon .navbar-nav li:hover{
    box-shadow: none;
}


.carousel-caption{
    position: absolute;
  /* top: 50%;*/
    width: 100%;
    transform: translateY(-70%);
    text-shadow: 1px 1px 10px #000;
    text-align: left;
    
}

.carousel-caption .display-5{
    font-size: 2em;
}

.carousel_slide{
    height: 500px;
    margin-bottom: 40px;
}

@media (min-width:1500px){
    body{
        width: 1920px;
        height: 583px;
    }
}


.container-fruid{
    width: 100%;
}

@media (max-width:1250px){
    .carousel-caption .display-5{
        font-size: 1.5em;
    }
    #main_refs{
        display: none !important;
    }

    #footer_text2{
        max-width: 100% !important;
    }
    #main_caption {
       margin-left: 0% !important;
       left: 2% !important;
       top: 45%;
    }
    #contacts1{
        font-size: 1.2em;
    }
    #card_administraciya_director{
        display: block !important;
    }
    #slides_kontakty{
        display: none !important;
    }
    #slides_srada,#slides_labs_workers{
        display: none !important;
    }
    #contact_info2Small{
        display: block !important;
    }
}

@media (min-width:1251px){
    #main_caption{
        margin-left: 7% !important;
        top: 50%;
    }
    #card_administraciya_director{
        display: none !important;
    }

    #slides_kontakty{
        display: block !important;
    }
    #slides_srada,#slides_labs_workers{
        display: block !important;
    }
    #contact_info2Small{
        display: none !important;
    }
}

@media (min-width:1400px){
    .carousel-inner img{
        transform: translateY(-20%);
        width: 100%;
    }
    #container_labs{
        width: 1300px !important;
    }
    #perons_row{
        margin-top: 50px !important;
        margin: 10px;
        margin-left: -150px;
        width: 100%;
        width: 1400px;
    }  
}

.no-padding {
    padding: 0;
  }

.carousel-caption hr{
    border-top: 2px solid rgb(255, 255, 255);
    width: 10%;
    margin-left: 0px;
}


footer{
    background-color: #2e5458;
    height: 300px;
    margin-bottom: 0px;
}

.footer-text2{
    
    color: #fff;
    text-align: left;
    
    font-size: 0.8em;
}

.footet-text1{
    margin-top: 20%;
    color: #fff;
    text-align: left;
    font-size: 2em;
}

.col-3 img{
    margin-top: 20%;
}


.col-3 .card-img:hover{
    box-shadow: 8px 8px 8px rgb(158, 216, 175);
}

.card-img-top-news {
   
    object-fit: cover;
    object-position: 100% 0;
    height: 215px;
    width: 100%;
   
  }

#body_container{
    margin-top: 0px;
  }

.card-img-top:hover{
    opacity: 1;
  
    background: rgba(0, 0, 0, 0.71);
}

#slides2{
    margin-top: 250px ;
    height: 621px !important;
}

#slides5{
    height: 600px;
    margin-left: -470px;
    width: 1980px !important;
}
#slides_kontakty{
    margin-top: 10px;
    width: 1980px !important;
    height: 600px;
    margin-left: -470px;
}

#contacts1{
    margin-left: 9%;
    top: 50%;
    color: #000 !important;
    text-shadow: 1px 1px 10px rgb(163, 222, 224);
}

#contacts_admin{
    color: #000 !important;
    text-shadow: 1px 1px 10px rgb(163, 222, 224); 
    right: 15%;
    /* bottom: 20px; */
    left: 15%;
    z-index: 10;
   
  
}



#contacts_t{
    margin-top: 10px;
    
}

#hr_black{
    border-top:1px solid rgb(7, 7, 7);
}
#hr_short_bl{
    border-top: 2px solid rgb(7, 7, 7);
    width: 10%;
    margin-left: 0px;
}

#contact_inf_00{
   
    margin-top: -150px;
}

#contact_info2{
    margin-left: 5%;
}

#contact_info0{
    margin-top: -20px;
    margin-bottom: 100px;
}

#srada_t1{
    margin-top: -80px;
    top: 50%;
    margin-left: 10%;
    color: #000 !important;
    text-shadow: 1px 1px 10px rgb(163, 222, 224);
}

#srada_t2{
    width: 40%;
}

#spec_rada_t0{
    width: 40%;
    font-size: 1.8em;
}

#slides_srada{
    
    height: 600px;
    margin-left: -470px;
    width: 1980px !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}

#adminstrat_m{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    margin-top: -100px;
}

.card-img-top-adm{
    margin-top: -5%;
    height: 450px;
    width: 100%; 

}

#card_adminstr{
    width: 300px;
    height: 350px;
    object-fit: cover;
}




#card_adminstr0{
    width: 370px !important;
    height: 450px !important;
    object-fit: cover;
    margin-top: 100px;
}

#card_adm{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    width: 300px;
    background-color: #fff;
}

#card_labs_img{
    width: 415px;
    height: 300px;
}

#card_labs_body{
    width: 415px;
    height: 460px;
    background-color: #fff;
}


#card_labs_title{
    background-color: #4daab2 !important;
    margin-top: -55px;
    margin-left: 0%;
    padding-left: 10px;
    color: rgb(255, 255, 255);
    width: 350px;
}

#card_labs{
 height: 760px;
 margin-right: 30px;   
}

#card_administraciya{
    height: 500px;
    width: 300px;
    margin-right: 20px;
    margin: 10px;   
    
}

#card_administraciya_director{
    height: 500px;
    width: 300px;
    margin-right: 20px;
    margin: 10px;   
    
}

#text_lab_description{
    font-size: x-small;
}

#slides_labs_workers{
    height: 940px;
    margin-left: -470px;
    width: 1980px !important;
}

#labs_workers_t1{
    top: 400px;
    max-width: 1600px;
    color: #000 !important;
    text-shadow: 1px 1px 10px rgb(163, 222, 224);
}

#lab_head_photo{
    width: 340px;
    height: 460px;
    object-fit: cover;
}
#lab_workers_photo{
    object-fit: cover;

    width: 220px;
    height: 300px;
}

#card_workers{
    margin-left: 0%;
    background-color:  rgba(0, 0, 0, 0) !important;
    border: 1px solid rgb(0 0 0 / 0%);
}

#bread_settings{
    background-color: #dceef0;
}

#diser_files{
    
    background-color: #d5e6ea;
}

#text_diser{
    text-align: left !important;
}

#news_main_photo{
    max-width: 600px;
}

#card_news{
    height: 700px;
    width: 340px!important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #ddeef0;
}

#card_news_text{
    font-size: 1.1 em;
    font-family: 'Oswald', sans-serif !important;
}

#card_pndr_title{
    background-color: #4daab2 !important;
    margin-top: -55px;
    margin-left: 0%;
    padding-left: 10px;
    text-align: center;
    font-size: calc(3vw + 3vh);
    width: 330px;
    position: absolute;
    bottom: 0;
}
#card_pndr_img{
    width: 330px;
    height: 215px;
}
#card_about{
    display: table;
    height: 215px;
    width: 330px;
    padding-bottom: 10px;
    font-weight: bold !important;
}
#abt_img{
    width: 422px;
    height: 622px;
}

#head_about{
    text-align: justify;
    padding-bottom: 10px;
}
.facebook-dropdown {
    position: relative;
    display: inline-block;
}

#facebook-logo {
    cursor: pointer;
}

.facebook-links {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.facebook-dropdown:hover .facebook-links {
    display: block;
}

.facebook-links a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.facebook-links a:hover {
    background-color: #f1f1f1;
}