@import url('assets/css/jquery-ui.css');

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i%7CMontserrat:400;600,800');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/* FONT AWESOME */
@import url('assets/css/fontawesome-all.min.css');
@import url('assets/css/fontawesome-5-all.min.css');
@import url('assets/css/font-awesome.min.css');

/* Slider Revolution CSS Files */
@import url('assets/revolution/css/settings.css');
@import url('assets/revolution/css/layers.css');
@import url('assets/revolution/css/navigation.css');

/* MAPS */
@import url('assets/css/leaflet.css');
@import url('assets/css/leaflet-gesture-handling.min.css');
@import url('assets/css/leaflet.markercluster.css');
@import url('assets/css/leaflet.markercluster.default.css');

/* ARCHIVES CSS */
@import url('assets/css/search-form.css');
@import url('assets/css/search.css');
@import url('assets/css/animate.css');
@import url('assets/css/aos.css');
@import url('assets/css/aos2.css');
@import url('assets/css/magnific-popup.css');
@import url('assets/css/lightcase.css');
@import url('assets/css/owl.carousel.min.css');
@import url('assets/css/bootstrap.min.css');
@import url('assets/css/menu.css');
@import url('assets/css/nice-select.css');
@import url('assets/css/slick.css');
@import url('assets/css/styles.css');
@import url('assets/css/colors/dark-gray.css');


/*Terceros Agregado*/
@import url('assets/css/terceros/sweetalert2.css');
@import url('assets/css/terceros/menu.css');



/* COLORES PERSONALIZADOS PARA EL SITIO */
.text-principal { color: #08d1b0 !important; }
.bg-principal { background-color: rgba(8,209,176,1) !important; }
.bg-principal-75 { background-color: rgba(8,209,176,.75) !important; }
.bg-principal-50 { background-color: rgba(8,209,176,.5) !important; }
.bg-principal-25 { background-color: rgba(8,209,176,.25) !important; }

.text-secundario { color: #f26a6a !important; }
.bg-secundario { background-color: rgba(242,106,106,1) !important; }
.bg-secundario-75 { background-color: rgba(242,106,106,.75) !important; }
.bg-secundario-50 { background-color: rgba(242,106,106,.5) !important; }
.bg-secundario-25 { background-color: rgba(242,106,106,.25) !important; }



.bg-gris { background-color: rgba(156, 156, 156, 0.5); }
.bg-gris_claro { background-color: rgba(225, 225, 225, 0.5); }
.bg-gris_oscuro { background-color: rgba(122, 122, 122, 0.5); }


.main-search-field select {
    width: 100% !important;
    height: 45px !important;
    padding: 5px 10px !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-transform: capitalize !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.main-search-field .no-mb select,
.main-search-field .at-col-default-mar.no-mb,
.main-search-field .at-input {
    margin-bottom: 0px;
}

.main-search-field label {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

.section-title:before {
    background-color: rgba(242,106,106,1) !important;
}
.section-title h2 {
    color: #f26a6a !important;
}


.dark_nice-select .nice-select{
    border: 1px solid #999999 !important;
    color: #999999 !important;
}
.dark_nice-select label{
    font-size: 11px !important;
    color: #999999 !important;
    text-align: left !important;
    float: left;
}

.dark_nice-select input::placeholder {
    color: #bababa !important;
    font-size: 12px !important;
    font-style: italic;
}
.inner-pages .call-info h3::after {
    background-color: #f26a6a !important;
}

.inner-pages .call-info h3 {
    color: #000000 !important;
}

.inner-pages .call-info .info p {
    color: #000000 !important;
}
.recent-main:hover a {
    text-decoration: none !important;
    color: #000000 !important;
}
.recent-main:hover a .h6 {
    color: #f26a6a !important;
}


.page-item.active .page-link {
    color: #ffffff !important;
    border-color: #08d1b0 !important;
    background-color: #08d1b0 !important;
}

.page-link:hover {
    color: #666666 !important;
    border-color: rgba(8,209,176,.5) !important;
    background-color: rgba(8,209,176,.5) !important;
}

.pagination .page-item{
    cursor: pointer !important;
}
.pagination .disabled{
    cursor: none !important;
    opacity: 0.75 !important;
}

.mapa_contacto {
    width: 96%;
    height: 400px;
    float: left;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;

}

.contact-us textarea {
     height: auto !important;
 }


.inner-pages .blog .homes-content h5::after, .inner-pages .blog .blog-info.details h5::after, .inner-pages .blog .property-location h5::after, .inner-pages .blog .team.assigned h5::after {
    background-color: #08d1b0;
}

h2 span {
    color: #08d1b0 !important;
}

.btn {
    border-radius: 0px !important;
    border: none !important;
}

a {
    text-decoration: none !important;
}

body {
    font-family: Roboto !important;
}

h1 {
    font-family: Roboto !important;
}
h2 {
    font-family: Roboto !important;
}
h3 {
    font-family: Roboto !important;
}
h4 {
    font-family: Roboto !important;
}




.body_site .clearfix{
    height: 25px !important;

}


.go-wp {
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 3rem;
    position: fixed;
    padding: 5px 0px;
    bottom: 25px;
    right: 25px;
    font-size: 20px;
    font-weight: 500;
    background: #08d1b0;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 99999;
    transition: all .4s ease;
}
.go-wp:hover,
.go-wp:focus {
    outline: 0;
    text-decoration: none;
    background: #05d1a6;
    color: #FFFFFF;
}

.go-wp svg{
    fill: #FFFFFF;
    height: 23px;
}


/* (XS) Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .hp-6 .rld-main-search {
        border-radius: 1rem !important;
        padding: 20px 10px;
    }
    #buscador_codigo{
        display: none;
    }
    #buscador_dormitorios{
        display: none;
    }
    #buscador_cocheras{
        display: none;
    }

    .popular-places .img-box {
        height: 230px !important;
    }
    .video-container {
        height: 690px;
    }
{
    width: 100% !important;
    position: relative !important;
    float: left;
}
    section.counterup {
        background-size: auto 100%;
        background-attachment: inherit;
    }
    #header .left-side {
        padding-left: 0px !important;
    }
    #header .mmenu-trigger{
        margin-left: -15px;
    }
    #header-section #logo {
        width: 140px;
        height: auto;
        float: left;
        margin-left: 40px;
    }
    #logo img {
        height: 70px;
        width: auto;
    }

    .info-help {
        background-size: auto 100% !important;
        background-position: left center;
    }
    .video-container{
        height: 92vh !important;
        overflow: hidden;
    }
    .propiedad_comparar .img_portada {
        height: 120px;
    }
    footer .logo {
        height:80px !important;
    }
}





/* (SM) Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .hp-6 .rld-main-search {
        border-radius: 1rem !important;
        padding: 20px 10px;
    }
    #buscador_codigo{
        display: none;
    }
    #buscador_dormitorios{
        display: none;
    }
    #buscador_cocheras{
        display: none;
    }
    .popular-places .img-box {
        height: 350px;
    }
    section.counterup {
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .info-help {
        background-size: auto 100% !important;
        background-position: left center;
    }
    .video-container{
        height: 92vh !important;
        overflow: hidden;
    }
    .propiedad_comparar .img_portada {
        height: 120px;
    }
    #logo img {
        height: 70px;
        width: auto;
    }
    footer .logo {
        height: 40px !important;
    }

}





/* (MD) Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .hp-6 .rld-main-search {
        border-radius: 4rem !important;
        padding: 20px 10px;
    }
    .popular-places .img-box {
        height: 350px;
    }
    section.counterup {
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .info-help {
        background-attachment: fixed;
        background-size: 100% auto !important;
        background-position: center top;
    }
    .fullwidth-home-map.dark-overlay {
        height: 100vh !important;
    }
    .propiedad_comparar .img_portada {
        height: 180px;
    }
    #logo img {
        height: 70px;
        width: auto;
    }
    footer .logo {
        width: 80% !important;
    }
}







/* (LG) Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hp-6 .rld-main-search {
        border-radius: 4rem !important;
        padding: 20px 10px;
    }
    .popular-places .img-box {
        height: 350px;
    }
    section.counterup {
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .info-help {
        background-attachment: fixed;
        background-size: 100% auto !important;
        background-position: center top;
    }
    .fullwidth-home-map.dark-overlay {
        height: 100vh !important;
    }
    .propiedad_comparar .img_portada {
        height: 180px;
    }
    #logo img {
        height: 70px;
        width: auto;
    }
    footer .logo {
        width: 80% !important;
    }
}




/* (XL) Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .hp-6 .rld-main-search {
        border-radius: 4rem !important;
        padding: 20px 10px;
    }
    .container-fluid{
        max-width:1140px
    }
    .popular-places .img-box {
        height: 350px;
    }
    section.counterup {
        background-size: 100% auto;
        background-attachment: fixed;
    }
    .info-help {
        background-attachment: fixed;
        background-size: 100% auto !important;
        background-position: center top;
    }
    .fullwidth-home-map.dark-overlay {
        height: 100vh !important;
    }
    .propiedad_comparar .img_portada {
        height: 200px;
    }
    #logo img {
        height: 70px;
        width: auto;
    }
    footer .logo {
        width: 80% !important;
    }

}