body  {
  font-family: 'Roboto', sans-serif;
}

/* Navegacion Inicio */

.header_principal {
	padding: 60px 0px;
}

.navegacion{
  text-align: right;
  padding-top: 19px;
}

.navegacion li {
  display: inline-block;
  padding: 0px 0px 0px 13px;
}

.navegacion li a {
  color: #878787;
  font-size: 21px;
  font-weight: 300;
}

.navegacion li a:hover{
  color: #E10814;
  text-decoration: none;
}

.navegacion .active a {
  color: #E10814;
}

.separador {
  padding: 0px 0px 0px 7px;
}

/* Navegacion Final */

.titulo_nosotros {
  color: #E10814;
  font-weight: 300;
  font-size: 55px;
}

.flecha_nosotros {
  padding: 190px 40px;
}

.titulo_valores{
  padding: 15px 0px;
  color: #E10814;
  font-weight: 300;
}

.titulo_mision{
  padding: 15px 0px;
  color: #E10814;
  font-weight: 300;
}

.fila_valores{
  padding-bottom:50px;
}

.listado_servicios li{
  display: inline-block;
  padding-right: 10px;
}

.servicios_division span {
  font-size: 30px;
  color: #878787;
}

.servicios_normal {
  font-size: 20px;
}

.servicios_normal  a {
  color: #878787;

}

.listado_servicios .active  a {
  color: #E10814;
}

.listado_servicios li a:hover{
  text-decoration: none;
  color: #E10814;
}

.listado_general{
  list-style: none;
}

.listado_general a{
  color: #878787;
  font-size: 50px;
  font-weight: 300;
}

.listado_general a:hover{
  color: #E10814;
  text-decoration: none;
}

.listado_general .active{
  color: #E10814;
}

.subtitulo_servicio {
  color: #E10814;
  font-size: 32px;
  padding-top: 70px;
  font-weight: 300;
}

.subtitulo_contacto {
  color: #E10814;
  font-size: 32px;
  font-weight: 300;
}

.contacto_datos {
  color: #E10814;
  font-size: 21px;
  font-weight: 300;
}

.input-naranja {
    border: solid red 2px;
}

.enviar-naranja {
    background-color: red !important;
}

.images-portfolio {
  border-left: 0px;
  display: inline-block;
  margin-bottom: 30px;
  object-fit: cover;
  width:120px;
  height: 120px;
}

.images-portfolio:hover {
  transform: scale(1.1);
}

#lightcase-overlay {
    background: #e10814 !important;
}

.titulo_entrar {
  text-align: center; 
}

.parrafo_mision {
  color: #E10814;
  font-size: 34px;
  font-weight: 300;  
}

.clientes, .contacto {
  padding-left: 40px; 
}

.parrafo_clientes {
  padding-top: 40px;
  color: #E10814;
  font-size: 34px;
  font-weight: 300;  
}

.linea_roja {
  border:0;
  height:2px;
  background:#e10814;
}

.linea_contacto {
  width: 30%;
  text-align: left;  
  border:0;
  height:2px;
  background:#e10814;
}

.lista_clientes {
  color:#e10814;
}

.rayas_menu {
    display: none;
}


nav {
    display: none !important;
} 


.show_mobile {
    display: none;
  }



/*Menu Inicio*/

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(225,8,20);
  background-color: rgba(225,8,20, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: left;
  margin-top: 30px;
}

.overlay a {
  padding: 10px 30px;
  text-decoration: none;
  font-size: 36px;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #FFF;
}

.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 60px;
}

.overlay-content .active {
    text-decoration: underline;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

/*Menu Final*/

#lightcase-caption {
    color: white !important;
    font-size: 21px !important;
}