*{box-sizing: border-box;}

body{
    font-family: 'DIN Next LT Pro';
    background: #333333;

}

.content{
    position: relative;
    width: 100%;
    height: auto;
    margin: 80px 0 0;
}


.header{position: relative; width: 100%;     font-family: 'DIN Pro Cond';
    overflow: hidden;}
.header .bg-overlay{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); overflow: hidden; z-index: 10;}
.header video{position: relative; width: 100%; height: 100%; object-fit: cover;  overflow: hidden; z-index: 9;}

.header img.bg-main{position: relative; width: 100%; overflow: hidden;}
.header .child{position: absolute; width: 80%; color: white; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 11;}
.header .child h1{display: table; width: 50%; max-width: 500px; font-size: 1.5rem; margin: 0 auto 50px; text-align: center; padding: 20px 30px; background: #E15200; color: white;}
.header select{display: table; width: 50%; max-width: 500px; font-size: 1.2rem; margin: 0 auto; text-align: center; padding: 10px 20px; background: none; border: solid white 1px; color: white;}
.header select option{background: none; color: #333333;}
.header .sociales{width: 100%; margin: 50px 0; text-align: center; overflow: hidden; }
.header .sociales a{display: inline-block; font-size: 1.5rem; padding: 20px; margin: 0 20px; background: #E15200; color: white;}

header{position: relative; width: 100%; min-height: 700px; height: 80vh; overflow: hidden;}
header .bg-overlay{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); overflow: hidden; z-index: 10;}
header video{position: relative; width: 100%; height: 100%; object-fit: cover;  overflow: hidden; z-index: 9;}
header .child{position: absolute; width: 80%; color: white; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 11;}
header .child img.logo{width: 200px; margin: 0 0 50px;}
header .child p{font-size: 1.1rem; margin: 0 0 20px;}


.material{
    position: relative;
    background-image: url("../images/bg-hojas-white.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 100px 40px 100px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.material .itm{width: 30%; display: inline-block; text-decoration: none; max-width: 200px; margin: 20px; text-align: center; cursor: pointer; overflow: hidden;}
.material .itm img{width: 50%; margin: 10px 0;}
.material .itm h1{display: table; width: 100%; margin: 10px 0; font-weight: bold; color: #31353f; font-size: 1rem;}

.material .material-container{position: relative; display: none; width: 100%; text-align: center; margin: 0; overflow: hidden;}
.material .material-container .itm-media{position: relative; display: inline-block; border: none; width: 200px; height: 200px; margin: 20px; overflow: hidden; z-index: 1;     transition: opacity 0.5s ease-in-out;}
.material .material-container .itm-media i{color: #333333; font-size: 2rem; margin: 50px 0 20px;}
.material .material-container .itm-media p{color: #333333; font-size: 10px;}
.material .material-container .itm-media img{width: 100%; height: 100%; object-fit: cover;}
.material .material-container .itm-media .overlay{position: absolute; opacity: 0; top: 0; left: 0; width: 100%; line-height: 200px; height: 100%; color: white; background: rgba(0, 0, 0, 0.8); overflow: hidden; z-index: 10;}
.material .material-container .itm-media .overlay a{color: white; padding: 0; margin: 0 5px;}
.material .material-container .itm-media .overlay a i{color: white; font-size: 1.2rem; padding: 0;}

.material .material-container .itm-media:hover .overlay{opacity: 1;     transition: opacity 0.5s ease-in-out;}

.circles {
    width: 100%;
    margin: 50px 0 0;
}
.circle {
    width: 150px;
    height: 200px;
    margin: 6px 20px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.circle canvas {
    vertical-align: top;
    margin: 0;
}

.circle strong {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 1.2rem;
}

.circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.circle span {
    display: block;
    color: #fff;
    margin-top: 12px;
    height: 50px;
}




.spacer{position: relative; width: 100%; font-family: 'DIN Pro Cond'; padding: 20px 40px; background: #333333; text-align: center; overflow: hidden;}
.spacer h1{display: table; margin: 0 auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.spacer-white{position: relative; width: 100%; font-family: 'DIN Pro Cond'; padding: 20px 40px; background: white; text-align: center; overflow: hidden;}
.spacer-white h1{display: table; margin: 0 auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: #333333;}


.sala-de-juntas{position: relative; width: 100%;     font-family: 'DIN Pro Cond';
    overflow: hidden;}
.sala-de-juntas img.bg-main-1{position: relative; width: 100%; overflow: hidden;}
.sala-de-juntas img.bg-main{position: relative; width: 100%; max-height: 300px; object-fit: cover; overflow: hidden;}
.sala-de-juntas .child{position: absolute; width: 80%; color: white; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; z-index: 11;}
.sala-de-juntas .child h1{display: table; margin: 0 auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 3rem;  color: white;}
.sala-de-juntas .child h2{display: table; margin: 20px auto; letter-spacing: 0.3rem; font-size: 2rem;  color: white;}
.sala-de-juntas .child a.btn-reservar{display: table; margin: 50px auto; letter-spacing: 0.3rem; background: white; color: #333333; padding: 10px 30px; font-size: 1.5rem; }
.sala-de-juntas .child .sociales{width: 100%; margin: 50px 0 0;}
.sala-de-juntas .child .sociales a{display: inline-block; margin: 0 20px;}
.sala-de-juntas .child .sociales a img{width: 200px;}

.sala-de-juntas select{display: table; width: 50%; max-width: 500px; font-size: 1.2rem; margin: 50px auto; text-align: center; padding: 20px 30px; background: none; border: solid white 1px; color: white;}
.sala-de-juntas select option{background: none; color: #333333;}


.calendario{position: relative; width: 100%; background: white; text-align: center; padding: 50px 40px; overflow: hidden;}
.calendario h1{display: table; margin: 0px auto 50px; color: #333333;  border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem; }
.calendario h2{display: table; margin: 20px auto; font-size: 1.5rem;  color: #333333;}
.calendario h3{display: table; margin: 20px auto; font-size: 1rem;  color: #333333;}
.calendario .child{position: relative; width: 100%; display: inline-block; overflow: hidden; z-index: 99;}
.calendario button{display: table; margin: 30px auto; font-size: 1rem; background: #E15200; padding: 10px 30px; color: white; border: solid 1px #E15200; }

.calendario .child label{display: table; width: 100%; font-size: 1rem; font-weight: bold; margin: 20px auto 10px; text-align: left; padding:0;}
.calendario .child select{display: table; width: 100%; max-width: 500px; font-size: 1rem; margin: 0 auto; text-align: center; padding: 20px 30px; background: none; border: solid #333333 1px; }
.calendario .child input[type="text"]{display: table; width: 100%; max-width: 500px; margin: 0px 0; font-size: 1rem; padding: 20px 30px; color: #333333; border: solid #333333 1px; }
.calendario .child input::placeholder {
    font-size: 1rem;
    color: #999999;
}
.calendario .child input[type="submit"]{ display: table; width: 100%; height: 50px; margin: 20px auto; padding: 10px 20px; border: none; color: white;  background: #ef5c28; }


.calendario .child .itm-a{position: relative; width: 30%; padding: 0 20px; float: left; overflow: hidden; }
.calendario .child .itm-b{position: relative; width: 70%; padding: 0 20px; float: left; overflow: hidden; }




.disponibilidad{
    position: relative;
    background-image: url("../images/bg-hojas-white.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 100px 40px 100px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.disponibilidad .itm{width: 40%; margin: 50px; display: inline-block; overflow: hidden;}
.disponibilidad .itm img{width: 100%; max-height:300px; object-fit: cover; overflow: hidden;}
.disponibilidad .title{display: table; font-size: 1.5rem; letter-spacing: 0.3rem;  font-family: 'DIN Pro Cond'; width: 100%; margin: -10px 0; padding: 20px 0; background: #333333; color: white; overflow: hidden;}


.divisiones{
    position: relative;
    background-image: url("../images/bg-divisiones.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 100px 40px 0px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.divisiones img.logo-urbano{display: block; width: 300px; margin: 50px auto; }
.divisiones p{ margin: 20px auto; }
.divisiones h1{display: table; font-size: 2rem; margin: 100px auto 50px; }
.divisiones .proyecto{display: inline-block; width: 250px;  margin: 20px; cursor: pointer; overflow: hidden;  }
.divisiones .proyecto img.logo-proyecto{width: 100%; }


.invierte{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background: white;

}
.invierte .itm-invierte{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    text-align: center;
    justify-content: center;

}
.invierte .invierte-b{padding: 0 40px 100px;}
.invierte .invierte-b h1{font-size: 1.5rem; letter-spacing: 0.3rem;}
.invierte .invierte-b h2{font-size: 5rem; color: #333333; margin: 10px 0; font-family: 'Times New Roman'; font-weight: bold;}
.invierte .invierte-b p{font-size: 1.2rem;}
.invierte .itm-invierte img.cta-invierte{width: 100%;}


.invierte .ctas-invierte{
    position: absolute;
    width: 70%;
    bottom: 10px;
    right: 0;
    z-index: 999;
}
.invierte .ctas-invierte img{width: 40%; margin: 0 1%; display: inline-block;}



.divisiones-options{position: relative; width: 100%; margin: 0px 0 0; padding: 50px 0; background: #1a1a1a; text-align: center; overflow: hidden;}
.divisiones-options .itm-options{position: relative; display: inline-block; width: 200px; height: 200px; margin: 10px; background: #333333; color: white;   }
.divisiones-options .itm-options h3{position: absolute; width: 100%; font-weight: normal; color: white; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; }
.divisiones-options .itm-options h2{position: absolute; width: 100%; font-size: 0.7rem; font-style: italic; bottom: 20px; left: 50%; transform: translate(-50%, 0%); }

.logo-clean{position: absolute; width: 50%; top: 35px; left: 50%; transform: translate(-50%, 0); overflow: hidden;}
.option-spacer{position: absolute; top: -20px; left: 50%; transform: translate(-50%, 0);  padding: 20px 5px; background: #E15200; overflow: hidden;}
.gray-option{color: #b3b3b3;}
.orange-option{color: #E15200;}

.nuestro-equipo{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background: #333333;
    overflow: hidden;



}
.nuestro-equipo .itm-equipo{
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
    justify-content: center;
    color: white;
    overflow: hidden;


}

.nuestro-equipo .itm-equipo img.img-equipo {width: 100%; min-height: 400px; height: 100%; object-fit: cover;}
.nuestro-equipo .itm-equipo h1.equipo { display: table; font-size: 2rem; margin: 10px auto; padding-left: 20px; border-left: solid 7px #ff6501;}
.nuestro-equipo .itm-equipo p{margin: 20px 0;}
.nuestro-equipo .itm-equipo a.full{ width: 70%; padding: 10px 30px; border: solid #808080 2px; margin: 10px auto;}
.nuestro-equipo .itm-equipo a.full-a{ width: 70%; padding: 10px 30px; background: #ff6501; border: none; margin: 10px auto;}


.plataforma{position: relative; width: 100%; background: #ff6501; color: white; padding: 100px 40px; overflow: hidden;}
.plataforma .itm-inversion{position: relative; width: 50%; text-align: center; float: left; overflow: hidden;}
.plataforma .itm-inversion h1{display: table; font-size: 2.5rem; margin: 100px auto 50px; color: white; font-weight: bold; padding-left: 20px; border-left: solid #333333 7px;}
.plataforma .itm-inversion h1 span{font-weight: normal;}
.plataforma .itm-inversion p{font-size: 1.2rem; margin: 20px 0;}
.plataforma .itm-inversion a{display: table; margin: 0 auto; padding: 10px 30px; background: white; color: #333333;}


.spacer-contacto{position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0); display: table; padding: 50px 10px; background: #E15200;}
.contacto{position: relative; width: 100%; background: #333333; color: white; text-align: center; padding: 50px 40px 100px;}
.contacto h1{font-size: 2rem; font-weight: normal; letter-spacing: 0.5rem; color: white;  margin: 100px 0 30px}
.contacto h2{font-size: 1.2rem !important; font-weight: normal; letter-spacing: 0.3rem; color: white;  margin: 0px 0 50px}
.contacto p{font-size: 1.5rem;  margin: 20px 0;}

.contacto form{background: none !important;}
.contacto .the-form{width: 70%; display: block; background: #333333; color: white; text-align: center; margin: 50px auto; overflow: hidden; box-sizing: border-box;}
.contacto .the-form input{width: 30%; font-size: 1rem; background: none; color: white; padding: 5px 20px; float: left; box-sizing: border-box; display: inline-block; margin: 10px 0 20px 0; border: none; border-bottom: solid 1px white;}
.contacto .the-form input:nth-child(2){margin: 10px 5%;}
.contacto .the-form textarea{width: 60%; height: 30px;  resize: none !important; color: white; vertical-align: bottom; background: none; padding: 5px 20px; display: inline-block; margin-left: 3%; border: none; border-bottom: solid 1px white; overflow: hidden;}
.contacto .the-form button{display: table; margin: 30px auto; font-size: 1rem; background: none; padding: 10px 30px; color: white; border: solid 1px white; }

.contacto .form-controls{width: 100%; margin: 20px 0; overflow: hidden; }
.contacto .logo-foret{width: 250px; margin: 10px 0;}

.contacto .privacidad-link{text-decoration: none; color: white;}

.contacto .sociales{width: 100%; margin: 20px 0; text-align: center; overflow: hidden;}
.contacto .sociales a{margin: 0 10px; text-decoration: none; color: #282928;}

textarea::placeholder {
    font-size: 1rem;
    color: white;
}
::placeholder {
    font-size: 1rem;
    color: white;
    font-family: 'Source Serif 4', sans-serif;
    text-align: left;

}


.contacto .the-form select{width: 35%; height: 30px; background: none !important; text-align: left;   vertical-align: bottom;  font-family: 'Source Serif 4', sans-serif;
    font-size: 1rem; color: white; background: none; padding: 5px 20px; display: inline-block; border: 0; border-bottom: solid 1px white; }
.contacto .the-form select option{color: black; }
.contacto .the-form select:nth-child(2){margin-left: 5%; }

.contacto .footer-icons{width: 100%; overflow: hidden; text-align: center; padding: 10px 40px;}
.contacto .footer-icons a{display: inline-block; margin: 0 20px; overflow: hidden; text-align: center;}
.contacto .footer-icons .footer-social{display: inline-block; margin: 0 20px; overflow: hidden; text-align: center;}
.contacto .footer-icons .footer-social a{display: inline-block; color: white; line-height: 50px; overflow: hidden; text-align: center;}
.contacto .footer-icons img.footer-img{height: 50px; overflow: hidden;}




/* Section colaboradores */

.colaboradores{
    background: #242424;
    width: 100%;
    color: white;
    text-align: center;
    padding: 100px 40px;
    overflow: hidden;
}

.colaboradores p{width: 100%; display: table; text-align: center; overflow: hidden; margin: 20px auto;}

.colaboradores a.full{display: table; padding: 10px 30px; border: solid #808080 2px; margin: 20px auto;}


.colaboradores h1{display: table; margin: 20px auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.colaboradores h2{display: table; font-size: 2.5rem; color: white; border-bottom: solid 1px rgba(240, 91, 40, 1); padding: 20px 0; margin: 50px auto;}

.colaboradores .itm{position: relative; width: 15%; text-align: center; padding: 0 !important; height: 400px; margin: 20px; display: inline-block; box-sizing: border-box; overflow: hidden;}
.colaboradores .itm .images{position: relative; width:100%; text-align: center; height: 250px; box-sizing: border-box; overflow: hidden; }

.colaboradores .itm .images img{width: 100%; height: 100%; object-fit: contain; padding: 0; text-align: center; margin: 0 auto; }

.colaboradores .itm .data{position: relative; width: 100%; height: 100px; text-align: center; color: white; box-sizing: border-box;  z-index: 9999; overflow: hidden;}
.colaboradores .itm .data .name{width: 100%; padding: 10px; color: rgba(255, 255, 255, 1); text-align: center; box-sizing: border-box; }
.colaboradores .itm .data .puesto{width: 100%; display: inline-block; padding: 0 10px ; font-weight: bold;  text-align: center; box-sizing: border-box; }
.orange{width: 2px; height: 100%; display: inline-block; padding: 5px 1px; margin-right: 5px; background: rgba(240, 91, 40, 1);}
.separator{width: 100%; margin: 10px 0; padding: 10px; display: block;}
.director{width: 100% !important;}

.colaboradores .itm .img-front{
    position: absolute;
    top:0;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100%);
    height: 100%;
    object-fit: contain;
    transition: opacity 0.5s ease-in-out;
    z-index: 10;
}

.colaboradores .itm:hover .img-front {
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;

}

.colaboradores .itm:hover .img-back{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.colaboradores .itm .img-back{
    position: absolute;
    top:0;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100%);
    height: 100%;
    object-fit: contain;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease-in-out;

}
/* end Section colaboradores */


/* Section residenciales */

.residenciales{
    position: relative;
    background-image: url("../images/bg-residenciales.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 200px 40px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.residenciales img.img-residencial{ width: 300px;}
.residenciales p{margin: 20px auto;}
.residenciales .residencial-invertir{
    display: table; padding: 10px 30px; border: solid #808080 2px; margin: 20px auto;
}

.residencial-proyectos{
    width: 100%;
}

.residencial-proyectos{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background: white;

}
.residencial-proyectos .itm-residencial{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    text-align: center;
    justify-content: center;

}

.residencial-proyectos .itm-residencial img{width: 100%; margin: 0 1%; display: inline-block;}

.residencial-hojas{
    position: relative;
    background-image: url("../images/bg-residencial-hojas.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 100px 40px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.residencial-hojas p{width: 50%; margin: 50px auto; text-align: center; overflow: hidden;}
.residencial-hojas .container-residencial{width: 100%; margin: 50px 0; text-align: center; overflow: hidden;}
.residencial-hojas .container-residencial a{display: inline-block; margin: 0 20px; overflow: hidden;}
.residencial-hojas .container-residencial a img{width: 200px;}
.residencial-hojas  a.cta-hojas{display: table; padding: 10px 30px; background: white; color: #333333; border: solid #808080 2px; margin: 20px auto;}
.residencial-hojas  a.cta-hojas span{font-family: 'Times New Roman';}

/* Section residenciales */


/* section donde invertir */
.proyectos{position: relative; width: 100%; background: #2f2f2f; color: white; text-align: center; padding: 50px 0px;
    background-image: url("../images/bg-hojas-gris.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;

}
.proyectos img.logo-inversiones{width: 300px;}

.proyectos h1{display: table; padding: 0 40px; font-size: 1.2rem; margin: 50px auto;}
.proyectos h2{display: table; padding: 0 40px; font-size: 1.2rem; margin: 10px auto;}
.proyectos img.donde-invertir{width: 100%;}

.proyectos .cta{width: 100%; text-align: center; overflow: hidden;}
.proyectos .cta a{width: 200px; height: 400px; display: inline-block; overflow: hidden;}
.proyectos .cta a img.cta-logo-gray{width: 100%; height: 300px; object-fit: contain;}
.proyectos .cta a button{background: white; cursor: pointer; padding: 5px 10px; color: #ef5c28; border: 0;}


.proyectos .donde-invertir{width: 100%; padding: 50px 40px; text-align: center; color: white; overflow: hidden;}
.proyectos .donde-invertir .itm-invertir{width: calc(100% / 8);font-size: 0.7rem; letter-spacing: 0.1rem; text-decoration: none; color: white; text-align: center; display: inline-block; overflow: hidden;  transition: opacity 0.5s ease-in-out;}
.proyectos .donde-invertir .itm-invertir:hover{color: #ef5c28; }
.proyectos .donde-invertir .itm-invertir img{width: 100%;}

.proyectos .cta-invertir{width: 100%; padding: 0px 40px; text-align: center; color: white; overflow: hidden;}
.proyectos .cta-invertir h1{font-size: 1.5rem; font-weight: lighter; margin: 0 auto 10px;}
.proyectos .cta-invertir h2{font-size: 2rem; margin: 0 auto 50px; font-weight: 900;}
/* end section donde invertir */

/* Avance Proyectos */

.avances_main{position: relative; width: 100%; box-sizing: border-box; background: #282928;  overflow: hidden;}
.avances_main h1{display: table; margin: 20px auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.avances_main .header{position: relative; width: 100%; height: 30vh; background: #282928; margin: 0 0 50px; box-sizing: border-box; overflow: hidden;}
.avances_main .overlay{position: absolute; top: 0; left: 0;width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.4);}
.avances_main .header img{position: relative; width: 100%; height: 100%; object-fit: cover;}
.avances_main .header .child{
    position: absolute;
    width: 60%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.9);
}

.avances_main .content{position: relative; width: 100%; padding: 50px 40px; box-sizing: border-box; overflow: hidden; z-index: 999;}
.avances_main .content a{text-decoration: none;}
.avances_main .content .itm-proyecto{width: 30%; height: 300px; margin: 20px; display: inline-block;}
.avances_main .content .itm-proyecto img{width: 100%; height: 100%; object-fit: contain;}

.avances_main .video-content{position: relative; width: 100%; padding: 50px 20px; box-sizing: border-box; text-align: center;  overflow: hidden; z-index: 999;}
.avances_main .video-content .all{width: 300px; height: 300px; cursor: pointer;  color: white; display: inline-block; margin: 10px; padding: 20px 10px; box-sizing: border-box; overflow: hidden;}
.avances_main .video-content .all img{width: 100%; height: 100%; object-fit: contain;}
.avances_main .video-content .all .title{width: 100%; box-sizing: border-box; overflow: hidden; padding: 10px 5px; text-align: center;}


.pattern-left{position: absolute; object-fit: inherit; top: 0; left: 0 !important; width: 20% !important; z-index:9;}
.pattern-right{position: absolute; object-fit: inherit; top: 0; right: 0; width: 20% !important; z-index: 9;}
.bg-footer-header{width: 100%;}

.selector_avances{width: 100%; margin: 50px 0 0; overflow: hidden; }
.selector_avances select{width: 100%; border: solid #999999 1px; font-size: 1rem; padding: 10px 20px; text-align: center; background: #282928; color: #999999; overflow: hidden; }

/* end avance Proyectos */

/* 08 Blog */

.blog{position: relative; width: 100%;     background: linear-gradient(180deg, #282928 20%, white 10%); padding: 0 0 100px; box-sizing: border-box;  overflow: hidden;}
.blog .header{position: relative; width: 100%; padding: 100px 0;  margin: 0 0 50px; box-sizing: border-box;}
.blog .overlay{position: absolute; top: 0; left: 0;width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.4);}
.blog .header img{position: relative; width: 100%; height: 100%; object-fit: cover;}
.blog .header .child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4vw;
    color: rgba(255, 255, 255, 0.9);
}
.blog .header .child h1{display: table; margin: 20px auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.blog .content{position: relative; width: 80%;  background: white; margin: 0 auto; text-align: center; padding: 40px; box-sizing: border-box; overflow: hidden; z-index: 10;
    box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);
    -webkit-box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);
    -moz-box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);}

.blog .content .title{width: 100%; display: block; padding: 10px 20px; font-size: 1rem; color: black;}
.blog .content hr{position: absolute; top: 0; right: 0; width: 30%; margin: 0 0 50px;border:solid rgba(240, 91, 40, 1) 5px; color: rgba(240, 91, 40, 1);}

.blog .content .itm{position: relative;width: 45%; height: 300px; display: inline-block; margin: 20px ; box-sizing: border-box;overflow: hidden;}
.blog .content .itm h6{
    width: 100%;
    margin: 0;
    padding-bottom: 7px;
    position: relative;
    border-bottom: 2px solid #ccc;}
.blog .content .itm h6:before{
    position: absolute;
    background: rgba(240, 91, 40, 1);
    height: 2px;
    content: '';
    width: 30%;
    bottom: -2px;
    right: 0;}
.blog .content .itm img{width: 100%; height: 80%; object-fit: cover;}
.blog .content .itm .main{position: absolute; bottom: 20px; left: 20px;}

.blog-image-main{width: 100%; margin: 0 0 50px;}


.blog .content .content_blog{
    font-size: 14px;
    font-family: 'DIN Next LT Pro';
    text-align: left;
}
.blog .content .content_blog p{margin: 20px 0;}
.blog .content .content_blog a{text-decoration: none; color: rgba(240, 91, 40, 1);}
.blog .content .content_blog h1, h2, h3, h4, h5, h6{color: rgba(240, 91, 40, 1);}

.blog .content .content_blog h1{font-size: 2rem;}
.blog .content .content_blog h2{font-size: 1.8rem;}
.blog .content .content_blog h3{font-size: 1.6rem;}
.blog .content .content_blog h4{font-size: 1.4rem;}
.blog .content .content_blog h5{font-size: 1.2rem;}
.blog .content .content_blog h6{font-size: 1rem;}



/* end 08 Blog */

/* quiero-vender */
.vender{position: relative; width: 100%; overflow: hidden;}
.vender img{width: 100%;}
.vender .info{position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); color: white; width: 80%; overflow: hidden;}
.vender .info h1{display: table; margin: 20px auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.vender .info p{margin: 20px 0; font-size: 1.2rem;}

.vender form{ width: 80%; margin: 50px auto; color: white; overflow: hidden; text-align: center;}
.vender form input[type="text"]{width: 30%; padding: 10px 20px; color: white; background: none; display: inline-block; border: 0; border-bottom: solid 1px white; }
.vender form input[type="text"]:nth-child(3){margin: 0 20px; }

.vender form select{width: calc(40% - 50px); height: 50px;  margin-right: 50px; display: inline-block; color: white; background: transparent; padding: 0px 20px;  border: 0; border-bottom: solid 1px white; resize: none; }
.vender form select option{color: white; background: rgba(0, 0, 0, 0.6);}
.vender form input.inmobiliaria{width: calc(50% + 50px); height: 50px;}

.vender form input[type="submit"]{ display: table; margin: 10px auto; padding: 10px 20px; border: none; color: white; border-radius: 5px; background: #ef5c28; }

.vender form ::-webkit-input-placeholder {
    /* Edge */
    color: white;
    font-size: 1rem;
    font-family: 'DIN Next LT Pro';
}

.vender form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
    font-size: 1rem;
    font-family: 'DIN Next LT Pro';
}

.vender form ::placeholder {
    color: white;
    font-size: 1rem;
    font-family: 'DIN Next LT Pro';
}
/* end quiero-vender */



/* Preguntas frecuentes */


.faqs{position: relative; width: 100%;     background: linear-gradient(180deg, #282928 50%, #FFFFFF 20%); padding: 0 0 100px; box-sizing: border-box;  overflow: hidden;}
.faqs .header{position: relative; width: 100%; height: auto; padding: 200px 0 200px; margin: 0 0 0px; box-sizing: border-box;}
.faqs .overlay{position: absolute; top: 0; left: 0;width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.4);}
.faqs .header img{position: relative; width: 100%; height: 100%; object-fit: cover;}
.faqs .header .child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4vw;
    color: rgba(255, 255, 255, 0.9);
}
.faqs .header .child h1{display: table; margin: 20px auto; letter-spacing: 0.3rem; border-left: solid 7px #E15200; padding-left: 20px; font-size: 2rem;  color: white;}

.faqs .box{position: relative; width: 80%;  background: white; margin: 0 auto 50px; text-align: center; padding: 40px; box-sizing: border-box; overflow: hidden; z-index: 10;
    box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);
    -webkit-box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);
    -moz-box-shadow: -1px 1px 5px 6px rgba(40,41,40,0.11);}


.faqs .box h2 {
    width:100%;
    font-size: 1.5rem;
    color: black;
    float:left;
    cursor:pointer;
    margin:0px 0 20px;
    padding:5px;
}

.faqs .box ul {
    width:100%;
    float:left;
    margin: 0;
    padding: 0;
    display:none;
}

.faqs .box ul li {
    position: relative;
    width: 100%;
    font-size: 1.2rem;
    float: left;
    list-style: none outside none;
    padding: 20px 5px 5px 5px;
    border-top: 2px solid #ccc;}

.faqs .box ul li:before{
    position: absolute;
    background: rgba(240, 91, 40, 1);
    height: 2px;
    content: '';
    width: 20%;
    top: -2px;
    right: 0;}

/* end Preguntas frecuentes */

/* 11 Privacidad */
.privacidad{
    width: 100%;
    margin: 90px 0 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 50px 40px;
    background: white;
}

.privacidad h1{
    font-size: 24px;
    font-weight: bold;
    margin: 50px 0;
}

.privacidad h2, h3{

    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}

.privacidad p{
    margin: 10px;
    font-weight: normal;
}

.privacidad table {
    margin: 50px 0;
    border: solid rgba(0, 0, 0, 1) 1px;
}

.privacidad table thead{
    font-weight: bold;
    border: solid rgba(0, 0, 0, 1) 1px;

}

.privacidad table tr, td{
    border: solid rgba(0, 0, 0, 1) 1px;
    padding: 5px;

}

.privacidad p.end{
    text-align: right;
}

.grecaptcha-badge { visibility: hidden; }

/* end 11 Privacidad */


/* section fundacion */

.fundacion{
    position: relative;
    background-image: url("../images/bg-fundacion.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 200px 40px;
    text-align: center;
    color: white;
    overflow: hidden;
}

.fundacion img.img-fundacion{ width: 300px;}
.fundacion p{ width: 60%; font-size: 1.2rem;  margin: 20px auto;}
.fundacion p span{ color: #E15200;}

.fundacion .mas-promesas{ display: table; font-style: italic; letter-spacing: 0.3rem; padding: 10px 50px; color: #ff6501; border: solid #ff6501 2px; margin: 50px auto;}
.fundacion .programas{width: 100%; padding: 50px 40px; text-align: center; overflow: hidden; }
.fundacion .programas .itm{width: 200px; font-size: 1.2rem; display: inline-block; color: white; overflow: hidden; }
.fundacion .programas .itm h1{display: table; font-size: 2rem; width: 100%; color: #ff6501; }
/* end section fundacion */


/* section comunidad */
.comunidad{
    position: relative;
    background-image: url("../images/bg-comunidad.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    padding: 200px 40px;
    text-align: center;
    color: black;
    overflow: hidden;
}

.comunidad img.img-fundacion{ width: 300px;}
.comunidad p{ width: 60%; font-size: 1.2rem;  margin: 20px auto;}
.comunidad p span{ color: #E15200;}/* end section comunidad */