body{
  font-family: 'Red Hat Display', sans-serif;
}
.breadcrumb{
    margin-top: 5px;
    margin-bottom: 5px;
    color: #D5E0F6;
    font-weight: bold;
}
.breadcrumb li a{
    text-decoration: none;
    color: #D5E0F6;
}
.breadcrumb li.active{
    text-decoration: none;
    color: #0047BB;
}
/**/
.colorprincipal{
  color: #0047BB;
}
.bgprincipal{
  background: #0047BB !important;
}
.bgsecundario{
  background: #D5E0F6;
}
.bgtres{
  background: #E4EBFA;
}
.colorcuatro{
  color: #EF1A92;
}
.colorcinco{
  color: #F28D2F;
}
.bgcinco{
  background-color: #F28D2F !important;
}
.bgseis{
    background: #81CF01;
}
/**/
.list-group-item {
    background-color: transparent;
}
.rounded-5{
  border-radius: 0.5rem!important;
}
.glider-next, .glider-prev{
  font-size: 50px;
  width: 40px;
  height: 40px;
  top: 44% !important;
}
/* cointact form index*/
#contact-form input,#contact-form textarea{
    background: white !important;
    color: #013D80 !important;
    border-radius: 0px;
}

#contact-form input.is-valid,#contact-form textarea.is-valid
{
  background-color: white !important;
  color:#013D80 !important;
}

.formulario-contacto
{
  background-color:transparent;
  padding:20px;
  border:2px solid white;
}
.btn-form-contacto{
  background-color: #AC0903;
  color:white;
  border-radius: 0px !important;
  padding:2px 40px;
}

.btn-form-contacto:hover, .btn-form-contacto:focus
{
  background-color:transparent;
  border-color:#AC0903;
  color: #AC0903;
}

.form-floating label {
  color: #013D80;
}

/*eliminaos los estilos en el auto complete bmv 19-10-23*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #013D80;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
}
/** paralaxx **/
.parallax {
    /* Create the parallax scrolling effect */
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    /*background-size: cover !important;*/
  }

/* form ver prodcuto */
#contacto-form input,#contacto-form textarea{
    background: #212C6C;
    color: #fff;
    border: 0;
    border-radius: 1rem;
}


#contact-form-distribuidores input .is-valid, #contact-form-distribuidores textarea .is-valid
{
  color:black !important;
}

/* overlay  */
.imgoverlay {
  position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(0,0,0,0.8);
}

.imgoverlay:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*form contacto*/
#contactform input,#contactform textarea{
    border-color: #0047BB;
    border-radius: 1rem!important;
}
/***/

/* Flashing */
.bg-producto  {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.bg-producto:hover {
    /*background: #1abc9c;*/
    /*background: #33528b8f;*/
    background:#04050652;
}

/* horizontal scrolling **/
.horizontal-scroll-wrapper {
    width: auto;
    padding: 10px;
    white-space: nowrap;
    overflow-x: auto;
}
.horizontal-scroll-wrapper > div {
    width: 130px;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    display: inline-block;
    border-right: 1px solid #828282 ;
}
.horizontal-scroll-wrapper > div:last-child {
    border-right: 0px solid #828282 ;
    margin-right: 0;
    padding-right: 0;

}
.horizontal-scroll-wrapper > div > a > p{
    white-space: initial;
    font-size: 0.8rem;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link
{
  font-size:17px;
  text-transform: uppercase;
}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
{
  color:white;
}

.logo-header
{
  width:170px;
}

.text-distribuidores
{
  color:#2F3A7C;
  font-size:16px;
}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-right:1rem;
  padding-left:1rem;
  font-size: 22px;
  text-transform: uppercase;
}



.boton-red-social
{
  background-color:transparent;
  text-decoration: none;
  color:#2F3A7C;
  border-radius: 25px;
  margin:2px;
  text-align: center;
  transition: ease all 0.2s;
}

.boton-red-social.btn-fb:focus,.boton-red-social.btn-fb:hover
{
  color: white;
  background-color: #0047BB;
}

.boton-red-social.btn-tk:focus,.boton-red-social.btn-tk:hover
{
  color: white;
  background-color: #000;
}

.boton-red-social.btn-whatsapp:focus,.boton-red-social.btn-whatsapp:hover
{
  color: white;
  background-color: #25d366;
}

.boton-red-social.btn-ins:focus,.boton-red-social.btn-ins:hover
{
  color: white;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.navbar-dark .navbar-nav .nav-link
{
  color: #cbc8c8;
  margin:10px;
  line-height: 1px;
}


.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link
{
  color:white;
}

.boton-red-social.btn-fb,.boton-red-social.btn-tk,.boton-red-social.btn-ins
{
  padding:5px 4px;
}


.boton-red-social-footer.btn-fb,.boton-red-social-footer.btn-tk,.boton-red-social-footer.btn-ins
{
  padding:7px 12px;
}

.boton-red-social.btn-fb i,.boton-red-social.btn-tk i,.boton-red-social.btn-ins i
{
  position:relative;
  left:1px;
}

.boton-red-social-footer.btn-whatsapp{
  padding:6px 11px !important;
}


.boton-red-social.btn-whatsapp{
  padding:6px;
}

.boton-red-social i {
  align-items: center;
}

.btn-header-contact{
  color:white;
  text-decoration: none;
  background-color:#CA3E41;
  border-radius: 20px;
  padding:6px 18px;
  transition: ease all 0.2s;
  border: 1px solid white;
}



.btn-header-contact:hover{
  color: #CA3E41;
  background-color:white;
  border-color: #CA3E41;
}


.lista-redes-contacto
{
  list-style: none;
  margin:0px;
  padding:0px;
}

.lista-redes-contacto li
{
  float:left;
  margin:20px;
}


/*.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link.active{
  border-bottom: 2px solid #FFBC00;
}*/

.footer-list,.lista-footer-rs
{
  list-style: none;
}

.lista-footer-rs > li
{
  float:left;
  
}

.lista-footer-rs > li a
{
  float:left;
  text-align:center;
  
}
.footer-list > li
{
  padding:4px;
  
}
.footer-list li a {
  text-decoration:none;
  color:white;
  padding:5px;
}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active
{

  font-size:17px;
  text-transform: uppercase;
}

.separador-contacto > span 
{
  border-bottom: 2px solid white;
  padding-bottom: 10px;
}

.separador > span
{
  border-bottom: 3px solid #AC0903;
  /*padding-bottom: 10px;*/
 
}


.titulo-nosotros
{
  font-size:28px;color:#2E345D;font-weight:bold;
}

.separador::after
{
  content: '★';
  display: inline-block;
  /*position: relative;
  top:-22px;
  right:-30px;*/
  font-size: 40px;
  color: #AC0903;
  
  height:40px;
  vertical-align: middle;
  
}

.separador-contacto::after
{
  content: '★';
  display: inline-block;
  /*position: relative;
  top:-22px;
  right:-30px;*/
  font-size: 40px;
  color: white;
  
  height:10px;
  vertical-align: middle;
  
}

/*.separador
{
  list-style: none;
  padding:0px;
}

.separador li 
{
  float:left;
}

.separador > li hr
{
  border-bottom:3px solid #AC0903;width:65vw;opacity:1;
}*/

.btn-empresa
{
  background-color: transparent;
  color:white;
  border:2px solid white;
}


.btn-empresa:hover
{
  background-color: white;
}


.btn-empresa-blanco
{
  background-color: transparent;
  color:#2E345D;
  border:1px solid #2E345D;
  border-radius: 0px;
}


.btn-empresa-blanco:hover
{
  background-color: #2E345D;
  color: white;
}

.fondo-contacto
{
  background-image:url('../imagenes/contacto_form.png');
  background-size:cover;background-position:left;background-repeat:no-repeat;height:auto;
}

.textos-contacto-formulario
{
  color:white;
}

.imagen-catalogo-1
{
  width:250px;
}

.texto-form-distribuidores
{
  padding:20px;
  margin-top:500px;
  margin-bottom: 50px;
}

.margin-top-red-social
{
  margin-top:60vh;
}

.seccion-linea-contacto{
  background-color: #CA3E41;height:200vh;
}

.margin-red-social
{
  margin-top:750px;
}

.posicion-formulario-contacto
{
  position:relative;top:-800px;
}

.navbar-toggler{
  border: 1px solid #f7eeee;
}

.navbar-toggler > span
{
  color:#f7eeee;
}

.header-logo
{
  width:200px;
}

@media(min-width:480px)
{

  .margin-red-social
  {
    margin-top:560px;
  }
  

  .logo-header
  {
    width:50px;
  }
}

@media(min-width:600px)
{
  /*.seccion-linea-contacto
  {
    height:100vw;
  }*/
  
  .imagen-catalogo-1
  {
    width:300px;
  }
  .header-logo
  {
    width:300px;
  }
}

@media(min-width:768px)
{
  
  .posicion-formulario-contacto
  {
    top:-350px;
  }

  .seccion-linea-contacto
  {
    height:80vw;
  }

  .margin-top-red-social
  {
    margin-top:45vw;
  }


  .margin-red-social
  {
    margin-top:1250px;
  }
  .formulario-contacto
  {
    /*padding:25px 100px 50px 100px;*/
    padding:10px 60px 0px 35px;
  }

  .texto-form-distribuidores
  {
    margin: 0px;
    padding: 0px;
  }

  /*.seccion-linea-contacto
  {
    background-color: #CA3E41;height:50vw;
  }*/

}


@media(min-width:992px)
{




  .margin-top-red-social
  {
    margin-top:20vw;
  }

  .footer-list > li
  {
    float:left;
    
  }

  .separador > li hr
  {
    width:40vw;
  }

  .textos-contacto-formulario
  {
    color:black;
  }

  .textos-contacto-formulario span
  {
    color: #2E345D;
  }
  .fondo-contacto
  {
    background-position: center !important;
  }

  .margin-red-social
  {
    margin-top:650px;
  }


  .titulo-nosotros
  {
    font-size:32px;
  }
}

@media(min-width:1200px)
{


  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active
  {
    border-bottom:2px solid #CA3E41;
    padding-bottom:20px;
    
  }

  .navbar-dark .navbar-nav .nav-link:focus::before, .navbar-dark .navbar-nav .nav-link:hover::before, .navbar-dark .navbar-nav .nav-link.active::before
{
   content: '★';
  display: inline-block;
  position: relative;
  /*left:33%;
  transform: translateX(-50%);*/
  top:35px;
  text-align: center;
  font-size: 1.6rem;
  color: #CA3E41;
  width:67%;
  vertical-align: middle;
  z-index:-2
}

  .margin-red-social
  {
    margin-top:550px;
  }

  .seccion-linea-contacto
  {
    height:40vw;
  }
  .navbar-dark .navbar-nav .nav-link:focus::before, .navbar-dark .navbar-nav .nav-link:hover::before, .navbar-dark .navbar-nav .nav-link::before
  {
     content: '★';
    display: inline-block;
    position: relative;
    /*left:33%;
    transform: translateX(-50%);*/
    top:35px;
    text-align: center;
    font-size: 1.6rem;
    color: transparent;
    width:67%;
    vertical-align: middle;
    z-index:-2
  }

}

@media(min-width:1500px)
{

  .margin-top-red-social
  {
    margin-top:0px;
  }
  .text-distribuidores{
    font-size:18px;
  }
  .margin-red-social
  {
    margin-top:85px;
  }

  .seccion-linea-contacto
  {
    height:50vw;
  }
}

@media(min-width:1800px)
{

  .logo-header
  {
    width:400px;
  }
  .text-distribuidores{
    font-size:24px;
  }
}

@media (max-width: 768px) {

    .horizontal-scroll-wrapper {
        justify-content: flex-start;

    }
    .horizontal-scroll-wrapper > div {
        width: 80px;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        display: inline-block;
    }  
    .horizontal-scroll-wrapper > div > a > p{
        font-size: 0.6rem;
    }

}

.buscador input{
  background-color: #C1C6E3;
  color:#2E345D;
  border: none;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.btn-principal
{
  background-color: #2E345D;
  color: white;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.btn-principal:hover,.btn-principal:active
{
  background-color: white;
  color: #2E345D;
  border-color: #2E345D;
  border-left: 1px solid #2E345D;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.vision
{
  background-color: #FFBC00;
  border-radius: 25px;
  padding:35px;
}

.valores 
{
  background-color: #01A2E9;
  border-radius: 25px;
  padding:35px;
}

.mision
{
  background-color:#ADB6C1;
  border-radius: 25px;
  padding:35px;
}

.imgcheckcolor{
  border:none !important;
  transition: ease all 0.1s;
}

.imgcheckcolor.activo{
  /*border: 2px solid red !important;*/
  font-weight: bolder !important;
  color: #000;
  border-bottom: 2px solid red !important;
}

.btn-subcat
{
  border-radius: 0px;
  transition: all ease 0.05s;
  border-bottom: 2px solid transparent;
}

.btn-subcat:focus{
  border: none !important;
  box-shadow: none;
}
.btn-subcat.active, .btn-subcat:hover
{
  border-bottom:2px solid red !important;
  color: #fff;
  font-weight: bold;
}

.btn-subcat.active::before, .btn-subcat:hover::before
{
   content: '★';
  display: inline-block;
  position: relative;
  right:30px;
  font-size: 1rem;
  color: #AC0903;
  width:0px;
  vertical-align: middle;
}

.breadcrumb-item+.breadcrumb-item::before
{
  font-size: 24px;
  color: black;
}

.breadcrumb li a, .breadcrumb li.active{
  color:black !important;
  font-size: 24px;
}

.breadcrumb li.active{
  font-weight: bold;
}

/*form para distribuidores*/
#contact-form-distribuidores input,#contact-form-distribuidores textarea{
    border: 0;
    background: transparent !important;
    color: #2E345D !important;
    border-bottom: 2px solid #2E345D;
    border-radius: 0px;
}

.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip
{
  color: #2E345D;
}


#contact-form-distribuidores input:-webkit-autofill,
#contact-form-distribuidores input:-webkit-autofill:hover, 
#contact-form-distribuidores input:-webkit-autofill:focus, 
#contact-form-distribuidores input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #2E345D;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
}
.formulario-contacto-distribuidores
{
  background-color:white;
  padding:20px;
}
.btn-form-contacto-distribuidores{
  background-color: #fff;
  color:#013D80;
  padding:2px 40px;
  border:2px solid #013D80;
}



.btn-form-contacto-distribuidores:hover, .btn-form-contacto-distribuidores:focus{
  background-color: #013D80;
  color:white;
  border-color:white;
}


.formulario-contacto-distribuidores .form-floating label {
  color: #013D80;
} 



.opiniones::before
{
  content: '“';
  font-size:82px;
  position: absolute;
  left: -22px;
  top:10px;
  font-family: 'Noto Sans HK', sans-serif;
  color:#2F3A7C;
}
.opiniones::after
{
  content: '”';
  font-size:82px;
  position: absolute;
  right: -22px;
  font-family: 'Noto Sans HK', sans-serif;
  color:#2F3A7C;
}

.owl-nav
{
  position:relative;
  top:-295px;
}

.owl-prev
{
  position:absolute;
  left:0px;
  background-color: #AC0903 !important;
  color:white !important;
  width:50px;
  height:50px;
  border-radius: 10px;
  font-size:25px !important;
}

.owl-next
{
  position:absolute;
  right:0px;
  background-color: #AC0903 !important;
  color:white !important;
  width:50px;
  height:50px;
  border-radius: 10px;
  font-size:25px !important;
}