body{
  /* background-color: cadetblue; */
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  /* font-family: Noir; */
 
}
/*------------------*\
    HEADER
\*------------------*/
header{
  background-color: white;
    position: relative;
    z-index: 99;
    border-bottom: 1px rgba(128, 128, 128, 0.377) solid;
}

.obscuro-panel-movil{
  display: none;
}
.menu-movil{
  display: none;
}
.precalif-menu-movil{
  display: none;
}

.div-header{
  width: 95%;
  margin: auto;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-desplegable{
  display: flex;
  align-items: center;
  cursor: pointer;
  /* animation-name: opacity; */
  animation-duration: .5s;
}
@keyframes opacity {
  from {opacity: 0;}
  to {opacity: 1;}
}
#cerrarMenu{
  display: none;
}
.menu-desplegable p{
  font-size: 14px;
  /* font-weight: bold; */
}
.menu-desplegable  i{
  font-size: 30px;
  padding-right: 10px;
}
.div-header .logo{
  width:20%;
}
.div-header .logo a img{
  width: 200px;
}
.nav{
  height: 100%;
}
.nav ul{
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 80px;
}
.nav ul li {
  position: relative;
  list-style: none;
  padding: 0px 15px;
  font-size: 14px;
  color: black;
  height: 100%;
  display: flex;
  align-items: center;
}
.nav ul li a{
    text-decoration: none;
    text-align: center;
    /* font-weight: bold; */
}
a{
  color: black;
}

/* submenu desarrollos*/

.videoCentralpark{
    position:relative;
    margin-top:5px;
}
.videoCentralpark > figure > img{
    width:100%;
}
.videoCentralpark .absolutediv{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align:center;
    
}
.videoCentralpark .absolutediv h3{
        color: white;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
}

.videoCentralpark .absolutediv figure img{
    width:200px;
}


.sub-menu-desarrollos{
  position: absolute;
  z-index: 100;
  left: 50%;
  transform: translate(0%, 0%);
  -webkit-transform: translate(-50%, 0%);
  display: none;
  align-items: stretch;
  transition: .3s;
  width: 850px;
  height: 360px;
  margin: auto;
  margin-top: -15px;
  background-color: white;
  border: 1px #9c9c9c86 solid;
  /* -webkit-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  -moz-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78); */
}
.sub-links{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  padding: 10px 0px;
  /* border: 1px red solid; */
}
.sub-links a{
    padding: 10px 20px;
    /* border: 1px red solid; */
    width: 100%;
    outline: none;
  font-size: 12px;
  /* font-weight: bold; */
  text-decoration: none;
}
.sub-links a:hover{
  color: #F48A3C;
}
.vista-previa-img{
  position: relative;
  width: 100%;
  
  background-color: #F2F2F2;
}
.mas-informacion{
  position: absolute;
  width: 100%;
  bottom: 2.5%;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.mas-informacion h2{
  font-weight: 500;
  font-size: 12px;
  color: black;
  padding-right: 12px;
}
.mas-informacion a{
  text-decoration: none;
  font-size: 12px;
  color: #FF5A5F;
  padding: 0px 12px;
  transition: .2s;
}
.mas-informacion a:hover{
  color: black;
}


/******* vista previa */
.todosDesarrollos{
  display: flex;
  padding: 10px 0px 10px 0px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  height: 85%;
  width: 100%;
}
.casasMerida{
  display: none;
  padding: 10px 0px 10px 20px;
  flex-wrap: wrap;
  justify-content: start;
  align-content: flex-start;
  height: 100%;
  width: 100%;
}
.casasCancun{
    display: none;
    padding: 10px 0px 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
}
.casasPlayaCarmen{
    display: none;
    padding: 10px 0px 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
}
.casasValladolid{
    display: none;
    padding: 10px 0px 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
}
.casasChetumal{
    display: none;
    padding: 10px 0px 10px 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    height: 100%;
}
.item-des-menu-fill{
  height: 0;
}

.item-des-menu{
  padding: 8px 0px;
  width: 30%;
  overflow: hidden;
  margin-right: 18px;
}
.item-des-menu:hover p{
    color: #F48A3C;
}
.item-des-menu:hover img{
    transform: scale(1.1);
}
.item-des-menu figure{
    width: 100%;
    height: 100px;
    overflow: hidden;
}
.item-des-menu img{
  width: 100%;
  height: 100%;
  transition: .3s;
  object-fit: cover;
}
.item-des-menu p{
  margin: 0;
  padding-top: 10px;
  font-size: 12px;
  /* font-weight: bold; */
  text-align: center;
}

/****** submenu credito */
.sub-menu-credito{
  display: none;
  position: absolute;
  z-index: 100;
  align-items: stretch;
  transition: .3s;
  width: 220px;
  margin: auto;
  margin-top: -15px;
  background-color: white;
  border: 1px #9c9c9c86 solid;
  /* -webkit-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  -moz-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78); */
}

/****** submenu comprador */
.sub-menu-comprador{
  display: none;
  position: absolute;
  z-index: 100;
  align-items: stretch;
  transition: .3s;
  width: 240px;
  margin: auto;
  margin-top: -20px;
  background-color: white;
  border: 1px #9c9c9c86 solid;
  /* -webkit-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  -moz-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78); */
}

/* Menu web */
.menu-mas-web{
  display: none;
  /* padding-left: 30px; */
  padding: 10px 25px;
  position: absolute;
  z-index: 11;
  align-items: stretch;
  /* transition: .3s; */
  width: 380px;
  margin: auto;
  background-color: white;
  /* -webkit-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  -moz-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78); */
  /* animation-name: slideAbrirMenuWeb; */
  animation-duration: .5s;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  transform: translate(0%, -100%);
      -webkit-transform: translate(0%, -100%);
}

@keyframes slideAbrirMenuWeb {
  from {transform: translate(0%, -100%);
      -webkit-transform: translate(0%, -100%);}
  to { transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);}
}
@keyframes slideCerrarMenuWeb {
  from {transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);}
  to { transform: translate(0%, -100%);
      -webkit-transform: translate(0%, -100%);}
}

.menu-mas-web h2{
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin: 0;
  margin-top: 15px;
}
.menu-mas-web p{
  font-size: 13px;
  font-weight: 400;
  color: #363636;
  margin: 0;
  margin: 5px 0px;
  transition: .2s;
}
.menu-mas-web p a{
  text-decoration: none;
}
.menu-mas-web p:hover a{
  color: #F27A21;
}

.precalif-menu{
  margin-top: 15px;
  background-color: #EFCE00;
  width: 100%;
  height: 130px;
  display: flex;
  justify-content: center;
}
.precalif-menu-margin{
  margin-top: 0;
}
.precalif-menu .img{
  width: 45%;
  display: flex;
  align-items: flex-end;
}
.precalif-menu .img img{
    width: 100%;
}
.precalif-menu .info{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.precalif-menu .info h1{
  font-size: 15px;
  color: #583019;
  font-weight: 500;
}
.precalif-menu .info a{
  font-size: 11px;
}
.menu-mas-web .agregate-footer{
  width: 100%;
  padding-bottom: 15px;
}
.menu-mas-web .agregate-footer
.agregate-flex h2{
  font-size: 16px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 15px;
}

/* current item */
.current_page_item > a,
.current-menu-ancestor > a {
	color: #F48A3C;
}
  /* This targets other menu items when you hover over them */
.menu-item:hover > a{
  color: #F48A3C;
}
.btn-rojo-menu{
  text-align: center;
  text-decoration: none;
  background-color: #FF5A5F;
  color: white;
  padding: 7px 14px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px #FF5A5F solid;
}
.btn-rojo-menu:hover{
  background-color: white;
  color: #FF5A5F;
  border: 1px #FF5A5F solid;
}

/*------------------*\
    FOOTER
\*------------------*/

footer{
  padding-top: 230px;
  background-color: white;
}
.sitemap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 70%;
  flex-wrap: wrap;
}
.naranja-rojo{
  position: relative;
  width: 100%;
  background: rgb(242,121,35);
  background: linear-gradient(90deg, rgba(242,121,35,1) 0%, rgba(254,91,93,1) 100%);
}
.flex-tarjetas-footer{
  width: 95%; 
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: -180px;
  left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.cards-footer{
  padding: 0;
  width: 49.5%;
  height: 300px;
  position: relative;
  -webkit-box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.75);
box-shadow: 0px 6px 6px -5px rgba(0,0,0,0.75);
}
.cards-footer img{
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  object-fit: cover;
}
.info-card{
  position: absolute;
  top: 30px;
  left: 55%;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.info-card-derecha{
  width: 50%;
  right: 10px;
  position: absolute;
  top: 30px;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.info-style h1{
  color: gray;
  font-size: 30px;
  font-weight: 500;
  width: 90%;
  padding-bottom: 10px;
}
.info-card-derecha .derecha{
  width: auto;
}
.info-style a{
  background-color: #FF5A5F;
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 16px;
  text-decoration: none;
  color: white;
  transition: .3s;
  border: 2px #FF5A5F solid;
}
.cards-footer a:hover{
  background-color: white;
  color: #FF5A5F;
  border: 2px #FF5A5F solid;
}
.otros-desarrollos-footer{
  display: none;
}
.otros-desarrollos-footer-movil{
  display: none;
}
.nextBtnDes{
  display: none;
}
.prevBtnDes{
  display: none;
}
/* ARTICULOS DE INTERES */
.articulos-footer{
  padding-top: 150px;
  width: 70%;
  margin: auto;
 padding-bottom: 50px;
}
.articulos-footer h1{
  font-size: 30px;
  color: white;
  font-weight: 500;
  padding-bottom: 10px;
}
.flex-article-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-article-footer article{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 31%;
  padding-right: 30px;
}
.flex-article-footer article a{
  text-decoration: none;
}
.flex-article-footer article a img{
  width: 100px;
  padding-right: 15px;
}
.flex-article-footer article a h2{
  margin-top: 0;
  font-weight: 500;
  font-size: 14px;
  color: white;
}
.flex-article-footer article a:hover{
  text-decoration: underline;
  color: white;
}
.flex-article-footer .divisor{
  border-right: 2px #FFC016 solid;
}
/* contenedor blanco footer */
.blanco-footer{
  background-color: white;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
    justify-content: space-evenly;
  align-items: flex-start;
  padding-top: 70px;
}
.blanco-footer .logo40{
    width: 100px;
    margin: auto;
    margin-bottom: 10px;
}
.blanco-footer .logo40 img{
    width: 100%;
}
.agregate-footer{
  width: 100%;
}
.agregate-flex{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  text-align: center;
}
.agregate-flex h2{
  font-weight: 600;
  font-size: 16px;
}
.formulario-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
.formulario-footer form{
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 3px 5px;
}
.formulario-footer label{
  display: none;
}
.formulario-footer ul{
  display: none !important;
}

/* .formulario-footer .nombre{
  width: 40%;
  margin-right: 10px;
}
.formulario-footer .correo{
  width: 40%;
  margin-right: 10px;
}
.formulario-footer div i{
  font-size: 16px;
  padding-right: 2px;
  color: #7a7979;
} */
.formulario-footer .hs_firstname{
  width: 40%;
  margin-right: 10px;
}
.formulario-footer .hs_email{
  width: 40%;
  margin-right: 10px;
}
.formulario-footer div input{
  border: 1px #6f6f6f7c solid;
  border-radius: 0;
  padding: 7px 3px;
  outline: none;
  width: 100%;
  height: 30px;
}
.formulario-footer .hs-button{
  padding:6px 20px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  border: 1px #FF5A5F solid;
  transition: .2s;
}
.formulario-footer .hs-button:hover{
  background-color: white;
  color: #FF5A5F;
}
/* redes sociales */
.flex-redes{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  width: 100%;
  margin: auto;
  padding-bottom: 30px;
}
footer .flex-redes{
    width: 410px;
}
.circulo-redes{
  border-radius: 50%;
  width: 35px;
  height: 35px;
  
}
.circulo-redes {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.circulo-redes a{
  text-decoration: none;
}
.circulo-redes a i{
  font-size: 20px;
  color: white;
}
.facebook{
  background-color: #3B5A98;
}
.pinterest{
  background-color: #BD071C;
}
.instagram{
  background-color: #583019;
}
.youtube{
  background-color: #CD201F;
}
.twitter{
  background-color: #1DA1F2;
}
.xtwitter{
  background-color: #000000;
}

/* menus footer */
.menu-footer{
  display: flex;
  flex-direction: column;
    width: 20%;
    padding-left: 50px;
    padding-bottom: 20px;
}
.menu-footer a{
  text-decoration: none;
  padding-bottom: 10px;
  outline: none;
}
.menu-footer a:hover{
  color: #F48A3C;
}
/* copyright */
.divHr{
  background-color: white;
  padding-bottom: 8px;
}
.hr-copyright{
  width: 95%;
  margin: 0 auto;
  border: .5px rgba(128, 128, 128, 0.281) solid;
}
.copyright {
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 30px;
}
.copyright .promotora a{
  text-decoration: none;
}
.copyright .weblogica a{
  text-decoration: none;
}
.copyright a:hover{
  color: #F48A3C;
}


/* body */
.slider-principal{
  width: 100%;
  position: relative;
}
.slider-principal .slider-home{
    position: relative;
  width: 100%;
}
.slider-principal .owl-dots{
  display: block;
  position: absolute;
  bottom: 3%;
  text-align: center;
  width: 100%;
  /* margin-bottom: -50px; */
}
.slider-principal img{
  width: 100%;
}
.slider-principal 
.prev-home{
  width: 70px;
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 1;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    left: 3%;
}
.slider-principal 
.next-home{
  width: 70px;
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    right: 3%;
}

/* nuestros-desarrollos */
.nuestros-desarrollos{
  background-color: white;
}
.nuestros-desarrollos h1{
  margin: 0;
  padding: 25px 0px;
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  color: black;
}
.sec-flex-desarrollos{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sec-flex-desarrollos .item{
  position: relative;
  overflow: hidden;
}

.sec-flex-desarrollos .item:hover .abs-info{
  color: #FFDC00;
  background-color: rgba(255, 90, 96, 0.781);
}
.sec-flex-desarrollos .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .2s;
}
.sec-flex-desarrollos .item .abs-info{
  position: absolute;
  width: 100%;
  height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: white;
    transition: .1s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sec-flex-desarrollos .item .abs-info h2{
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  text-align: center;
}
.sec-flex-desarrollos .item .abs-info h3{
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}
.sec-flex-desarrollos .item50 {
  width: 50%;
  height: 350px;
  margin: 0;
  position: relative;
}
.sec-flex-desarrollos .itemNormal {
  position: relative;
  margin: 0;
  width: 33.33%;
  height: 260px;
}
.itemAsesor-home{
  display: none;
}
/* simula credito */
.simula-home{
  background-color: #FFDC00;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.simula-home .img{
  width: 45%;
  text-align: center;
  position: relative;
}
.simula-home .img img{
  padding-top: 10px;
  width: 100%;
  margin-bottom: -4px;
}
.simula-home .img .circulos{
  position: absolute;
  z-index: -1;
  /* filter: brightness(100%); */
  padding-top: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -4px;
  left: 0;
}
.simula-home .info{
  width: 30%;
}
.simula-home .info h1{
  font-size: 35px;
  font-weight: 500;
}
.simula-home .info a{
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: white;
  background-color: #FF6C70;
  padding: 8px 25px;
  border-radius: 5px;
  transition: .3s;
}
.simula-home .info a:hover{
  background-color: white;
  color: #FF6C70;
}
/* desarrollos videos */
.sec-desarrollos-video{
  /* background-image: url(../images/home/ejemplo_video.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; */
  height: 450px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position:relative;
}
.sec-desarrollos-video video{
  position: absolute;
  min-width: 100%;
  top: 0;
  z-index: -99;
}
.sec-desarrollos-video figure{
    display: none;
    }
/* .sec-desarrollos-video video source{
  width: 100%;
} */
.sec-desarrollos-video h1{
  font-size: 40px;
  font-weight: 500;
  color: white;
}
.sec-desarrollos-video a{
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: white;
  background-color: #FF6C70;
  padding: 8px 25px;
  border-radius: 5px;
  transition: .3s;
  display: flex;
  align-items: center;
}
.sec-desarrollos-video a:hover{
  background-color: white;
  color: #FF6C70;
}
.sec-desarrollos-video a:hover i{
  color: #FF6C70;
}
.sec-desarrollos-video a i{
  transition: .3s;
  font-size: 16px;
  color: white;
  padding-right: 5px;
}

/*------------------*\
    DESARROLLOS
\*------------------*/
.menu-info-movil-des{ 
  display: none;
}
.familia-desarrollo {
  width: 100%;
  position: relative;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.familia-desarrollo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.page-nuestros-desarrollos{
  padding-top: 60px;
  background-color: #F5F5F5;
  padding-bottom: 20px;
}
.page-nuestros-desarrollos-div{
  width: 90%;
  margin: auto;
}
.tit-dentro-banner{
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  color: white;
  margin: 0;
  opacity: 0;
}
.vista-previa-img
.page-sec-flex-desarrollos{
  display: flex;
}
.page-sec-flex-desarrollos{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: auto;
}
.flexcenter{
    justify-content: center!important;
}
.page-sec-flex-desarrollos .item{
  width: 47%;
  height: 200px;
  position: relative;
  margin: 12px 12px;
}
.vista-previa-img
.page-sec-flex-desarrollos .item{
  width: 28%;
  height: 120px;
  position: relative;
  margin: 12px 12px;
}
.page-sec-flex-desarrollos .item:hover .abs-infohover{
  background-color: rgba(255, 90, 96, 0.781);
}
.page-sec-flex-desarrollos .item:hover .abs-infohover h2{
  color: #FFDC00;
}
.page-sec-flex-desarrollos .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .2s;
  
}
.page-sec-flex-desarrollos .item .abs-info{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: white;
    transition: .01s;
    width: 100%;
  height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.vista-previa-img
.page-sec-flex-desarrollos .item .abs-info h2{
    
  font-size: 20px;
  width: auto;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
}
.page-sec-flex-desarrollos .item .abs-info .title{
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  font-size: 40px;
  width: 450px;
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
}
.vista-previa-img
.page-sec-flex-desarrollos .item .abs-info h3{
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
}
.page-sec-flex-desarrollos .item .abs-info h3{
  font-size: 30px;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
}
.page-sec-flex-desarrollos .item .yellowabs{
  background: rgb(255,220,0);
background: linear-gradient(90deg, rgba(255,220,0,1) 0%, rgba(255,220,0,1) 40%, rgba(254,91,93,0) 79%);
width: 100%;
height: 100%;
display: flex;
align-items: center;

}
.page-sec-flex-desarrollos .item .yellowabs h2{
  color: black;
  text-align: left;
  padding-left: 40px;
}
.vista-previa-img
.page-sec-flex-desarrollos .item .yellowabs h2{
  color: white;
  text-align: left;
  padding-left: 0px;
}
.page-sec-flex-desarrollos .item:hover .yellowabs{
  background: rgb(255,90,95);
background: linear-gradient(90deg, rgba(255,90,95,1) 0%, rgba(255,90,95,1) 40%, rgba(254,91,93,0) 79%);
}
.page-sec-flex-desarrollos .item:hover .yellowabs h2{
  color: white;
  
}
.page-sec-flex-desarrollos .item:hover .abs-info h2{
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
  
}

/* contenido */
.contenido-desarrollo{
  height: 620px;
  
}
.contenido-desarrollo h1{
  text-align: center;
  font-size: 35px;
  font-weight: 500;
  color: black;
}
.flex-contenido-des{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
  position: absolute;
  z-index: 2;
  left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}
.flex-contenido-des .items-contenido{
  width: 31%;
  height: 250px;
  position: relative;
  margin: 10px 10px;
  -webkit-box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.75);
box-shadow: 0px 2px 12px -2px rgba(0,0,0,0.75);
overflow: hidden;
}

.flex-contenido-des .items-contenido a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-contenido-des .items-contenido .flecha{
  display: none;
  position: absolute;
  width: 80px;
  height: 85px;
  bottom: 0;
  right: 0;
}
@keyframes moveflecha {
  from {transform: translate(100%, 0%);
      -webkit-transform: translate(100%, 0%);}
  to { transform: translate(0%, 0%);
      -webkit-transform: translate(0%, 0%);}
}
@keyframes fadeIn {
  0% {display: none;}
  100% {display: block;}
}
.flex-contenido-des .items-contenido .abs-h2{
  opacity: 0;
  position: absolute;
  top: 60%;
  left: 20px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  transition: .2s;
  width: 80%;
}
.flex-contenido-des .items-contenido .abs-p{
  opacity: 0;
  position: absolute;
  top: 70%;
  left: 20px;
  color: white;
  font-weight: 300;
  font-size: 12px;
  transition: .2s;
  width: 80%;
}
.flex-contenido-des .items-contenido:hover .abs-h2{
  opacity: 1;
}
.flex-contenido-des .items-contenido:hover .abs-p{
  opacity: 1;
}
.flex-contenido-des .items-contenido:hover .flecha{
  animation-name: moveflecha;
    animation-duration: .2s;
    animation-direction: alternate;
    display: block;
}

/* oculto tarjetas en desarrollos */
.page-template-page-desarrollos .flex-tarjetas-footer{
  display: none;
}
.page-template-page-desarrollos footer{
  margin-top: -130px;
  padding-top: 0;
}

/*------------------*\
    Casas en ciudad
\*------------------*/
.tit-casasen-movil{
  display: none;
}
.banner-titulo{
  width: 100%;
  overflow: hidden;
  position: relative;
  border-bottom: 1px rgba(128, 128, 128, 0.377) solid;
}
.titulos-banner{
  text-align: center;
  padding: 20px 0px;
}
.titulos-banner h1{
  font-size: 40px;
  font-weight: 500;
  color: #583019;
  margin: 0;
}
.titulos-banner h2{
  font-size: 28px;
  font-weight: 300;
  color: white;
  margin: 0;
}
/* contenido casas en */
.flex-content-casasen{
  display: flex;
  align-items: stretch; 
  width: 100%;
}

#mapacasas p{
  opacity: 0;
}

.mapacasas{
    width: 45%;
    border: 1px red;
}
.mapa-casasen iframe{
    width: 100%;
    height: 100%;
  }

.desarrollos-cards-casasen{
  width: 55%;
}
/* articulos en casas en */
.flex-article-casasen{
  display: flex;
  align-items: center;
  padding: 10px 10px;
  width: 100%;
}
.flex-article-casasen-fill{
  height: 0;
  width: 100%;
  box-shadow: none !important;
}
.img-prin-casasen{
  width: 50%;
  height: 220px;
  
}
.img-prin-casasen img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-article-casasen .item-info-article{
  width: 50%;
  padding-left: 25px;
}
.flex-logo-precio{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-logo-precio figure{
  width: 50%;
}
.flex-logo-precio figure img{
  width: 100%;
}
.flex-logo-precio .precio{
  width: 50%;
  padding-left: 20px;
}
.flex-logo-precio .precio p{
  font-size: 15px;
  font-weight: 500;
  color: #5A311B;
  margin: 0;
  padding: 0;
}
.flex-logo-precio .precio .cantidad{
  font-weight: 800;
}
.flex-article-casasen .item-info-article .slogan{
  font-size: 12px;
  padding-bottom: 8px;
}
.flex-btn-article-casasen{
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}
.flex-btn-article-casasen .vertodos{
  text-decoration: none;
  padding: 5px 15px;
  background-color: white;
  color: #FF5A5F;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  transition: .2s;
  width: auto;
  margin-bottom: 8px;
  margin-right: 20px;
}
.flex-btn-article-casasen .vertodos:hover{
  background-color: #FF5A5F;
  border: 1px #FF5A5F solid;
  color: white;
}
.flex-btn-article-casasen .descargar-folleto{
  margin-bottom: 8px;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  display: flex;
  align-items: center;
  transition: .2s;
  width: auto;
}
.flex-btn-article-casasen .descargar-folleto:hover{
  background-color: white;
  color: #FF5A5F;
}
.flex-btn-article-casasen .descargar-folleto:hover i{
  color: #FF5A5F;
}
.flex-btn-article-casasen .descargar-folleto i{
  color: white;
  font-size: 14px;
  padding-right: 5px;
}
.hr-article-casasen{
  width: 90%;
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
    height: 1px;
    /* Set the hr color */
    color: rgba(128, 128, 128, 0.377);; /* old IE */
    background-color: rgba(128, 128, 128, 0.377); /* Modern Browsers */
}
/* quitar tarjetas footer casas en */
.page-template-page-casas-en .flex-tarjetas-footer{
  display: none;
}
.page-template-page-casas-en .articulos-footer{
  padding-top: 30px;
}
.page-template-page-casas-en footer{
  margin-top: 40px;
  padding-top: 0;
}

/*------------------*\
    SINGLE DESARROLLO
\*------------------*/
@keyframes menuinfo {
    from {top: -100px;}
    to {top: 0px;}
  }
.menu-info-sing-des{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border-top: 1px #6f6f6f69 solid; */
    border-bottom: 1px #6f6f6f69 solid;
    box-shadow: none;
  animation-duration: .5s;
}



.single-modelos 
.menu-info-sing-des{
    border-top: 1px #6f6f6f69 solid;
    border-bottom: 1px #6f6f6f69 solid;
    box-shadow: none;
  }
.single-modelos 
.menu-info-sing-des .precio-sing-des{
    box-shadow: none;
}

.logo-sing-des{
  width: 100px;
  height:100px;
  margin-left: 30px;
  margin-right: 10px;
}
.logo-sing-des img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.flex-redes-sing-des{
  display: flex;
  align-items: center;
  margin: 20px 10px;
}
.navig-bar-stiky-des{
  margin-top: 5px;
  margin-left: 10px;
}
.navig-bar-stiky-des p {
  color: #6F6F6F;
 }
.navig-bar-stiky-des p a{
 text-decoration: none;
 color: #6F6F6F;
 outline: none;
}
.flex-redes-sing-des .circulo-redes{
  margin-right: 5px;
  width: 25px;
  height: 25px;
  padding-top: 2px;
}
.flex-redes-sing-des .circulo-redes i{
  font-size: 12px;
}

/* items izq stiky */
.logo-redes-navbar-des{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* botones */
.botones-y-precio-des{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.botones-stiky-des{
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}

.menu-info-sing-des .vertodos{
  margin-right: 25px;
  text-decoration: none;
  padding: 5px 15px;
  background-color: white;
  color: #FF5A5F;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  transition: .2s;
  outline: none;
}
.menu-info-sing-des .vertodos:hover{
  background-color: #FF5A5F;
  color: white;
}
.menu-info-sing-des .descargar-folleto{
  margin-left: 10px;
  margin-right: 30px;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  display: flex;
  align-items: center;
  transition: .2s;
}
.menu-info-sing-des .descargar-folleto:hover{
  background-color: white;
  color: #FF5A5F;
}
.menu-info-sing-des .descargar-folleto:hover i{
  color: #FF5A5F;
}
.menu-info-sing-des .descargar-folleto i{
  color: white;
  font-size: 14px;
  padding-right: 5px;
}
.menu-info-sing-des .precio-sing-des{
  background: rgb(242,120,36);
  background: linear-gradient(90deg, rgba(242,120,36,1) 0%, rgba(254,92,91,1) 100%);
  width: auto;
  height: 100%;
  align-items: stretch;
  padding: 23px 30px;
    /* -webkit-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  -moz-box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78);
  box-shadow: inset 0px 3px 10px -5px rgba(0,0,0,0.78); */
}
.menu-info-sing-des .precio-sing-des p{
  color: white;
  font-size: 18px;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
.menu-info-sing-des .precio-sing-des .precio{
  font-size: 24px;
}

/* imagen  principal desarrollo */
.slider-desarrollo-banner{
   height: auto; 
  position: relative;
}
.slider-desarrollo-banner figure{
  width: 100%;
  height: auto;
}
.slider-desarrollo-banner .img-portada-des{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-desarrollo-banner 
.slider-desarrollo .item{
  height: auto;
}
.slider-desarrollo-banner 
.slider-desarrollo .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* flechas slider desarrollo */
.flechasMovil{
  display: none;
}
.slider-desarrollo-banner
 .prev-des{
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  left: 3%;
}
.slider-desarrollo .owl-dots{
  display: none;
}
.slider-desarrollo-banner 
.prev-des img{
  width: 40px;
}
.slider-desarrollo-banner 
 .next-des{
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  right: 3%;
}
.slider-desarrollo-banner 
.next-des img{
  width: 40px;
}


.slider-desarrollo-banner .info-principal{
  position: absolute;
  color: white;
  bottom: 25%;
  left: 3%;
}
.slider-desarrollo-banner .info-principal h1{
  font-size: 35px;
  font-weight: 500;
  margin: 0;
  text-shadow: 3px 2px 2px rgba(11, 16, 0, 1);
}
.slider-desarrollo-banner .info-principal p{
  font-size: 16px;
  font-weight: 400;
  width: 70%;
  margin: 0;
  margin-top: 10px;
  text-shadow: 3px 2px 2px rgba(11, 16, 0, 1);
}
.info-principal-movil{
  display: none;
}
.modelos-desarrollo .slider-modelos{
  display: none;
}
.conoce-modelos{
  margin:auto;
  font-size: 35px;
  font-weight: 500;
  color: black;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 20px;
}
.flex-modelos{
  width: 95%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
}
/* article de modelos en desarrollo */
.art-modelo-en-desarrollo{
  width: 31%;
  margin-bottom: 30px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0px 1px 12px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 12px -5px rgba(0,0,0,0.75);
box-shadow: 0px 1px 12px -5px rgba(0,0,0,0.75);
  
}
.art-mod-fill{
    height: 0;
    box-shadow:none;
    opacity: 0;
}
.art-modelo-en-desarrollo .flex-caracteristicas-modelo{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.art-modelo-en-desarrollo .flex-caracteristicas-modelo .item{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.art-modelo-en-desarrollo .img-modelo{
  height: 200px;
  width: 100%;
}
.art-modelo-en-desarrollo .img-modelo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
 
}
.art-modelo-en-desarrollo{
    border: 2px transparent solid;
}
.art-modelo-en-desarrollo:hover{
    border: 2px #ED7424 solid;
}
.art-modelo-en-desarrollo a{
    text-decoration: none;
}
.art-modelo-en-desarrollo .modelo{
  font-size: 20px;
  font-weight: 400;
  color: #583019;
  margin: 0;
  margin-top: 12px;
  padding-left: 20px;
  padding-bottom: 15px;
}
.art-modelo-en-desarrollo .precio{
  font-size: 12px;
  font-weight: 400;
  color: gray;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.art-modelo-en-desarrollo .precio span{
  font-size: 14px;
  font-weight: 400;
  color: #583019;
  margin: 0;
  margin-top: 10px;
}
.art-modelo-en-desarrollo 
.flex-caracteristicas-modelo .item p{
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
.art-modelo-en-desarrollo 
.flex-caracteristicas-modelo .item .titulo{
  color: gray;
}
.art-modelo-en-desarrollo 
.flex-caracteristicas-modelo .item .info{
  color: #583019;
  font-size: 14px;
}
/* tarjeta contactanos */
/* .merida-residencial-gran-santa-fe-norte
.card-numero{
    display: flex;
} */
.card-numero{
    /* display: none; */
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 40px 50px;
    padding-bottom: 0;
    width: 70%;
    margin: auto;
    flex-wrap: wrap;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    margin-bottom: 60px;
}
.card-numero .info{
    padding-right: 20px;
    margin-top: -20px;
}
.card-numero .info .flex-num{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.card-numero .info .flex-num a{
    text-decoration: none;
}
.card-numero h3{
    color: #FF5A5F;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
}
.card-numero h2{
    margin: 0;
    color: black;
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    padding-right: 5px;
  }
  .card-numero h1{
    margin: 0;
    font-style: italic;
    color: black;
    font-size: 24px;
    font-weight: 500;
}
.card-numero .btn-card-num{
    padding: 15px 30px;
    background-color: #FF5A5F;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    text-decoration: none;
    margin-bottom: 40px;
    border: 1px #FF5A5F solid;
    transition: .2s;
}
.card-numero .btn-card-num:hover{
    padding: 15px 30px;
    background-color: white;
    color: #FF5A5F;
}

.fix-pay-online{
  height: 20px;
  padding-right: 70px;
  display: none;
}

.fix-pay-online a{
  position: relative;
  text-decoration: none;
  float: right;
}

@media only screen and (min-width: 320px) 
and (max-width: 479px){
    .card-numero{
        width: 90%;
        padding: 20px 30px;
    }
    .card-numero .info{
        padding-right: 0px;
        margin-top: 0px;
    }
    .card-numero .info .flex-num{
        flex-direction: column;
    }
    .card-numero .btn-card-num{
        margin-bottom: 0px;
    }
    
}
/* beneficios 2.0 */
/* .merida-residencial-gran-santa-fe-norte
.sec-bennew{
    display: block;
} */
.sec-bennew{
    /* display: none; */
    background-color: #F5F5F5;
    width: 100%;
    padding: 70px 0px;
}
.new-beneficios{
    display: flex;
    width: 80%;
    margin: auto;
    align-items: flex-start;
    justify-content: space-between;
}
.new-beneficios .text{
    width: 40%;
}
.new-beneficios .text h1{
    font-size: 28px;
    font-weight: 600;
    color: black;
    margin: 0px;
}
.new-beneficios .text h2{
    font-size: 20px;
    font-weight: 300;
    color: black;
    margin: 0px;
}
.new-beneficios .text p{
    font-size: 12px;
    font-weight: 400;
    color: black;
}
.new-beneficios .text p li{

}
.new-beneficios .text p span{
    color: #FF5A5F;
    font-weight: bold;
}
.new-beneficios figure{
    width: 55%;
}
.new-beneficios figure img{
    width: 100%;
}
@media only screen and (min-width: 320px) 
and (max-width: 1000px){
    .sec-bennew{
        padding: 50px 0px;
    }
    .new-beneficios{
        flex-direction: column;
        width: 90%;
    }
    .new-beneficios .text{
        width: 90%;
        margin: auto;
        padding-bottom: 30px;
    }
    .new-beneficios figure{
        margin: auto;
        width: 80%;
    }
    
}
/* slider beneficios */
/* .merida-residencial-gran-santa-fe-norte
.sec-slider-beneficios{
    display: block;
} */
.sec-slider-beneficios{
    width: 100%;
    position: relative;
}
.sec-slider-beneficios .slider-beneficios{
    width: 100%;
    margin: auto;
}
.sec-slider-beneficios .slider-beneficios
.item figure{
    width: 100%;
    height: 450px;
    opacity: .6;
}
.sec-slider-beneficios .slider-beneficios
.active figure{
  width: 100%;
  opacity: 1;
}
.sec-slider-beneficios .slider-beneficios
.item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec-slider-beneficios
 .next-des{
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  right: 5%;
}
.sec-slider-beneficios
.next-des img{
  width: 40px;
  outline: none;
}
.sec-slider-beneficios
 .prev-des{
     cursor: pointer;
     position: absolute;
     z-index: 1;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -webkit-tap-highlight-color: rgba(0,0,0,0);
  left: 5%;
}
.sec-slider-beneficios
.prev-des img{
  width: 40px;
  outline: none;
}
.sec-slider-beneficios
.prev-des { 
    
}
@media only screen and (min-width: 320px) 
and (max-width: 600px){
    .sec-slider-beneficios .slider-beneficios{
        width: 100%;
    }
    .sec-slider-beneficios
    .prev-des{
    left: 3%;
    outline: none;
    }
    .sec-slider-beneficios
    .next-des{
    right: 3%;
    outline: none;
    }
    .sec-slider-beneficios .slider-beneficios
    .item figure{
      height: 250px;
    }
}

/* seccion videon 2.0 */
.sec-video2{
    width: 80%;
    margin: auto;
    padding-top: 50px;
    position: relative;
}
.sec-video2 .item h1{
    color: #583019;
    font-size: 26px;
    text-align: center;
    font-weight: 500;
}
.sec-video2 .item iframe{
    width: 100%;
    height: 500px;
}
.sec-video2 .next-des-vid{
  cursor: pointer;
  position: absolute;
  z-index: 9;
  top: 60%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  right: 3%;
}
.sec-video2 .next-des-vid img{
  width: 40px;
}
.sec-video2 .prev-des-vid{
  cursor: pointer;
  position: absolute;
  z-index: 9;
  top: 60%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  left: 3%;
}
.sec-video2 .prev-des-vid img{
  width: 40px;
}
@media only screen and (min-width: 320px) 
and (max-width: 680px) {
    .sec-video2{
        width: 100%;
    }
}

/* seccion video */
.sec-img-video {
  padding-top: 25px;
  position: relative;
  width: 80%;
  margin: auto;
  margin-bottom: -4px;
  padding-bottom: 30px;
}
.sec-img-video h1{
  color: #583019;
  font-size: 26px;
  text-align: center;
  font-weight: 500;
}
.sec-img-video iframe{
  width: 100%;
  height: 450px;
}
.sec-img-video img{
  width: 100%;
}
.abs-info-video{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.abs-info-video h2{
  color: white;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  padding: 0;
  margin: 0;
}
/* video 360 desarrollos */
.sec-img-video-360{
  padding-top: 25px;
  position: relative;
  width: 80%;
  margin: auto;
  margin-bottom: -4px;
  padding-bottom: 30px;
}
.sec-img-video-360 h1{
  color: #583019;
  font-size: 26px;
  text-align: center;
  font-weight: 500;
}


/* seccion beneficios de vivir */
.sec-beneficios-vivir{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sec-beneficios-vivir .img-vivir{
  width: 27%;
}
.sec-beneficios-vivir .img-vivir img{
  width: 100%;
}
.sec-beneficios-vivir .info-vivir{
  width: 45%;
  padding: 10px 20px;
}
.sec-beneficios-vivir .info-vivir h1{
  font-size: 30px;
  color: black;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding-top: 30px;
}
.sec-beneficios-vivir .info-vivir h2{
  font-size: 30px;
  color: #FF5A5F;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
.text-vivir-colums{
  padding-top: 20px;
  padding-left: 20px;
  font-size: 12px;
  color: rgb(15, 14, 14);
  font-weight: 400;
  column-count:2;
}
.naranja-desarrollo{
  width: 100%;
  height: 540px;
  position: absolute;
  margin-top: -150px;
  z-index: -1;
  background: rgb(242,120,36);
  background: linear-gradient(90deg, rgba(242,120,36,1) 0%, rgba(254,92,91,1) 100%);
}
.naranja-desarrollo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sec-vivir .img-abs-vivir{
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
  position: absolute;
  width: 100%;
  margin-top: -320px;
}
.sec-vivir .img-abs-vivir figure{
  width: 22%;
}
.sec-vivir .img-abs-vivir figure img{
  width: 100%;
}
/* siguenos en instagram desarrollo */
.div-sig-instagram {
  width: 100%;
  padding-top: 180px;
}
.div-sig-instagram i{
  font-size: 50px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.div-sig-instagram h1{
  text-align: center;
  margin: 0;
  color: white;
  font-size: 30px;
  font-weight: 500;
}
.flex-instagram{
  width: 80%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}
.flex-instagram img{
  width: 16.66%
}
.img-movil-des{
  display: none;
}

/* testimonios */
.window-modal__in {
    padding: 0;
    background-color: transparent;
  }
  
.window-modal__in iframe{
    border: none;
}
.div-testimonios{
  width: 80%;
  margin: auto;
  /* padding-top: 50px;*/
  /* padding-bottom: 10px;  */
}
.div-testimonios h1{
  font-size: 30px;
  font-weight: 500;
  color: black;
}
#slider-testimovil{
  display: none;
}
/* testimonio grande */
.sec-testimonios-desarrollo .flex-testimonio{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sec-testimonios-desarrollo .testomonio-grande{
  width: 55%;
}
.sec-testimonios-desarrollo .testomonio-grande img{
  width: 100%;
}
.sec-testimonios-desarrollo .testomonio-grande 
figure{
  position: relative;
}
.sec-testimonios-desarrollo .testomonio-grande 
figure .playpng{
  width: 20%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.sec-testimonios-desarrollo 
.testomonio-grande a{
  text-decoration: none;
}
.sec-testimonios-desarrollo 
.testomonio-grande h2{
  font-size: 20px;
  font-weight: 500;
  color: #583019;
}
.sec-testimonios-desarrollo 
.testomonio-grande p{
  font-size: 12px;
  font-weight: 500;
  text-align: justify;
}
.sec-testimonios-desarrollo .testomonios-chicos{
  width: 43%;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo figure{
  width: 38%;
  height: 120px;
  position: relative;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo 
figure .playpng{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo .info{
  width: 59%;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo 
.info a{
  text-decoration: none;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo 
.info h2{
  font-size: 20px;
  font-weight: 500;
  color: #583019;
  margin: 0;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .flex-testi-desarrollo 
.info p{
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .vermas-testi{
  border-radius: 5px;
  color: white;
  background-color: #FF5A5F;
  padding: 5px 12px;
  text-decoration: none;
  font-size: 10px;
  border: 1px #FF5A5F solid;
  transition: .2s;
}
.sec-testimonios-desarrollo 
.testomonios-chicos .vermas-testi:hover{
  color: #FF5A5F;
  border: 1px #FF5A5F solid;
  background-color: white;
}
/* mapa desarrollo */
#map p{
  opacity: 0;
}
.sec-map-desarrollo{
  padding-top: 50px;
  padding-bottom: 30px;
  width: 100%;
  height: 350px;
}
.sec-map-desarrollo iframe{
  width: 100%;
  height: 350px;
}
/* - formulario desarrollo */
.formulario-desarrollo {
  width: 75%;
  margin: auto;
  padding-top: 50px;
}
.formulario-desarrollo .flex-form{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.formulario-desarrollo .flex-form
.formularios{
  width: 55%;
}


/* Style the tab */
.page-template-page-haz-tu-cita
.formulario-desarrollo .tab{
    display: none;
}

.page-template-page-contacto
.formulario-desarrollo .tab{
    display: none;
}
.page-template-page-contacto
.formulario-footer div input{
    height: 30px;
}
.page-template-page-haz-tu-cita
.formulario-footer div input{
    height: 30px;
}
.page-template-page-haz-tu-cita
.formulario-desarrollo #informacion input{
    padding: 4px;
    margin: 0 auto;
}

.formulario-desarrollo .tab {
  /* overflow: hidden; */
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
/* Style the buttons inside the tab */
.formulario-desarrollo .tab button {
  background-color: white;
  outline: none;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s;
  font-size: 14px;
  border: 1px solid transparent;
  margin-bottom: -1px;
  border-bottom-color: #ccc;
  color: #FF5A5F;
}
/* Change background color of buttons on hover */
.formulario-desarrollo .tab button:hover {
  background-color: #ddd;
}
/* Create an active/current tablink class */
.formulario-desarrollo .tab button.active {
  border: 1px solid #ccc;
  border-bottom-color: white;
  color: #583019;
}
.formulario-desarrollo #cita{
  display: none;
}
.formulario-desarrollo #informacion{
  color: #583019;
  font-size: 12.5px;
  font-weight: 500;
  
}
.formulario-desarrollo #cita label{
  
  color: #583019;
  font-size: 12.5px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif !important;  
}
.formulario-desarrollo #informacion
.flex-form{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.formulario-desarrollo #informacion
.flex-form div{
  width: 47%;
  
}
.formulario-desarrollo #informacion
 label{
  
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px ;
}
.formulario-desarrollo #informacion
 input{
   padding: 12px 5px ;
   margin-top: 5px;
   margin-bottom: 15px;
   
  /* width: 100%;
  border-radius: 5px;
  border: 1px gray solid;
  outline: none; */
}

.formulario-desarrollo .actions
 input{
   padding: 8px 5px !important;
   margin-top: 5px;
   font-size: 14px;
   margin-bottom: 15px;
   background-color: #FF5A5F;
   color: white;
   border: 1px #FF5A5F solid;
   width: 100px;
   outline: none; 
   transition: .1s;
   text-align: center;
   background-image: none !important;
   border-radius: 5px;
   box-shadow: none !important;
  }
  .formulario-desarrollo .actions
  input:hover{
    box-shadow: none !important;
    text-shadow: none;
    border: 1px #FF5A5F solid !important;
   background-color: white;
   color: #FF5A5F;
   
}

.formulario-desarrollo #informacion
button, select{
  outline: none;
  width: 47%;
  padding: 2px 5px;
  margin-top: 8px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px gray solid;
}
.formulario-desarrollo #informacion
 textarea{
  outline: none;
  width: 100%;
  height: 100px;
  margin-top: 5px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px gray solid;
  padding: 8px 8px;
}

/* sidebar desarrollo */
.formulario-desarrollo .flex-form
.sidebar-desarrollo{
  width: 35%;
}
.sidebar-desarrollo .flex-info-side{
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  
}
.sidebar-desarrollo .flex-info-side
.logo{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: #F27A21;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-desarrollo .flex-info-side
.logo i{
  font-size: 20px;
  color: white;
}
.sidebar-desarrollo .flex-info-side
.info{
  width: 80%;
}
.sidebar-desarrollo .flex-info-side
.info h3{
  margin: 0;
  padding: 0;
  
  font-size: 14px;
  font-weight: 500;
  color: #F27A21;
}
.sidebar-desarrollo .flex-info-side
.info a{
  text-decoration: none;
}
.sidebar-desarrollo .flex-info-side
.info p{
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
  color:black;
}
.sidebar-desarrollo .descargar-folleto{
  text-decoration: none;
  width: 160px;
  padding: 8px 15px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s;
}
.sidebar-desarrollo .descargar-folleto:hover{
  background-color: white;
  color: #FF5A5F;
}
.sidebar-desarrollo .descargar-folleto:hover i{
  color: #FF5A5F;
}
.sidebar-desarrollo .descargar-folleto i{
  color: white;
  font-size: 14px;
  padding-right: 5px;
}
.sidebar-desarrollo .side-asesor{
  margin-top: 25px;
  position: relative;
}
.sidebar-desarrollo .side-asesor img{
  width: 100%;
}
.sidebar-desarrollo .side-asesor .abs-asesor{
  position: absolute;
    left: 53%;
    top: 45%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.sidebar-desarrollo .side-asesor 
.abs-asesor h2{
  font-size: 17px;
  margin: 0;
  padding: 0;
  color: #6F6F6F;
  margin-bottom: 10px;
  font-weight: 400;
}
.sidebar-desarrollo .side-asesor 
.abs-asesor a{
  font-size: 10px;
  padding: 5px 8px;
  text-decoration: none;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  transition: .2s;
  border: 1px #FF5A5F solid;
}
.sidebar-desarrollo .side-asesor .abs-pre{
  position: absolute;
    left: 53%;
    top: 45%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.sidebar-desarrollo .side-asesor 
.abs-pre h2{
  /* width: 90%; */
  font-size: 17px;
  margin: 0;
  padding: 0;
  color: #6F6F6F;
  margin-bottom: 10px;
  font-weight: 400;
}
.sidebar-desarrollo .side-asesor 
.abs-pre a{
  font-size: 10px;
  padding: 5px 8px;
  text-decoration: none;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  transition: .2s;
  border: 1px #FF5A5F solid;
}
.sidebar-desarrollo .side-asesor 
.abs-pre a:hover{
  border: 1px #FF5A5F solid;
  background-color: white;
  color: #FF5A5F;
}
.sidebar-desarrollo .side-asesor 
.abs-asesor a:hover{
  border: 1px #FF5A5F solid;
  background-color: white;
  color: #FF5A5F;
}
/* oculto tarjetas en desarrollos */
.single-desarollos .flex-tarjetas-footer{
  display: none;
}

.single-desarollos .articulos-footer{
  padding-top: 20px;
}
.single-desarollos footer{
  margin-top: 20px;
  padding-top: 0;
}
/* ocultar articulos en desarrollos */
.single-desarollos .articulos-footer{
  display: none;
}
/* muestro ortos desarrollos en desarrollos */
.single-desarollos .otros-desarrollos-footer{
  display: block;
}
.single-desarollos .nextBtnDes{
  display: block;
}
.single-desarollos .prevBtnDes{
  display: block;
}
/* otros desarrollos fotoer */
.otros-desarrollos-footer{
  width: 70%;
  padding-top: 25px;
  padding-bottom: 50px;
  margin: auto;
}
.otros-desarrollos-footer h1{
  font-size: 30px;
  color: white;
  font-weight: 500;
  padding-bottom: 10px;
}
.flex-info-desarrollos{
  overflow: hidden;
}
.flex-info-desarrollos article{
  
  width: 31%;
  
}
.flex-info-desarrollos .owl-item a{
  text-decoration: none;
}
.flex-info-desarrollos .owl-item figure{
  width: 100%;
  height: 150px;
}
.flex-info-desarrollos .owl-item 
figure a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex-info-desarrollos .owl-item h2{
  margin: 0;
  font-weight: 300;
  font-size: 16px;
  color: white;
  margin-top: 10px;
}
.flex-info-desarrollos .owl-item p{
  margin: 0;
  padding: 5px 0px;
  font-weight: 300;
  font-size: 16px;
  color: #EFCE00;
}
.flex-info-desarrollos .owl-item h3{
  padding: 0;
  margin: 0;
  font-weight: 300;
  font-size: 19px;
  color: white;
}
.flex-info-desarrollos .owl-item a:hover{
  text-decoration: underline;
  color: white;
}
.flex-info-desarrollos .divisor{
  border-right: 2px #FFC016 solid;
}
/* boton slider footer desarrollo */
.prevBtnDes{
  position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}
.prevBtnDes img{
  cursor: pointer;
  width: 45px;
}
.nextBtnDes{
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
.nextBtnDes img{
  cursor: pointer;
  width: 45px;
}


/*------------------*\
    error 404
\*------------------*/
.err-sec{
    width: 100%;
}
.errordiv{
    width: 70%;
    margin: auto;
}
.errordiv .icono404{
    padding-left: 50px;
}
.errordiv .icono404 i{
    font-size: 100px;
    color: #FF5A5F;
}
.errordiv h1{
    font-size: 30px;
    font-weight: 500;
    color: #583019;
}
.errordiv h2{
    font-size: 24px;
    font-weight: 500;
    color: #583019;
}
.errordiv h2 a{
    color: #FF5A5F;
    text-decoration-color: #FF5A5F;
}
.errordiv h3 a{
    font-size: 20px;
    font-weight: 500;
    color: #FF5A5F;
    text-decoration-color: #FF5A5F;
}


/*------------------*\
    MODELOS SINGLE
\*------------------*/
.sec-fachadas-mod{
  background-color: #F5F5F5;
}
.sec-fachadas-mod .flex-fachadas{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 95%;
  margin: auto;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas{
  position: relative;
  width: 75%;
}
.slider-fachadas .owl-dots{
  display: none;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .prev{
  position: absolute;
  left: 3%;
  top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  cursor: pointer;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .prev img{
  width: 40px;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .next{
  cursor: pointer;
  position: absolute;
  top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  right: 3%;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .next img{
  width: 40px;
}

.sec-fachadas-mod .flex-fachadas
.miniaturas{
  width: 25%;
  padding: 10px 0px;
  padding-left: 25px;
}
.sec-fachadas-mod .flex-fachadas
.miniaturas h3{
  font-size: 18px;
  font-weight: 500;
  color: #583019;
}
.sec-fachadas-mod .flex-fachadas
.miniaturas .flex-min{
  width: 100%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.sec-fachadas-mod .flex-fachadas
.miniaturas .flex-min .min-img{
  width: 30%;
  height: 60px;
  cursor: pointer;
  margin: 0px 10px;
  border: 2px transparent solid;
  transition: .2s;
}
.sec-fachadas-mod .flex-fachadas
.miniaturas .flex-min .min-img:hover{
  border: 2px #F37726 solid;
}
.sec-fachadas-mod .flex-fachadas
.miniaturas .flex-min .min-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .titulos-abs{
  position: absolute;
  top: 80%;
  left: 3%;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .titulos-abs h2{
  font-size: 26px;
  color: white;
  font-weight: 500;
  margin:0;
  padding:0;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .modelo{
  margin:0;
  padding:0;
  font-size: 20px;
  color: white;
  font-weight: 300;
}
.info-modelo-movil {
  display: none;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .info-modelo{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .info-modelo 
.item-mod{
  display: flex;
  align-items: center;
  justify-content: center;

}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .info-modelo 
.item-mod h2{
  font-size: 15px;
  font-weight: 300;
  color: #583019;
}
.sec-fachadas-mod .flex-fachadas
.slider-fachadas .info-modelo 
.item-mod img{
  width: 30px;
  padding-right: 3px;
}

/* Naranaja rojo interiores modelos */
.naro-interiores-mod{
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 250px;
  background: rgb(242,121,35);
  background: linear-gradient(90deg, rgba(242,121,35,1) 0%, rgba(254,91,93,1) 100%);
}
.naro-interiores-mod .fondo-circulos{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.naro-interiores-mod h1{
  font-weight: 400;
  font-size: 30px;
  text-align: center;
  color: white;
}
.naro-interiores-mod .slider-con-flechas{
  position: relative;
}
.naro-interiores-mod .slider-con-flechas .slider-interiores{
  width: 80%;
  margin: auto;
}
.naro-interiores-mod .slider-con-flechas .slider-interiores
.owl-item .item {
  position: relative;
}
.naro-interiores-mod .slider-con-flechas .slider-interiores
.owl-item .item i{
  font-size: 20px;
  color: white;
  position: absolute;
  right: 5%;
  bottom: 7%;
}
.naro-interiores-mod .slider-con-flechas .slider-interiores
.owl-item .item img{
  margin-bottom: -2px;
}
.naro-interiores-mod .slider-con-flechas 
.slider-interiores .owl-dots{
  display: none;
}
.naro-interiores-mod 
 .prev-int img{
  width: 100%;
}

.naro-interiores-mod .prev-int{
  width: 40px;
  position: absolute;
  left: 3%;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
.naro-interiores-mod .next-int{
  width: 40px;
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
}
.naro-interiores-mod 
.next-int img{
  width: 100%;
}
/* video 360 modelos */
.video-360-modelos{
  
  position: relative;
  margin-top: -150px;
  z-index: 9;
}
.video-360-modelos .centrado-360{
  width: 80%;
  margin: auto;
  position: relative;
}
.video-360-modelos .centrado-360 img{
  width: 100%;
}
.video-360-modelos .centrado-360 
.info-360{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.video-360-modelos .centrado-360 
.info-360 img{
  width: 100px;
  margin: auto;
  text-align: center;
}
.video-360-modelos .centrado-360 
.info-360 h1{
  font-weight: 400;
  color: white;
  font-size: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* video modelos yt*/
.sec-video-modelo-yt{
  margin-top: 50px;
}
.div-video-modelo-yt{
  width: 80%;
  margin: auto;
  position: relative;
}
.div-video-modelo-yt iframe{
  width: 100%;
  height: 400px;
}

/* plantas */
.sec-plantas{
  padding: 20px 0px;
  padding-bottom: 40px;
  background-color: #F5F5F5;
}
.sec-plantas .div-plantas{
  width: 80%;
  margin: auto;
}
.sec-plantas .div-plantas img{
  width: 80%;
}
.sec-plantas .div-plantas h1{
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 24px;
  color: #583019;
}
/* oculto tarjetas en modelos */
.single-modelos .flex-tarjetas-footer{
  display: none;
}

.single-modelos .articulos-footer{
  padding-top: 20px;
}
.single-modelos footer{
  margin-top: 20px;
  padding-top: 0;
}
/* ocultar articulos en modelos */
.single-modelos .articulos-footer{
  display: none;
}
/* muestro ortos desarrollos en modelos */
.single-modelos .otros-desarrollos-footer{
  display: block;
}
.single-modelos .nextBtnDes{
  display: block;
}
.single-modelos .prevBtnDes{
  display: block;
}

/*------------------*\
    OBTEN FINANCIAMIENTO
\*------------------*/
.principal-financiamiento{
    text-align: center;
    width: 55%;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 30px;
}
.principal-financiamiento h1{
    font-size: 40px;
    color: #583019;
    font-weight: 500;
}
.principal-financiamiento p{
    font-size: 14px;
    font-weight: 400;
}
.sec-dos-colum{
    width: 75%;
    margin: auto;
}
.sec-dos-colum .flex-financiamiento{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sec-dos-colum .flex-financiamiento
.item-info{
    width: 48%;
    padding-bottom: 30px;
}
.sec-dos-colum .flex-financiamiento
.item-info h2{
    color: #583019;
    font-weight: 500;
    font-size: 20px;
}
.sec-dos-colum .flex-financiamiento
.item-info p{
    color: black;
    font-weight: 400;
    font-size: 13px;
}
.sec-dos-colum .flex-financiamiento
.item-info ul{
    padding-left: 15px;
}
.sec-dos-colum .flex-financiamiento
.item-info ul li{
    color: black;
    font-weight: 400;
    font-size: 13px;
}
.sec-dos-colum .flex-financiamiento
.item-info .btn-rojo-menu{
    text-decoration: none;
    background-color: #FF5A5F;
    color: white;
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px #FF5A5F solid;
    transition: .2s;
  }
  .sec-dos-colum .flex-financiamiento
.item-info .btn-rojo-menu:hover{
    background-color: white;
    color: #FF5A5F;
    border: 1px #FF5A5F solid;
  }
.sec-dos-colum .flex-financiamiento
.item-img{
    width: 48%;
}
.sec-dos-colum .flex-financiamiento
.item-img img{
    width: 100%;
}

/*------------------*\
    precalificacion
\*------------------*/
.principal-precal{
  text-align: center;
  width: 80%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 30px;
}
.principal-precal h1{
  font-size: 40px;
  color: #583019;
  font-weight: 500;
}
.principal-precal p{
  font-size: 14px;
  font-weight: 400;
}
.flex-ofrecemos-precalif{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: auto;
}
.flex-ofrecemos-precalif .item-img{
  width: 49%;
}
.flex-ofrecemos-precalif .item-img img{
  width: 100%;
}
.flex-ofrecemos-precalif .item-info{
  width: 49%;
}
.flex-ofrecemos-precalif .item-info h2{
  font-size: 18px;
  color: #583019;
  font-weight: 500;
}
.flex-ofrecemos-precalif .item-info p{
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.sec-ofrecemos .conoce-perfil{
  width: 50%;
  margin: auto;
  font-size: 14px;
  color: #583019;
  font-weight: 500;
  text-align: center;
  padding: 30px 0px;
}

/*------------------*\
    asesores profesionales
\*------------------*/

.flex-asesores{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: auto;
}
.flex-asesores .item-img{
  width: 49%;
}
.flex-asesores .item-img img{
  width: 100%;
}
.flex-asesores .item-info{
  width: 49%;
}
.flex-asesores .item-info h2{
  font-size: 18px;
  color: black;
  font-weight: 500;
}
.flex-asesores .item-info p{
  font-size: 12px;
  color: black;
  font-weight: 400;
}
.flex-asesores .item-info ul{
  padding-left: 15px;
}
.sec-catalogo-asesores{
  background-color: #FAFAFA;
  padding-top: 50px;
}
.sec-catalogo-asesores .div-catalogo-asesores{
  width: 90%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.sec-catalogo-asesores .div-catalogo-asesores
.menu-asesores{
  width: 25%;
  -webkit-box-shadow: 0px 2px 11px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 11px -2px rgba(0,0,0,0.75);
box-shadow: 0px 2px 11px -2px rgba(0,0,0,0.75);
}
.sec-catalogo-asesores .div-catalogo-asesores
.menu-asesores h1{
  font-size: 22px;
  font-weight: 500;
  color: #583019;
  transition: .1s;
  padding: 0px 40px;
  cursor: pointer;
}
.sec-catalogo-asesores .div-catalogo-asesores
.menu-asesores .h1Activo{
  color: #FF5A5F;
}
.sec-catalogo-asesores .div-catalogo-asesores
.menu-asesores .id24{
  color: #FF5A5F;
}
.sec-catalogo-asesores .div-catalogo-asesores
.menu-asesores h1:hover{
  color: #FF5A5F;
}
.hr-rojo-asesor{
  background-color: #FF5A5F;
  height: 30px;
  width: 100%;
  border: none;
  margin: 0;
}

.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores{
  width: 75%;
  padding: 0px 10px;
  
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .divshow-ciudad-asesor{
  display: none;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .divshow-ciudad-asesor:nth-child(1){
  display: flex;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor{
  width: 22%;
  margin: auto;
  text-align: center;
  padding-bottom: 20px;
}
.item-asesor-fill{
    height: 0;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor figure{
  width: 80%;
  margin: auto;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor figure img{
    border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor h3{
  font-size: 12px;
  font-weight: 400;
  color: black;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor p{
  overflow: hidden;
  font-size: 10px;
  font-weight: 400;
  color: #FF5A5F;
}
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores .item-asesor p a{
  text-decoration: none;
  font-size: 10px;
  font-weight: 400;
  color: #FF5A5F;
}

/* ocultar los div de asesores y mostrar default */
.sec-catalogo-asesores .div-catalogo-asesores
.show-asesores #id24{
  /* display: none; */
}


/*------------------------------------*\
	preguntas frecuentes
\*------------------------------------*/

.sec-frecuentes .div-frecuentes{
  width: 60%;
  margin: auto;
}
.sec-frecuentes .div-frecuentes h2{
  font-size: 18px;
  color: black;
  font-weight: 500;
}
.sec-frecuentes .div-frecuentes p{
  font-size: 12px;
  color: black;
  font-weight: 400;
}


/*------------------*\
    guias paradescargar
\*------------------*/
.background-grey{
  background-color: #F5F5F5;
  margin: 40px 0px;
  padding: 30px 0px;
}
.flex-descargas{
  display: flex;
  align-items: center;
  width: 70%;
  margin: auto;
}
.flex-descargas .marleft-info{
  margin-left: 40px;
}
.flex-descargas .item-img{
  width: 35%;
}
.flex-descargas .item-img img{
  width: 100%;
}
.flex-descargas .item-info{
  width: 65%;
}
.flex-descargas .item-info h2{
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #583019;
}
.flex-descargas .item-info h3{
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: black;
}

.flex-descargas .item-info
 .descargar-folleto{
   width: 160px;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  display: flex;
  align-items: center;
  transition: .2s;
}
.flex-descargas .item-info
 .descargar-folleto:hover{
  background-color: white;
  color: #FF5A5F;
}
.flex-descargas .item-info
.descargar-folleto:hover i{
  color: #FF5A5F;
}
.flex-descargas .item-info
 .descargar-folleto i{
  color: white;
  font-size: 14px;
  padding-right: 5px;
}

/*------------------*\
    videos de desarrollo
\*------------------*/
.banner-video{
  position: relative;
  height: 250px;
  width: 100%;
}
.banner-video img{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-video h1{
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 36px;
    color: white;
    font-weight: 400;
}
.page-template-page-videos-de-los-desarrollos {
  background-color: #F5F5F5;
}
.div-vid-des{
  padding-top: 50px;
  width: 80%;
  margin: auto;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-around;
}
.div-vid-des .item-video{
  width: 31%;
  padding-bottom: 30px;
}
.div-vid-des .item-video-relleno{
  height: 0;
}

.div-vid-des .item-video figure{
  position: relative;
  width: 100%;
  height: 180px;
}
.div-vid-des .item-video img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.play-video{
  position: absolute;
  font-size: 80px;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.div-vid-des .item-video:hover .play-video{
  color: #FF5A5F;
}
.div-vid-des .item-video h2{
  font-size: 16px;
  font-weight: 400;
  color: black;
  margin-bottom: 0;
}
.div-vid-des .item-video h3{
  margin-top: 0;
  font-size: 15px;
  font-weight: 400;
  color: #FF5A5F;
}
.div-vid-des .item-video h3 a{
  color: #FF5A5F;
}
.div-vid-des .item-video p{
  font-size: 12px;
  font-weight: 400;
  color: #6F6F6F;
}

.div-vid-des .item-video
 .ver-video{
   /* width: 120px; */
  text-decoration: none;
  padding: 5px 0px;
  color: #FF5A5F;
  font-size: 12px;
  display: flex;
  align-items: center;
  transition: .2s;
  outline: none;
}
.div-vid-des .item-video
.ver-video:hover{
  color: #6F6F6F;
  
}
.div-vid-des .item-video
.ver-video i{
  transition: .2s;
  color: #FF5A5F;
  font-size: 14px;
  padding-right: 5px;
  
}
.div-vid-des .item-video
 .ver-video:hover i{
  color: #6F6F6F;
  
}
.ver-video-marginright{
  margin-right: 20px;
}
.flex-btn-vervideos{
  display: flex;
  align-items: center;
  justify-content: left;
}


/*------------------*\
    testimonios
\*------------------*/
.banner-testimonio{
  position: relative;
  height: 250px;
  width: 100%;
}
.banner-testimonio img{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-testimonio h1{
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 36px;
    color: white;
    font-weight: 400;
}

/*------------------*\
    Promociones y eventos
\*------------------*/

.sec-events .flex-events{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: auto;
  padding: 30px 0px;
}
.sec-events .flex-events .img-event{
  width: 56%;
}
.sec-events .flex-events .img-event img{
  width: 100%;
}
.sec-events .flex-events .info-event{
  width: 40%;
  padding: 30px 0px;
}
.sec-events .flex-events .info-event h2{
  font-size: 38px;
  font-weight: 500;
  color: Black;
}
.sec-events .flex-events .info-event p{
  font-size: 14px;
  font-weight: 400;
  color: gray;
}
/* OCULTAR div naranja footer en eventos */
.page-template-page-promociones-y-eventos
.naranja-rojo{
  display: none;
}

.page-template-page-promociones-y-eventos 
footer {
  margin-top: 0px;
  padding-top: 0;
}

/*------------------*\
    AVISO DE PRIVACIDAD
\*------------------*/
/*  */
.modal-contenido{
  background-color:whitesmoke;
  width:80%;
  padding: 10px 20px;
  margin: 5% auto;
  position: relative;
  z-index: 99999;
}
.modal-contenido h2{
  text-align: center;
}
.modal-contenido a{
  float: right;
  text-decoration: none;
}
.modal{
  overflow-y: scroll;
  background-color: rgba(0,0,0,.8);
  position:fixed;
  z-index: 99;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
}
#miModal:target{
  opacity:1;
  pointer-events:auto;
}

/*------------------*\
    Atencion a propietarios
\*------------------*/
.flex-propietarios{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90%;
  margin: auto;
  padding: 30px 0px;
}

.flex-propietarios .img-propietarios{
  width: 56%;
}
.flex-propietarios .img-propietarios img{
  width: 100%;
  height: 100%;
}
.flex-propietarios .info-propietarios{
  width: 40%;
  padding: 30px 0px;
}
.flex-propietarios .info-propietarios h1{
  font-size: 38px;
  color: black;
  font-weight: 500;
}
.flex-propietarios .info-propietarios p{
  font-size: 14px;
  color: #363636;
  font-weight: 400;
}
.flex-propietarios .info-propietarios p a{
  text-decoration: none;
  color: #363636;
}

/*------------------*\
    nosotros
\*------------------*/
.sec-naranja-nosotros{
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 390px;
  background: rgb(242,121,35);
  background: linear-gradient(90deg, rgba(242,121,35,1) 0%, rgba(254,91,93,1) 100%);
}
.naranja-nosotros{
  width: 70%;
  margin: auto;
  text-align: center;
  
  height: 400px;
}
.naranja-nosotros img{
  position: absolute;
  z-index: 0;
  /* filter: brightness(100%); */
  padding-top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: -4px;
  left: 0;
}
.naranja-nosotros h1{
  margin: 0;
  padding: 30px 0px;
  font-size: 35px;
  font-weight: 500;
  color: white;
}
.naranja-nosotros p{
  font-size: 12px;
  font-weight: 400;
  color: white;
}
.nosotros-img{
  position: relative;
  width: 70%;
  margin: auto;
  margin-top: -90px;
  z-index: 2;
}
.nosotros-img img{
  width: 100%;
}
.flex-nosotros{
  margin: auto;
  padding-top: 20px;
  width: 70%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-nosotros div{
  width: 48%;
}
.flex-nosotros div p{
  font-size: 12px;
  font-weight: 400;
  color: black;
}

.flex-mision{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70%;
  margin: auto;
}
.flex-mision .img{
  width: 35%;
}
.flex-mision .img img{
  width: 100%;
}
.flex-mision .titulos{
  width:22%;
  border-right: 1px rgba(128, 128, 128, 0.63) solid;
}
.flex-mision .titulos h1{
  font-size: 18px;
  color: #583019;
  font-weight: 500;
  transition: .2s;
  cursor: pointer;
}
.flex-mision .titulos .mision{
  color: #FF5A5F;
}
.flex-mision .titulos h1:hover{
  color: #FF5A5F;
}
.flex-mision .div-show-nosotros{
  width:39%;
  display: none;
}
.flex-mision .div-show-nosotros p{
  font-size: 12px;
  color: #363636;
}
.flex-mision #mision{
  display: block;
}
/* OCULTAR naranja footer en nosotros */
.page-template-page-nosotros
.naranja-rojo{
  display: none;
}
.page-template-page-nosotros
footer {
  margin-top: 0px;
  padding-top: 0;
}
.page-template-page-nosotros
.blanco-footer{
  padding-top: 0;
}
.grayaviso{
  animation-name: grisaviso;
  animation-duration: .3s;
  animation-duration: alternate;
  animation-fill-mode: forwards;
}
@keyframes grisaviso{
  from{
    background-color: transparent;
  }
  to{
    background-color: rgba(128, 128, 128, 0.5);
    -webkit-box-shadow: 0px 0px 49px 1px rgba(77,77,77,.5);
-moz-box-shadow: 0px 0px 49px 1px rgba(77,77,77,.5);
box-shadow: 0px 0px 49px 1px rgba(77,77,77,.5);
  }
}
.seanima{
  padding: 0;
}

/*------------------*\
    reconocimientos
\*------------------*/
.recono-h1{
  text-align: center;
  font-size: 40px;
  color: #583019;
  font-weight: 500;
}
.flex-recono{
  display: flex;
  align-self: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
}
.flex-recono .item-recono{
  width: 30%;
}
.flex-recono figure{
  width: 60%;
  margin: auto;
}
.flex-recono .reco3{
  width: 100%;
  height: 50%;
  margin: auto;
  overflow: hidden;
}
.flex-recono figure img{
  width: 100%;
}
.flex-recono h2{
  font-size: 14px;
  color: #F37726;
  font-weight: 500;
}
.flex-recono p{
  font-size: 12px;
  color: #363636;
  font-weight: 400;
}

/*------------------*\
    renta de locales
\*------------------*/
.flex-renta{
  width: 85%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-renta figure{
    width: 60%;
}
.flex-renta figure img{
  width: 100%;
}
.flex-renta div{
  width: 40%;
}
.h1-locales{
  font-size: 30px;
  color: black;
  font-weight: 500;
}
.h1-locales span{
  font-size: 30px;
  color: #FF5A5F;
  font-weight: 500;
}
.flex-renta p{
  font-size: 12px;
  color: #363636;
  font-weight: 400;
}
.sec-renta .div-info{
  margin: auto;
  width: 70%;
  text-align: center;
}
.sec-renta .div-info .h1-locales{
  text-align: center;
}
.sec-renta .div-info .flex-info{
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.sec-renta .div-info .flex-info
.item{
  width: 31%;
}
.sec-renta .div-info .flex-info
.item p{
  font-size: 12px;
  color: #363636;
  font-weight: 400;
  text-align: left;
}
.sec-renta .div-info .flex-info
.item p span{
}
.sec-renta .div-info .flex-info
.item p span a{
  color: #FF5A5F;
  text-decoration: none;
}

/*------------------*\
    Trabaja con nosotros
\*------------------*/
.page-template-page-trabaja-con-nosotros{
  background-color: #FAFAFA;
}
.urlpage{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #F5F5F5;
  text-align: center;
  height: 35px;
}
.urlpage p{
  margin: 0;
}
.urlpage p a{
  text-decoration: none;
  color: gray;
}
.sec-trabaja{
  padding-top: 5px;
  padding-bottom: 20px;
}
.backWhite{
  background-color: white;
}
.flex-trabaja-bolsa{
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.flex-trabaja-bolsa .item{
  width: 45%;
}
.flex-trabaja-bolsa .item h2{
  font-size: 18px;
  color: black;
  font-weight: 500;
  text-align: center;
}
.flex-trabaja-bolsa .item p{
  font-size: 12px;
  color: #363636;
  font-weight: 400;
  text-align: center;
}
.flex-trabaja-bolsa .item p span{
  color: #FF5A5F;
  font-weight: 500;
}
.flex-trabaja-bolsa .item p span a{
  text-decoration: none;
}
.flex-trabaja-bolsa .item p a{
  font-weight: 500;
  color: #FF5A5F;
}
.flex-puestos{
  width: 80%;
  padding-top: 20px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 20px;
}
.flex-puestos .item-info{
width: 48%;
}
.flex-puestos .item-info h1{
  font-size: 22px;
  color: black;
  font-weight: 600;
}
.flex-puestos .item-info h2{
  font-size: 14px;
  color: black;
  font-weight: 600;
}
.flex-puestos .item-info p{
  font-size: 12px;
  color: #363636;
  font-weight: 400;
}
.flex-puestos .item-img{
  width: 48%;
  }
.flex-puestos .item-img img{
  width: 100%;
}

/*------------------*\
    directorio
\*------------------*/
.sec-dir-show .flex-pestañas{
  width: 85%;
  padding-top: 30px;
  margin: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
}
.sec-dir-show .flex-pestañas div{
  position: relative;
}
.sec-dir-show .flex-pestañas h2{
  font-size: 16px;
  color: #583019;
  font-weight: 500;
  cursor: pointer;
}
.sec-dir-show .flex-pestañas
.div-oficinas{
  opacity: 0;
  background-color: white;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 45px;
  left: 0;
  transition: .4s;
  border-radius: 3px;
  padding: 5px 12px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.opacity{
  opacity: 1 !important;
  z-index: 1 !important;
}
.sec-dir-show .flex-pestañas
.div-oficinas h3{
  margin: 0;
  padding: 4px 0px;
  font-size: 12px;
  color: #583019;
  font-weight: 400;
  cursor: pointer;
}
.sec-dir-show .flex-pestañas
.div-oficinas h3:hover{
  color: #FF5A5F;
}
.activered{
  color: #FF5A5F !important;
}
/* tabla show */
.sec-dir-show .show-table{

}
.sec-dir-show .show-table h1{
  font-size: 40px;
  color: #583019;
  font-weight: 500;
  text-align: center;
}
.sec-dir-show .show-table h3{
  font-size: 12px;
  color: #7a7979;
  font-weight: 400;
  text-align: center;
}
.sec-dir-show .show-table 
.table{
  margin-top: 30px;
  display: none;
}
.diplayblock{
  display: block !important;
}
.table table{
  width: 100%;
  text-align: left;
  /* table-layout: fixed; */
}
.table table tr{
  background-color: #F5F5F5;
  border-top: 1px #7a79796e solid;
  border-bottom: 1px #7a79796e solid;
}
.table table th{
  background-color: white;
  font-size: 14px;
  font-weight: 400;
  color: #583019;
  padding: 8px 0px;
}
.table table td{
  font-size: 12px;
  font-weight: 500;
  color: black;
  padding: 8px 0px;
  padding-right: 20px;
}
.table table td a{
  text-decoration: none;
  outline: none;
}
.table table th:nth-child(1) {
  width: 10%;
  padding-left: 20px;
}
.table table td:nth-child(1) {
  width: 10%;
  padding-left: 20px;
}
.table table td:nth-child(2) {
	width: 22.5%;
}
.table table td:nth-child(3) {
	width: 22.5%;
}
.table table td:nth-child(4) {
	width: 22.5%;
}
.table table td:nth-child(5) {
	width: 22.5%;
}
/* colores alternados */
.table table tr:nth-child(even) {
  background-color: #E3E3E3;
}

/* OCULTAR naranja footer en nosotros */
.page-template-page-directorio-de-contacto
.naranja-rojo{
  display: none;
}
.page-template-page-directorio-de-contacto
footer {
  margin-top: 100px;
  padding-top: 0;
}

.page-template-page-directorio-de-contacto
.blanco-footer{
  padding-top: 0;
}


/* YOUTUBE POP CORECCION */
body.logged-in .YouTubePopUp-Wrap{
  top:0;
}



/*------------------*\
    MOVIL styles
\*------------------*/
@media only screen and (min-width: 320px) 
and (max-width: 1080px) {
    .banner-gran-oportunidad{
        margin-top: 0 !important;
    }

  .flex-descargas .marleft-info{
    margin-left: 0;
  }
    .sec-img-video{
        width: 100%;
    }
    
    .sec-img-video iframe{
      height: 200px;
    }

    .sec-img-video-360{
      width: 100%;
  }
    .sec-img-video-360 iframe{
      height: 200px;
    }
    .flex-content-casasen{
        flex-wrap: wrap;
    }
    .desarrollos-cards-casasen{
        width: 100%;
    }
    .mapacasas{
        width: 100%;
        height: 350px;
        margin-top: 30px;
    }

  .menu-movil{
    display: block;
    padding-left: 30px;
    border-top: 1px #6f6f6f6f solid;
    background-color: white;
  }
  .obscuro-panel-movil{
    display: block;
  }
  .menu-movil .btn-menu-movil{
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .menu-movil .btn-menu-movil i{
    font-size: 25px;
    color: #363636;
    padding-right: 25px;
  }
  .menu-movil .btn-menu-movil h1{
    font-size: 22px;
    color: black;
    font-weight: 600;
  }
  /* panel movil deslizante */
  .obscuro-panel-movil{
    display: block;
    background-color: #36363677;
    position: fixed;
    overflow-y: scroll;
    height: 100%;
    top: 50px;
    left: 0;
    z-index: 9998;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow-x: hidden;
    width: 0px;
  }
  .panel-menu-movil{
    position: relative;
    /* z-index: 1; */
    top: 0px;
    left: 0;
    width: 330px;
    background-color: white;
    /* padding-bottom: 20px; */
  }
  .flex-redes{
    padding-bottom: 20px;
  }
  .panel-menu-movil .head-panel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px;
  }
  .panel-menu-movil .head-panel figure{
    width: 50%;
  }
  .panel-menu-movil .head-panel figure img{
    width: 100%;
  }
  .panel-menu-movil .head-panel div{
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: right;
  }
  .panel-menu-movil .head-panel div h1{
    font-size: 16px;
    font-weight: 500;
    color: black;
    padding-right: 6px;
  }
  .panel-menu-movil .head-panel div i{
    font-size: 26px;
    font-weight: 500;
    color: black;
  }
  .mov-tit-panel{
    width: 100%;
    border-top: 1px #6f6f6f4f solid;
  }
  .tit-panel-informacion{
    border-bottom: 1px #6f6f6f4f solid;
  }
  .mov-tit-panel div{
    display: flex;
    align-items: center;
    justify-content: start;
    height: 55px;
  }
  .mov-tit-panel div .fa-home{
    font-size: 22px;
    color: #583019;
    padding-right: 30px;
    padding-left: 20px;
  }
  .mov-tit-panel div .fa-money-bill-alt{
    font-size: 22px;
    color: #583019;
    padding-right: 30px;
    padding-left: 20px;
  }
  .mov-tit-panel div .fa-info-circle{
    font-size: 22px;
    color: #583019;
    padding-right: 30px;
    padding-left: 20px;
  }
  .mov-tit-panel div .fa-caret-down{
    font-size: 16px;
    color: black;
    padding-right: 15px;
  }
  .mov-tit-panel div h1{
    font-size: 16px;
    margin: 0;
    color:#583019;
    font-weight: 500;
  }
  .links-panel-movil{
    padding-left: 20px;
  }
  .links-panel-movil h2{
    font-size: 16px;
    color: black;
    font-weight: 500;
    margin: 0;
    margin-top: 25px;
    padding: 0;
  }
  .links-panel-movil p{
    font-size: 15px;
    color: black;
    font-weight: 400;
    margin: 10px 0px;
    padding: 0;
  }
  .links-panel-movil p a:hover{
    color: #F27A21;
  }
  .links-panel-movil a{
    text-decoration: none;
  }
  .panel-menu-movil .subpanel-titulos{
    padding-left: 20px;
    background-color: rgba(145, 142, 142, 0.212);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .panel-menu-movil .subpanel-titulos p{
    margin: 10px 0px;
  }
  .panel-menu-movil .subpanel-titulos p a{
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: black;
  }
  .panel-menu-movil .subpanel-desarrollo{
    height: 0;
    overflow-y: hidden;
  }
  .panel-menu-movil .subpanel-credito{
    height: 0;
    overflow-y: hidden;
  }
  .panel-menu-movil .subpanel-informacion{
    height: 0;
    overflow-y: hidden;
  }
  .precalif-menu-movil{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FF5A5F;
    height: 50px;
  }
  .precalif-menu-movil .flex-menu-precalif{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .precalif-menu-movil a {
    text-decoration: none;
  }
  .precalif-menu-movil .flex-menu-precalif i{
    color: white;
    font-size: 20px;
    padding-right: 8px;
  }
  .precalif-menu-movil .flex-menu-precalif h2{
    color: white;
    font-size: 16px;
    font-weight: 400;

  }
  header{
    box-shadow: none;
    
  }
  header .menu-desplegable{
    display: none;
  }
  header .nav{
    display: none;
  }
  header .btn-rojo-menu{
    display: none;
  }
  header .div-header{
    margin-top: 50px;
    

  }
  header .div-header .logo{
    margin: auto;
    width: 100%;
    text-align: center;
  }
  .slider-principal .owl-dots{
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
  }

    /* flechas slider desarrollo */
    .slider-principal 
    .prev-home{
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    left: 3%;
    }
    .slider-principal  
    .prev-home img{
    width: 40px;
    }
    .slider-principal  
    .next-home{
        display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    right: 3%;
    }
    .slider-principal 
    .next-home img{
    width: 40px;
    }

  .sec-flex-desarrollos{
    justify-content: center;
    padding-top: 10px;
  }
  .nuestros-desarrollos h1{
    display: none;
  }
  .sec-flex-desarrollos .item50{
    width: 45%;
    margin: 10px 1.5%;
    height: 150px;
  }
  .sec-flex-desarrollos .itemNormal{
    margin: 10px 1.5%;
    width: 45%;
    height: 150px;
  }
  .itemAsesor-home{
    display: block;
  }
  .sec-flex-desarrollos .item 
  .abs-info h2{
    font-size: 26px;
  }
  .sec-flex-desarrollos .item 
  .abs-info h3{
    font-size: 20px;

  }
  .simula-home{
    width: 90%;
    margin: 30px auto;
  }
  .simula-home .img{
    width: 40%;
  }
  .simula-home .info h1{
    font-size: 16px;
  }
  .simula-home .info{
    text-align: center;
    width:auto;
  }
  .simula-home .info a{
    font-size: 12px;
    padding: 3px 15px;
  }
  .sec-desarrollos-video{
      position: relative;
  }
  .sec-desarrollos-video h1{
    font-size: 18px;

  }
  .sec-desarrollos-video a{
    font-size: 14px;
  }
  
  .articulos-footer{
    width: 90%;
    padding-bottom: 10px;
  }
  .flex-article-footer{
    flex-direction: column;
    width: 100%;
  }
  .flex-article-footer article{
    width: 100%;
    justify-content: flex-start;
    padding-right: 0px;
    margin: 8px 0px;
  }
  .flex-article-footer .divisor{
    border-right: none;
  }
  /* .blanco-footer{
    flex-wrap: wrap;
    padding-top: 0;
    justify-content: space-between;
  }
  
  .agregate-footer{
    width: 100%;
    padding-bottom: 15px;
  }
  .agregate-flex{
    background-color: #FFDC00;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .agregate-flex h2{
    width: 40%;
    font-size: 18px;
  }
  .formulario-footer{
    width: 55%;
  }
  .formulario-footer .hbspt-form{
    width: 100%;
  }
  .formulario-footer form{
    flex-direction: column;
  }
  .formulario-footer .hs_firstname{
    width: 100%;
    margin: 0;
    padding: 5px 0px;
  }
  .formulario-footer .hs_email{
    width: 100%;
    padding: 5px 0px;
    margin: 0;
  }
  .formulario-footer div input{
    padding: 7px 5px;
    height: 100%;
  }
  .formulario-footer .hs-submit{
    width: 100%;
  }
  .menu-footer{
    width: 150px;
    margin: 0px 18px;
    margin-bottom: 15px;
    text-align: center;
  } */
  .hr-copyright{
    margin-top: 15px;
  }
  .copyright{
    flex-direction: column;
    text-align: center;
  }


  /* Pagina desarrollos en ciudad */
  /* .banner-titulo{
    display: none;
  } */
  .tit-casasen-movil{
    display: block;
    text-align: center;
    padding: 5px 0px;
  }
  .tit-casasen-movil h1{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #583019;
    
  }
  .desarrollos-cards-casasen{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .flex-article-casasen{
    flex-direction: column;
    width: 46%;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    margin-bottom: 16px;
    padding: 0;
    padding-bottom: 15px;
  }
  .img-prin-casasen{
    width: 100%;
    height: 120px;
  }
  .flex-article-casasen .item-info-article{
    width: 100%;
    padding: 0;
  }
  .flex-logo-precio{
    width: 100%;
    flex-direction: column;
  }
  .flex-logo-precio figure{
    width: 50%;
    padding-top: 10px;
  }
  .flex-logo-precio .precio{
    width: 100%;
    text-align: center;
  }
  .flex-logo-precio .precio .cantidad{
    color: #FF5A5F;
  }
  .flex-article-casasen 
  .item-info-article .slogan{
    display: none;
  }
  .flex-btn-article-casasen{
    display: none;
  }
  .mapa-casasen{
    display: none;
  }
  .hr-article-casasen{
    display: none;
  }
  .page-template-page-casas-en
  .naranja-rojo{
    display: none;
  }
  .page-template-page-casas-en footer{
    margin-top: 10px;
  }

  /* single desarrollos */
  .menu-info-sing-des{
    display: none;
  }
  .slider-desarrollo-banner .slider-desarrollo .item{
    height: auto;
  }
  .slider-desarrollo-banner .slider-desarrollo 
  .item img{
    height: 180px;
  }
  .slider-desarrollo-banner .info-principal{
    display: none;
  }
  .slider-desarrollo{
    position: relative;
  }
  .slider-desarrollo .owl-dots{
    display: block;
    position: absolute;
    bottom: 1%;
    left: 45%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }
  .flechasWeb{
    display: none;
  }
  .flechasMovil{
    display: block;
  }
  .info-principal-movil{
    display: block;
    padding: 10px 20px;
  }
  .info-principal-movil h1{
    font-size: 18px;
    color: black;
    font-weight: 600;
  }
  .info-principal-movil p{
    font-size: 16px;
  }
  .flex-modelos{
    display: none;
  }

  .art-modelo-en-desarrollo{
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.75);
    padding-bottom: 15px;
    overflow: hidden;
  }
  .modelos-desarrollo{
    position: relative;
  }
  .modelos-desarrollo .slider-modelos{
    display: block;
  }
  .slider-modelos .flex-caracteristicas-modelo
  .item img{
    width: 30px;
  }
   /* flechas slider modelos */
   .modelos-desarrollo
   .prev-mod{
   display: block;
   cursor: pointer;
   position: absolute;
   z-index: 1;
   top: 45%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   left: 8%;
   }
   .modelos-desarrollo
   .prev-mod img{
   width: 40px;
   }
   .modelos-desarrollo  
   .next-mod{
       display: block;
   cursor: pointer;
   position: absolute;
   z-index: 1;
   top: 45%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   right: 8%;
   }
   .modelos-desarrollo 
   .next-mod img{
   width: 40px;
   }
   
   .sec-beneficios-vivir .img-vivir{
     display: none;
   }
   .sec-beneficios-vivir .info-vivir{
     width: 100%;
   }
   .text-vivir-colums{
     column-count: 1;
     text-align: center;
     padding-left: 0;
   }
   .sec-vivir .img-abs-vivir{
     display: none;
   }
   .naranja-desarrollo{
     display: none;
   }
   .div-sig-instagram{
     display: none;
   }
   .img-movil-des{
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .img-movil-des figure{
     width: 33.33%;
   }
   .img-movil-des figure img{
     width: 100%;
   }
   .div-testimonios{
     padding-top: 20px;
   }
   .div-testimonios h1{
     text-align: center;
   }
   .sec-testimonios-desarrollo .flex-testimonio{
     display: none;
   }
   .div-testimonios{
     width: 100%;
   }
   #slider-testimovil{
     display: block;
   }
   .slider-testimovil 
    figure{
      position: relative;
    }
    .slider-testimovil 
    figure .playpng{
      width: 20%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
    }
    .slider-testimovil .item a{
      text-decoration: none;
    }
    .slider-testimovil h2{
      padding: 0px 25px;
      font-size: 20px;
      font-weight: 500;
      color: #583019;
    }
    .slider-testimovil p{
      padding: 0px 25px;
      font-size: 12px;
      font-weight: 500;
      text-align: justify;
    }
    /* flechas slider testimonios movil */
    .div-testimonios{
      position: relative;
      padding-bottom: 25px;
    }
   .div-testimonios
   .prev-testmov{
   display: block;
   cursor: pointer;
   position: absolute;
   z-index: 1;
   top: 38%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   left: 8%;
   }
   .div-testimonios
   .prev-testmov img{
   width: 40px;
   }
   .div-testimonios  
   .next-testmov{
       display: block;
   cursor: pointer;
   position: absolute;
   z-index: 1;
   top: 38%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   right: 8%;
   }
   .div-testimonios
   .next-testmov img{
   width: 40px;
   }
   .formulario-desarrollo{
     width: 90%;
   }
   .formulario-desarrollo .flex-form{
     flex-direction: column;
   }
   .formulario-desarrollo .flex-form .formularios{
     width: 100%;
     margin: auto;
   }
   .formulario-desarrollo .flex-form 
   .sidebar-desarrollo{
    display: block;
    width: 100%;
   }
   .formulario-desarrollo #informacion
   .input{
     margin: 0;
   }
   .formulario-desarrollo #informacion input{
     width: 100%;
   }
   .formulario-desarrollo #informacion select{
     width: 100%;
   }
   .formulario-desarrollo #informacion fieldset{
    max-width: 100%;
   }
   .formulario-desarrollo #cita input{
     width: 100%;
   }
   .formulario-desarrollo #cita select{
     width: 100%;
   }
   .formulario-desarrollo #cita fieldset{
     max-width: 100%;
   }

   .menu-info-movil-des{ 
    display: block;
  }
   .menu-info-movil-des .flex-info-movil{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: auto;
    padding-bottom: 10px;
  }
  .menu-info-movil-des .flex-info-movil
  .logo{ 
    width: 45%;
  }
  .menu-info-movil-des .flex-info-movil
  .logo img{ 
    width: 100%;
  }
  .menu-info-movil-des .flex-info-movil
  .precio-sing-des{ 
    width: 50%;
  }
  .menu-info-movil-des .flex-info-movil
  .precio-sing-des p{ 
    font-size: 14px;
    color: #583019;
    font-weight: 500;
  }
  .menu-info-movil-des .flex-info-movil
  .precio-sing-des .precio{ 
    font-size: 20px;
    color: #583019;
    padding: 0;
    margin: 0;
    font-weight: 300;
  }
  .menu-info-movil-des .flex-btn-info-movil{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .vertodos{
    text-decoration: none;
    padding: 5px 15px;
    background-color: white;
    color: #FF5A5F;
    border-radius: 5px;
    font-size: 12px;
    border: 1px #FF5A5F solid;
    transition: .2s;
    width: auto;
    margin-bottom: 8px;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .vertodos:hover{
    background-color: #FF5A5F;
    border: 1px #FF5A5F solid;
    color: white;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .descargar-folleto{
    margin-bottom: 8px;
    text-decoration: none;
    padding: 5px 15px;
    background-color: #FF5A5F;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    border: 1px #FF5A5F solid;
    display: flex;
    align-items: center;
    transition: .2s;
    width: auto;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .descargar-folleto:hover{
    background-color: white;
    color: #FF5A5F;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .descargar-folleto:hover i{
    color: #FF5A5F;
  }
  .menu-info-movil-des 
  .flex-btn-info-movil .descargar-folleto i{
    color: white;
    font-size: 14px;
    padding-right: 5px;
  }

   /* FOOTER otros desarrollos movil */
   .single-desarollos .otros-desarrollos-footer{
     display: none;
   }
   .naranja-rojo .nextBtnDes{
     display: none;
   }
   .naranja-rojo .prevBtnDes{
     display: none;
   }
   /* otros desarrollos fotoer */
   .single-desarollos .otros-desarrollos-footer-movil{
    display: block;
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
  }
  .otros-desarrollos-footer-movil
  figure img{
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 5px;
  }
  .item-des-footer-movil{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 22px;
  }
  .otros-desarrollos-footer-movil h1{
    font-size: 24px;
    color: white;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 10px;
    margin: 0;
  }
  .item-des-footer-movil figure{
    width: 40%;
    padding-right: 10px;
    border-radius: 5px;
    overflow: hidden;
  }
  .item-des-footer-movil div{
    width: 60%;
  }
  .item-des-footer-movil div h2{
    font-size: 18px;
    color: white;
    font-weight: 400;
    padding-bottom: 10px;
    margin: 0;
  }
  .item-des-footer-movil div p{
    font-size: 16px;
    color: #EFCE00;
    font-weight: 500;
    padding: 0;
    margin: 0;
  }
  .item-des-footer-movil div h3{
    font-size: 18px;
    color: white;
    font-weight: 300;
    padding: 0;
    margin: 0;
  }


  /* MODELOS MOVIL */
  .sec-fachadas-mod .flex-fachadas .miniaturas{
    display: none;
  }
  .sec-fachadas-mod .flex-fachadas .slider-fachadas{
    width: 100%;
  }
  .sec-fachadas-mod .flex-fachadas{
    width: 100%;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .titulos-abs{
    top: 65%;
    left: 10%;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .titulos-abs h2{
    font-size: 20px;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .modelo{
    font-size: 16px;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .prev{
    top: 30%;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .next{
    top: 30%;
  }
  .sec-fachadas-mod .flex-fachadas 
  .slider-fachadas .info-modelo{
    display: none;
  }
  .slider-fachadas .owl-dots{
    display: block;
    position: absolute;
    bottom: 42%;
    left: 40%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    
  }
  .banner-video h1{
    text-align: center;
  }
  .info-modelo-movil {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 30px;
  }
  .info-modelo-movil  
  .item-mod{
    display: flex;
    align-items: center;
    justify-content: center;

  }
  .info-modelo-movil 
  .item-mod h2{
    font-size: 18px;
    font-weight: 300;
    color: #583019;
    margin: 5px 0px;
  }
  .info-modelo-movil  
  .item-mod img{
    width: 30px;
    padding-right: 8px;
  }
  .naro-interiores-mod .slider-con-flechas 
  .slider-interiores{
    width: 100%;
  }
  .naro-interiores-mod .slider-con-flechas 
  .slider-interiores .owl-dots{
    display: block;
  }
  .naro-interiores-mod{
    padding-bottom: 200px;
  }
  .naro-interiores-mod .prev-int{
    z-index: 2;
  }
  .naro-interiores-mod .next-int{
    z-index: 2;
  }
  .video-360-modelos .centrado-360{
    width: 90%;
  }
  .div-video-modelo-yt {
    width: 90%;
  }
  .video-360-modelos .centrado-360 iframe{
    height: 290px;
  }
  .div-video-modelo-yt iframe{
    height: 260px;
  }
  .sec-plantas .div-plantas img{
    width: 600px;
    height: 300px;
    margin-left: 0%;
    margin-top: 140px;
    margin-bottom: 150px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .sec-plantas .div-plantas{
    width: 100%;
    overflow: hidden;
  }
  .sec-plantas .div-plantas h1{
    padding-left: 30px;
    padding-top: 0;
  }
  /* FOOTER otros desarrollos movil */
  .single-modelos .otros-desarrollos-footer{
    display: none;
  }
  .naranja-rojo .nextBtnDes{
    display: none;
  }
  .single-modelos 
  .otros-desarrollos-footer-movil{
    display: block;
    padding: 10px 25px;
  }
  .page-template-page-directorio-de-contacto 
  footer{
    margin-top: 40px;
  }
  
  /* atencion a propietarios */
  .flex-propietarios{
    flex-direction: column;
  }
  .flex-propietarios .img-propietarios{
    width: 90%;
  }
  .flex-propietarios .info-propietarios{
    width: 90%;
    padding: 0px;
  }
  /* videos de los desarrollos */
  .div-vid-des{
    flex-direction: column;
  }
  .div-vid-des .item-video{
    width: 90%;
  }
  /* promociones y eventos */
  .sec-events .flex-events{
    flex-direction: column;
  }
  .sec-events .flex-events .img-event{
    width: 90%;
  }
  .sec-events .flex-events .info-event{
    width: 90%;
    padding: 0;
  }
  .sec-events .flex-events .info-event h2{
    margin-top: 0;
  }

  /* obten financiamiento */
  .principal-financiamiento{
    width: 90%;
  }
  .sec-dos-colum .flex-financiamiento{
    flex-direction: column;
  }
  .sec-dos-colum .flex-financiamiento{
    flex-direction: column-reverse;
  }
  .sec-dos-colum
  .flex-financiamiento-reverse{
    flex-direction: column;
  }
  .sec-dos-colum .flex-financiamiento .item-info{
    width: 90%;
  }
  .sec-dos-colum .flex-financiamiento .item-img{
    width: 90%;
  }
  /* precalificacion */
  .flex-ofrecemos-precalif{
    flex-direction: column-reverse;
  }
  .flex-ofrecemos-precalif .item-img{
    width: 90%;
  }
  .flex-ofrecemos-precalif .item-info{
    width: 90%;
  }
  .sec-ofrecemos .conoce-perfil{
    width: 90%;
    padding-bottom: 0;
  }
  /* preguntas frecuente */
  .sec-frecuentes .div-frecuentes{
    width: 90%;
  }
  /* asesores profesionales */
  .flex-asesores{
    flex-direction: column;
    width: 90%;
  }
  .flex-asesores .item-img{
    width: 90%;
  }
  .flex-asesores .item-info{
    width: 90%;
  }
  .sec-catalogo-asesores .div-catalogo-asesores{
    flex-direction: column;
  }
  .sec-catalogo-asesores .div-catalogo-asesores .menu-asesores{
    width: 60%;
    margin: auto;
    margin-bottom: 40px;
  }
  .sec-catalogo-asesores .div-catalogo-asesores .menu-asesores h1{
    font-size: 18px;
  }
  .sec-catalogo-asesores .div-catalogo-asesores .show-asesores{
    width: 90%;
    padding: 0;
    margin: 0;
    margin: auto;
  }
  .sec-catalogo-asesores .div-catalogo-asesores .show-asesores .item-asesor{
    width: 45%;
  }
  .sec-catalogo-asesores .div-catalogo-asesores 
  .show-asesores .item-asesor figure img{
    width: 100px;
    height: 100px;
  }
  /* descargaas */
  .flex-descargas{
    flex-direction: column;
    width: 90%;
  }
  .flex-descargas-reverse{
    flex-direction: column-reverse;
    width: 90%;
  }
  .flex-descargas .item-img{
    width: 90%;
  }
  .flex-descargas .item-info{
    width: 90%;
  }
  /* nosotros */
  .naranja-nosotros{
    width: 90%;
    height: auto;
    padding-top: 20px;
  }
  .sec-naranja-nosotros{
    height: auto;
  }
  .naranja-nosotros h1{
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .nosotros-img{
    margin-top: 0px;
    width: 100%;
    height: 100px;
  }
  .nosotros-img img{
    height: 100%;
    object-fit: cover;
  }
  .flex-nosotros{
    flex-direction: column;
    width: 90%;
  }
  .flex-nosotros div{
    width: 100%;
    text-align: justify;
  }
  .flex-mision{
    flex-wrap: wrap;
    width: 90%;
  }
  .flex-mision .img{
    width: 90%;
    padding-bottom: 15px;
    margin: auto;
  }
  .flex-mision .titulos{
    width: 30%;
  }
  .flex-mision .titulos h1{
    font-size: 14px;
  }
  .flex-mision .div-show-nosotros{
    width: 60%;
  }
  .background-grey{
    margin-bottom: 0;
  }
  /* reconocimientos */
  .recono-h1{
    font-size: 24px;
  }
  .flex-recono{
    width: 85%;
    flex-direction: column;
  }
  .flex-recono .item-recono{
    width: 100%;
    text-align: justify;
  }
  /* renta de locales */
  .flex-renta{
    flex-direction: column;
  }
  .flex-renta figure{
    width: 90%;
  }
  .flex-renta div{
    width: 90%;
  }
  .sec-renta .div-info .flex-info{
    flex-direction: column;
  }
  .sec-renta .div-info .flex-info .item{
    width: 100%;
  }
  /* trabaja con nosotros */
  .flex-trabaja-bolsa{
    flex-direction: column;
  }
  .flex-trabaja-bolsa .item{
    width: 100%;
  }
  .flex-puestos{
    flex-direction: column;
    width: 90%;
  }
  .flex-puestos-reverse{
    flex-direction: column-reverse;
    width: 90%;
  }
  .flex-puestos .item-info{
    width: 100%;
  }
  .flex-puestos .item-img{
    width: 100%;
  }

  /* todos los desarrollos por ciudad */
  .page-sec-flex-desarrollos{
    width: 100%;
  }
  .page-nuestros-desarrollos-div{
    width: 100%;
  }
  .page-sec-flex-desarrollos .item{
    width: 100%;
    margin: 0;
  }
  .page-sec-flex-desarrollos .item .abs-info{
    overflow: hidden;
  }
  .page-sec-flex-desarrollos .item .abs-info h2{
    font-size: 30px;
  }
  .page-sec-flex-desarrollos .item .abs-info h3{
    font-size: 24px;
  }
  .flex-contenido-des{
    width: 100%;
    position: relative;
  }
  .contenido-desarrollo{
    height: auto;
  }
  .flex-contenido-des .items-contenido{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .flex-contenido-des .items-contenido .abs-h2{
    opacity: 1;
  }
  .flex-contenido-des .items-contenido .abs-p{
    opacity: 1;
  }
  .flex-contenido-des .items-contenido .flecha{
    display: block;
  }

  /* tab bar de contacto */
  .formulario-desarrollo .tab{
    display: none;
  }
  .single-desarollos .tab{
    display: block;
}
  .single-modelos .tab{
    display: block;
}
  .sec-desarrollos-video {
    height: 250px;
    overflow: hidden;
}
  .sec-desarrollos-video video{
      display: none;
  }
  .sec-desarrollos-video figure{
      position: absolute;
      top: 0;
      left: 0;
      width: 100;
      height: 100%;
    display: block;
    width: 100%;
    }
    .sec-desarrollos-video figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* gran oportunidad */
.banner-gran-oportunidad{
    width: 90%;
    margin: auto;
    margin-top: 30px;
}
.banner-gran-oportunidad img{
    width: 100%;
}
.flex-info-gran{
    padding-top: 40px;
    padding-bottom: 60px;
    width: 80%;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@media only screen and (min-width: 320px) 
and (max-width: 600px) {
    .flex-info-gran .media{
        margin-top: 40px;
        width: 100% !important;
    }
}
@media only screen and (min-width: 600px) 
and (max-width: 900px) {
    .flex-info-gran .media{
        margin-top: 40px;
        width: 90% !important;
    }
}
@media only screen and (min-width: 900px) {

    

    .flex-info-gran .media a figure{
        height: 100%;
    }
}
@media only screen and (min-width: 320px) 
and (max-width: 900px) {
    .flex-info-gran{
        flex-direction: column;
    } 
    .flex-info-gran .text{
        width: 90% !important;
        padding: 0 !important;
        margin: auto;
    }

    .h1-des-gran{
        font-size: 20px !important;
        width: 70% !important;
        margin: auto;
        padding-top: 0 !important;
        padding-bottom: 25px;
    }
    .div-bancos-gran{
        flex-direction: column !important;
    }
    .div-bancos-gran img{
        width: 80% !important;
    }
    .page-template-page-gran-oportunidad 
    .page-nuestros-desarrollos{
        padding-bottom: 0 !important;
    }
}
@media only screen and (min-width: 320px) 
and (max-width: 480px) {
    .div-bancos-gran img{
        width: 100% !important;
    }
}
.flex-info-gran .text{
    width: 55%;
    padding-right: 80px;
    padding-left: 0;
}
.flex-info-gran .text h1{
    font-size: 22px;
    color: black;
    text-align: left;
}
.flex-info-gran .text p{
    font-size: 14px;
    color: black;
    text-align: left;
}
.flex-info-gran a{
    text-decoration: none;
}
.flex-info-gran .btn-gran{
    padding: 10px 35px;
    background-color: #FF5A5F;
    color: white;
    border: 1px #FF5A5F solid;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    margin: auto;
    transition: .2s;
}
.flex-info-gran .btn-gran:hover{
    background-color: white;
    color: #FF5A5F;
}
.flex-info-gran .media{
    width: 45%;
    margin-top: 20px;
    /* height: 300px; */
}
.flex-info-gran .media a{
    width: 100%;
    height: max-content;
}
.flex-info-gran .media a figure{
    position: relative;
    width: 100%;
    /* height: 100%; */
}
.flex-info-gran .media a figure img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.flex-info-gran .media i{
    font-size: 70px;
    color: #FF5A5F;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.div-bancos-gran{
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
    width: 100%;
    margin: auto;
}
.div-bancos-gran img{
    width: 100%;
    margin-bottom: 30px;
}
.h1-des-gran{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    width: 40%;
    padding-bottom: 30px;
    padding-top: 20px;
    margin: auto;
}
.page-template-page-gran-oportunidad 
.page-nuestros-desarrollos{
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top: 40px;
}

@media only screen and (min-width: 320px) 
and (max-width: 370px) {
  .sec-plantas .div-plantas img{
    margin-left: -20%;
  }
  
}
@media only screen and (min-width: 320px) 
and (max-width: 760px) {

    .titulos-banner h1{
        font-size: 30px;
        width: 90%;
        margin: auto;
    }
    .banner-titulo{
        border-bottom: none;    
    }

  .owl-theme .owl-dots .owl-dot span{
    width: 7px;
    height: 7px;
  }
  
  .videoCentralpark > figure > img {
    width: 100%;
    height: 400px;
    object-fit: cover;
   }
   
  .videoCentralpark .absolutediv iframe{
       width:300px;
       height:180px;
   }
   .videoCentralpark .absolutediv figure img {
    width: 150px;
}
   
   .videoCentralpark .absolutediv h3 {

    font-size: 14px;

}
  
}
@media only screen and (min-width: 370px) 
and (max-width: 400px) {
  .sec-plantas .div-plantas img{
    margin-left: -30%;
  }
}
@media only screen and (min-width: 400px) 
and (max-width: 500px) {
  .sec-plantas .div-plantas img{
    margin-left: -24%;
  }
}

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

  .fix-pay-online{
      position: relative;
      top:0px;
      height: 20px;
      padding-right: 70px;
      display: block;
  }

  .fix-pay-online a{
      position: relative;
      text-decoration: none;
      float: right;
  }
}


@media only screen and (min-width: 1081px) 
and (max-width: 1280px){

  .fix-pay-online{
      height: 20px;
      padding-right: 50px;
      display: block;
  }

  .fix-pay-online a{
      position: relative;
      text-decoration: none;
      float: right;
  }

  .text-vivir-colums{
    height: 550px;
  }
}

@media only screen and (min-width: 480px) 
and (max-width: 1370px){
  .blanco-footer{
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .agregate-footer{
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
  }
  .formulario-footer{
    margin: auto;
  }
  .flex-redes{
    /* width: 410px; */
    margin: auto;
    justify-content: space-between;
  }
  .panel-menu-movil .flex-redes{
    width: 100%;
    justify-content: space-around;
  }
  .panel-menu-movil .fleizqmar{
    margin-left: -4px;
  }
  .menu-footer{
    width: 150px;
    margin: 0px 18px;
    /* flex-grow: 1; */
    margin-bottom: 0px;
    padding-left: 0px;
  }
  .menu-footer-relleno{
    height: 0;
  }
  .sitemap{
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 80%;
  }

}



@media only screen and (min-width: 320px) 
and (max-width: 479px){
  .blanco-footer{
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .agregate-footer{
    width: 98%;
    text-align: center;
    padding-bottom: 30px;
  }
  .formulario-footer{
    margin: auto;
  }
  .flex-redes{
    width: 100% !important;
    margin: auto;
    justify-content: space-around;
  }
  .menu-footer{
    width: 135px;
    margin: 0px 15px;
    margin-bottom: 10px;
    padding-left: 0px;
  }
  .menu-footer-relleno{
    height: 0;
  }
  .div-menu-creditos-footer{
      margin-top: -148px;
    }
    .div-menu-informacion-footer{
    margin-top: -12px;
  }
  .div-menu-nosotros-footer{
    margin-top: -35px;
  }
  /* .menu-footer:nth-child(5){
    margin-left: 0;
  } */
  .sitemap{
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
  }
  /* tarjetas home footer */
  .flex-tarjetas-footer{
    flex-direction: column;
    top: -210px;
  }
  .cards-footer{
    width: 90%;
    height: 150px;
    margin: 8px auto;
  }
  .info-style h1{
    font-size: 16px;
  }
  .info-style a{
    font-size: 12px;
    padding: 5px 9px;
  }
}

@media only screen and (min-width: 480px) 
and (max-width: 1200px){
  /* tarjetas home footer */
  .cards-footer{
    width: 48%;
    height: 170px;
    margin: 8px auto;
  }
  .info-style h1{
    font-size: 16px;
    margin-bottom: 8px;
  }
  .info-style a{
    font-size: 16px;
    padding: 5px 9px;
  }
  .info-card{
    left: 50%;
  }
  .articulos-footer{
    padding-top: 80px;
  }
  .flex-tarjetas-footer{
    top: -120px;
  }
  footer{
    margin-top: 160px;
  }
  .home footer{
    margin-top: 0px;
  }

}


/* Comprar casa online */

.banner-casa-online{
  position: relative;
  height: 170px;
  width: 100%;
}
.banner-casa-online figure{
  width: 100%;
} 
.banner-casa-online figure img{
  filter: brightness(70%);
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-casa-online h1{
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 40px;
    color: white;
    font-weight: 400;
}

.navigation-casas-online{
  background: rgb(242,122,33);
  background: linear-gradient(90deg, rgba(242,122,33,1) 0%, rgba(255,90,94,1) 100%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px;
}
.navigation-casas-online .btn-nav{
  position: relative;
  /* width: 20%; */
  text-decoration: none;
  outline: none;
  display: flex;
  padding: 0px 40px;
  align-items: flex-end;
  justify-content: center;
}
.navigation-casas-online .rightLine{
  border-right: 2px white solid;
}
.navigation-casas-online 
.btn-nav img{
  width: 40px;
  padding-right: 5px;
}
.navigation-casas-online 
.btn-nav h2{
  font-weight: 400;
  color: white;
  font-size: 16px;
  margin-bottom: 5px;
}
.navigation-casas-online .btn-nav:hover
h2{
  color: #FFDC00;
}
.navigation-casas-online .btn-cita{
  text-decoration: none;
  color: #FF5A5F;
  background-color: white;
  padding: 5px 12px;
  border-radius: 10px;
  border: 1px white solid;
  transition: .2s;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.navigation-casas-online 
.btn-cita img{
  width: 40px;
  padding-right: 5px;
}
.navigation-casas-online 
.btn-cita h2{
  font-weight: 500;
  color: #FF5A5F;
  margin-top: 2px;
  font-size: 16px;
  margin-bottom: 5px;
}
.navigation-casas-online 
.btn-cita:hover {
  background-color: #FF5A5F;
}
.navigation-casas-online 
.btn-cita:hover h2{
  color: white;
}
.navigation-casas-online 
.btn-cita:hover img{
  filter: brightness(54%);
-webkit-filter: brightness(404%) ;
}


.sec-infor-online{
  background-color: #F5F5F5;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 20px;
}
.sec-infor-online .flex-info{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 90%;
  margin: auto;
}
.sec-infor-online .flex-info
.menu-asesores{
  margin-right: 30px;
    width: 250px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.sec-infor-online .flex-info
.menu-asesores a{
    text-decoration: none;
}
.sec-infor-online .flex-info
.menu-asesores h1{
    font-weight: 400;
    color: #583019;
    padding-left: 20px;
    cursor: pointer;
}
.sec-infor-online .flex-info
.menu-asesores .activeRed{
    color: #FF5A5F;
}
.sec-infor-online .flex-info
.videos-por-desarrollo {
  width: 70%;
}
/* segmentos de modelos por desarrollo */
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models {
  width: 100%;
}

.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models h2{
  font-size: 18px;
  font-weight: 500;
  color: #583019;
  margin: 0;
  padding-bottom: 15px;
}
.hr-mod-online{
  margin-bottom: 20px;
  border: none;
  height: 1px;
  background-color: rgba(128, 128, 128, 0.637);
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod{
  width: 31%;
  padding-bottom: 30px;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod .item-mod-fill{
  height: 0;
  padding-bottom: 0px;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod a img{
  width: 100%;
  height: 180px;
  object-fit: cover;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod .modelo{
  font-size: 14px;
  color: #ED7424;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod .ver-video{
  text-decoration: none;
  color: #FF5A5F;
  font-weight: bold;
  font-size: 12px;
}
.sec-infor-online .flex-info
.videos-por-desarrollo 
.div-des-models .flex-models
.item-mod .ver-video i{
  padding-right: 5px;
}
.navigation-casas-online 
.btn-nav .activeYellow{
  color: #FFDC00;
}

/* triangulo */
.triangulo {
  position: absolute;
  left: 50%;
  top: 120%;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  width: 80px;
  height: 80px;
  clip-path: polygon(100% 0, 0 0, 50% 43%);
}
.page-template-page-compra-casa-online
.triangulo {
  background-color: #F37726;
}
/* trianulo vide desa */
.page-template-casasOnline-videos-desarrollos
.triangulo {
  background-color: #F76C3A;
}
.page-template-tmp-video-desarrollo-ciudad 
.triangulo {
  background-color: #F76C3A;
}
/* trianulo 360 */
.page-template-casasOnline-casas-en-360
.triangulo {
  background-color: #FB634D;
}
.page-template-tmp-casas-360-por-ciudad 
.triangulo {
  background-color: #FB634D;
}
/* videos guiados traingulo */
.page-template-casasOnline-videos-guiados 
.triangulo {
  background-color: #F57130;
}
.page-template-tmp-videos-guiados-por-ciudad 
.triangulo {
  background-color: #F57130;
}

/* fixed online */
.all-fix-btn-online{
  position: fixed;
  z-index: 99;
  right: 0;
  top: 58vh;
}
.fix-btn-online{
  background-color: #FF5A5F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 8px;
}
.fix-btn-online .rel-fix{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.fix-btn-online .rel-fix a{
  outline: none;
}
.fix-btn-online .rel-fix 
.hov-div {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #F76C3A;
  transform: translate(100%);
  transition: .3s;
}
.fix-btn-online-1 .rel-fix 
.hov-div{
  width: 250px;
}
.fix-btn-online-2 .rel-fix 
.hov-div{
  width: 210px;
}
.fix-btn-online-3 .rel-fix 
.hov-div{
  width: 190px;
}
.fix-btn-online:hover .hov-div {
  transform: translate(0%);
}


.fix-btn-online .rel-fix 
.hov-div h2{
  font-size: 14px;
  color: white;
  font-weight: 300;
  letter-spacing: 1px;
  font-family: 'Oswald', sans-serif;
}
.fix-btn-online .rel-fix 
.hov-div i{
  font-size: 26px;
  padding-right: 10px;
}
.fix-btn-online i{
  font-size: 24px;
  font-weight: 300;
  color: white;
}

/* ocultar naranja rojo praa micrositio */
.page-template-casasOnline-videos-desarrollos
.naranja-rojo{
  display: none;
}
.page-template-casasOnline-videos-desarrollos
.footer{
  padding-top: 0;
}
.page-template-tmp-video-desarrollo-ciudad 
.naranja-rojo{
  display: none;
}
.page-template-tmp-video-desarrollo-ciudad 
.footer{
  padding-top: 0;
}
/* para 360 ciudad*/
.page-template-tmp-casas-360-por-ciudad
.footer{
  padding-top: 0;
}
.page-template-tmp-casas-360-por-ciudad
.naranja-rojo{
  display: none;
}

/* 360 principal */

.page-template-casasOnline-casas-en-360 
.footer{
  padding-top: 0;
}
.page-template-casasOnline-casas-en-360 
.naranja-rojo{
  display: none;
}
/* guiados */
.page-template-casasOnline-videos-guiados 
.naranja-rojo{
  display: none;
}
.page-template-casasOnline-videos-guiados 
.footer{
  padding-top: 0;
}
.page-template-tmp-videos-guiados-por-ciudad 
.naranja-rojo{
  display: none;
}
.page-template-tmp-videos-guiados-por-ciudad 
.footer{
  padding-top: 0;
}


/* Portada */
.page-template-page-compra-casa-online 
.flex-tarjetas-footer{
  display: none;
}
.page-template-page-compra-casa-online 
.footer{
  position: absolute;
  padding-top: 0;
  z-index: -1;
  width: 100%;
}
@media only screen and (min-width: 300px) 
and (max-width: 1200px){
  .page-template-page-compra-casa-online 
  .footer{
    position: relative;
    padding-top: 0;
    margin-top: 0;
  }
  .sec-portada{
    height: auto !important;
    padding-bottom: 30px;
  }
  .page-template-page-compra-casa-online
  .articulos-footer{
    padding-top: 20px;
  }
}
@media only screen and (min-width: 300px) 
and (max-width: 680px){
  .sec-portada .flex-cards
  .card-port{
    width: 90%;
    height: 250px;
    position: relative;
    margin: 0px 10px;
    margin-bottom: 22px;
  }
}

.sec-portada{
  background-color: #f5f5f5;
  padding-top: 80px;
  height: 480px;
}
.sec-portada .flex-cards{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  width: 100%;
}
.sec-portada .flex-cards
.card-port{
  width: 530px;
  height: 250px;
  position: relative;
  margin: 0px 10px;
  margin-bottom: 22px;
}

.sec-portada .flex-cards
.card-port figure{
  filter: brightness(65%);
  width: 100%;
  height: 100%;
}
.sec-portada .flex-cards
.card-port figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}
.sec-portada .flex-cards
.card-port .abs-hov{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: .2s;
}
.sec-portada .flex-cards
.card-port .abs-hov h1{
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin-top: -10px;
  transition: .2s;
  transform: translate(0, 50px);
}
.sec-portada .flex-cards
.card-port .abs-hov .icon-card{
  width: 80px;
  opacity: 0;
  transform: translate(0, 20px);
  transition: .2s;
}

.sec-portada .flex-cards
.card-port .abs-hov:hover ~ .triangle-yellow{
  opacity: 1;
}
.sec-portada .flex-cards
.card-port .abs-hov:hover{
  background-color: #ff5a609a;
}
.sec-portada .flex-cards
.card-port .abs-hov:hover > .icon-card{
  opacity: 1;
  transform: translate(0);
}
.sec-portada .flex-cards
.card-port .abs-hov:hover > h1{
  transform: translate(0);
}

.sec-portada .flex-cards
.card-port .triangle-yellow{
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #FFDC00;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  width: 65px;
  height: 65px;
  opacity: 0;
  transition: .2s;
} 
.sec-portada .flex-cards
.card-port .triangle-yellow
img{
  position: absolute;
  bottom: 0;
  right: 0;
} 


/* modal */
.window-modal {
    overflow: hidden;
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  overflow-y: hidden !important;
  position: fixed;
  padding: 15px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0,0,0,0.7);
 }

.window-modal__in {
  position: relative;
  max-width: 100%;
  padding: 0;
  width: auto;
  z-index: 1001;
  border-radius: 3px;
  box-shadow: 0 0 6px 2px rgba(50,50,50,0.3);
}
.window-modal__in 
.js-modal-window-iframe{
    width: 700px;
    height: 400px;
}   
@media only screen and (min-width: 320px) 
and (max-width: 480px){
    .window-modal__in 
    .js-modal-window-iframe{
        width: 100%;
        height: auto;
    }   
}
@media only screen and (min-width: 481px) 
and (max-width: 780px){
    .window-modal__in 
    .js-modal-window-iframe{
        width: 480px;
        height: 250px;
    }   
}


.window-activated {
  overflow: hidden;
  margin-right: 17px;
}

/* casa online home */
.casaOnline-home{
    background-color: white;
    width: 100%;
    padding: 40px 0px;
}
.casaOnline-home
.casaOnline-div{
    width: 80%;
    margin: auto;
    text-align: center;
}
.casaOnline-home
.casaOnline-div img{
    width:100px;
}
.casaOnline-home
.casaOnline-div h1{
    font-size: 30px;
    color: #583019;
    font-weight: 500;
}
.casaOnline-home
.casaOnline-div .flex-color{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
@media only screen and (min-width: 320px) 
and (max-width: 1100px){
    
    .casaOnline-home
    .casaOnline-div .flex-color
    figure{
        width: 50% !important;
    }
}
@media only screen and (min-width: 320px) 
and (max-width: 550px){
    .casaOnline-home
    .casaOnline-div h1{
        font-size: 24px;
        color: #583019;
        font-weight: 500;
    }
    .casaOnline-home
    .casaOnline-div .flex-color
    figure{
        width: 100% !important;
    }
}
.casaOnline-home
.casaOnline-div .flex-color
figure{
    width: 25%;
    position: relative;
}
.casaOnline-home
.casaOnline-div .flex-color
figure img{
    width: 100%;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info{
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info
.white-img{
    width: 80px;
    display: block;
    transition: .2s;
    margin: auto;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info
.yellow-img{
    width: 80px;
    opacity: 0;
    display: none;
    transition: .2s;
    margin: auto;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info
h2{
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    letter-spacing: 1px;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info:hover h2{
   color: #EFCE00;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info:hover 
.white-img{
   display: none;
}
.casaOnline-home
.casaOnline-div .flex-color
figure .abs-white-info:hover 
.yellow-img{
   display: block;
   opacity: 1;
   margin: auto;
}

/* testimonios 2.0 */

.sec-testi2{
    display: none;
    padding-bottom: 40px;
}
.sec-testi2 h1{
    color: black;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin: 40px 0px;
}
.merida-residencial-gran-santa-fe-norte
.sec-testi2{
    display: block;
}
.div-duo-test{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: auto;
    width: 80%;
}
.div-duo-test article{
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: auto;
}
.div-duo-test article
.fill-testi{
    width: 20%;
    border-left: 2px #ED7424 solid;
    height: 100px;
}
.div-duo-test article
figure{
    width: 30%;
    position: relative;
}
.div-duo-test article
figure .playpng{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.div-duo-test article
figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.div-duo-test article
.info{
    padding-left: 15px;
    width: 50%
}
.div-duo-test article
.info a{
    text-decoration: none;
    color: #583019;
}
.div-duo-test article
.info a h2{
    margin-top: 0;
    margin-bottom: 0px;
}
.div-duo-test article
.info p{
    margin-top: 2px;
    font-size: 12px;
    color: black;
}

/* slider testimonio 2.0 */
.div-slider-test{
    position: relative;
    width: 580px;
    margin: auto;
}
@media only screen and (min-width: 600px) 
and (max-width: 800px){
   
    .div-slider-test{
        position: relative;
        width: 80%;
        margin: auto;
    }
    .div-slider-test
    .prev-test{
        left: -8% !important;
    }
    .div-slider-test
    .next-test{
        right: -8% !important;
    }
    .slider-test .item{
        flex-direction: column;
    }
    .slider-test .item
    figure{
        width: 100% !important;
    }
    .slider-test .item
    div{
        width: 100% !important;
    }
}
@media only screen and (min-width: 320px) 
and (max-width: 600px){

    .desarrollos-cards-casasen{
        flex-direction: column;
    }
    .flex-article-casasen{
        width: 90%;
        margin: auto;
        margin-bottom: 35px;
    }
    .div-slider-test{
        position: relative;
        width: 100%;
        margin: auto;
    }
    .div-slider-test
    .prev-test{
        left: 3% !important;
    }
    .div-slider-test
    .prev-test img{
        filter: none !important;
    }
    .div-slider-test
    .next-test{
        right: 3% !important;
    }
    .div-slider-test
    .next-test img{
        filter: none !important;
    }
    .slider-test .item{
        flex-direction: column;
    }
    .slider-test .item
    figure{
        width: 100% !important;
    }
    .slider-test .item
    div{
        width: 100% !important;
    }
    .slider-test h2{
        margin-top: 10px !important;
    }
}
.slider-test{
    width: 100%;
}
.slider-test .item
figure{
    position: relative;
    width: 40%;
}
.slider-test .item
div{
    position: relative;
    width: 60%;
}
.slider-test
figure .playpng{
    width: 20%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.slider-test .item{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.slider-test .item a{
    text-decoration: none;
}
.slider-test h2{
    padding: 0px 25px;
    font-size: 20px;
    font-weight: 500;
    color: #583019;
    margin: 0;
}
.slider-test p{
    padding: 0px 25px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: justify;
}
.div-slider-test
.prev-test{
    
display: block;
cursor: pointer;
position: absolute;
z-index: 1;
top: 38%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
left: -12%;
}
.div-slider-test
.prev-test img{
width: 40px;
filter: invert(100%);
}
.div-slider-test
.next-test{
display: block;
cursor: pointer;
position: absolute;
z-index: 1;
top: 38%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
right: -12%;
}
.div-slider-test
.next-test img{
width: 40px;
filter: invert(100%);
}

/*page destino financiamiento */
.tit-page-destino{
    width: 100%;
    text-align: center;
    margin: auto;
    font-size: 30px;
    font-weight: 500;
    color: black;
    padding: 40px 0px;
    background-color: #F5F5F5;
}
.destino-page{
    position: relative;
    height: 350px;
    width: 100%;
}
.destino-page img{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-template-page-financiamiento 
.sec-portada {
    padding-top: 0 !important;
    height: 410px;
}
.page-template-page-financiamiento 
.abs-hov {
    align-items: flex-start !important;
}
.page-template-page-financiamiento 
.abs-hov:hover {
    background-color: transparent !important;
}
.page-template-page-financiamiento 
.abs-hov h1{
    padding-left: 35px;
    margin-top: 60px !important;
    font-size: 26px !important;
}
.page-template-page-financiamiento 
.triangle-yellow{
    background-color: #FF5A5F !important;
    margin-right: -1px;
}
.page-template-page-financiamiento 
.triangle-yellow img{
    filter: brightness(1000%);
}
.page-template-page-financiamiento 
.flex-tarjetas-footer{
  display: none;
}

.page-template-page-financiamiento 
.footer{
  position: absolute;
  padding-top: 0;
  z-index: -1;
  width: 100%;
}
@media only screen and (min-width: 300px) 
and (max-width: 1200px){
    .page-template-page-financiamiento  
  .footer{
    position: relative;
    padding-top: 0;
    margin-top: 0;
  }
  .sec-portada{
    height: auto !important;
    padding-bottom: 30px;
  }
  .page-template-page-financiamiento 
  .articulos-footer{
    padding-top: 20px;
  }
}
@media only screen and (min-width: 300px) 
and (max-width: 680px){
  .sec-portada .flex-cards
  .card-port{
    width: 90%;
    height: 250px;
    position: relative;
    margin: 0px 10px;
    margin-bottom: 22px;
  }
  .page-template-page-financiamiento 
    .abs-hov {
        align-items: center !important;
    }
    .page-template-page-financiamiento 
    .abs-hov h1{
        margin-top: -40px !important;
    }
}

/*page destino consejos y guias */
.page-template-page-consejos-y-guias 
.sec-portada {
    padding-top: 0 !important;
    height: 150px;
}
.page-template-page-consejos-y-guias 
.flex-cards {
    position: absolute;
}
.page-template-page-consejos-y-guias 
.abs-hov {
    align-items: flex-start !important;
}
.page-template-page-consejos-y-guias 
.abs-hov:hover {
    background-color: transparent !important;
}
.page-template-page-consejos-y-guias 
.abs-hov h1{
    padding-left: 35px;
    margin-top: 60px !important;
    font-size: 26px !important;
}
.page-template-page-consejos-y-guias 
.triangle-yellow{
    background-color: #FF5A5F !important;
    margin-right: -1px;
}
.page-template-page-consejos-y-guias 
.triangle-yellow img{
    filter: brightness(1000%);
}
.page-template-page-consejos-y-guias 
.flex-tarjetas-footer{
  display: none;
}

.page-template-page-consejos-y-guias 
.footer{
  position: absolute;
  padding-top: 0;
  z-index: -1;
  width: 100%;
}
.page-template-page-consejos-y-guias 
.naranja-rojo{
  padding-top: 0px;
}
@media only screen and (min-width: 300px) 
and (max-width: 1200px){
    .page-template-page-consejos-y-guias 
.flex-cards {
    position: relative;
}
    .page-template-page-consejos-y-guias 
  .footer{
    position: relative;
    padding-top: 0;
    margin-top: 0;
  }
  .page-template-page-consejos-y-guias 
  .articulos-footer{
    padding-top: 20px;
  }
}
@media only screen and (min-width: 300px) 
and (max-width: 680px){
  .page-template-page-consejos-y-guias 
    .abs-hov {
        align-items: center !important;
    }
    .page-template-page-consejos-y-guias 
    .abs-hov h1{
        margin-top: -40px !important;
    }
}

/* guias para comprar */
.page-template-page-guias-para-comprar 
.div-vid-des .item-video figure{
    height: auto !important;
}

.item-video 
 .descargar-folleto{
   width: 160px;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #FF5A5F;
  color: white;
  border-radius: 5px;
  font-size: 12px;
  border: 1px #FF5A5F solid;
  display: flex;
  align-items: center;
  transition: .2s;
}
.item-video 
 .descargar-folleto:hover{
  background-color: white;
  color: #FF5A5F;
}
.item-video 
.descargar-folleto:hover i{
  color: #FF5A5F;
}
.item-video 
 .descargar-folleto i{
  color: white;
  font-size: 14px;
  padding-right: 5px;
}



/* Dia de las madres */
.promociones-template-tmp-mama-especial .card-numero{
    box-shadow: none;
}

.mama-first{
    padding: 40px 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 90%;
}
.mama-first .siankan-logo{
    width: 35%;
}
.mama-first .siankan-logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mama-first .card-numero{
    width: fit-content;
    margin: initial;
    padding: 0;
}

.secmam-second{
    width: 100%;
}
.secmam-second figure{
    width: 100%;
    -webkit-box-shadow: 0px 5px 21px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 21px -3px rgba(0,0,0,0.75);
box-shadow: 0px 5px 21px -3px rgba(0,0,0,0.75);
}
.secmam-second figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secman-third{
    width: 90%;
    margin: auto;
    padding: 60px 0;
}

.secman-third h1{
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}
.secman-third .flex-items{
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.secman-third .flex-items .item{
    width: 20%;
}
.secman-third .flex-items .item p{
    font-size: 18px;
    text-align: center;
}
.secman-third .flex-items .item span{
    font-weight: bold;
}
.secman-third .flex-items .item figure{
    width: 100px;
    margin: auto;
}
.secman-third .flex-items .item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.secmam-four{
    background-color: #c3fff9;
    width: 100%;
    padding: 50px 0;
    padding-top: 65px;
}
.secmam-four .flex-tombola{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}
.secmam-four .flex-tombola .tomb{
    width: 40%;
}
.secmam-four .flex-tombola .tomb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secmam-four .flex-tombola .info{
    width: 55%;
    margin-left: auto;
}
.secmam-four .flex-tombola .info h2{
    font-size: 24px;
    color: black;
    padding-bottom: 10px;
}
.secmam-four .flex-tombola .info h2 span{
    font-size: 24px;
    color: black;
    color: #c453bc;
}
.secmam-four .flex-tombola .info .flex-paloma{
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}
.secmam-four .flex-tombola .info .flex-paloma figure{
    width: 30px;
    margin-right: 10px;
}
.secmam-four .flex-tombola .info .flex-paloma figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secmam-four .flex-tombola .info .flex-paloma p{
    font-size: 18px;
    flex: 1;
    margin: 10px 0;
}

.secmam-five{
    width: 100%;
    text-align: center;
    padding-top: 80px;
    padding-top: 40px;
}
.secmam-five h1{
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.secmam-five .flex-home-gift{
    width: 70%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.secmam-five .flex-home-gift .item{
    width: 45%;
    margin-bottom: 60px;
}
.secmam-five .flex-home-gift .item figure{
    width: 100%;
}
.secmam-five .flex-home-gift .item figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.secmam-five .flex-home-gift .item h2{
    font-size: 20px;
    font-weight: bold;
    color: black;
    margin-bottom: 0px;
}
.secmam-five .flex-home-gift .item p{
    font-size: 18px;
    margin: 0;
}
.secmam-five .flex-home-gift .item p span{
    color: #c453bc;
}

.semam-six{
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
}
.semam-six figure{
  width: 400px;
  margin: auto;
}
.semam-six figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.secmam-seven{
  width: 100%;
  padding: 50px;
  background-color: #fdedff;
}
.secmam-seven .info{
  width: 70%;
  margin: auto;
}
.secmam-seven .info h1{
  font-size: 28px;
    color: black;
    padding-bottom: 10px;
}
.secmam-seven .info p{
  font-size: 18px;
}
.secmam-seven .info .pinkspan{
  font-size: 12px;
  font-weight: bold;
  color: #c453bc;
}

.promociones-template-tmp-mama-especial .naranja-rojo{
  display: none;
}
.promociones-template-tmp-mama-especial footer{
  padding-top: 0;
}

.secmam-mapa{
  width: 100%;
}
.ubisian{
  font-size: 28px;
  font-weight: bold;
  padding-top: 70px;
  padding-bottom: 20px;
  width: 90%;
  margin: auto;
  text-align: center;
}

@media only screen and (max-width: 991px){
    .mama-first{
      flex-direction: column;   
    }
    .mama-first .siankan-logo{
      width: 85%;
  }
  .mama-first .card-numero{
    margin-top: 20px;
    width: 80%;
  }
  .secman-third .flex-items .item{
    width: 300px;
    margin-bottom: 20px;
  }
  .secmam-four .flex-tombola .tomb{
    width: 70%;
  }
  .secmam-four .flex-tombola .info{
    width: 100%;
  }
  .secmam-seven .info{
    width: 100%;
  }
}

@media only screen and (max-width: 600px){
  .secmam-five .flex-home-gift .item{
    width: 100%;
  }
  .secmam-five h1{
    width: 90%;
    margin: auto;
    padding-bottom: 20px;
  }
  .semam-six figure{
    width: 90%;
  }
  .secmam-seven{
    padding: 50px 30px;
  }
}

.slider-fachadas .owl-item img{
  height: auto;
}