/*
Custom Css
Paleta de colores gris oscuro y claro
*/

/* Sobrescribir colores verdes por grises */
.text-success { color: #555555 !important; }
.bg-success { background-color: #555555 !important; }
.btn-success {
  background-color: #555555 !important;
  border-color: #555555 !important;
}
.btn-success:hover {
  background-color: #444444 !important;
  border-color: #444444 !important;
}

/* Logo en gris oscuro */
.logo { color: #555555 !important; }

/* Enlaces hover en gris */
#templatemo_main_nav a:hover { color: #666666 !important; }

/* Carrusel indicadores en gris */
#template-mo-zay-hero-carousel .carousel-indicators li {
  background-color: #555555 !important;
}

/* Controles del carrusel en gris */
#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {
  color: #555555 !important;
}

/* Enlaces del footer hover */
#tempaltemo_footer a:hover { color: #777777 !important; }

/* Hover en servicios */
.services-icon-wap:hover { background: #666666 !important; }

/* Pagination activa */
.pagination .page-link:hover, .pagination .page-link.active {
  background-color: #555555 !important;
}