body{


  overflow: hidden;
}
.container{

width: 100% !important;
margin: 0;
max-width: 100%;

}




/* tamaño de imagenes del carrusel */
.carousel .carousel-item>img {
   width: 340px; 
}
/* tamaño de imagenes del carrusel */
















p{

margin: 15px;


}



















.cimg{

padding-top: 20px !important;


}























/* TODO ESTO ESD DEL FIDEO DE FONDO */


.container-princ-video{


  position: relative;
  /* height: 91.5vh; */
    height: 99vh;
}

.cont-video{

  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  
  }
  .cont-video video{
  
  position: relative;
  top: 50%;
  left: 50%;
  object-fit: cover;
  width: 100%;
/* ancho del video */
  height: 100%;
  /* ancho del video */
  transform: translate(-50%,-50%);
  
  
  
  
  
  }

/* 
  @media screen and (max-width: 650px) {
    .cont-video video {
      height: 60%;  Valor del ancho del video cuando la pantalla se achica a 768px o menos 
    }
  }
  @media screen and (max-width: 350px) {
    .cont-video video {
      height: 100%;  Valor del ancho del video cuando la pantalla se achica a 768px o menos 
    }
    .container-princ-video{


      
      height: 100vh;
      
    }
    
  
  
  
  
  
  } */





/* TODO ESTO ESD DEL FIDEO DE FONDO */














/* CUANDO LA PANTALLA ESTE LO MAS PEQUEÑA POSIBLE  */






@media screen and (max-width: 300px) {


  .carousel .carousel-item {
   
    width: 220px !important;
    
   
   left: 0px !important;


 
  }
  





} 




@media screen and (max-width: 550px) {



 
  .cont-video{
    display: none !important;
  }
  
  body {
    background-image: url("img-fondo.PNG") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
  




} 












/* CUANDO LA PANTALLA ESTE LO MAS PEQUEÑA POSIBLE  */



.slider-dentro-de-video{

  width: 100%;
  height: 100%;

  /* top: -100px; */

}







/* 
.carousel.valign-wrapper.slider-dentro-de-video {
  margin-left: 18px;
  
} */






/* POSICIONDE ARIBA ABAJO CENTRADO DEL LOS TEMS DEL SLIDER */

.carousel .carousel-item {
  visibility: hidden;
  width: 280px;
  top: -30px;
  height: 440px;
 left: 0px;
 
background: rgba( 255, 255, 255, 0.25 );
backdrop-filter: blur( 20px );
-webkit-backdrop-filter: blur( 20px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );

    
}

/* POSICIONDE ARIBA ABAJO CENTRADO DEL LOS TEMS DEL SLIDER */




.rowitem{

  margin: 0px;
  width: 100% !important;
}




.btns{
margin-top: 25px;

}

p.parafo-item{

margin: 0px;
font-size: 15px;
font-weight: 600;
color: rgb(255, 255, 255);

}
p.parafo-titulo-item{

margin: 0px;
color: #f5f5f5;
font-size: 20px;
font-family: 'Open Sans', sans-serif;


}




.col.s12.cont-item>img{

width: 180px;


}
.col.s12.cont-item{

  padding: 0px;
}





img.ico {

width: 40px ;
margin: 8px;


}
img#ico-menu{

/* eso es el icono de enmedio con d para una mejor personalisacion */

}
img#ico-wassap{

 width: 45px !important;
  
  }


.cont-menu{

margin-left: 10px;
margin-right: 40px;

}
a.menu-movil{

padding-left: 0px !important;
padding-right: 20px !important;

}
/* #titulo-menu-movil{

border-bottom: 1px solid black ;
padding-bottom: 10px;

} */






.cont-menu-movil{
  background-color: #ee6e73;


}
.texto-cont-menu-movil{
margin-bottom: 17px;
margin-top: 12px;
  background-color: #ee6e73;
}

img#ico-wassap{

width: 55px;


}

.sidenav li>a:hover {
   background-color: rgba(0, 0, 0, 0);
}



/* PARA EL EL TITULO NO OQUIPE ESPACIO EN EL DOM Y EL ELEMTO DE ABAJO SE SUBA */
.tituloo{
position: absolute;
z-index: 888;
margin-left: auto;
margin-right: auto;

}





img.logo{
  width: 150px !important;
}

p#solver-logo{
        margin-top: 30px !important;
    
    
}



img#logo-leonosoft {
    margin-bottom: 15px  !important;
}

p#logo-soport {
    margin-top: 19px !important;
}