body{
    margin: 0% !important;
    padding: 0% !important;
    overflow-x: hidden !important; 
    
}
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap');
img.zoom {
    width: 350px;
    height: 200px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.8); 
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}
.content{
    margin: 0% !important;
    padding: 0% !important;
}
.logo-menu{
    margin: 0 !important;
    width: 80% !important;
    height: 100% !important;
    padding: 0 auto !important;
    left: 0 !important;
}
footer{
    width: 100% !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    background-color: white!important;
    text-align: center !important;
    padding: 0% !important;
}
.logo{
    margin-right: 100% !important;
    margin-top: 0% !important;
    margin-bottom: 0% !important;
    margin: 0% !important;
    width: 75% !important;
}

footer p{
    margin-top: 2% !important;
    font-size: 15px !important;
    color: #073564 !important;
}
footer p img{
    margin-left: .5% !important;
    width: 3% !important;
}
footer a{
    text-decoration: none !important;
}
footer a:hover{
    color: #f48c2c !important;
}

#video_cont {
    position: relative !important;
    width: 100% !important;
    height: 100vh !important;
    float: left !important;
    clear: both !important;
}
#myVideo {
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover !important;
}
.video_escritorio {
    width: 100% !important;
    height: 100vh !important;
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    z-index: -1 !important;
    
}

.certificaciones{
    width: 100% !important;
    background-color: white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;

    
}
.certificaciones h1{
    text-align: center !important;
    color: black !important;
    margin-top: 2% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 20px !important;
    border-bottom: 2px solid #f48c2c !important;
    width: 20% !important;
    margin-left: 40% !important;
}
.certificaciones img{
    width: 15% !important;
    height: 100% !important;
    margin-left: 2% !important;
    margin-top: 2% !important;
    margin-bottom: 2% !important;
}

.bloqueNosotros{
    width: 100% !important;
    background-color: #f48c2c !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    
}

.bloqueNosotros p{
    color: white !important;
    text-align: justify !important;
    padding: 9.7% !important;
    font-size: 15px !important;
}
.bloqueNosotros p strong{
    color: white !important;
    text-align: justify !important;
    font-size: 16px !important;
}
.bloqueNosotros img{
    width: 80% !important;
    height: 60% !important;
    margin-top: 6% !important;
}

.bloqueProd{
    width: 100% !important;
    background-color: #073564!important;
    text-align: center !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    padding: 1% !important;
    
}
.bloqueProd h2{
    margin-top: 5% !important;
    color: white !important;
    text-align:center !important;
    width: 80% !important;
    margin-left: 10% !important;
    font-size: 38px !important;
}
.bloqueProd a{
    color: white !important;
    text-decoration: none !important;
    
}
.bloqueProd a:hover{
    color: #f48c2c !important;
}

.bloqueProd img{
    width: 80% !important;
    height: 60% !important;
    margin-top: 4% !important;
    margin-bottom: 4% !important;
}

.mitad{
    width: 50% !important;
    height: 100% !important;
    float: left !important;
    padding: 0% !important;
    margin: 0% !important;
}

.mitad2{
    width: 30% !important;
    height: 100% !important;
    float: left !important;
    padding: 0% !important;
    margin: 0% !important;
}
.mitad3{
    width: 70% !important;
    height: 100% !important;
    float: left !important;
    padding: 0% !important;
    margin: 0% !important;
}
.mitadB{
    width: 40% !important;
    float: left !important;
}
.Nosotros .mitadB p{
    color:black !important;
    padding-left: 19% !important;
    padding-right: 10% !important;
    padding-top: 3% !important;
    text-align: justify !important;
}

.mitadBimg{
    width: 60% !important;
    float: left !important;
    padding: 2% !important;
}
.mitadBimg img{
    width: 100% !important;
}
.mitadP{
    width: 50% !important;
    float: left !important;
}

.mitadP p{
    margin-top: 3% !important;
}

.mitadP img{
    width: 80% !important; 
    margin-bottom: 2% !important;
}

.mitadP2{
    width: 50% !important;
    float: left !important;
}

.mitadP2 p{
    margin-top: 3% !important;
}

.mitadP2 img{
    width: 80% !important; 
    margin-bottom: 2% !important;
}
.mitadP3{
    width: 50% !important;
    float: left !important;
}

.mitadP3 p{
    margin-top: 3% !important;
}

.mitadP3 img{
    width: 80% !important; 
    margin-bottom: 2% !important;
}
.imagenbanner{
    width: 100% !important;
    background-color:white!important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    
}
.imagenbanner img{
    width: 90% !important;
    height: 55vh !important;
    margin-bottom: 2% !important;
}

.Nosotros{
    width: 100% !important;
    background-color:white!important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    
}
.Nosotros h2{
    margin-top: 4% !important;
    color: black !important;
    text-align: center !important;
}
.Nosotros p{
    color: black !important;
    text-align: justify !important;
    padding-left: 3% !important;
}

.Nosotros img{
    width: 100% !important;
    height: 90% !important;
}
.TextoAmplio{
    width: 100% !important;
    background-color: white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    padding: 5% !important;
    padding-right: 10% !important;
    
}
.TextoAmplio h2{
    color: black !important;
    text-align: center !important;
    font-weight: bold !important;
}
.TextoAmplio p{
    color: black !important;
    text-align: justify !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
}
.TextoAmplio img{
    width: 100% !important;
}
.textoContacto{
    width: 100% !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    text-align: center !important;
    padding-top: 3% !important;
    margin-bottom: 7%;
}
.textoContacto h2{
    font-size: 20px !important;
}
.textoContacto h3{
    font-size: 25px !important;
    font-weight: bold !important;
    color: #073564 !important;
}
.textoContacto h3:hover{
    color: #f48c2c !important;
}
.textoContacto img{
    margin-top: 3% !important;
    
}
.TituloNEW{
    width: 100% !important;
    background-color: white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    margin-top: 1% !important;
    
}
.TituloNEW h1{
    text-align: center !important;
    color: black !important;
    margin-top: 2% !important;
    font-size: 30px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    border-bottom: 2px solid #f48c2c !important;
    width: 20% !important;
    margin-left: 40% !important;
}
.Titulo{
    width: 100% !important;
    background-color: white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    margin-top: 8% !important;
    
}
.Titulo h1{
    text-align: center !important;
    color: black !important;
    margin-top: 2% !important;
    font-size: 30px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    border-bottom: 2px solid #f48c2c !important;
    width: 20% !important;
    margin-left: 40% !important;
}
.Titulo2{
    width: 100% !important;
    background-color: white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    margin-top: 4% !important;
    
}
.Titulo2 h1{
    text-align: center !important;
    color: black !important;
    margin-top: 2% !important;
    font-size: 30px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    border-bottom: 2px solid #f48c2c !important;
    width: 20% !important;
    margin-left: 40% !important;
}
.productos{
    width: 100% !important;
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    background-color:white !important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.producto{
    width: 20% !important;
    height: 300px !important;
    margin-left: 10% !important;
    margin-bottom: 2% !important;
    background-color:white !important;
    color: white !important;
    float: left !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    
    
}
.imagenp{
    background-color: white !important;
    width: 100% !important;
    height: auto !important;
}

.imagenp img{
    width: 100% !important;
    height: 100% !important;
    
}
.textProd{
    height: 20% !important;
    width: 100% !important;
    color: black !important;
    padding-bottom: 3% !important;
    
}
.textProd h2{
    text-align: left !important;
    font-weight: bold !important;
    font-size: 20px !important;
    margin-bottom: 0% !important;
}
.textProd p{
    text-align: left !important;
    font-size: 15px !important;
    margin-top: 0 !important;
}

.textProdIndividual{
    height: 20% !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-bottom: 2% !important;
    
}
.textProdIndividual a{
    background-color: #f48c2c !important;
    margin-top: 5% !important;
    color: white !important;
    width: 50% !important;
}
.textProdIndividual a:hover{
    background-color: #073564 !important;
    margin-top: 5% !important;
    color: white !important;
    width: 50% !important;
}
.textProdIndividual h2{
    color: black !important;
    text-align: left !important;
    font-size: 20px !important;
    padding-left: 15% !important;
}

.textProdIndividual h2 strong{
    color: black !important;
    font-weight: bold !important;
    font-size: 25px !important;
}

.NosotrosContacto{
    width: 100% !important;
    background-color:white!important;
    text-align: center !important;
    color: white !important;
    float: right !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}

.NosotrosContacto p{
    color: black !important;
    text-align: justify !important;
    padding-left:10% !important;
    margin-top: 5% !important;
}

.Seccion3{
    width: 25% !important;
    float: left !important;
    margin-left: 8% !important;
    margin-top: 2% !important;
}
.Seccion3 h1{
    font-size: 20px !important;
    color: #073564 !important;
    font-weight: bold !important;
    text-align: left !important;
}
.Seccion3 p{
    text-align: left !important;
    padding: 0 !important;
}

.bloqueVentajas{
    width: 100% !important;
    background-color: #f48c2c!important;
    text-align: center !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}
.bloqueVentajas h2{
    color: white !important;
    font-size: 40px !important;
    text-align: right !important;
    margin-top: 10% !important;
    padding: 4% !important;
    border-right: 2px solid white !important;
}
.bloqueVentajas p{
    color: white !important;
    text-align: justify !important;
    padding: 4% !important;
    font-size: 92% !important;
}
.Nosotrosimg{
    width: 100% !important;
    float: right !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
}
.Nosotrosimg img{
    width: 100% !important;
}

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

/*--------------------------------------
.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: #f8bf05;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: #f8bf05;
}
--------------*/
/*--------------------Diseño del nuevo bloque de nuevaInfo para pouch------------------------------*/
.nuevaInfo{
    float: left !important;
    width: 100% !important;
    height: auto !important;
}
.texto3NI{
    width: 50% !important;
    height: auto !important;
    float: left !important;
    padding: 3% !important;
    text-align: center !important;
    
}
.texto3NI h2{
    margin-bottom: 3% !important;
}
.texto3NI img{
    width: 100% !important;
}
.medidas{
    width: 100% !important;
    float: left !important;
    text-align: center !important;
}
.medidas h2{
    margin-bottom: 3% !important;
}
.medidas img{
    width: 90%;
}
/*-----------------------------------fin pouch-----------------------------------------------------*/

/*-----------------------------Diseño para celular----------------------------------------------------------------*/
@media only screen and (max-width: 600px){
    
    .logo-menu{
        width: 80% !important;
        height: 100% !important;
        padding: 0 !important;
    }
  

    .certificaciones h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        font-size: 20px !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 50% !important;
        margin-left: 25% !important;
    }
    .certificaciones img{
        width: 100% !important;
        height: 100% !important;
        margin-left: 0% !important;
        margin-top: 0% !important;
        margin-bottom: 0% !important;
    }

    .bloqueNosotros{
        width: 100% !important;
        background-color: #f48c2c !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    
    .bloqueNosotros p{
        color: white !important;
        text-align: justify !important;
        padding: 8% !important;
        font-size: 15px !important;
    }
    .bloqueNosotros p strong{
        color: white !important;
        text-align: justify !important;
        font-size: 16px !important;
    }
    .bloqueNosotros img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 3% !important;
       
    }

    .mitad{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    
    
    .bloqueProd{
        width: 100% !important;
        background-color: #073564!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .bloqueProd h2{
        margin-top: 3% !important;
        color: white !important;
        text-align:center !important;
        width: 100% !important;
        margin-left: 0% !important;
        font-size: 25px !important;
        padding: 5% !important;
    }
  
    .bloqueProd img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 4% !important;
        margin-bottom: 4% !important;
    }

    .mitad2{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    .mitad3{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding-left: 4% !important;
        padding-right: 4% !important;
        padding-bottom: 2% !important;
        margin: 0% !important;
    }

    footer p{
        margin-top: 3% !important;
        font-size: 14px !important;
        color: #073564 !important;
    }
    footer p img{
        margin-left: .5% !important;
        width: 5% !important;
    }

    .Titulo{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        margin-top: 30% !important;
        
    }
    .Titulo h1{
        text-align: center !important;
        color: black !important;
        margin-top: 7% !important;
        font-size: 25px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 40% !important;
        margin-left: 30% !important;
    }
    .Titulo2{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .Titulo2 h1{
        text-align: center !important;
        color: black !important;
        margin-top: 7% !important;
        font-size: 25px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 40% !important;
        margin-left: 30% !important;
    }
  
    .Nosotros{
        width: 100% !important;
        background-color:white!important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .Nosotros h2{
        margin-top: 4% !important;
        color: black !important;
        text-align: center !important;
    }
    .Nosotros p{
        color: black !important;
        text-align: justify !important;
        padding-left: 3% !important;
        padding-right: 10% !important;
    }
    
    .Nosotros img{
        width: 100% !important;
        height: 90% !important;
    }
    .Seccion3{
        width: 98% !important;
        float: left !important;
        margin-left: 2% !important;
        margin-top: 0% !important;
    }
    .Seccion3 h1{
        font-size: 20px !important;
        color: #073564 !important;
        font-weight: bold !important;
        text-align: left !important;
    }
    .Seccion3 p{
        text-align: left !important;
        padding-left: 4% !important;
        padding-right: 4%;
    }
    .mitad2{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
        
    }
    .bloqueVentajas{
        width: 100% !important;
        background-color: #f48c2c!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    .bloqueVentajas h2{
        color: white !important;
        font-size: 40px !important;
        text-align: right !important;
        margin-top: 5% !important;
        padding: 4% !important;
        border-bottom: 3px solid white !important;
        border-left: none;
    }
    .bloqueVentajas p{
        color: white !important;
        text-align: justify !important;
        padding: 4% !important;
        font-size: 14px !important;
    }

    .producto{
        width: 100% !important;
        height: 400px !important;
        margin-left: 0% !important;
        margin-bottom: 2% !important;
        background-color:white !important;
        color: white !important;
        float: left !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }

    .mitadB{
        width: 100% !important;
        float: left !important;
    }
    .mitadB .barra{
        display: none !important;
    }
    .Nosotros .mitadB p{
        color:black !important;
        padding-left: 19% !important;
        padding-right: 10% !important;
        padding-top: 3% !important;
        text-align: justify !important;
    }
    
    .mitadBimg{
        width: 100% !important;
        float: left !important;
        padding: 2% !important;
    }
    .mitadBimg img{
        width: 100% !important;
    }


    .textProdIndividual{
        height: 20% !important;
        width: 100% !important;
        padding-left: 3% !important;
        padding-bottom: 2% !important;
        
    }
    .textProdIndividual h2{
        color: black !important;
        text-align: left !important;
        font-size: 20px !important;
        padding-left: 15% !important;
    }
    
    .textProdIndividual h2 strong{
        color: black !important;
        font-weight: bold !important;
        font-size: 25px !important;
    }

    .textoContacto{
        width: 100% !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        text-align: center !important;
        padding-top: 3% !important;
    }
    .textoContacto h2{
        font-size: 17px !important;
    }
    .textoContacto h3{
        font-size: 20px !important;
        font-weight: bold !important;
    }
    .textoContacto img{
        margin-top: 3% !important;
        
    }
    /*--------------------Diseño del nuevo bloque de nuevaInfo para pouch------------------------------*/
.nuevaInfo{
    float: left !important;
    width: 100% !important;
    height: auto !important;
}
.texto3NI{
    width: 100% !important;
    height: auto !important;
    float: left !important;
    padding: 3% !important;
    text-align: center !important;
    
}
.texto3NI h2{
    margin-bottom: 3% !important;
}
.texto3NI img{
    width: 100% !important;
}
.medidas{
    width: 100% !important;
    float: left !important;
    text-align: center !important;
}
.medidas h2{
    margin-bottom: 3% !important;
}
.medidas img{
    width: 90%;
}
/*-----------------------------------fin pouch-----------------------------------------------------*/
}

/*-----------------------------Diseño para tablet----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
    
    .logo-menu{
        width: 80% !important;
        height: 100% !important;
        padding: 0 !important;
    }
  

    .certificaciones h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        font-size: 20px !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 50% !important;
        margin-left: 25% !important;
    }
    .certificaciones img{
        width: 100% !important;
        height: 100% !important;
        margin-left: 0% !important;
        margin-top: 0% !important;
        margin-bottom: 0% !important;
    }

    .bloqueNosotros{
        width: 100% !important;
        background-color: #f48c2c !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    
    .bloqueNosotros p{
        color: white !important;
        text-align: justify !important;
        padding: 8% !important;
        font-size: 15px !important;
    }
    .bloqueNosotros p strong{
        color: white !important;
        text-align: justify !important;
        font-size: 16px !important;
    }
    .bloqueNosotros img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 3% !important;
       
    }

    .mitad{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    
    .bloqueProd{
        width: 100% !important;
        background-color: #073564!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .bloqueProd h2{
        margin-top: 3% !important;
        color: white !important;
        text-align:center !important;
        width: 100% !important;
        margin-left: 0% !important;
        font-size: 25px !important;
        padding: 5% !important;
    }
  
    .bloqueProd img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 4% !important;
        margin-bottom: 4% !important;
    }

    .mitad2{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    .mitad3{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding-left: 4% !important;
        padding-right: 4% !important;
        padding-bottom: 2% !important;
        margin: 0% !important;
    }

    footer p{
        margin-top: 3% !important;
        font-size: 14px !important;
        color: #073564 !important;
    }
    footer p img{
        margin-left: .5% !important;
        width: 5% !important;
    }

    .Titulo{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        margin-top: 20% !important;
        
    }
    .Titulo h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-size: 25px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 40% !important;
        margin-left: 30% !important;
    }
    .Titulo2{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
      
    }
    .Titulo2 h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-size: 25px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 40% !important;
        margin-left: 30% !important;
    }

    .Nosotros{
        width: 100% !important;
        background-color:white!important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .Nosotros h2{
        margin-top: 4% !important;
        color: black !important;
        text-align: center !important;
    }
    .Nosotros p{
        color: black !important;
        text-align: justify !important;
        padding-left: 3% !important;
        padding-right: 10% !important;
    }
    
    .Nosotros img{
        width: 100% !important;
        height: 90% !important;
    }
    .Seccion3{
        width: 98% !important;
        float: left !important;
        margin-left: 2% !important;
        margin-top: 0% !important;
    }
    .Seccion3 h1{
        font-size: 20px !important;
        color: #073564 !important;
        font-weight: bold !important;
        text-align: left !important;
    }
    .Seccion3 p{
        text-align: left !important;
        padding-left: 4% !important;
        padding-right: 4%;
    }
    .mitad2{
        width: 100% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
        
    }
    .bloqueVentajas{
        width: 100% !important;
        background-color: #f48c2c!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    .bloqueVentajas h2{
        color: white !important;
        font-size: 40px !important;
        text-align: right !important;
        margin-top: 5% !important;
        padding: 4% !important;
        border-bottom: 3px solid white !important;
        border-left: none;
    }
    .bloqueVentajas p{
        color: white !important;
        text-align: justify !important;
        padding: 4% !important;
        font-size: 14px !important;
    }

    .producto{
        width: 100% !important;
        height: 600px !important;
        margin-left: 0% !important;
        margin-bottom: 2% !important;
        background-color:white !important;
        color: white !important;
        float: left !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }

    .mitadB{
        width: 100% !important;
        float: left !important;
    }
    .mitadB .barra{
        display: none !important;
    }
    .Nosotros .mitadB p{
        color:black !important;
        padding-left: 19% !important;
        padding-right: 10% !important;
        padding-top: 3% !important;
        text-align: justify !important;
    }
    
    .mitadBimg{
        width: 100% !important;
        float: left !important;
        padding: 2% !important;
    }
    .mitadBimg img{
        width: 100% !important;
    }


    .textProdIndividual{
        height: 20% !important;
        width: 100% !important;
        padding-left: 3% !important;
        padding-bottom: 2% !important;
        
    }
    .textProdIndividual h2{
        color: black !important;
        text-align: left !important;
        font-size: 20px !important;
        padding-left: 15% !important;
    }
    
    .textProdIndividual h2 strong{
        color: black !important;
        font-weight: bold !important;
        font-size: 25px !important;
    }

    .textoContacto{
        width: 100% !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        text-align: center !important;
        padding-top: 3% !important;
    }
    .textoContacto h2{
        font-size: 17px !important;
    }
    .textoContacto h3{
        font-size: 20px !important;
        font-weight: bold !important;
    }
    .textoContacto img{
        margin-top: 3% !important;
        
    }

    .textProd{
        height: 20% !important;
        width: 100% !important;
        color: black !important;
        padding: 2% !important;
        
    }
    .textProd h2{
        text-align: left !important;
        font-weight: bold !important;
        font-size: 20px !important;
        margin-bottom: 0% !important;
    }
    .textProd p{
        text-align: left !important;
        font-size: 20px !important;
        margin-top: 0 !important;
    }
}


/*---------------------------------Prueba media para MAc 3000px-----------------------------*/
@media (min-width: 3000px) {
    .texto3NI p{
        font-size: 50px !important;
    }
    .bloqueVentajas p{
        color: white !important;
        text-align: justify !important;
        padding: 4% !important;
        font-size: 28px !important;
    }

    .logo-menu{
        margin: 0 !important;
        width: 80% !important;
        height: 100% !important;
        padding: 0 auto !important;
        left: 0 !important;
    }
    footer{
        width: 100% !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        background-color: white!important;
        text-align: center !important;
        padding: 0% !important;
    }
    .logo{
        margin-right: 100% !important;
        margin-top: 0% !important;
        margin-bottom: 0% !important;
        margin: 0% !important;
        width: 75% !important;
    }
    
    footer p{
        margin-top: 2% !important;
        font-size: 35px !important;
        color: #073564 !important;
    }
    footer p img{
        margin-left: .5% !important;
        width: 3% !important;
    }
    footer a{
        text-decoration: none !important;
    }
    footer a:hover{
        color: #f48c2c !important;
    }
    
    #video_cont {
        position: relative !important;
        width: 100% !important;
        height: 100vh !important;
        float: left !important;
        clear: both !important;
    }
    #myVideo {
        width: 100% !important;
        height: 100vh !important;
        object-fit: cover !important;
    }
    .video_escritorio {
        width: 100% !important;
        height: 100vh !important;
        position: absolute !important;
        left: 0px !important;
        top: 0px !important;
        z-index: -1 !important;
        
    }
    
    .certificaciones{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    
        
    }
    .certificaciones h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        font-size: 20px !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 20% !important;
        margin-left: 40% !important;
    }
    .certificaciones img{
        width: 15% !important;
        height: 100% !important;
        margin-left: 2% !important;
        margin-top: 2% !important;
        margin-bottom: 2% !important;
    }
    
    .bloqueNosotros{
        width: 100% !important;
        background-color: #f48c2c !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    
    .bloqueNosotros p{
        color: white !important;
        text-align: justify !important;
        padding: 9.7% !important;
        font-size: 35px !important;
    }
    .bloqueNosotros p strong{
        color: white !important;
        text-align: justify !important;
        font-size: 40px !important;
    }
    .bloqueNosotros img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 6% !important;
    }
    
    .bloqueProd{
        width: 100% !important;
        background-color: #073564!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        padding: 1% !important;
        
    }
    .bloqueProd h2{
        margin-top: 5% !important;
        color: white !important;
        text-align:center !important;
        width: 80% !important;
        margin-left: 10% !important;
        font-size: 68px !important;
    }
    .bloqueProd a{
        color: white !important;
        text-decoration: none !important;
        font-size: 60px !important;
        
    }
    .bloqueProd a:hover{
        color: #f48c2c !important;
    }
    
    .bloqueProd img{
        width: 80% !important;
        height: 60% !important;
        margin-top: 4% !important;
        margin-bottom: 4% !important;
    }
    
    .mitad{
        width: 50% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    
    .mitad2{
        width: 30% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    .mitad3{
        width: 70% !important;
        height: 100% !important;
        float: left !important;
        padding: 0% !important;
        margin: 0% !important;
    }
    .mitadB{
        width: 40% !important;
        float: left !important;
    }
    .Nosotros .mitadB p{
        color:black !important;
        padding-left: 19% !important;
        padding-right: 10% !important;
        padding-top: 3% !important;
        text-align: justify !important;
        font-size: 40px !important;
    }
    
    .mitadBimg{
        width: 60% !important;
        float: left !important;
        padding: 2% !important;
    }
    .mitadBimg img{
        width: 100% !important;
    }
    .mitadP{
        width: 50% !important;
        float: left !important;
    }
    
    .mitadP p{
        margin-top: 3% !important;
    }
    
    .mitadP img{
        width: 80% !important; 
        margin-bottom: 2% !important;
    }
    
    .mitadP2{
        width: 50% !important;
        float: left !important;
    }
    
    .mitadP2 p{
        margin-top: 3% !important;
    }
    
    .mitadP2 img{
        width: 80% !important; 
        margin-bottom: 2% !important;
    }
    .mitadP3{
        width: 50% !important;
        float: left !important;
    }
    
    .mitadP3 p{
        margin-top: 3% !important;
    }
    
    .mitadP3 img{
        width: 80% !important; 
        margin-bottom: 2% !important;
    }
    .imagenbanner{
        width: 100% !important;
        background-color:white!important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .imagenbanner img{
        width: 90% !important;
        height: 55vh !important;
        margin-bottom: 2% !important;
    }
    
    .Nosotros{
        width: 100% !important;
        background-color:white!important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .Nosotros h2{
        margin-top: 4% !important;
        color: black !important;
        text-align: center !important;
    }
    .Nosotros p{
        color: black !important;
        text-align: justify !important;
        padding-left: 3% !important;
    }
    
    .Nosotros img{
        width: 100% !important;
        height: 90% !important;
    }
    .TextoAmplio{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        padding: 5% !important;
        padding-right: 10% !important;
        
    }
    .TextoAmplio h2{
        color: black !important;
        text-align: center !important;
        font-weight: bold !important;
    }
    .TextoAmplio p{
        color: black !important;
        text-align: justify !important;
        padding-left: 2% !important;
        padding-right: 2% !important;
        font-size: 40px !important;
    }
    .TextoAmplio img{
        width: 100% !important;
    }
    .textoContacto{
        width: 100% !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        text-align: center !important;
        padding-top: 3% !important;
    }
    .textoContacto h2{
        font-size: 50px !important;
    }
    .textoContacto h3{
        font-size: 40px !important;
        font-weight: bold !important;
    }
    .textoContacto img{
        margin-top: 3% !important;
        
    }
    .Titulo{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        margin-top: 2% !important;
        
    }
    .Titulo h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-size: 60px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 20% !important;
        margin-left: 40% !important;
    }

    .Titulo2{
        width: 100% !important;
        background-color: white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        margin-top: 2% !important;
        
    }
    .Titulo2 h1{
        text-align: center !important;
        color: black !important;
        margin-top: 2% !important;
        font-size: 60px !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: bold !important;
        border-bottom: 2px solid #f48c2c !important;
        width: 20% !important;
        margin-left: 40% !important;
    }
    
    
    .productos{
        width: 100% !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
        background-color:white !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    
    .producto{
        width: 20% !important;
        height: 600px !important;
        margin-left: 10% !important;
        margin-bottom: 2% !important;
        background-color:white !important;
        color: white !important;
        float: left !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
        
    }
    .imagenp{
        background-color: black !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .imagenp img{
        width: 100% !important;
        height: 100% !important;
        
    }
    .textProd{
        height: 20% !important;
        width: 100% !important;
        color: black !important;
        padding-bottom: 3% !important;
        
    }
    .textProd h2{
        text-align: left !important;
        font-weight: bold !important;
        font-size: 35px !important;
        margin-bottom: 0% !important;
    }
    .textProd p{
        text-align: left !important;
        font-size: 25px !important;
        margin-top: 0 !important;
    }
    
    .textProdIndividual{
        height: 20% !important;
        width: 100% !important;
        padding-left: 5% !important;
        padding-bottom: 2% !important;
        
    }
    .textProdIndividual h2{
        color: black !important;
        text-align: left !important;
        font-size: 40px !important;
        padding-left: 15% !important;
    }
    
    .textProdIndividual h2 strong{
        color: black !important;
        font-weight: bold !important;
        font-size: 45px !important;
    }
    
    .NosotrosContacto{
        width: 100% !important;
        background-color:white!important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    
    .NosotrosContacto p{
        color: black !important;
        text-align: justify !important;
        padding-left:10% !important;
        margin-top: 5% !important;
    }
    
    .Seccion3{
        width: 25% !important;
        float: left !important;
        margin-left: 8% !important;
        margin-top: 2% !important;
    }
    .Seccion3 h1{
        font-size: 40px !important;
        color: #073564 !important;
        font-weight: bold !important;
        text-align: left !important;
    }
    .Seccion3 p{
        text-align: left !important;
        padding: 0 !important;
        font-size: 30px !important;
    }
    
    .bloqueVentajas{
        width: 100% !important;
        background-color: #f48c2c!important;
        text-align: center !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    .bloqueVentajas h2{
        color: white !important;
        font-size: 70px !important;
        text-align: right !important;
        margin-top: 10% !important;
        padding: 4% !important;
        border-right: 2px solid white !important;
    }
    .Nosotrosimg{
        width: 100% !important;
        float: right !important;
        background-size: 50% !important;
        background-repeat: no-repeat !important;
        background-position: bottom right !important;
    }
    .Nosotrosimg img{
        width: 100% !important;
    }
    
    .carousel-control-next-icon,
    .carousel-control-prev-icon {
      filter: invert(1);
    }
    
  }