*{
  margin: 0;
  padding: 0;
}
body {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #444444;
  font-size: 12pt;
}

/* Cambiar tamanio al Carrousel */
/* .carousel .carousel-item {
  height: 500px;
} */

/* .item img {
  position: relative;
  top: 0;
  left: 0;
  min-height: 300px;
} */

/* --- Color dorado para etiquetas a --- */
.gold-link {
  color: #eeeeef;
  background-color: transparent;
  text-decoration: none;
}

.gold-link:hover {
  color: #ffc107;
  background-color: transparent;
}

.nav-link:hover{
  color: #ffc107 !important;
  background-color: transparent;
}

/* --------------------------------------------------- */

/* Texto color dorado */
.text-gold{
  color: #ffc107;
}
/* Texto justificado */
.text-justify {
  text-align: justify;
}

/* --------- Fondos de Imagen para Banner - BreadCrump ----- */
.banner-nosotros{
  background-image: url("../img/banner-nosotros-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.background-planos{
  background-image: url("../img/background-planos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ada9a2;
}

.banner-clientes{
  background-image: url("../img/banner-clientes-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-proyectos{
  background-image: url("../img/banner-proyectos-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-carpinteria{
  background-image: url("../img/banner-carpinteria-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-electricidad{
  background-image: url("../img/banner-electricidad-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-pintura{
  background-image: url("../img/banner-pintura-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-fontaneria{
  background-image: url("../img/banner-fontaneria-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-acm{
  background-image: url("../img/banner-acm-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner-servicios{
  background-image: url("../img/banner-servicios-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-contacto{
  background-image: url("../img/banner-contacto-gray.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-planos{
  background-image: url("../img/banner-diseñoplanos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-asesoria{
  background-image: url("../img/banner-asesoria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ededed;
}
/* ---------------------------------------------------------- */

 /* Background color amarillo para seccion contacto en Index */
.bg-planos-yellow{
  background-image: url("../img/background-planos-yellow.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* ---------------------------------------------------------- */

/* ---------------- Mapa Responsivo ------------------------- */
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
/* ---------------------------------------------------------- */

/* ----------------- Boton ir arriba -------------------------*/
.ir-arriba{
  display: none;
  background: #e4b962;
  font-size: 10px;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 5px;
  border-style: solid;
  border-color: black;
  border-width: 3px;
}
/* ---------------------------------------------------------- */

/* ----------------- Boton Facebook -------------------------*/
.icon-facebook{
  display: none;
  background: #1877f2;
  font-size: 10px;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  left: 10px;
  padding: 7px;
  border-radius: 50%;
  border-style: solid;
  border-color: black;
  border-width: 0px;
}
/* ---------------------------------------------------------- */

/* ----------------- Boton Whatsapp -------------------------*/
.icon-whatsapp{
  display: none;
  background: #00bfa5;
  font-size: 10px;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 10px;
  left: 50px;
  padding: 7px;
  border-radius: 50%;
  border-style: solid;
  border-color: black;
  border-width: 0px;
}
/* ---------------------------------------------------------- */

/* ---------------- Color para link activo ------------------ */