/*
Template Name: Laboratory
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.main {
background-position: center;
}
.center_h{
padding-top:150px;
padding-bottom:150px; 
 }
/*********************center_home_end****************/


/*********************expert****************/
.expert_2i1 img{
border-radius:30px 30px 0px 0px; 
 }
.expert_2i2{
border-radius:0px 0px 30px 30px; 
 }
.expert_3 h6:before{
display: inline-block;
width: 25%;
height: 2px;
background-color: #fda014;
vertical-align: middle;
margin-right: 1%;
content: "";
 }
.expert_3 h6:after{
display: inline-block;
width: 25%;
height: 2px;
background-color: #fda014;
vertical-align: middle;
margin-left: 1%;
content: "";
 }
.expert_3 ul li {
margin-left:50px;
margin-right:50px; 
 }
/*********************expert_end****************/


/*********************spec****************/
.spec_1 img{
height:610px;  
 }


.spec_3i2{
width:60%;
left:20%; 
top:22%;
background:#ffffffc7;
 }

/*********************spec_end****************/


/*********************blog_h****************/
.blog_h1i1i1{
background-color: #156cf0c7;
top:0;
color:#fff; 
 }
/*********************blog_h_end****************/



@media screen and (max-width : 767px){
.center_o1 .font_70{
font-size:40px; 
 }
.center_o1 br{
display:none;
 }
.center_o1 {
text-align:center;
 }
.center_h {
padding-top: 70px;
padding-bottom: 70px;
}
.center_h ul li{
margin-top:10px;
margin-bottom:10px;
margin-left:0!important;
}
.expert_3 h6:before {
width: 24%;
}
.expert_3 h6:after {
width: 24%;
}
.expert_3 ul li {
margin-left: 10px;
margin-right: 10px;
margin-top:5px;
margin-bottom:5px;
}


.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.spec_3i2 {
padding:15px!important; 
top:18%;
 }
.spec_3i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
.blog_h1i1i img{
min-height:230px; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.spec_3i2 {
padding:40px!important; 
top:30%;
 }
 }
@media (min-width:768px) and (max-width:991px) {
.expert_3 h6:before {
width: 38%;
}
.expert_3 h6:after {
width: 38%;
}
.expert_3 ul li {
margin-left: 15px;
margin-right: 15px;
}
.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.spec_3i2 {
width:80%;
left:10%;
 }
.spec_3i1 img{
min-height:330px; 
 }
.blog_h1i1i img{
min-height:260px; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.expert_3 h6:before {
width: 38%;
}
.expert_3 h6:after {
width: 38%;
}
.expert_3 ul li {
margin-left: 35px;
margin-right: 35px;
}
.spec_3i1 img{
min-height:330px; 
 }
.spec_3  {
 margin-left:0!important;
 margin-right:0!important;
 }
.blog_h1i1i img{
min-height:260px; 
 }
 }
@media (min-width:1201px) and (max-width:1310px) {
.spec_3i1 img{
min-height:330px; 
 } 
 }


 .logo-circle {
    width: 200px;
    height: 100px;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }

  #background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; /* Esto lo manda detrás de todo */
  }
  
  .main_1 {
    position: relative;
    overflow: hidden; /* opcional: previene que sobresalga */
  }