*{
	margin: 0px;
	font-family: "nunito", sans-serif;
}
.container{
	background-image: url(/img/f1-652.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
}
.container1{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	height: 90vh;
	display: flex;
}
.con-nav{
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
	height: 80px;
	display: flex;
}
.con-1{
	flex-basis: 51%;
}
.con-2{
	display: none;
}
.nav{
	flex-basis: 52%;
	height: 80px;
	align-content: center;
}
ul{
	padding: 0px;
}
.ul-nav{
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.ul-nav > li > a{
	display: block;
	padding: 30px 15px;
	text-decoration: none;
	color: #000;
	font-weight: 500;
}
.ul-nav li a:hover{
	background-color: rgb(224, 71, 12);
	color: #fff;
	border-radius: 1px;
}

.con-logo{
	text-align: center;
	height: 78vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 1.3em;
	letter-spacing: 4px;
}
.separador-log{
	height: 40px;
	display: none;
}
.separador-log2{
	height: 100px;
}
.separador1{
	height: 100px;
}
.separador2{
	height: 50px;
}
.separador3{
	height: 20px;
}
.con-1 img{
	max-width: 23vw;
	min-width: 400px;
}
#text1{
	text-align: center;
	font-size: 1.2em;
	letter-spacing: 2px;
/*	padding-bottom: 8px;*/
	font-weight: 200;
}

.whatsapp{
	position: fixed;
	z-index: 100;
	bottom: 30px;
	right: 30px;
}
.whatsapp img{
	width: 65px;
}
.whatsapp img:hover{
	-webkit-transform:scale(1.09);
	transform:scale(1.2);
	transition:.5s;
}
.whatsapp img:active{
	-webkit-transform:scale(1);
	transform:scale(1);
	transition:.2s;
}

@media only screen and (max-width: 1090px){
	.con-nav{
		display: block;
		max-width: 650px;
	}
	.ul-nav > li > a{
		background-color: #dd9d4c;
/*		border: 1px solid #e0470c;*/
		color: #fff;
		padding: 11px;
	}

}

@media only screen and (max-width: 800px){
	.container1{
		display: block;
	}
	#p1{
		text-align: center;
	}
	hr{
		margin-left: 70%;
		margin-right: 5%;
	}
	.container{
		background-image: none;
	}
	.con-logo{
		display: block;
		height: 30vh;
	}
	.separador-log{
		display: block;
	}
	.separador-log2{
		display: none;
	}
	.con-2{
		display: block;
		max-height: 63vh;
		text-align: center;
	}
	.con-2 img{
		max-width: 100%;
		max-height: 64vh;
		object-fit: cover;
	}
}

@media only screen and (max-width: 550px){
	.con-nav{
		display: none;
	}
}

/*=============================NOSOTROS=================================*/
.container-nos{
	background-color: #fcf8f5;
}
.con-n{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	min-height:550px;
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.h1{
	background-color: #e0470c;
	font-size: 1.7em;
	font-weight: 600;
	padding: 10px;
	width: 180px;
	height: 35px;
	text-align: center;
	align-content: center;
	color: white;
}
.nos{
	display: flex;
	flex-basis: 72%;
	justify-content: space-between;
	gap: 10px;
}
.n1, .n2, .n3{
	flex-basis: 33.3%;
	text-align: center;
}
.comilla{
	text-align: left;
	width: 200px;
	margin: 0 auto;
}
.nos .img-n1{
	max-width: 100%;
	margin-bottom: 20px;
}
.nos p{
	margin-top: 20px;
	width: 200px;
}
.p-nosotros{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	text-align: center;
	font-size: 1.2em;
}

@media only screen and (max-width: 870px){
	.con-n, .nos{
		display: block;
	}
	.p-nosotros{
		text-align: center;
	}
}
/*===================SERVICIOS===============================*/

.con-s{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	min-height:700px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.h2{
	font-size: 3.7em;
	line-height: 1em;
	font-weight: 500;
}
.numeros{
	display: flex;
	align-items: center;
	margin-left: 3.5vw;
	margin-bottom: .3em;
}
.numeros p{
	font-size: 2em;
	font-weight: 300;
}
#uno{
	background-color: #e0470c;
	color: #fff;
	font-size: 2em;
	width: 1.4em;
	border-radius: 50%;
	padding: 7px;
	text-align: center;
	font-weight: 800;
	margin-right: 10px;
}

@media only screen and (max-width: 800px){
	.con-s{
		display: block;
	}
	.s2{
		text-align: center;
	}
}

/*============================PROCESO===========================*/

.con-pro{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	height:700px;
}
.s2 img{
	max-width: 100%;
/*	height: auto;*/
}
.pro-2 p{
	text-align: center;
	font-size: 1.2em;
}

/*=====================BUSCAMOS=======================*/

.container-b{
	background-color: #f6f1ed;
}
.b1{
	flex-basis: 40%;
}
.b2{
	flex-basis: 60%;
	align-content: center;
}
.p2{
	text-align: justify;
	font-size: 1.1em;
	font-weight: 100;

}
@media only screen and (max-width: 800px){
	.b2{
		text-align: center;
	}
}

/*==============ALQUILA===================*/
.container-al{
	background-color: #fcf8f5;
}
.al2 h2{
	text-align: center;
}
.al2 p{
	font-size: 1.3em;
	text-align: center;
}
.al1{
	flex: 1 1 50%;
	text-align: center;
	align-content: center;
}
.al1 img{
	max-width: 100%;
}
.al2{
	flex: 1 1 50%;
}

form textarea{
	resize: none;
	height: 90px;
}

form input:focus, textarea:focus, select:focus{
	outline: none;
}

@media only screen and (max-width: 850px){
	.con-al{
		display: block;
	}
}

/*====================EQUIPO==============*/
.container-eq{
	background-color: #fcf8f5;
}
.con-e{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	min-height:550px;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: flex-end;
}
.e1{
	flex-basis: 25%;
}
.e1 p{
	font-size: 1.1em;
	text-align: justify;
	padding-bottom: 40px;
}
.e2{
	flex-basis: 37%;
	text-align: center;
	padding-top: 10px;
}
.e2 img{
	max-width: 100%;
	padding-bottom: 40px;
}
.e3{
	flex-basis: 37%;
	padding-bottom: 44px;
}
.form2 h2{
	font-size: 3.5em;
	line-height: 1em;
	font-weight: 500;
}

.e3 form{
	background-color: #f2f3f7;
	padding: 2%;
}
.form2 input, .form2 textarea, .form2 select{
	background-color: #f2f3f7;
	border: none;
	border-bottom: 1px solid #000;
	font-size: 15px;
	line-height: 25px;
	width: 100%;
}
.f2g2{
	display: flex;
	gap: 3%;
}
.f2 .f2g1{
	position: relative;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}
.f2g1 label{
	position: absolute;
	left: 0;
	top: 3px;
	transition: 0.4s ease-in-out all;
	pointer-events: none;
	font-size: 15px;
}
.f2g1 input:focus~label, .f2g1 input:valid~label, .f2g1 textarea:focus~label, .f2g1 textarea:valid~label{
	top: -19px;
}
.f2g1 input:focus, .f2g1 textarea:focus{
	border-bottom: 1px solid red;
}
.form2 select{
	margin-bottom: 30px;
}
.f2g4{
	text-align: center;
}

.f2g4 button{
	background-color: #f2f3f7;
	font-size: 1.1em;
	width: 140px;
	height: 40px;
	border: 1px solid #000;
	border-radius: 25px;
}
.f2g4 button:hover{
	-webkit-transform:scale(1.09);
	transform:scale(1.2);
	transition:.5s;
	background-color: #000;
	color: #fff;
}
.f2g4 button:active{
	-webkit-transform:scale(1);
	transform:scale(1);
	transition:.2s;
}

@media only screen and (max-width: 950px){
	.con-e{
		display: block;
	}
	.e1{
/*		width: 320px;*/
		text-align: center;
	}
	.e1 p{
		width: 320px;
		margin: 0 auto;
	}
	.e3{
		max-width: 600px;
		margin: 0 auto;
	}
}

/*======================FOOTER=======================*/
.con-footer{
	background-color: #fcf8f5;
}
.footer1{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	min-height:100px;
	display: flex;
	justify-content: space-around;
	gap: 20px;
}
.footer2{
	margin: 0 auto;
	width: 97%;
	max-width: 1200px;
	height:60px;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}
.footer2 img{
	width: 40px;
}
@media only screen and (max-width: 800px){
	.footer1, .footer2{
		display: block;
		text-align: center;
	}
	.fo2{
		margin: 40px 0;
	}
	.fo3{
		margin-bottom: 50px;
	}
}