.sin_margen { margin-right:0px; margin-left:0px; }
.sin_padding { padding-left:0px; padding-right:0px;  }
.sin_flex { display:inherit; }

.sin_padding_der { padding-right:0px; }
.sin_padding_izq { padding-left:0px; }

.margen_arriba_1 { margin-top:1%; }
.margen_arriba_2 { margin-top:2%; }
.margen_arriba_3 { margin-top:3%; }
.margen_arriba_4 { margin-top:4%; }
.margen_arriba_5 { margin-top:5%; }

.margen_abajo_1 { margin-bottom:1%; }
.margen_abajo_2 { margin-bottom:2%; }
.margen_abajo_3 { margin-bottom:3%; }
.margen_abajo_4 { margin-bottom:4%; }
.margen_abajo_5 { margin-bottom:5%; }

.padding_arriba_1 { padding-top:1%; }
.padding_arriba_2 { padding-top:2%; }
.padding_arriba_3 { padding-top:3%; }
.padding_arriba_4 { padding-top:4%; }
.padding_arriba_5 { padding-top:5%; }

.padding_abajo_1 { padding-bottom:1%; }
.padding_abajo_2 { padding-bottom:2%; }
.padding_abajo_3 { padding-bottom:3%; }
.padding_abajo_4 { padding-bottom:4%; }
.padding_abajo_5 { padding-bottom:5%; }

body {
    font-family: "Montserrat", serif;
}

.barra_nav {
    padding-bottom: 30px;
    background-color:#FFF;
    z-index: 5;
}

.logo {
    max-width: 200px;
    margin-right: 50px;
}

.navbar-expand-lg .navbar-collapse {
    flex-direction: column;
}

.dato_nav {
    margin-left: auto;
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #0011BB;
    padding-bottom: 20px;
    margin-bottom: 15px;
    margin-top: 30px;
}

.col_data {
    width: fit-content;
    display: inline-block;
    margin-left: 30px;
}

.dato_info_nav {
    color:#0011BB;
    font-weight: 600;
    font-size: 15px;
}

.dato_info_nav img {
    margin-right: 10px;
}

.nav-link {
    color:#0011BB;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    border-right: 1px solid #0011BB;
    padding:2px 25px !important;
}

.nav-item:last-child .nav-link{
    padding-right: 5px !important;
    border:none;
}

.bot_tienda {
    background-color: #0011BB;
    padding:10px 15px;
    color:#FFF;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: .3s all ease-in-out;
}

.bot_tienda:hover {
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}

.bot_tienda img {
    margin-right: 5px;
}

.nav-item {
    position: relative;
}

.hover_submenu {
    position: absolute;
    top: -850px;
    left: 0;
    z-index: -15;
    min-width: 250px;
    background-color:#FFF;
    border-radius:0 0 25px 25px;
    opacity: 0;
    height: 0;
    padding:0;
    transition: .3s all ease-in-out;
    border-top:15px solid #FFF;
    display: none;
}

.hover_submenu a {
    display: block;
    color:#0011BB;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom:1px solid #58595B;
    text-decoration: none;
    transition: .3s all ease-in-out;
    position: relative;
    text-align: left;
    
}

.hover_submenu a:last-child {
    border-bottom:none;
}

.hover_submenu a:hover {
    color:#0F7FEF;
}

.hover_submenu a:hover i {
    color:#0F7FEF;
}

.hover_submenu a img {
    max-width: 22px;
    margin-right: 4px;
    vertical-align: sub;
}

.aparece_submenu {
    opacity: 1;
    height: auto;
   /* padding-top: 15px;
    padding-bottom: 15px;*/
    padding: 20px 15px;
    top: 25px;
    z-index: 50;
    display: block;
}


/******************** FIN BARRA NAV *********************************************************************/

/************************************************************* PORTADA *********************************************************************/

.barra_port {
    padding-top: 50px;
    padding-bottom: 50px;
}

.logo_port {
    max-width: 271px;
    margin: 20px auto;
    display: block;
    width: 100%;
}

.dato_port {
 
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 15px;
    margin-top: 30px;
}

.col_port {
    width: fit-content;
    display: inline-block;
    margin-left: 30px;
    position: relative;
}

.col_port:nth-child(2)::before  {
    content:'';
    position: absolute;
    height: 30px;
    width: 1px;
    background-color: #000D36;
    left: -15px;
    top: -5px;
}


.dato_info_port {
    color:#000D36;
    font-weight: 600;
    font-size: 15px;
}

.dato_info_port img {
    margin-right: 10px;
}

.video_1 {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 288px);
    filter:grayscale(1);
    transition: .3s all ease-in-out;

    &:hover {
        filter:grayscale(0);
    }
}

.video_1:before {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background-color: #05AE7B;
    width: 100%;
    height: 100%;
    mix-blend-mode: color;
    z-index: 0;
} 

.video_1:after {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background: #1D1852;
    background: linear-gradient(180deg,rgba(29, 24, 82, 0) 0%, rgba(2, 72, 51, 1) 100%);
    width: 100%;
    height: 100%;
    z-index: 0;
}  

.video_port {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }

.video_2 {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 288px);
    filter:grayscale(1);
    transition: .3s all ease-in-out;

    &:hover {
        filter:grayscale(0);
    }
}

.video_2:before {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background-color: #0011BB;
    width: 100%;
    height: 100%;
    mix-blend-mode: color;
} 

.video_2:after {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background: #1D1852;
    background: linear-gradient(180deg,rgba(29, 24, 82, 0) 0%, rgba(0, 8, 85, 1) 100%);
    width: 100%;
    height: 100%;
}  


.video_3 {
    position: relative;
    overflow: hidden;
    height: calc(100vh - 288px);
    filter:grayscale(1);
    transition: .3s all ease-in-out;

    &:hover {
        filter:grayscale(0);
    }
}

.video_3:before {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background-color: #C28FFF;
    width: 100%;
    height: 100%;
    mix-blend-mode: color;
} 

.video_3:after {
    position: absolute;
    content:'';
    top:0px;
    left: 0;
    background: #1D1852;
    background: linear-gradient(180deg,rgba(29, 24, 82, 0) 0%, rgba(132, 43, 241, 1) 100%);
    width: 100%;
    height: 100%;
}  

.cont_video_port {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 5;
    position: relative;
}

.logo_video_port {
    max-width: 250px;
}

.bot_video_port {
    color:#242424;
    font-weight: 600;
    padding:8px 20px;
    position: relative;
    background-color: #FFF;
    border-radius: 7px;
    padding-right: 50px;
    display: inline-block;
    margin-top: 50px;
    text-decoration: none;
    transition: .3s all ease-in-out;

    &::before {
        content:'';
        position: absolute;
        top: 14px;
        right: 15px;
        background-image: url('../imagenes/flecha_bot_port.svg');
        background-size: contain;
        background-repeat: no-repeat;
        height: 15px;
        width: 25px;
        transition: .3s all ease-in-out;
    }

    &:hover {
        padding-right: 70px;

        &::before {
            right: 12px;
        }
    }
}

/******************************************************** FIN PORTADA *********************************************************************/

.carousel_home {
    border-bottom: 20px solid #E4E4E4;
}

.carousel_home .carousel-control-next, .carousel-control-prev {
    width: 5%;
}

.bg_banner {
    padding-top:0px;
    padding-bottom: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 486px;
    max-height: 486px;
}

.tit_banner {
    color:#FFF;
    font-size: 32px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.texto_banner {
    color:#FFF;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    max-width: 520px;
    margin-bottom: 60px;
}

.botones_banner a {
    background-color:#FFF;
    border-radius: 5px;
    padding:10px 25px;
    color:#0011BB;
    text-decoration: none;
    font-weight: 500;
    margin-right: 15px;
    transition: .3s all ease-in-out;
}

.botones_banner a:hover {
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}

.botones_banner i {
    margin-left: 10px;
    transition: .3s all ease-in-out;
}

.botones_banner a:hover i {
    margin-left: 15px;
}

.tit_nosotros_home {
    color:#0011BB;
    font-size: 16px;
    margin-top: 50px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 500;
}

.subtit_nosotros_home {
    color:#0011BB;
    font-size: 34px;
    margin-bottom: 40px;
    font-weight: 700;
    text-align: center;
}

.c_azul_home {
    background-color:#0011BB;
    border-radius:15px;
    padding: 25px;
    min-height: 320px;
    margin-bottom: 100px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 27%;
}

.bg_c_azul_1 {
    background-image: url('../imagenes/bg_c_azul_1.svg');
    background-size: 31%;
}

.bg_c_azul_2 {
    background-image: url('../imagenes/bg_c_azul_2.svg');
    background-size: 35%;
}

.bg_c_azul_3 {
    background-image: url('../imagenes/bg_c_azul_3.svg');
}

.tit_c_azul_home {
    color:#FFF;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    max-width: 300px;
}

.texto_c_azul_home {
    color:#FFF;
    margin-top: 20px;
    max-width: 300px;
}

.banner_prod_home {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    background-image: url('../imagenes/banner_gris.jpg');
    margin-top: -130px;
}

.banner_prod_home img {
    padding-top: 80px;
}

.flecha_carac {
    color:#0011BB;
    font-size: 34px;
}

.tit_carac {
    color:#0011BB;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px;
}

.texto_carac {
    color:#0011BB;
    max-width: 270px;
    margin-bottom: 30px;
    font-size: 18px;
}

.banner_trabajo_home {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../imagenes/banner_trabaja_home_2.jpg');
    padding-top:150px;
    padding-bottom: 100px;
    min-height: 550px;
}

.tit_trabajo_home {
    color:#0011BB;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.texto_trabajo_home {
    color:#0011BB;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 15px;
}

.subtexto_trabajo_home {
    color:#0011BB;    
    max-width: 430px;    
    margin-bottom: 45px;
}

.bot_trabajo_home {
    color:#FFF;
    background-color: #0011BB;
    padding:8px 25px;
    border-radius:5px;
    text-decoration: none;
    font-size: 15px;
    transition: .3s all ease-in-out;
}

.bot_trabajo_home:hover {
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}

.bot_trabajo_home i {
    margin-left: 15px;
    font-size: 18px;
    vertical-align: middle;
    transition: .3s all ease-in-out;
}

.bot_trabajo_home:hover i {
    margin-left: 22px;
}



/******************************************************************* FOOTER ***************************************************************************/

.bg_dist {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
   /* background-image: url('../imagenes/bg_dist_home.png');*/
    /*padding-top:100px;
    padding-bottom: 100px;*/
    background-color:#0011BB;
    
}

.c_dist_home_ubicacion {
    position: relative;
    padding-left: 15px;
}

.c_dist_home_ubicacion:before {
    position: absolute;
    content:'';
    top: -40px;
    left: 15px;
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../imagenes/ico_ubicacion.svg');
}

.c_dist_home_mas {
    position: relative;
    padding-left: 15px;
}

.c_dist_home_mas:before {
    position: absolute;
    content:'';
    top: -40px;
    left: 15px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../imagenes/ico_mas.svg');
}

.bg_dist_1 {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url('../imagenes/bg_dist_1_2.png');
    height: 100%;
    min-height: 290px;
    align-items: center;
    display: flex;
}

.bg_dist_2 {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-image: url('../imagenes/bg_dist_2.png');
    height: 100%;
    min-height: 290px;
    align-items: center;
    display: flex;
}

.tit_dist_home {
    color:#FFF;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 30px;
}

.bot_dist_home {
    color:#0011BB;
    background-color:#FFF;
    padding: 10px 25px;
    border-radius:5px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s all ease-in-out;
}

.bot_dist_home i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 15px;
    transition: .3s all ease-in-out;
}

.bot_dist_home:hover {
    -webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.3);
box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.3);
}

.bot_dist_home:hover i{
    margin-left: 25px;
}


.footer {
    background-color:#000D36;
    padding-top: 50px;
    padding-bottom: 30px;
}

.logo_footer {
    max-width: 130px;
}

.linea_footer {
    width: 100%;
    height: 1px;
    background-color:#FFF;
    margin-top: 25px;
    margin-bottom: 25px;
}

.linea_vert_footer {
    height: 100%;
    width: 1px;
    background-color:#FFF;
    margin:0 auto;
}

.copy {
    color:#FFF;
    text-align: center;
    font-size: 14px;
}

.bot_menu_footer {
    color:#FFF;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.redes_footer {
    margin-top: 20px;
}

.redes_footer i {
    color:#FFF;
    font-size: 24px;
}

.redes_footer a {
    display: inline-block;
    margin-right: 10px;
}

.c_info_footer {
    color:#FFF;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
}

.ico_footer_1:before {
    content:'';
    position: absolute;
    top: 5px;
    left: -25px;
    width: 20px;
    height: 25px;
    background-image:url('../imagenes/ico_footer_1.svg');
    background-repeat:no-repeat;
    background-size:contain;
}

.ico_footer_2:before {
    content:'';
    position: absolute;
    top: 4px;
    left: -23px;
    width: 15px;
    height: 15px;
    background-image:url('../imagenes/ico_footer_2.svg');
    background-repeat:no-repeat;
    background-size:contain;
}

.ico_footer_3:before {
    content:'';
    position: absolute;
    top: 4px;
    left: -23px;
    width: 15px;
    height: 15px;
    background-image:url('../imagenes/ico_footer_3.svg');
    background-repeat:no-repeat;
    background-size:contain;
}

.ico_footer_4:before {
    content:'';
    position: absolute;
    top: 4px;
    left: -23px;
    width: 15px;
    height: 15px;
    background-image:url('../imagenes/ico_footer_4.svg');
    background-repeat:no-repeat;
    background-size:contain;
}



/******************************************************************* EMPRESA *****************************************************************************************************/

.banner_secc_empresa {
    background-image:url('../imagenes/header_empresa.png');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 200px;
}

.frase_secc {
    text-align: center;
    font-size: 44px;
    color:#FFF;
    font-weight: 700;
    padding-top: 70px;
}

.tit_empresa {
    color:#0011BB;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin-top: 100px;
    margin-bottom: 60px;
    padding-left: 50px;
}

.c_desc_empresa {
    padding-left: 50px;
}

.tit_desc_empresa {
    font-weight: 600;
    font-size: 32px;
    color:#0011BB;
    margin-bottom: 20px;
}

.tit_desc_empresa img {
    max-width: 50px;
    margin-right: 15px;
}

.texto_desc_empresa {
    max-width: 450px;
}

.linea_vert_empresa {
    background-color:#0011BB;
    width: 1px;
    height: 100%;
    margin:0 auto;
}

.linea_desc_empresa {
    background-color:#0011BB;
    height: 1px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.banner_desc_empresa {
    background-image:url('../imagenes/banner_gris_empresa.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 150px;
    margin-top: 120px;
    margin-bottom: 120px;
}

.tit_banner_desc_empresa {
    color:#0011BB;
    font-size: 28px;
    font-weight: 600;
    padding-top: 30px;
    text-align: center;
}

.bg_historia {
    background-image:url('../imagenes/bg_historia.png');
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom: 120px;
}

.tit_historia {
    color:#0011BB;
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 20px;
}

.texto_historia {
    color:#1A1A1A;
    font-size: 15px;
    max-width: 550px;
}

.img_historia {
    max-width: 500px;
    margin:0 auto;
    display: block;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.modal-body {
position:relative;
padding:0px;
}
.btn-close {
position:absolute;
right:-30px;
top:0;
}

/******************************************************************* TRABAJA CON NOSOTROS *****************************************************************************************************/

.banner_secc_trabaja {
    background-image:url('../imagenes/header_trabaja.png');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 200px;
}


.banner_desc_trabaja {
    background-image:url('../imagenes/banner_trabaja_2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 580px;
    background-position:center;
    margin-bottom: 100px;
}

.tit_banner_desc_trabaja {
    color:#0011BB;
    font-weight: 700;
    font-size: 24px;
    max-width: 720px;
    padding-top: 30px;
    margin-bottom: 20px;
}

.texto_banner_desc_trabaja {
    color:#0011BB;
    max-width: 650px;
}

.linea_trab {
    background-color:#0011BB;
    height: 1px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.flecha_trab {
    color:#0011BB;
    font-size: 34px;
}

.tit_trab {
    color:#0011BB;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.texto_trab {
    color:#000D36;
    max-width: 400px;
    margin-bottom: 20px;
}

.texto_trab p {
    padding-left: 20px;
    position: relative;
}

.texto_trab p:before {
    content:'•';
    position: absolute;
    left: 0;
    top: -10px;
    font-size: 40px;
    line-height: 1;
    vertical-align: top;
}

.c_gris_adjunta {
    background-color:#F4F3F4;
    padding:20px;
    border-radius:15px;
}

.input {
    margin-bottom: 30px;
}

.select {
    margin-bottom: 30px;
}

.bot_enviar_trab {
    padding:10px 40px;
    color:#FFF;
    background-color:#0011BB;
    border-radius:5px;
    border:none;
    font-weight: 600;
    margin-top: 20px;
    transition: .3s all ease-in-out;
}


.bot_enviar_trab:hover {
    -webkit-box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 6px 5px 5px 0px rgba(0,0,0,0.3);
}

/******************************************************************* BUSQUEDA DE DISTRIBUIDORES *****************************************************************************************************/

.banner_secc_busqueda_dist {
    background-image:url('../imagenes/header_busqueda_dist.png');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 200px;
}

.tit_buscar_dist {
    color:#0011BB;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 50px;
}

.linea_buscar_dist {
    width: 100%;
    height: 1px;
    background-color:#565656;
    margin-bottom: 40px;
}

.resultados_buscar_dist {
    min-height: 600px;
}

.listado_locales {
    margin-top: 50px;
    height: 600px;
    overflow: scroll;
    overflow-x: hidden;
}

.c_resultado_dist {
    padding-bottom: 40px;
    border-bottom:1px solid #000;
    margin-bottom: 40px;
    max-width: 390px;
}

.tit_c_resultado_dist {
    color:#1A1A1A;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    max-width: 350px;
}

.mail_c_resultado_dist {
    color:#1A1A1A;
    font-weight: 600;
    margin-bottom: 15px;
    max-width: 350px;
    word-break: break-all;
}

.texto_c_resultado_dist {
    margin-bottom: 15px;
    max-width: 350px;
}

.bot_c_resultado_dist {
    color:#0011BB;
    border:1px solid #0011BB;
    border-radius:5px;
    padding:5px 15px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 20px;
}

.bot_c_resultado_dist i {
    color:#0011BB;
}

.mapa_dist {
    width: 100%;
    max-height: 600px;
    min-height: 600px;
    border:1px solid #CCC;
    border-radius:40px;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 60px;
}


/******************************************************************* CONVERTITE EN DISTRIBUIDOR *****************************************************************************************************/

.banner_convertite {
    background-image:url('../imagenes/banner_convertite_2.png');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 400px;
}

.texto_convertite {
    color:#0011BB;
    font-size: 24px;
    max-width: 550px;
    padding-top: 100px;
    font-weight: 700;
}



/******************************************************************* CONTACTO *****************************************************************************************************/

.linea_contacto_vert {
    height: 100%;
    width: 1px;
    background-color:#000;
    margin:0 auto;
}

.dato_contacto {
    color:#0011BB;
    margin-bottom: 20px;
}

.dato_contacto i {
    color:#0011BB;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 4px;
}

.dato_contacto span {
    display: inline-block;    
}

.redes_contacto {
    margin-left: 20px;
    margin-top:50px
}

.redes_contacto a {
    display: inline-block;
    margin-right: 10px;
}

.redes_contacto i {
    font-size: 24px;
    color:#0011BB;
}


/******************************************************************* LISTADO DE PRECIOS *****************************************************************************************************/

.c_lista_precio {
    padding: 15px 25px;
    border:2px solid #0011BB;
    text-align: center;
    min-height: 320px;
}

.c_lista_precio img {
    max-width: 250px;    
    width: 100%;
}

.tit_lista_precio {
    color:#0011BB;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.bot_lista_precio {
    background-color:#0011BB;
    padding:10px 40px;
    color:#FFF;
    text-decoration: none;
    width: 100%;
    display: block;
    margin-top: 15px;
    border-radius:4px;
    margin-bottom: 30px;
    transition: .3s all ease-in-out;
}

.bot_lista_precio:hover {
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.3);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.3);
}

.bot_lista_precio img {
    margin-right: 15px;
    vertical-align: sub;
}



/******************************************************************* PRODUCTOS *****************************************************************************************************/

.banner_prod {
    background-image:url('../imagenes/banner_prod.png');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 500px;
    margin-bottom: 60px;
    background-position:center;
}

.tit_prod {
    color:#0011BB;
    font-size: 24px;
    max-width: 550px;
    padding-top: 100px;
    font-weight: 700;
}

.texto_prod {
    color:#0011BB;
    font-size: 20px;
    max-width: 550px;
    margin-top: 40px;
    font-weight: 500;
}

.cat_prod {
    padding-bottom: 30px;
    border-bottom:1px solid #000;
    margin-bottom: 40px;
}

.cat_prod a {
    text-decoration: none;
    color:#7E7E7E;
    border:1px solid #7E7E7E;
    padding:10px 30px;
    border-radius:5px;
    padding-right: 50px;
    margin-right: 25px;
    position: relative;
}

.cat_prod a:before {
    content:'';
    position: absolute;
    width: 15px;
    height: 15px;
    background-image:url('../imagenes/flecha_prod_gris.svg');
    background-size:contain;
    background-repeat:no-repeat;
    top: 13px;
    right: 25px;
}

.cat_prod a:last-child {
    margin-right: 0;
}

.cat_activo {
    background-color:#0011BB;
    color:#FFF !important;
    border:1px solid #0011BB !important;
}

.cat_activo:before {
    background-image:url('../imagenes/flecha_prod_blanca.svg') !important;
}

.c_prod {
    border:2px solid #0011BB;
    padding:25px 40px;
    margin-bottom: 40px;
    min-height: 550px;
}

.c_prod img {
    max-width: 330px;
    margin-bottom: 20px;
}

.c_prod p {
    font-size: 22px;
    color:#0011BB;
    font-weight: 700;
    text-transform: uppercase;
}

.c_prod span {
    display: block;
    line-height: 1.3;
    min-height: 250px;
}



.show_desk {

}

.show_resp {
    display: none;
}

.input_h { width:100%; visibility: hidden; }

.input-group-text {
    background-color:transparent;
}

.input-group-text i {
    color:#0011BB;
}

.input-group input {
    border-right:none;
}

.bot_top { position:fixed; bottom:70px; right:10px;   display:none; opacity:0.7; }
.bot_top a { color:#FFF; font-size:20px; background-color:#777; padding:10px 12px; border-radius:50%; }
.bot_top i { }

.bot_wsp { display:block; position:fixed; bottom:5px; right:5px; /*background-color:#57a52c; padding:7px 7px; border-radius:50%;*/ color:#FFF;
    animation-delay: 1s; animation-duration:5s; animation-name:corazon;
    animation-iteration-count: infinite; max-width:50px;
   } 
  
   @-webkit-keyframes corazon {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    5% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    10% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    15% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    20% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes corazon {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    5% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    10% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  
    15% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
  
    20% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  

/******************************************************************* POSTVENTA *****************************************************************************************************/

.banner_desc_postventa {
    background-image:url('../imagenes/banner_postventa.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    min-height: 450px;
    background-position:center;
    margin-bottom: 100px;
}

.tit_banner_desc_postventa {
    color:#0011BB;
    font-weight: 700;
    font-size: 24px;
    max-width: 520px;
    padding-top: 120px;
    margin-bottom: 20px;
}

.texto_banner_desc_postventa {
    color:#0011BB;
    font-size: 20px;
    max-width: 550px;
    margin-top: 20px;
    font-weight: 500;
}  

.tit_post {
    color:#0011BB;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.texto_post {
    color:#000D36;
    max-width: 450px;
    margin-bottom: 20px;
    font-size: 16px;
}


.c_gris_post {
    background-color:#F4F3F4;
    padding:20px 30px;
    border-radius:10px;
    font-size: 16px;
    max-width: 450px;
}

.tabla_post {
    border:1px solid #0011BB;
    font-size: 15px;
}

.tabla_post thead td {
    background-color:#0011BB;
    color:#FFF;
    font-weight: 700;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tabla_post tbody td {
    border:1px solid #0011BB;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 30px;
}

.tabla_post tbody td:nth-child(2) {
    padding-left: 70px;
}

/******************************************************************* RESPONSIVE *****************************************************************************************************/

@media (max-width: 1440px) { 


}


@media (max-width: 1366px) { 

    .cat_prod a {
        padding: 10px 15px;
        padding-right: 40px;
        margin-right: 15px;
    }
    
    .cat_prod a:before {
        right: 15px;
    }

}

@media (max-width: 1280px) { 

    .logo {
        margin-right: 20px;
    }

}


@media (max-width: 767px) { 

    .show_desk {
        display: none;
    }
    
    .show_resp {
       display: block;
    }

    .tit_banner {
        font-size: 24px;
        margin-top: 10px;
    }

    .texto_banner {
        font-size: 30px;        
        margin-bottom: 30px;
    }

    .img_banner {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .tit_nosotros_home {
        margin-top: 50px;
    }
    
    .subtit_nosotros_home {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .c_azul_home {
        margin-bottom: 30px;
    }

    .banner_trabajo_home {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: 350px;
    }

    .texto_trabajo_home {
        font-size: 26px;
        max-width: 200px;
    }

    .bg_dist {
        padding-top: 0px;
        padding-bottom: 60px;
    }
    
    .c_dist_home_ubicacion {
        margin-bottom: 40px;
    }

    .tit_dist_home {
        font-size: 24px;
    }

    .c_info_footer {
        margin-left: 25px;
        margin-top: 5px;
    }

    .redes_footer {
        margin-bottom: 20px;
    }
    
    .logo_footer {
        margin-bottom: 20px;
    }

    .nav-link {
        border-right: none;
    }

    .col_data {
        width: 49%;
        margin-left: 0;
        text-align: left;
        margin-bottom: 10px;
    }

    .dato_info_nav img {
        margin-right: 5px;
        max-width: 15px;
    }

    .bot_tienda {
        padding: 5px 15px;
    }
    
    .bot_tienda img {
        max-width: 15px;
    }

    .dato_info_nav {
        font-size: 14px;
    }

    .dato_nav {
        padding-bottom: 10px;
        margin-top: 20px;
    }

    .nav-item {
        margin-bottom: 5px;
    }

    .logo {
        max-width: 150px;
    }

    .barra_nav {
        padding-bottom: 15px;
    }

    .banner_secc_empresa {
        min-height: 110px;
    }
    
    .frase_secc {
        font-size: 28px;
        padding-top: 35px;
    }

    .tit_empresa {
        font-size: 26px;
        margin-top: 40px;
        margin-bottom: 30px;
        padding-left: 0;
    }

    .c_desc_empresa {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .tit_desc_empresa {
        font-size: 26px;
    }

    .tit_desc_empresa img {
        max-width: 40px;
        margin-right: 10px;
    }

    .banner_desc_empresa {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .tit_banner_desc_empresa {
        font-size: 22px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .tit_banner_desc_empresa br {
        display: none;
    }

    .tit_historia {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .img_historia {
        margin-top: 30px;
        width: 100%;
    }

    .bg_historia {
        padding-bottom: 60px;
    }

    .banner_secc_trabaja {
        min-height: 120px;
    }

    .tit_banner_desc_trabaja {
        font-size: 20px;
        padding-top: 40px;
        margin-bottom: 20px;
    }

    .banner_desc_trabaja {
        background-image:url('../imagenes/banner_celular_trabajaconnosotros.jpg');
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center top;
        min-height: auto;
        margin-bottom: 50px;
        padding-top: 120px;
    }

    .banner_secc_busqueda_dist {
        min-height: 120px;
    }

    .tit_prod {
        font-size: 20px;
        padding-top: 50px;
    }

    .banner_prod {
        background-image:url('../imagenes/banner_celular_lineadeproductos.jpg');
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center top;
        min-height: auto;
        margin-bottom: 60px;
        padding-top:120px;
    }

    .tit_prod {
        font-size: 20px;
        padding-top: 50px;
    }
    
    .texto_prod {
        font-size: 18px;
        margin-top: 20px;
    }

    .cat_prod a {
        display: block;
        max-width: 350px;
        margin-bottom: 10px;
    }

    .c_prod {
        padding: 25px 20px;
        min-height: auto;
    }
    
    .c_prod img {
        max-width: 200px;
    }
    
    .c_prod p {
        font-size: 20px;
    }

    .listado_locales {
        height: 400px;
        overflow: visible;
        max-width: 320px;
        overflow-x: hidden;
    }

    .banner_convertite {
        background-image:url('../imagenes/banner_celular_convertiteendistribuidor.jpg');
        background-repeat:no-repeat;
        background-size:contain;
        min-height: auto;
        background-position:center top;
        /* padding-bottom: 50px; */
        padding-top: 120px;
    }
    
    .texto_convertite {
        font-size: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .banner_prod_home {
        margin-top: 0px;
    }
    
    .banner_prod_home img {
        padding-top: 30px;
    }

    .flecha_carac {
        font-size: 30px;
        padding-left: 30px;
    }
    
    .tit_carac {
        font-size: 20px;
        padding-left: 30px;
    }
    
    .texto_carac {
        font-size: 16px;
        padding-left: 30px;
    }

    .tit_trabajo_home {
        margin-top: 40px;
    }
    
    .bot_trabajo_home {
        margin-bottom: 40px;
        display: inline-block;
    }

    .bg_dist_1 {
        background-position:top;
        min-height: auto;
        align-items: baseline;
        display: flex;
        padding-top: 390px;
    }

    .bg_dist_2 {
        background-position:top;
        min-height: auto;
        align-items: baseline;
        display: flex;
        padding-top: 340px;
    }

    .footer {
        text-align: center;
    }

    .ico_footer_1:before {
        left: 40px;
    }
    
    .ico_footer_2:before {
        left: 80px;
    }
    
    .ico_footer_3:before {
        left: 80px;
    }
    
    .ico_footer_4:before {
        left: 80px;
    }

    .video-btn img {
        height: 230px;
        object-fit: cover;
    }

    .bg_historia iframe {
        width: 100%;
    }

    .banner_desc_postventa {
        background-image:url('../imagenes/banner_celular_postventa.jpg');
        background-repeat:no-repeat;
        background-size:contain;
        min-height: auto;
        background-position:center top;
        /* padding-bottom: 50px; */
        padding-top: 60px;
    }

    .texto_banner_desc_postventa {
        font-size: 16px;
    }  

    .tabla_post tbody td:nth-child(2) {
        padding-left: 30px;
    }

    .flecha_post {
        margin-top: 25px;
    }

    .barra_port {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .logo_port {
        max-width: 200px;
        margin: 0px auto;
    }

    .col_port:nth-child(1) {
        margin-left: 0px;
    }

    .dato_info_port {
        font-size: 13px;
    }

    .dato_port {
        margin-bottom: 0px;
        padding-bottom: 0;
        margin-top: 15px;
    }

    .video_1 {
        height: auto;
        min-height: 220px;
        display: grid;
    }

    .video_2 {
        height: auto;
        min-height: 220px;
        display: grid;
    }

    .video_3 {
        height: auto;
        min-height: 220px;
        display: grid;
    }

    .logo_video_port {
        max-width: 200px;
    }

    .bot_video_port {
        padding: 6px 15px;
        margin-top: 20px;
        font-size: 14px;
        padding-right: 50px;
         &::before {
            top: 10px;
         }
    }

}



@media (max-width: 390px) { 

    .ico_footer_1:before {
        left: 20px;
    }

    .ico_footer_2:before {
        left: 60px;
    }

    .ico_footer_3:before {
        left: 60px;
    }

    .ico_footer_4:before {
        left: 60px;
    }

}