body{
  font-family: 'Arimo', 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: #FFBC00;
}
.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{
    border-color: transparent;
    background: #212C6C !important;
    color: #fff !important;
}

#contact-form input.is-valid,#contact-form textarea.is-valid
{
  background-color: #5e69a7 !important;
  color:#fff !important;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #f8f8f829;
}

.formulario-contacto
{
  background-color:#2F3A7C;border-radius:40px;
  padding:20px;
}
.btn-form-contacto{
  background-color: #ADB6C1;
  color:#212C6C;
  border-radius: 0px !important;
  padding:2px 40px;
}

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

.form-floating label {
  color: white;
}

/*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: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #f8f8f829;
}
/** 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:20px;
}

.logo-header
{
  width:170px;
}

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

.text-principal-categorias
{
  font-size:36px;color:#2F3A7C;margin-top:100px;
}

.text-secundario-categorias
{
  font-size:26px;color:#4B6174;
}
.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .caption {
  text-align: center;
}

.catalogo-seccion-inicio
{

}

@media(min-width:768px)
{

  .logo-header
  {
    width:340px;
  }

  .text-principal-categorias
  {
    font-size:76px;
  }

  .text-secundario-categorias{
    font-size:36px;
  }

  .formulario-contacto
  {
    padding:25px 100px 50px 100px;
  }
}

@media(min-width:1200px)
{
  .logo-header
  {
    width:300px;
  }
}


@media(min-width:1500px)
{
  .text-distribuidores{
    font-size:18px;
  }
}

@media(min-width:1800px)
{
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link
  {
    font-size:29px;
  }
  /*.logo-header
  {
    width:400px;
  }*/
  .text-distribuidores{
    font-size:24px;
  }
}


@media(max-width:462px)
{
  .margin-top-contacto-slider
  {
    margin-top:-25px;
  }
}

@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;
    }

}



.boton-red-social
{
  background-color:#ADB6C1;
  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%);
}

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

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

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

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

.btn-header-contact{
  color:#2F3A7C;
  text-decoration: none;
  background-color:#FFBC00;
  border-radius: 20px;
  padding:6px 18px;
  font-weight: bolder;
  transition: ease all 0.2s;
}

.navbar-shyo .nav-link
{
  border-bottom: 2px solid white;
}

.navbar-expand-lg .navbar-nav .nav-link{
  padding-right:1rem;
  padding-left:1rem;
}

.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
{
  list-style: none;
}

.footer-list li
{
  padding:5px;
}
.footer-list li a {
  text-decoration:none;
  color:white;
  padding:5px;
}

.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: #000;
  font-weight: bold;
}

.breadcrumb li a, .breadcrumb li.active{
  color:black !important;
}

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

/*form para distribuidores*/
#contact-form-distribuidores input,#contact-form-distribuidores textarea{
    border: 0;
    background: #DBDDDF !important;
    color: black !important;
    
}

#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: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #00266a29;
}
.formulario-contacto-distribuidores
{
  background-color:#ADB6C1;border-radius:40px;
  padding:20px;
}
.btn-form-contacto-distribuidores{
  background-color: #2F3A7C;
  color:#fff;
  border-radius: 0px !important;
  padding:2px 40px;
}

.btn-form-contacto-distribuidores:hover, .btn-form-contacto-distribuidores:focus{
  background-color: transparent;
  color:#2F3A7C;
  border-radius: 0px !important;
  border-color:#2F3A7C;
}

.form-control ,.btn
{
  font-size:1rem;
}
.formulario-contacto-distribuidores .form-floating label {
  color: #000;
} 



.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;
}


.buscador label,.buscador input::placeholder{
  color:#2F3A7C;
}

.buscador input
{
  background-color: #DBDDDF;
  color:#2F3A7C;
}

.buscador button
{
  background-color:#FFBC00;
  color:#2F3A7C;
}

.buscador button, .buscador input{
  border-radius: 0px;
}