/*
Theme Name: LOMAR
Author: Gustavo Rodriguez
Author URI: Lomarlogistics.com
Description: Sitio web desarollado para LOMAR
Version: 1.0
*/


/*generales*/


body{
	overflow-x: hidden;
}

@font-face
{
	font-family: Poppins-Regular;
	src: url('../fonts/Poppins-Regular.ttf');
}

@font-face
{
	font-family: Poppins-Bold;
	src: url('../fonts/Poppins-Bold.ttf');
}

h1, h2, h3, h4, strong{
	font-family: Poppins-Bold;

}

p, a, ul, input{
		font-family: Poppins-Regular;

}





/*==========================
===========SOCIALES=========
============================*/

#s_sociales{
	background: #15191e;
	padding: 10px 0px 0px 0px;
}

.contenedor-sociales img{
	width: 10%;

}

.contenedor-sociales a{
	color: #fff;
}

.contenedor-sociales a:hover{
	text-decoration: none;
}

.contenedor-sociales h4{
	color: white;
	font-size: 22px;
}



/*==========================
===========PRESENTACION=========
============================*/

#s_presentacion{
	background: url('../images/background/bg-presentacion.jpg') center no-repeat;
	background-size: cover;
	height: 100vh;
	background-attachment: fixed;
}

.contenedor-presentacion img{
	visibility: hidden;
}

/*==========================
===========MENU=============
============================*/

#s_menu{
	background: #c41622 !important;

}

.bg-red{
	background: #c41622 !important;
}

.logo-menu img{
	width: 80%;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: black;
}

.nav-link{
	margin-left: 20px;
}




/*==========================
========NOSOTROS=============
============================*/

#s_nosotros{
	background: url('../images/background/bg-nosotros.jpg') center no-repeat;
	background-size: cover;
	background-attachment: fixed;

}

.texto-nosotros{
	background: rgba(0,0,0,0.8);
	padding: 250px 50px;
}

.texto-nosotros h1{
	color: white;
	text-align: center;
}

.texto-nosotros p{
	color: white;
	text-align: justify;
}


.texto-nosotros hr{
  width: 50px;
  height: 4px;
  background: #c41622;
}



/*==========================
========VALORES=============
============================*/


#s_valores{
	background: url('../images/background/bg-valores-woman.jpg') center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 200px 0px;
	color: white;
	height: 100vh;
}

.titulo-valores h1{
	color: #fff;
	text-align: center;
}

.titulo-valores hr{
  width: 50px;
  height: 4px;
  background: #c41622;
}

.texto-valores{
	margin: 20px 100px;
}



/*==========================
========SERVICIOS=============
============================*/

#s_servicios{
	background: url('../images/background/bg-servicios.jpg') center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0px;
	color: white;
}


.titulo-servicios h1{
	color: #fff;
	text-align: center;
}

.titulo-servicios hr{
  width: 50px;
  height: 4px;
  background: #c41622;
}

.informacion-servicios{
	margin-top: 20px;
}

.informacion-servicios img{
	width: 250px;
	margin-bottom: 20px;
	transition: 1s ease-in;
    filter: drop-shadow(10px 10px 15px black);


}

.informacion-servicios img:hover{
	transform: scale(1.05);
	transition: 1s ease-out;
	cursor: pointer;
	filter: drop-shadow(10px 10px 15px #c7202f);

}

/*==========================
========UNIDADES=============
============================*/

#s_unidades{
	background: #ededed;
	padding: 100px 0px;
}

.titulo-unidades h1{
	color: black;
	text-align: left;
}

.titulo-unidades p{
	color: black;
	text-align: justify;
}


.titulo-unidades hr{
  margin-right: 900px;
  height: 5px;
  background: #c41622;

}

.lista-unidades{
	margin-top: 20px;
}



/*==========================
========RUTAS=============
============================*/

#s_rutas{
	background: url('../images/background/bg-rutas.jpg') center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.contenedor-mapa{
	background: rgba(244,6,6,0.2);
	margin-left: 50px;
	padding-top: 50px;

}

.contenedor-mapa img{
	width: 100%;
}
.titulo-rutas{
	margin-top: 100px;
}

.titulo-rutas h1{
	color: white;
	text-align: center;
}


.titulo-rutas hr{
  margin-right: 900px;
  height: 5px;
  background: #c41622;

}

.texto-rutas{
	margin-left: 150px;
}

.texto-rutas strong{
	color: white;
	font-size: 19px;
}




/*==========================
========DESCARGA=============
============================*/

#s_descarga{
	background: #ededed;

}

.texto-descarga{
	margin: 200px 150px;
}


.imagen-descarga img{
	width: 100%;
}


/*==========================
========CONTACTO=============
============================*/

#s_contacto{

	background: url('../images/background/bg-formulario.jpg') center no-repeat;
	background-size: cover;
	padding: 100px 0px;
}

.titulo-contacto{
	padding-top: 50px ;
}

.titulo-contacto hr{
  width: 70px;
  height: 4px;
  margin-right: 500px;
  background: #c41622;
}

.titulo-contacto h1,
.titulo-contacto p{
	color: white;
}

.formulario-contacto{
	padding-bottom: 50px;
}

.informacion-contacto{
	padding-top: 150px;
	padding-left: 50px;
}

.informacion-contacto p{
	color: white;
	font-size: 20px;
}

.informacion-contacto img{
	width: 10%;
	margin-left: 5px;
}




/*==========================
========FOOTER=============
============================*/

#s_footer{
	background: #15191e;
	padding: 100px;
}


.info-footer{
	color: white;
	text-align: justify;
	margin-right: 30px;
}

.menu-footer{
	color: white;
}

.menu-footer a{
	color: white;
}

.datos-footer{
	color: white;
}

.datos-footer img{
	width: 8%;

}

.datos-footer a{
	color: white;
}

/*==========================
========copyright=============
============================*/

.copyright{
	padding: 20px 0px 5px 0px;
	background: #c41622;
	color: white;
	text-align: center;
}

.ir-arriba{
	display: inline-block;
	padding: 20px;
	background: red;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
}



@media screen and (max-width: 767px){

	/*==========================
	===========PRESENTACION=========
	============================*/

	#s_presentacion{
		background: url('../images/background/bg-nosotros-mobile.jpg') center no-repeat;
		background-size: cover;
		height: 100vh;
	}

	.contenedor-presentacion{
		text-align: center;
		margin-top: 300px;
	}

		.contenedor-presentacion img{
			visibility: visible;
			width: 70%;

		}


	/*==========================
	===========SOCIALES=========
	============================*/

	#s_sociales{
		background: #15191e;
		padding: 10px 0px 0px 0px;
		visibility: hidden;
		position: absolute;
	}

	.contenedor-sociales img{
		width: 10%;

	}

	.contenedor-sociales a{
		color: #fff;
	}

	.contenedor-sociales a:hover{
		text-decoration: none;
	}


	/*==========================
	===========MENU=============
	============================*/

	#s_menu{
		background: #c41622 !important;

	}

	.bg-red{
		background: #c41622 !important;
	}

	.logo-menu img{
		width: 100%;
	}

	.navbar-light .navbar-nav .nav-link {
	  color: #fff;
	}

	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	  color: black;
	}

	.nav-link{
		margin-top: 10px;
		margin-left: 20px;
	}
	
	.navbar-toggler{
		margin-left: 70px;
	}

	/*==========================
	========NOSOTROS=============
	============================*/

	#s_nosotros{
		background: url('../images/background/bg-nosotros.jpg') center no-repeat;
		background-size: cover;
		background-attachment: fixed;

	}

	.texto-nosotros{
		background: rgba(0,0,0,0.8);
		padding: 150px 50px;
	}

	.texto-nosotros h1{
		color: white;
		text-align: center;
	}

	.texto-nosotros p{
		color: white;
		text-align: justify;
	}


	.texto-nosotros hr{
	  width: 50px;
	  height: 4px;
	  background: #c41622;
	}

	/*==========================
	========VALORES=============
	============================*/


	#s_valores{
		background: url('../images/background/bg-valores-woman.jpg') center no-repeat;
		background-size: cover;
		padding: 150px 0px;
		color: white;
		height: 100vh;
	}

	.titulo-valores h1{
		color: #fff;
		text-align: center;
	}

	.titulo-valores hr{
	  width: 50px;
	  height: 4px;
	  background: #c41622;
	}

	.texto-valores{
		margin: 20px 0px;
	}


	/*==========================
	========SERVICIOS=============
	============================*/

	#s_servicios{
		background: url('../images/background/bg-servicios.jpg') center no-repeat;
		background-size: cover;
		padding: 100px 0px;
		color: white;
	}


	.titulo-servicios h1{
		color: #fff;
		text-align: center;
	}

	.titulo-servicios hr{
	  width: 50px;
	  height: 4px;
	  background: #c41622;
	}

	.informacion-servicios{
		margin-top: 20px;
	}

	.informacion-servicios img{
		width: 50%;
		margin-bottom: 20px;
		transition: 1s ease-in;
	    filter: drop-shadow(10px 10px 15px black);


	}

	/*==========================
	========UNIDADES=============
	============================*/

	#s_unidades{
		background: #ededed;
		padding: 100px 0px;
	}

	.titulo-unidades h1{
		color: black;
		text-align: left;
	}

	.titulo-unidades p{
		color: black;
		text-align: justify;
	}


	.titulo-unidades hr{
	  margin-right: 300px;
	  height: 5px;
	  background: #c41622;

	}

	.lista-unidades{
		margin-top: 20px;
	}



	/*==========================
	========RUTAS=============
	============================*/

	#s_rutas{
		background: url('../images/background/bg-rutas.jpg') center no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}

	.contenedor-mapa{
		background: rgba(244,6,6,0.2);
		margin-left: 0px;
		padding-top: 50px;

	}

	.contenedor-mapa img{
		width: 100%;
	}
	.titulo-rutas{
		margin-top: 50px;
	}

	.titulo-rutas h1{
		color: white;
		text-align: center;
	}


	.titulo-rutas hr{
		margin-left: 150px;
	  margin-right: 150px;
	  height: 5px;
	  background: #c41622;

	}

	.texto-rutas{
		margin-left: 100px;
		margin-bottom: 50px;
	}

	.texto-rutas strong{
		color: white;
		font-size: 19px;
	}




	/*==========================
	========DESCARGA=============
	============================*/

	#s_descarga{
		background: #ededed;

	}

	.texto-descarga{
		margin: 100px 50px;
	}


	.imagen-descarga img{
		width: 100%;
		visibility: hidden;
		position: absolute;
	}


	/*==========================
	========CONTACTO=============
	============================*/

	#s_contacto{

		background: url('../images/background/bg-formulario.jpg') center no-repeat;
		background-size: cover;
	}

	.titulo-contacto{
		padding: 30px ;

	}

	.titulo-contacto hr{
	  width: 70px;
	  height: 4px;
	  margin-right: 500px;
	  background: #c41622;
	}

	.titulo-contacto h1,
	.titulo-contacto p{
		color: white;
	}

	.formulario-contacto{
		padding: 30px;

	}

	.informacion-contacto{
		visibility: hidden;
		position: absolute;
		padding-top: 0px;
		padding-left: 50px;
	}

	.informacion-contacto p{
		color: white;
		font-size: 20px;
	}

	.informacion-contacto img{
		width: 10%;
		margin-left: 5px;
	}




	/*==========================
	========FOOTER=============
	============================*/

	#s_footer{
		background: #15191e;
		padding: 100px 50px 100px 50px;
	}


	.info-footer{
		color: white;
		text-align: justify;
		margin-right: 0px;
	}

	.menu-footer{
		color: white;
	}

	.menu-footer a{
		color: white;
	}

	.datos-footer{
		color: white;
	}

	.datos-footer img{
		width: 10%;

	}

	.datos-footer a{
		color: white;
	}

	/*==========================
	========copyright=============
	============================*/

	.copyright{
		padding: 20px 70px 5px 70px;
		background: #c41622;
		color: white;
		text-align: center;
	}




}