/* 
    Created on : 23 dic. 2024, 11:25:36
    Author     : Eric Palacios Portilla
*/
/* estilos hover*/

/*{
.box
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    background: #000;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    transition: .5s;
    margin-bottom: 35px;
}*/




@media (max-width: 768px) {
    
    
    .container-quienes-2 {

    padding: 20px;
}

    dl, ol, ul {
        margin-bottom: 0rem !important;
    }

    .carousel-card {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .carousel-card .carousel {
        padding: 1px 0 !important;
    }
    .row_00{
        margin-right: 0px !important;
        margin-left: 0px !important;    
    }

    .no-gutters>.col, .no-gutters>[class*=col-] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .bg-soluciones-3int {
        margin-left: 0px !important;
    }

    .bg-soluciones-6 {
        margin-left: 0px !important;
    }

    
    .bg-soluciones-7 {
        margin-left: 0px !important;
    }
    
    .bg-soluciones-kiosko{
        margin-left: 0 !important;
    }

    .contenedor_texto_ventajas {
        width: 100% !important;
    }

    .icon_vent_01 {
        width: 100% !important;
    }
    .icon_vent_02 {
        width: 100% !important;
    }
    .icon_vent_03 {
        width: 100% !important;
    }
    .icon_vent_04 {
        width: 100% !important;
    }
    .titulo_ventajas {
        text-align: center !important;
    }

    .container-quienes-2 {
        min-height: 100px !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }





}

dl, ol, ul {
color: #1e3659 !important;
    /*text-align: justify !important;*/
}


.justificado{
text-align: justify;
}

.container-ventajas_big {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 580px;
    overflow: hidden;
    overflow: hidden;
}

.ventajas_big{
    position: relative;
    width: 100%;
    min-height: 580px;
    height: auto;
    background: url(../images/ventajas_unboxing.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ventajas_experiencia{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/ventajas_experiencia.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.ventajas_alta{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/ventajas_alta.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}




.container_sol_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/soluciones_ex.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.container_sol_plegadizo {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/soluciones_plegadizo.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_sol_corrugado {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/soluciones_corrugado.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_sol_ex {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/soluciones_ex.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_sol_ex2 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/soluciones_ex2.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.titulo_ventajas {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}

.w-100 {
    width: 100% !important;
    height: auto;
    min-height: 367px;
    overflow: hidden;
}

.carousel-caption {

    bottom: 4px;

}

.container-quienes-2 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 500px;
    overflow: hidden;
    overflow: hidden;
}
.centrado_vertical {
    display: flex;
    align-items: center;
}

.f_infra{
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/infra.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.container_f_inn01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.container_f_inn03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn04 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_04.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.container_f_inn05 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_05.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn06 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_06.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn07 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_07.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn08 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_08.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_inn09 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/inn_09.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}



.container_f_empresa_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_01.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}




.container_f_empresa_02 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_02.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.container_f_empresa_03 {
    position: relative;
    width: 100%;
    min-height: 500px;
    height: auto;
    background: url(../images/f_empresa_03.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.padding_cero {
    padding: 0px;
}


.logo_empresa {
    position: relative;
    width: 100%;
    min-height: 140px;
    background: url(../images/logo_header.svg) center center;
    background-size: auto;
    background-size: contain;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #ffffff;
    background-repeat: no-repeat;
}


.textobig {
    font-family: 'metropolisregular';
    text-align: center;
    font-size: 22px;
}


.container-quienes-txt {
    position: relative;
    width: 85%;
    height: auto;
   /* overflow: hidden;*/
    margin: 0 auto;
    padding-bottom: 30px;
}

.box{
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;*/
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,.5);
}

.box .imgbox
{
    position: relative;
}

.box .imgbox img
{
    transition: .5s;
}

.box:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}

.box .content
{
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;

}

.box:hover .content
{
    opacity: 1;
    bottom: 0;
}

.box .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}

.box .content .btnD
{
    border: none;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 700;
    transition: .5s;
}

.box .content .btnD:hover
{
    background: #ff3232;

}

/*
*/

.box2{
    position: relative;
    width: 100%;
    height: 590px;
    overflow: hidden;
    border-radius: 0px;
    /*background: #000;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    margin-bottom: 11px;
}

.box2:hover
{
    transform: translateY(-10px);
    box-shadow: 0 50px 50x rgba(0,0,0,.5);
}

.box2 .imgbox
{
    position: relative;
}

.box2 .imgbox img
{
    transition: .5s;
}

.box2:hover .imgbox img
{
    opacity: .5;
    transform: translateY(-10px);
}

.box2 .content
{
    position: absolute;
    bottom: -40px;
    left: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    opacity: 0;

}

.box2:hover .content
{
    opacity: 1;
    bottom: 0;
}

.box2 .content h3
{
    font-size: 26px;
    color: #fff;
    font-weight: 700;
}

.box2 .content p
{
    font-size: 16px;
    line-height: 1;

    color: #fff;
    /*font-weight: 400;*/
}

.box2 .content .btnD
{
    border: none;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 700;
    transition: .5s;
}

.box2 .content .btnD:hover
{
    background: #ff3232;

}

/*
*/






.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'neue_haas_grotesk_text_pr65Md';
   
}
p {
    font-family: 'neue_haas_grotesk_text55roman';
        text-align: justify;

}
.navbar {
    padding: 0 1rem;
    margin-top: -15px;
}
.nav-link{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 20px;
    padding: 0 1rem;
    margin-top: 12px;
}
.navbar-light .navbar-nav .nav-link{
    color: #1e3659;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0bc8f4;
}
.logo-nav{
    width:360px;
}

.margin15{
    margin-bottom: 15px;    
}

.margin25{
    margin-bottom: 25px;    
}

.margin35{
    margin-bottom: 35px;    
}

.spacer15{

    width: 100%;
    height: 15px;
    float: left;
    position: relative;

}


.titulo {
    font-size: 21px;
    color: #1e3659;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
}
.centrado{
    text-align: center !important;
}



.texto_general_blue {
    font-size: 19px;
    color: #3863a3;
    line-height: 1.2;
    width: 100%;
    font-style: italic;
    font-weight: bold;
    text-align: justify;


}

.texto_bold {
    font-family: 'neue_haas_grotesk_text_pr65Md';
}

.texto_general {
    font-size: 19px;
    color: #1e3659;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    text-align: justify;

}

.texto_general_w {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
}

.titulo_w {
    font-size: 20px;
    color: #ffffff;
    line-height: 1.2;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    margin-bottom: 10px;
}

.relativo{
    position: relative;
    float: left;
}

.back_int
{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-image: url(../images/back_int.jpg);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;

}

.cont_ventajas{
    width: 100%;
    position: relative;
    float: left;
    min-height: 800px;
    height: auto;
    overflow: hidden;
    background-color: #f36001;
    color: #ffffff;
    border-radius:0px 0px 15px 15px ;
    margin-bottom: 30px;
}

.cont_ventajas_gris{
    width: 100%;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}



.bullett{
    list-style-image: url('../images/bullet_m.png');

}
.cont_valores_gris{
    width: 100%;
    background-image: url(../images/back_bullets.jpg);
    background-repeat: no-repeat;
    position: relative;
    float: left;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    border-radius:15px 15px 15px 15px ;
    margin-bottom: 30px;
    padding: 30px;
}



.ventaja_cont_texto{
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;


}

.contenedor_texto_ventajas{
    width: 80%;
    position: relative;
    float: left;
}

.icon_vent_01{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_01.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_02{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_02.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_03{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_03.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon_vent_04{
    width: 99px;
    position: relative;
    float: left;
    height: 99px;
    margin-right: 15px;
    background-image: url(../images/icon_vent_04.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ventaja_01{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}

.ventaja_02{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_02.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}

.ventaja_03{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}

.ventaja_04{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_04.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}
.ventaja_05{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_00.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}

.ventaja_06{
    width: 100%;
    position: relative;
    float: left;
    height: 580px;
    background-image: url(../images/ventaja_06.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}


.header_contacto {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_contacto.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
    overflow: hidden;
}


.header_soluciones {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_soluciones.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}

.width_video_int {
    width: 100%;
}

.header_innovacion {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_ventajas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}

.header_innovacion {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_innovacion.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}

.header_ventajas {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_ventajas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}

.header_infraestructura {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_infraestructura.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}

.header_quienes {
    width: 100%;
    position: relative;
    float: left;
    height: 341px;
    background-image: url(../images/header_compania.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: #ffffff;
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text55roman';
    padding-top: 200px;
    margin-bottom: 20px;
}


.nav-top{
    position: relative;
    width: 100%;
    height: 45px;
    margin-top: 0px;
    overflow: hidden;
    z-index: 5000;
}
.container-top-social{
    position: relative;               
    float: right;
    width: 140px;
    height: 35px;
    margin-top: 10px;
}
.container-top-tel{
    position: relative;
    float: right;
    width: 220px;
    height: 35px;
    margin-top: 22px;
}
.container-top-faq{
    position: relative;
    float: right;
    width: 180px;
    height: 35px;
    margin-top: 22px;
}
.container-top-tel a{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    color: #6d6d6d;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 1;
}
.container-top-tel a span{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    color: #0bc8f4;
    font-size: 16px;
}

.container-top-faq a{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    color: #6d6d6d;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 1;
}
.bt-redes-1{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #0059b2;
    border-radius: 50px;
    transition: all 0.5s;
}

.bt-redes-1 .facebook{
    position: absolute;
    width: 14px;
    height: 22px;
    background-image: url("../images/facebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 22%;
    left: 31%;
}
.bt-redes-2{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background: linear-gradient(to right,  rgb(255,168,0) 0%,rgb(255,11,91) 50%,rgb(255,0,192) 100%);

    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-2 .instagram{
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url("../images/instagram.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 20%;
    left: 21%;
}
.bt-redes-3{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #ff0000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-3 .youtube{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 17%;
    left: 20%;
}
.bt-redes-4{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 7px;
    background-color: #000000;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes-4 .tiktok{
    position: absolute;
    width: 21px;
    height: 21px;
    background-image: url("../images/tik-tok.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 21%;
    left: 21%;
}
.carousel-item h1{
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 110px;
    line-height: 1.2;
}
.carousel-control-prev-icon {
    background-image: url("../images/prev-icon.svg");
    width: 40px;
    height: 40px;
}
.carousel-control-next-icon{
    background-image: url("../images/next-icon.svg");
    width: 40px;
    height: 40px;
}
.container-bloque-1{
    margin-top: 40px;
    margin-bottom: 40px;
}
.container-bloque-1 p{
    font-size: 20px;
    color: #1e3659;
    text-align: justify;

}
.container-bloque-1 h1{
    color: #1e3659;
}
.bg-soluciones-1{
    position: relative;
    background-image: url("../images/soluciones-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}

.bg-soluciones_plegadizo{
    position: relative;
    background-image: url("../images/soluciones_plegadizo.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}

.bg-soluciones_corrugado{
    position: relative;
    background-image: url("../images/soluciones_corrugado.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}

.bg-soluciones-2{
    position: relative;
    background-image: url("../images/soluciones-2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-3{
    position: relative;
    background-image: url("../images/soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-kiosko{
    position: relative;
    background-image: url("../images/soluciones_kiosko.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}


.bg-soluciones-3int{
    position: relative;
    background-image: url("../images/interior_soluciones-3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 590px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}


.no-margin-padding{
    padding-left: 0;
    padding-right: 0;
}
.container-txt-soluciones-white{
    position: absolute;
    width: calc(100% - 50px);
    bottom: 45px;
    padding-left: 50px;
}
.container-txt-soluciones-white h3, .container-txt-soluciones-black h3{
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
}
.container-txt-soluciones-black p{
    font-family: 'neue_haas_grotesk_text55roman';
    color: #ffffff;
    font-size: 18px;
    text-align: justify;
}
.container-txt-soluciones-black{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-left: 50px;
    background-color: rgba(3, 3, 3, .67);
    height: auto;
    min-height: 150px;
    overflow: hidden;
    padding: 35px;
}
.bg-soluciones-4{
    position: relative;
    background-image: url("../images/soluciones-4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bg-soluciones-5{
    position: relative;
    background-image: url("../images/soluciones-5.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bg-soluciones-6{
    position: relative;
    background-image: url("../images/soluciones_pegado.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
   /* margin-left: 30px;*/
    margin-bottom: 10px;
}

.bg-soluciones-7{
    position: relative;
    background-image: url("../images/soluciones_distribucion.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    min-height: 290px;
    overflow: hidden;
    margin-left: 30px;
    margin-bottom: 10px;
}

.logo-bg{
    position: absolute;
    background-image: url("../images/logo-bg.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1363px;
    height: 1500px;
    left: -640px;
    top: -120px;
    opacity: 0.1;
}
.container-img-contacto{
    position: relative;
    width: 100%;
    background-image: url("../images/img-contacto.jpg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    height: auto;
    min-height: 650px;
    overflow: hidden;
}
#formulario .form-control {
    font-family: 'neue_haas_grotesk_text55roman';
    height: calc(1.8em + .75rem + 2px);
    padding: .375rem 1.4rem;
    font-size: 1.1rem;
    line-height: 1.5;
    color: #0bc8f4;
    background-color: #f3f1f1;
    border: none;
    border-radius: 50px;
}
#formulario .form-control::placeholder {
    color: #0bc8f4;
    opacity: 1;
}
#formulario textarea.form-control {
    height: 120px;
    border-radius: 20px;
    resize: none;
}
.form-control:focus, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-form{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 18px;
    background-color: #0bc8f4;
    border-color: #0bc8f4;
    padding: .8rem 50px;
    border-radius: 60px;
    float: right;
}
.col-contacto-phone{
    position: relative;
    float: left;
    width: 240px;
}
.col-contacto-mail{
    position: relative;
    float: left;
    width: calc(100% - 240px)
}
.phone-icon{
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    background-image: url("../images/phone-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-1{
    position: relative;
    float: left;
    width: calc(100% - 40px);

}
.datos-form-1 p, .datos-form-2 p{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 14px;
    line-height: 1;
    color: #1e3659;
    margin-bottom: 0;
}
.datos-form-1 a, .datos-form-1 a:hover, .datos-form-2 a, .datos-form-2 a:hover{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 18px;
    line-height: 1;
    color: #1e3659;
    text-decoration: none;
}
.mail-icon{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../images/mail-icon.svg");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    overflow: hidden;
    margin-right: 5px
}
.datos-form-2{
    position: relative;
    float: left;
    width: calc(100% - 45px);

}
.footer-bg{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 530px;
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    padding: 30px 100px;
}
.footer-bg-top{
    position: relative;
    float: left;

    width: 100%;
    height: 20px;
    background-color: #cdcdcd;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 50px;
}
.logo-footer{
    position: relative;
    width: 128px;
    height: 134px;
    background-image: url("../images/logo-footer.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.footer-bg p{
    font-family: 'robotoregular';
    color: #cfcfcf;
    font-size: 14px;
}
.footer-bg strong{
    font-family: 'robotobold';
    color: #ffffff;
}
a.tel-footer{
    font-family: 'robotobold';
    font-size: 20px;
    color: #0bc8f4;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.tel-footer:hover{
    color: #ffffff;
}
a.mail-footer{
    font-family: 'robotobold';
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
}
a.mail-footer span{
    font-family: 'robotobold';
    font-size: 15px;
    color: #0bc8f4;
    text-decoration: none;
    transition: all 0.3s;
}
a.mail-footer span:hover{
    color: #ffffff;
}
.footer-bg p.horario{
    font-family: 'robotobold';
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 0px;
}
.container-redes{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 50px;
    margin-top: 21px;
    overflow: hidden;
}
.container-redes-txt{
    position: relative;
    float: left;
    width: 80px;
}
.container-redes-txt p{
    color: #ffffff;
    margin-top: 9px;
}
.container-redes-icons{
    position: relative;
    float: left;
    width: calc(100% - 80px);
}
.bt-redes{
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    background-color: #333639;
    border-radius: 50px;
    transition: all 0.5s;
}
.bt-redes:hover{
    background-color: #0bc8f4;
}
.bt-redes .facebook{
    position: absolute;
    width: 12px;
    height: 18px;
    background-image: url(../images/facebook.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 18%;
    left: 30%;
}
.bt-redes .instagram{
    position: absolute;
    width: 20px;
    height: 22px;
    background-image: url(../images/instagram.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 15%;
    left: 15%;
}
.bt-redes .youtube{
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 26%;
    left: 23%;
}
.bt-redes .tiktok{
    position: absolute;
    width: 18px;
    height: 19px;
    background-image: url(../images/tik-tok.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 16%;
    left: 20%;
}
.container-footer-links{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    overflow: hidden;
    margin-top: 80px;
}
.container-footer-items{
    position: relative;
    width: 100%;
    margin-top: 20px;
}
.container-footer-links h6{
    font-family: 'robotobold';
    font-size: 16px;
    color: #0bc8f4;
}
ul.no-bullets {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.no-bullets a{
    color: #bebebe;
    font-family: 'robotoregular';
    font-size: 15px;
    text-decoration: none;
}
.no-bullets a:hover{
    color: #ffffff;
}
.container-footer-copy{
    position: relative;
    width: 100%;
    border-top: 1px solid #373738;
    margin-top: 20px;
    padding-top: 15px;
}
@media (min-width: 1180px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}
@media (max-width: 1180px){
    .nav-link {
        padding: .5rem 1rem;
        text-align: center;
    }
}
@media (max-width: 1420px){
    .carousel-item h1{
        font-size: 75px;
    }
}
@media (max-width: 1280px){
    .carousel-item h1{
        font-size: 75px;
    }
}
@media (max-width: 992px){
    .container-top-tel, .container-top-faq{
        display: none;
    }
    .navbar-brand {
        padding-top: 0;
    }
    .carousel-item h1 {
        font-size: 55px;
    }
    .container-footer-links{
        display: none;
    }
}
@media (max-width: 768px){

    .back_int{

        background-size: contain;


    }


    .bg-soluciones-3, .bg-soluciones-5 {
        margin-left: 0;
    }
    .container-bg-contacto-1{
        margin-top: 40px;
    }
    .btn-form {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .g-recaptcha {

    }
    .col-contacto-phone, .col-contacto-mail{
        display: none;
    }
    .footer-bg-top{
        margin-top: 0;
    }

}
@media (max-width: 768px){
    .carousel-item h1{
        font-size: 34px;
    }
    .nav-top{
        display: none;
    }
    .navbar {
        padding: .5rem 1rem;
        margin-top: 10px;
    }
    .logo-nav{
        width:250px;
    }
    .container-bloque-1 p {
        font-size: 18px;
    }
    .container-bloque-1 h1{
        font-size: 33px;
    }
    .container-bloque-1 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .footer-bg {
        padding: 30px 30px;
    }
    .logo-footer {
        margin: 0 auto;
    }
    .footer-bg p, a.tel-footer, a.mail-footer {
        text-align: center;
    }
    .container-redes {
        width: 194px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 440px){

    .header_infraestructura {

        font-size: 28px !important;
    }
}