html {
  scroll-behavior: smooth;
}

body { background: #e0e0e0; font-family: 'Hind', sans-serif; }


html,
body {
    height: 100%;
}
.mtop{
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 164px;
}

.carousel-indicators li { 
    width: 10px;
    height: 10px;
}
.carousel {
    height: auto;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 10%;
    left: 15%;
    z-index: 10;
    padding:20px;
    color: #fff;
    text-align: center;
}

.carousel-caption h2, .carousel-caption h3 { text-transform: uppercase; font-size: 1.5rem; }
.carousel-caption h2 { font-weight: 300;}
.carousel-caption h3 { font-weight: 600; margin-bottom: 30px;}
.bg-blanco { background-color: #fff; }

footer .direccion a { color: #fff; }

.direccion p { font-size: 0.75rem; }
.direccion p i { margin-right: 5px; }
.direccion p:nth-child(1) { margin-bottom: 5px;}

.direccion-contacto { width: 100%; display: block; margin-bottom: 30px;}
.direccion-contacto h4 { text-transform: uppercase; font-weight: 700; }
.direccion-contacto p, .direccion-contacto h4 { font-size: 0.8rem; }
.direccion-contacto p i { margin-right: 5px; }
.direccion-contacto p:nth-child(1) { margin-bottom: 5px;}

.navbar-dark .navbar-nav .nav-link {
    color: #bbb;
    text-transform: uppercase;
    font-size: 13.5px;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}

.activo { color: #e3c84c!important; }

.dropdown-menu { background-color: transparent; border: none; }
.dropdown-menu .dropdown-item { background-color: rgba(255,255,255,0.7); margin-bottom: 3px; color:#000; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active
{ background-color: #fff; color: #000; }

.bg-mies { background-color: #394048; }

.form_blanco { 
 width: 100%;
 background-color: #fff;
 overflow: hidden;
 padding: 15px; 
}

.form_blanco label { display: block; }
.form_blanco textarea, .form_blanco input[type="text"] { display: block; width: 100%; background-color: #eeeff0; border: 1px solid #ddd; margin-bottom: 20px; }
.btn_contact { 
  color: #020d14;
  border: 2px solid #020d14;
  font-size: 0.9rem;
  text-transform: none!important;
  font-weight: 400;
  padding: 15px 26px;
  float: right;
  display: inline;
  text-decoration: none;
}

.btn_contact:hover {
  color: #fff;;
  background-color: #020d14;
  font-weight: 400;
  text-decoration: none;
}

.btn_access { 
  color: #020d14;
  border: 2px solid #020d14;
  font-size: 0.95rem;
  font-weight: 500;
  padding: 18px 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
}

.btn_access:hover {
  color: #fff;;
  background-color: #020d14;
  font-weight: 400;
  text-decoration: none;
}

.imagebox {
    background: black;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  
.imagebox img {
    opacity: 1;
    transition: 0.5s opacity;
    width: 100%;
}
  
  .imagebox .imagebox-desc {
    background-color: rgba(57, 64, 72, 0.7);
    bottom: 0;
    color: white;
    font-size: 0.8rem;
    text-transform: uppercase;
    left: 0;
    padding: 10px 15px;
    position: absolute;
    transition: 0.3s padding;
    text-align: center;
    width: 100%;
  }
  
  .imagebox-desc {
    margin-bottom: 0;
  }
  .imagebox:hover img {
    opacity: 0.7;
  }
  
  .imagebox:hover .imagebox-desc {
    padding-bottom: 4%;
  }

  .bi { 
    color: #020d14;
    font-size: 2rem;
    display: inline-block;
    vertical-align: text-bottom;
  }

  .fo {
    color:#fff;
    font-size: 1.1rem;
  }
  
  .bi:hover,  .imagebox:hover .bi {
    color: #e3c84c;
  }
  .module.parallax {
    background-position: 0 0;
  }
  .parallax-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 15px 50px 15px;   
  }

  .module.parallax-1 {
    background: url("../img/empresa/parallax.jpg") center center no-repeat;
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: rgba(0,0,0,0.4);
    background-blend-mode: screen;
  }

.parallax-1 h1 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
  }

.parallax-1 p {
    display: inline;
    padding: 0.5em 0em;
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    box-shadow: 1em 0 0 rgba(0,0,0,0.8), -1em 0 0 rgba(0,0,0,0.8);
    box-decoration-break: clone;
    line-height: 3em;
    font-weight: 300;
    font-size: 0.9rem;
}
  footer { 
      background-color: #020d14;
      color: #fff;
      padding: 20px 0;
  }

  footer ul li a { color: #fff; padding: 12px 20px; font-size: 1rem; }
  footer ul li a:hover { background-color: #394048; color: #fff; }

/* Tipografía */
.titulo { 
      font-size: 1.6rem;
      font-weight: 700;
      text-transform: uppercase;
  }

.titulo-blanco { 
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}

#noticias p {
  color: #fff;
  font-weight: 300;
}

.mb2 { 
  margin-bottom: 20px;
}

.titulo-2 { 
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sub-titulo { 
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #868686;
}

.sub-tit-2 { 
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    margin-top: 15px;
    margin-bottom: 0;
}
.a_hover a>img { margin-bottom: 20px; }
.a_hover a b, a p {
  color: #020d14;
}

/* Lightbox */

.small-demo img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: -webkit-transform .35s ease;
	-moz-transition: -moz-transform .35s ease;
	-o-transition: -o-transform .35s ease;
	-ms-transition: -ms-transform .35s ease;
	transition: transform .35s ease;
}

.small-demo a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* Menu Servicios */
.gris { background-color: #555654; }
.mt3 { margin-top: 3px; }

.servicios li a {
font-size: 0.7rem;
text-transform: uppercase;
color: #bbb;
}
.servicios li a:hover {
  color: #fff;
}

/* Bootstrap Hack */

.img-fluid { 
  width: 100%;
  height: auto;
}

.btn-slide {
  color: #fff;
  border: 1px solid #fff;
  font-size: 0.9rem;
  text-transform: none!important;
  font-weight: 400;
  padding: 0.4rem 1.5rem;
}
.btn-slide:hover {
  color: #000;
  background-color: rgba(255,255,255,0.8);
  font-weight: 400;
}
.page-link  {
  color: #000;
  border: 1px solid #fff;
  font-size: 0.9rem;
  text-transform: none!important;
  font-weight: 400;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #e3c84c;
  border-color: #e3c84c;
}

.page-link:hover {
  z-index: 2;
  color: #e3c84c;
  text-decoration: none;
  background-color: #394048;
  border-color: #394048; 
}



/* Responsive */

@media (max-width: 575.98px) {  
  .navbar-brand img { width: 150px; }
  .text-sm-center { text-align: center; }
 
 }

 @media(max-width:767px) {

  header.carousel .carousel {
      height: 70%;
  }
}