@charset "UTF-8";
/* CSS Document */

*{padding: 0px;
    margin: 0px;
    box-sizing: border-box;}

.container-fluid{padding-left: 0px;
    padding-right: 0px;}

.carousel .fondocarrousel{
    height:  calc(100vh - 100px);
    width: 100%;
    object-fit: cover;
}

.menu ul{list-style-type: none;
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    margin-top: 20px;}

.abs{position: absolute;
    z-index: 999;}

.menu li a{font-family: 'Roboto', sans-serif;
    font-size: 1rem;    
    text-decoration: none;
    display: block;
    color: white;
    width: inherit;
    align-items: center;
    align-content: center;
    }

ul{align-items: center;}

.mob{display: none;}

.desk{display: block;}

.btn{ont-family: 'Roboto', sans-serif;
    font-size: 1rem !important;   
    }

.carousel-caption{bottom: 30%!important;}

.carousel-control-next-icon{background-image: none;}
.carousel-control-prev-icon{background-image: none;}

.log{position: absolute;
    z-index: 999;
    width: 100%;
    top:40%;
    left: 37%;}

.mx{max-width: 300px;}

.w80{width: 80%;
    margin: auto;}

.w40{width: 40%;}
    
    .carousel-item:nth-child(3) img{
    object-position: 50% 20%;        
    }

    .carousel-item:nth-child(4) img{
    object-position: 50% 30%;        
    }
   
a{color: inherit;}

a:hover{color: inherit;
    text-decoration: none;}

h2{font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 1.3px;}

.text{font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.6rem;
    font-weight: 400;
    line-height:3.2rem;
    text-align: justify;}

em{font-style: normal;
color: #009EE0;}

.dropdown-item{color: white;
    padding: .0rem 0.8rem;}

.dropdown-item:hover{color: white;
    background-color: transparent;
    }

.dropdown-menu{min-width: 3rem !important;
    padding: 0rem !important;
    margin: 0rem !important;}

.lang{border: none; 
    box-shadow: none!important; 
    }

.textopie{font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 200;
    letter-spacing: 1px;}



.negrita{font-weight: 800;}

.brands{background-color: #EDEDED;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

footer{background-color: #009EE0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;}

@media (max-width: 600px){
    
.w40{width: 80%;
   }    
  
    h2{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.2rem;}    
    
    .carousel-caption{bottom: 40%!important;
}
    .log{left: 29%;} 
  
    .desk{display: none;}
    
    .mob{display: block;}
    
    .text{text-align: start;}

test{
    height: calc(100vh - 20px);
}

     }