h2{
	color: #000;
}
h3{
	margin: 0;
}

span{
	display: block;
	font-size: 18px;
	font-weight: 600;
}
.flex-contain{
	justify-content: space-between;
}

.back-02{
	background: url("../img/background-degraded.jpg") repeat-x;
}
.back-03{
	background: url("../img/background-inmobiliario-07.jpg") no-repeat;
	/*background-image: linear-gradient(#e9e8e6, #ffffff);*/
	background-size: contain;
	background-attachment: fixed;
}

.intro-simple{
	margin: 120px 20px 0px 20px;
}

.images-top .box{
	text-align: center;
	color: #fff;
	margin: 30px 1%;
	flex-grow: 2;
}

.images-top .box p{
	font-size: 1.25em;
	font-weight: 600;
	margin: 0;

}

.images-top .whatsapp{
	flex-grow: 2;
	margin-left: 10%;
}

.images-top .e-mail{
	flex-grow: 2;
}

.images-top .location{
	flex-grow: 2;
	margin-right: 10%;
}


.location span, .e-mail span, .whatsapp span{
	color: #003651;
	font-weight: 700;
}


.images-top .box img{
	width: 18%;
	box-shadow: none;
}

.images-top .location img, .images-top .e-mail img, .images-top .whatsapp img {
    width: 12%;
}

.contact{
    margin-top: 100px;
		}
/*form css*/

form h2{
	color: #003651;
}

form{
	padding: 60px 8%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius:  10px;
	text-align: center;
	width: 40%;
	background: #fff;
	margin: 20px auto 60px;
}
.input-group{
	display: flex;
	flex-direction: column;
	text-align: left;
	max-width: 480px;
	margin: 0 auto;
}

label{
	color: #283629;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}

input, textarea{
	padding: 12px;
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #003651;
	color: #283629;
	outline: none;

}

input::placehorder, textarea::placeholder {
	color: #b5cab6 ;
}

.form-txt{
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.form-txt a{
	color: #003651;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.btn{
	font-size: 16px;
	color: #fff;
    background-color: #E56013;
	cursor: pointer;
	text-align: center;
	width: 100px;
	margin: 20px auto;
	border-radius: 20px;
	border: 0;
}

.btn:hover{
	background-color: #FF7415;
}

/*end form css*/

/*css profile team*/

.intro h1{
	margin: 20px 0;
}

.intro p{
	margin: 0 40% 0 0;
    max-width: 620px;
}
.profile{
	flex-grow: 2;
	max-width: 500px;
}

.images-top .profile img{
	width: 85%;
	margin: 20px 0;

}

.images-top .profile img:hover{
	transform: scale(1.1);
	transition: all 300ms ease-out;

}

.images-top .profile {
	margin: 40px 1%;
    color: #000;

}



.images-top .profile:first-child {
	margin-left: 8%;

}

.images-top .profile:last-child {
	margin-right: 8%;

}

.images-top .profile p{
	font-size: 14px;
	line-height: 18px;
}

.packages{

}

.packages .box{
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	margin: 30px 1%;
}

.pack-head{
	border-radius: 10px 10px 0 0;
}
.package-one .pack-head{
	background: #EF8B2C;
}
.package-two .pack-head{
	background: #A1DAFF;
}
.package-three .pack-head{
	background: #F2C28D;
}
.pack-head{
	padding: 20px;
}
.cost{
	margin: 30px;
	border-bottom: 1px solid #F2F2F2;
}
.cost:last-child{
	border: none;
}
.packages .package-one{
	margin-left: 8%;
}
.packages .package-three{
	margin-right: 8%;
}
.images-top .cost p{
	color: #003651;
	font-size: 14px;
	font-weight: 400;
}

.cost span{
	width: 50%;
	margin: 10px auto 20px;
	border-radius: 20px;
}

.package-one .cost span{
	background: #EF8B2C;
}

.package-two .cost span{
	background: #A1DAFF;
}

.package-three .cost span{
	background: #F2C28D;
}

#modalContent2{
   position:absolute;
   z-index:6;
   margin: 10% 9%;
   width:80%;
   color:#888888;
   line-height:22px;
   padding:20px 5px;
   border-radius:5px;
   background:#ffffff;
   box-shadow:5px 5px 10px 0px rgba(0,0,0,0.22);
   text-align: center;
}

#modal-poli{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.8);
   display:none;
   opacity:0;
}

#modal > a{
   position:fixed;
   top:0px;
   left:0px;
   z-index:1;
   float:left;
   width:100%;
   height:100%;
}

:target{
   display:block!important;
   opacity:1!important;
}

#modalContent2 > a{
   position:absolute;
   top: 0;
   right: 0;
   color: #fff;
   border-radius:2px;
   background:#E56013;
   padding:10px;
   font-size: 30px;
   text-decoration: none;
   z-index: 3;
}

#modalContent2 p{
	padding-left: 15%;
	padding-right:15%;
}



@media only screen and (max-width: 1024px) {
   form {
    padding: 60px 8%;
    width: 54%;
   }
   .images-top .whatsapp{
   	margin-left: 2%;
   }
   .images-top .location{
   	margin-right: 2%;
   }
   .images-top span{
   	font-size: 18px;

   }
   .images-top .box{
   	margin: 20px 1%;
   }
   .packages .package-one{
   	margin-left: 2%;
   }
   .packages .package-three{
   	margin-right: 2%;
   }
   .call-to{
   	padding: 20px 0 60px;
   }
   .cost{
   	margin: 16px;
   }


}


@media only screen and (max-width: 760px) {
	.intro p{
		margin: 0;
	}
}

@media only screen and (max-width: 620px) {
    .packages .box{
		width: 70%;
		margin: 4%;
	}
	.packages .package-one{
        margin-left: 4%;
	}
    .profile{
    	width: 70%;
    }
    .images-top .profile{
    	margin: 0 4% 30px;
    }
    .images-top .profile:last-child{
    	margin: 0 4% 30px;
    }
    .images-top .profile:first-child{
    	margin: 0 4% 30px;
    }

    .back-03 {
    	background-image: linear-gradient(#e9e8e6, #ffffff);
    }

    form{
			width: 70%;
			padding: 0px 12%;
			background-color: transparent;
			box-shadow: none;
		}
	input, textarea {
		border: none;
	}

	.contact{
		display: none;
	}
	.contact .box span{
		font-size: 16px;

	}	

	.images-top .whatsapp, .images-top .e-mail, .images-top .location {
		width: 100%;
		margin: 6px 1%;
	}
	.contact .box img{
		width: 6%;

	}
	.intro p {
		margin: 0;
	}

}


@media only screen and (min-width: 1920px) {

	.images-top .profile:first-child{
		margin-left: 16%;
	}
	.images-top .profile:last-child{
		margin-right: 16%;
	}

}