body{
    color: #413B37;
}

.borde-beige{
    border-color: #D3C9B5;
}
.borde-beige:hover{
    background-color: #D3C9B5;
}
.backg-menu{
    background-color: #D3C9B5;
}

.backg-beige{
    background-color: #EBE6DB;
}

.color-cafe{
    color: #807369;
}
.borde-cafe{
    border-color: #807369;
}
.backg-cafe{
    background-color: #807369;
}

#habitad .titulo{
    color: #807369 !important;
}

.color-amarillo{
    color: #CDC09E;
}
#home-slider{
    margin-bottom: 0 !important;
}
#home-slider .slick-dots{
    bottom: 100px;    
}

#home-slider .slick-next,
#home-slider .slick-prev{
    width: 50px;
    height: 50px;    
    background-color: #e6cfa1;
}

#home-slider .slick-next:before{
    content:url('../images/right-arrow.png');
}
#home-slider .slick-prev:before{
    content:url('../images/left-arrow.png');
}

#home-slider .slick-dots li,
#home-slider .slick-dots li button,
#home-slider .slick-dots li button:before,
#home-slider .slick-dots li.slick-active button:before{
    width: 100px !important;
    height: 10px !important;
    border-radius: 0 !important;
}

.entorno{
    margin-bottom: 0 !important;
}
.entorno .slick-slide{
    height: 400px !important;
}
.entorno .slick-dots{
    bottom: 25px;    
}

.entorno .slick-dots li,
.entorno .slick-dots li button,
.entorno .slick-dots li button:before,
.entorno .slick-dots li.slick-active button:before{
    width: 80px !important;
    height: 10px !important;
    border-radius: 0 !important;
}

#home-slider .slick-dots li.slick-active button:before,
.entorno .slick-dots li.slick-active button:before{
    background-color: #fff !important;
}
.slick-dots li button:before{
    opacity: 0.5;
}


.boton{
    border: 2px solid;
    text-transform: none;
    font-size: 1.25rem;
}

#galeria .sliders{
    height: 610px !important;
}

.slick-dots{
    bottom: -58px;
}

.slick-dots li button:before{
    width: 20px;
    height: 20px;
    content: ' ' !important;
    background-color: #857f7f !important;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before{
    background-color: #CDC09E !important;
    width: 20px;
    height: 20px;
}

.customInput{
    color: #fff !important;
    border-color: #fff !important;
}
.customInput::placeholder{
    color: #fff;
}

.btnEnviar{
    font-size: 24px;
    float: left;
    margin-left: 30px;
}

#galeria{
    max-width: 1920px;
    margin: 0 auto;
    float: none;
}

#planta-1-2, #planta-3-4-5{
    height: 520px;
}

#todo-galeria .slick-next,
#todo-galeria .slick-prev{
    width: 35px;
    height: 40px;    
    background-color: #e6cfa1;
}

#todo-galeria .slick-next:before{
    content:url('../images/right-arrow.png');
}
#todo-galeria .slick-prev:before{
    content:url('../images/left-arrow.png');
}


#todo-galeria-grid {
}

#todo-galeria-grid .ren{
    height: 224px;
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
#todo-galeria-grid .ren .sliders{
    height: 100% !important;
    cursor: pointer;
}
.img_modal_grid{    
    height: 610px;
    max-height: 80% !important;
    background-size: contain !important;
    background-repeat: no-repeat !IMPORTANT;
    margin: 0 auto;
}

.modal-container .slick-next,
.modal-container .slick-prev{
    width: 35px;
    height: 40px;    
    background-color: #e6cfa1;
}
.modal-container .slick-next{
    right: 12px !important;
}
.modal-container .slick-next:before{
    content:url('../images/right-arrow.png');
}
.modal-container .slick-prev:before{
    content:url('../images/left-arrow.png');
}

.modal-container .slick-list{
    padding: 0 !important;
}

/* .modal-container .slick-track{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    justify-items: center;
} */
.img_modal_grid{
    height: 510px !important;        
}
.modal-grid-inner{
    max-height: 550px !important;
}


#modelos .tipo-img{
    max-width: 500px;
}

#modelos .tipo-img.horizontal{
    max-width: 700px;
}

.modelo-desc *{
    text-align: left;
}

.modelo-desc ul li.recamara{
    list-style: none;
    background: url(../images/desarrollo/detalles/recamara.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.closet{
    list-style: none;
    background: url(../images/desarrollo/detalles/closet.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.bano{
    list-style: none;
    background: url(../images/desarrollo/detalles/bano.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.cocina{
    list-style: none;
    background: url(../images/desarrollo/detalles/cocina.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.estancia{
    list-style: none;
    background: url(../images/desarrollo/detalles/estancia.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.lavado{
    list-style: none;
    background: url(../images/desarrollo/detalles/lavado.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.estacionamiento{
    list-style: none;
    background: url(../images/desarrollo/detalles/estacionamiento.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.look-off{
    list-style: none;
    background: url(../images/desarrollo/detalles/look-off.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

.modelo-desc ul li.multiusos{
    list-style: none;
    background: url(../images/desarrollo/detalles/multiusos.svg) no-repeat left top;
    background-size: 2.5rem;
    margin: 0;    
    line-height: 1.4em;
    margin-bottom: 1rem;
    padding-left: 4rem;
}

@media (min-width: 1920px){
    #habitad .columna-1{
        padding-left: 10% !important;
        padding-right: 5rem !important;
        width: 60% !important;
    }
    #habitad .columna-2{
        width: 40% !important;
    }
    #habitad .columna-1>div p:nth-child(3){
        font-size: 1.5rem !important;
    }
    .entorno{
        margin-top: 5rem !important;
    }
    .entorno .slick-slide {
        height: 500px !important;
    }
    .boton, .model-btn{
        font-size: 1.5rem !important;
    }

}

@media (min-width: 2560px){
    .entorno .slick-slide {
        height: 400px !important;
    }
}

@media (max-width: 1024px){
    .menu ul{
        justify-content: space-around;
        height: 271px;
        margin-top: 150px;
    }    
    #galeria .sliders{
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}

@media (min-width: 1024px){
    .backg-menu{
        background-color: transparent;
    }   

}

@media (max-width: 1024px){
    .img_modal_grid{
        height: 510px !important;        
    }
    .modal-grid-inner{
        max-height: 550px !important;
    }
}

@media (max-width: 768px){
    .btnEnviar{
        margin-left: 0;
    }    
    .mapa-ubicacion{
        height: 420px;
    }
    .desarrollo-general{
        height: 500px;
    }
}

@media(min-width:768px){
    
}

@media (max-width:580px){
    #galeria .sliders{
        height: 510px !important;
    }
}

@media (max-width:480px){
    #galeria .sliders{
        height: 410px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}


/******** Custom Select *****/
.custom-select {
    position: relative;
    font-family: Arial;
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  
  .select-selected {
    background-color:#807369;;
  }
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 10px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: #fff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: #807369;;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }
  
.navbar {
    background-color: rgba(0, 0, 0, 0.55) !important;
}

.navbar.scroll {
    background-color: rgba(0, 0, 0, 0.85) !important;
}