/* CSS *//*NUEVOS ESTILOS*/
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*
.archivo-narrow-<uniquifier> {
  font-family: "Archivo Narrow", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.roboto-<uniquifier> {
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
*/
h1, h2, h3, h4, h5, h6{
    font-family: "Archivo Narrow", serif !important;
    /*font-optical-sizing: auto !important;*/
    font-weight: 500 !important;
    font-style: normal !important;
}

p, div, span, a{
    font-family: "Roboto", serif !important;
}

/*ENCABEZADO*/
.header-v4 {
    background-color: rgba(0,0,0,0.5) !important;
    position:absolute;
    width:100%;
    /*border-bottom: 1px solid white;*/
}

.header-v4 a.nav-link{
    color:#FFF;
    font-size:16px;
}

.header-v4 a.nav-link:hover, .header-v4 a.nav-link:active {
    color: #ffffff;
    background-color: #0d3248 !important;
}

.header-v4 a {
    color: #FFF;
}

.header-v4 a:hover, .header-v4 a:active {
    color: #ffffff;
    background-color: #0d3248 !important;
}

.logo-desktop a:hover{
    background-color:transparent !important;
}

.logo img {
    height: auto;
}

/*INICIO*/
#houzez-search-tabs-wrap{
    display:none;
}

.item-wrap  div.listing-image-wrap{
    overflow:hidden;
    height:210px;
}

/*.elementor-10 .elementor-element.elementor-element-de02c12 {
    margin-top: -174px;
}*/

.elementor-10 .elementor-element.elementor-element-3a474c0 .elementor-button{
    background-color: #b28405;
    color:#FFF;
}

.elementor-10 .elementor-element.elementor-element-3a474c0 .elementor-button:hover{
    background-color:#000;
    color: #b28405;
}

.elementor-10 .elementor-element.elementor-element-30e331f .property-carousel-buttons-wrap button:hover{
    background-color: #b28405;
    color:#000;
}

.btn-primary, .fc-button-primary, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
    background-color: #b28405;
    color:#000;
    border-color: #b28405;
}

.btn-primary:hover, .fc-button-primary:hover{
    background-color:#000;
    border-color:#b28405;
    color:#b28405;
}

.elementor-10 .elementor-element.elementor-element-25a24dc .elementor-button{
    background-color:#b28405;
    color:#000;
}

.elementor-10 .elementor-element.elementor-element-25a24dc .elementor-button:hover{
    background-color:#000;
    color:#b28405;
}

.btn-primary-outlined {
    color: #b28405;
    background-color: transparent;
    border-color: #b28405;
}

.btn-primary-outlined:hover{
    color: #fff;
    background-color: #b28405;
    border-color: #b28405;
}

.slider_inicio_img h1,
.slider_inicio_img p{
    text-shadow:0 0 5px #000;
    font-size: 30px !important;
}

/*NOSOTROS*/
.slider_nosotros{
    padding:200px 0 !important;
}

.cont_valores{
    padding:100px 0;
    position:relative;
}

.cont_valores:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.8);
}

.cont_valores div{
    color:#FFF;
}

.cont_valores h2{
    font-size:42px;
    margin-bottom:35px;
    color:#b28405;
}

.cont_valores h4{
    color:#b28405;
}

.cont_valores h4, .cont_valores i{
    text-align:center;
}

.cont_valores span{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom:15px;
}

.cont_valores i{
    font-size:42px;
}

.cont_valores_texto{
    margin-bottom:35px;
}

/*PROPIEDADES*/
#desktop-header-search, .cont_detalle_propiedad{
    padding-top:140px;
    position:relative;
}

#desktop-header-search:before, .cont_detalle_propiedad:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:90px;
    background-color:#000;
}

.advanced-search-nav, .search-expandable, .overlay-search-advanced-module {
    background-color: #FFF;
}

#houzez-form-25a24dc > div.elementor-field-group.elementor-column.form-group.elementor-field-type-submit.elementor-col-100.elementor-sm-100.cont_campo_ind_filtro_form button{
    background-color: #b28405;
    color:#000 !important;
    border-color:#b28405;
}

.property-mortgage-calculator-wrap,
#main-wrap > section > div > div:nth-child(7) > div > div > div > ul > li:nth-child(6){
    display:none;
}

.houzez-in-view {
    position: relative !important;
}

.detail-wrap {
    background-color: #FFF;
    border-color: #b28405;
}

.agent-link{
    display:none;
}

/*CONTACTO*/
.slider_contacto{
    padding:200px 0;
}

/*FOOTER*/
.footer-top-wrap{
    background-color: #b28405 !important;
    padding-top:50px;
    padding-bottom:50px;
}

.footer-top-wrap h3{
    color:#000;
}

.footer-top-wrap p, .footer-top-wrap a, .footer-top-wrap ul li a, .footer-top-wrap ul li, .footer-top-wrap i, .footer-top-wrap span{
    color:#fff;
}

.footer-top-wrap a:hover, .footer-bottom-wrap a:hover, .footer-top-wrap .blog-post-content-widget h4 a:hover{
    color:#0d3248;
}

.footer-bottom-wrap{
    background-color:#0d3248;
}

.footer_logo{
    display:none;
}

.footer_logo img{
    width:120px !important;
}

/*RESPONSIVE*/
.header-mobile {
    background-color: #000;
}

#header-mobile > div.header-mobile-right,
#header-mobile{
    display:none;
}

#header-mobile > div.header-mobile-left > button{
    position: absolute;
    top: 10px;
    left: 0px;
}

#nav-mobile{
    background-color: #b28405;
}

@media only screen and (max-width: 768px){
    body{
        background-color: #b28405;
    }
    
    #header-mobile{
        position: fixed;
        top: 0;
        width: 100%;
    }
    
    #nav-mobile ul li a{
        background-color: #b28405;
        color:#000;
        border-color:#b28405; 
    }
    
    /*.houzez_section_title_wrap p,
    .houzez_section_title_wrap h2{
        text-align:center;
    }*/
    
    #main-wrap > section > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-995af2.elementor-section-content-middle.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-3ce2b94b.elementor-section-content-middle.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-24e437ea > div > div:nth-child(3) > div > div{
        height:482px !important;
    }
}

@media only screen and (max-width: 425px){
    .logo img{
        width: 130px;
        height: auto;
    }
    
    /*INICIO*/
    .houzez_section_title_wrap p,
    .houzez_section_title_wrap h2{
        text-align:center;
    }
    
    p.elementor-heading-title{
        text-align:center;
    }
    
    /*NOSOTROS*/
    .slider_nosotros{
        padding:50px 0 !important;
    }
    
    .elementor-element.elementor-element-0e7939f .elementor-heading-title{
        text-align:center;
        margin-top: 50px;
        text-shadow: 0 0 1px black;
    }
    
    #main-wrap > section > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-09038dc.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-69fe9b8.elementor-widget.elementor-widget-text-editor > div{
        display:inline-block;    
    }
    
    #main-wrap > section > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-09038dc.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-69fe9b8.elementor-widget.elementor-widget-text-editor > div > img{
        width:100%;
        height:auto;
        margin:0 auto;
        margin-bottom:15px;
        display:block;
    }
    
    #main-wrap > section > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-09038dc.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-69fe9b8.elementor-widget.elementor-widget-text-editor > div > p{
        font-size:12px;
        text-align:justify;
        line-height:20px;
        padding:0;
    }
    
    /*PROPIEDADES*/
    #main-wrap > section > div > div.page-title-wrap.property-wrap > div > div.form-row.property-title-price-wrap > div.col-md-4 > ul{
        display: block;
        width: 100%;
        text-align:center;
    }
    
    .property-banner .tab-pane{
        padding-top:20px;
    }
    
    .page-title-wrap .item-price-wrap .item-price{
        font-size:14px;
    }
    
    .page-title-wrap .page-title h1{
        font-size:16px;
        padding:10px;
        text-align:center;
    }
    
    .property-labels-wrap{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    
    #main-wrap > section > div > div.page-title-wrap.property-wrap > div > address{
        display: block;
        width: 100%;
        text-align: center;
        margin:0 auto;
        display:none;
    }
    
    #property-overview-wrap > div > div.d-flex.property-overview-data{
        margin-top: 470px;
    }
    
    #property-overview-wrap > div > div.d-flex.property-overview-data > ul:nth-child(2) > li.hz-meta-label.h-area{
        text-align:right;
    }
    
    #property-detail-wrap > div > div.block-content-wrap > div ul li{
        display:block;
    }
    
    #property-detail-wrap > div > div.block-content-wrap > div ul li strong,
    #property-detail-wrap > div > div.block-content-wrap > div ul li span{
        display:block;
        width:100%;
        text-align:center;
    }
    
    /*CONTACTO*/
    .slider_contacto{
        padding:50px 0;
    }

    #main-wrap > section > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-125aa3d.elementor-section-height-min-height.animated-slow.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle.animated.fadeIn > div.elementor-container.elementor-column-gap-default > div > div > div > div > h1{
        text-align:center;
    }
    
    .elementor-element.elementor-element-125aa3d > .elementor-container {
        padding: 110px 0px 80px;
    }
}