/*=== Mobilia - Copyright 2022- */

/******** importa Tema: Tema6.css *********/
@import url("/DesktopModules/InmoBS3/layouts/css/Temas/Tema6.css");
/***************************************/

/*  =====================================================
    =             1. VARIABLES  PRINCIPALES              =
    =====================================================   */

:root {
    --main-bg-color: #08acf2;
    --main-bg-color-rgb: 8, 172, 242;
    --secondary-bg-color: #002172;
    --secondary-bg-color-rgb: 0, 87, 143;
    --hover-bg-color: #101218;
}
.BNNR-contactanos a.btn.anim, .bg-txtInicio a {
    border-radius: 30px;
}
.top-generico::before {
    box-shadow: inset 0px -1px 180px #1f1e1e47;
}
.BNNR-contactanos .bannerTopContainer::before {
    opacity: 0.2;
}
.servicios-home .layoutBanners .itemBanner img, .ServiciosContent .bannersLayout2 .Banners2Image {
    filter: invert(0.4) sepia(1) hue-rotate(178deg) brightness(92%) contrast(3) !important;
}
.servicios-home .layoutBanners .itemBanner .text {
    color: #000;
}

/*Estilos para los servicios*/
.serviciosNew .item-flex:nth-child(3) .item {
    min-height: 331px !important;
}

/*SE OCULTAN LAS SECCIONES DE MENÚ*/
.menuInicio {
    display: none !important;
}

.menuVacacional, .menuServicios, .menuBlog, .menuVendaSuInmueble {
    display: none !important;
}
.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    top: 22px;
    left: 40px;
    width: 110px;
}
.cabeceraMenu {
    border-bottom: NONE;
}


.cabeceraMenu.affix .navbar-default .navbar-collapse{
	margin-top:18px;
}

#pID0 #collapseBuscador {
    background: #ffffffab;
}
#pID0 .buscadorPagina .nombreCampo {
    color: #000;
    font-weight: 500;
}
.pie {
    background: rgba(var(--secondary-bg-color-rgb), 0.9);
}
.carousel-control i.mob {
    position: absolute;
    top: 50%;
}
#collapseBuscador {
    padding: 10px 0;
    background: var(--main-bg-color);
}
    #collapseBuscador button.btn-success {
        margin-top: -1px;
        background: #fff !important;
        color: var(--hover-bg-color) !important;
    }
        #collapseBuscador button.btn-success:hover {
            background: var(--hover-bg-color) !important;
            color: #fff !important;
        }
.pie:before {
    filter: none;
    opacity: 1;
    background: #4B4F58!important;
}
.pie {
    background: #4B4F58;
    padding-bottom: 0px;
}
    .pie .links.copyright {
        background: #101218;
        padding: 15px 0;
    }
    .pie address.direccion {
        padding: 50px 0px;
    }
.btn-success, .btn-primary {
    color: #fff;
    background-color: var(--main-bg-color) !important;
    border-color: transparent !important;
    padding: 3px 10px;
    border-radius: 30px;
    font-weight: 600;
}
#pID0 .marginTop-buscador .campoBuscador.buscadorEnviar button#btnBuscar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 2px;
    padding: 8px 0px;
}
#pID0 .marginTop-buscador .campoBuscador.buscadorEnviar {
    padding: 0px;
}
div#pID87850 .cabeceraMenu {
    background: var(--main-bg-color);
}
/*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */
@media only screen and (min-width : 1200px) {
    .txtInicioImgContent img {
			text-align: center;
			height: 330px;
			width: auto;
			margin: 165px !important;
			left: -200px;
			position: relative;
		}



        .cabeceraMenu, .cabeceraMenu.affix {
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
        }

        .cabeceraContainer .cabeceraLogo {
            position: absolute;
            top: 11px;
            left: 40px;
            width: 170px;
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
        }

        .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
            filter: none;
            -webkit-filter: none;
            -moz-filter: none;
            top: 12px;
            left: 40px;
            width: 165px;
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
        }
        /********** post */
        div#pID87297 .cabeceraContainer {
            background: var(--main-bg-color);
        }
            div#pID87297 .cabeceraContainer .cabeceraLogo {
                position: absolute;
                top: -4px;
                left: 40px;
                width: 103px;
                -webkit-transition: all 500ms ease-out;
                -moz-transition: all 500ms ease-out;
                -o-transition: all 500ms ease-out;
                transition: all 500ms ease-out;
            }
        div#pID87297 .navbar-default .navbar-nav > li > a {
            text-shadow: none;
        }
    }

    @media only screen and (min-width : 992px) and (max-width: 1199px) {
        .cabeceraContainer .cabeceraLogo {
            position: absolute;
            top: 1px;
            left: 40px;
            width: 90px;
        }
        .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
            filter: none;
            -webkit-filter: none;
            -moz-filter: none;
            top: 0px;
            left: 40px;
            width: 90px;
        }
    }

    @media only screen and (min-width : 768px) and (max-width: 991px) {
        .cabeceraContainer .cabeceraLogo {
            position: absolute;
            top: 1px;
            left: 40px;
            width: 90px;
        }

        .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
            filter: none;
            -webkit-filter: none;
            -moz-filter: none;
            top: 0px;
            left: 40px;
            width: 90px;
        }
        #collapseBuscador button.btn-success {
            margin-top: -14px;
            background: var(--main-bg-color) !important;
            color: var(--hover-bg-color) !important;
        }
        #collapseBuscador {
            padding: 10px 0;
            background: #fff;
        }
    }

    @media only screen and (max-width : 767px) {
        .servicios-home .layoutBanners .itemBanner .overlay {
            background-color: rgb(249 249 249 / 79%);
            opacity: 1;
        }
        .cabeceraContainer .cabeceraLogo {
            position: absolute;
            top: 1px;
            left: 0px;
            width: 160px;
        }

        .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
            filter: none;
            -webkit-filter: none;
            -moz-filter: none;
            top: 0px;
            left: 0px;
            width: 160px;
        }
        #collapseBuscador button.btn-success {
            margin-top: 20px!important;
            background: var(--main-bg-color) !important;
            color: var(--hover-bg-color) !important;
        }
        #collapseBuscador {
            padding: 10px 0;
            background: #fff;
        }
    }
    /*  =====================================================
   =        Bootstrap 3.3 Media Queries Libres          =
   =====================================================   */
    @media only screen and (min-width : 1200px) {
    }

    @media only screen and (min-width : 992px) and (max-width: 1199px) {
    }

    @media only screen and (min-width : 768px) and (max-width: 991px) {
    }

    @media only screen and (max-width : 767px) {
    }