/*=== Mobilia - Copyright 2022 - Zen por defecto ===*/

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


/*VARIABLES PARA LOS COLORES PRINCIPALES*/
:root {
	--main-bg-color: #6e6d6d;
	--main-bg-color-rgb: 110, 109, 109;
	--secondary-bg-color: #1e1e1e;
	--hover-bg-color: #1e1e1e;
}
.tituloSeccion h1, .tituloSeccion h2 {
	font-weight: 200;
}
.marginTop-slider {
	filter: none;
}
#pID0 .cabeceraContainer .cabeceraLogo img {
	filter: none;
}
.carousel .item::before {
	background: linear-gradient(to top, rgb(8 34 32 / 0%) 70%, rgb(255 255 255) 100%);
	filter: none;
	opacity: 0.7;
}
.carousel .titulo span {
	color: #fff;
	width: 100%;
	text-shadow: 2px 2px 4px rgb(0 0 0 / 80%);
	font-weight: 400;
	border-bottom: none;
	font-size: 40px !important;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
}
.carousel .subTitulo span {
	color: #fff;
	width: 80%;
	font-weight: 300;
}
.servicios-home .layoutBanners .itemBanner img, .ServiciosContent .bannersLayout2 .Banners2Image {
	filter: invert(0.4) sepia(1) hue-rotate(310deg) brightness(107%) contrast(0) !important;
}
.Banner-Animado .layoutBanners .itemBanner .Banners2Title a {
	color: #fff !important;
	font-weight: 400;
	letter-spacing: 0px;
}
.Banner-Animado .layoutBanners .itemBanner .overlay {
	background-color: rgba(0, 0, 0, 0.4);
}
	.Banner-Animado .layoutBanners .itemBanner .overlay:hover {
		background-color: rgba(var(--main-bg-color-rgb), 0.2);
	}
.servicios-home .layoutBanners .itemBanner img {
	height: 90%;
}
.txtInicioImgContent .col-xs-12.col-md-7 {
	border-left: none!important;
}
.pie .logopie {
	margin-top: -15px;
}
.bannerTop .bannerTopContainer::before {
	opacity: 0.0;
}
.BNNR-contactanos .bannerTop .bannerTopContainer::before {
	background: var(--main-bg-color);
	filter: brightness(9%) saturate(30%) contrast(100%);
	opacity: 0.3;
}
#pID0 #collapseBuscador .btn-default {
	margin-top: 0px;
}
/******************* ocultar menu */
li.menuPromociones, li.menuVacacional, li.menuVendaSuInmueble,
li.menuNosotros, li.menuBlog, li.menuServicios {
	display: none;
}
/*  =====================================================
   =            Bootstrap 3.3 Media Queries            =
   =====================================================   */
@media only screen and (min-width : 1200px) {
	#pID0 .cabeceraContainer .cabeceraLogo {
		position: absolute;
		top: 6px;
		left: 40px;
		width: 300px;
		filter: none;
	}
	.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: block;
		position: absolute;
		top: 13px;
		left: 40px;
		width: 290px;
		filter: invert(1) brightness(540%);
	}
	.cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: 8px;
		left: 40px;
		width: 290px;
		filter: invert(1) brightness(540%);
	}
	#pID0 .navbar-default .navbar-nav > li > a {
		color: #000;
		font-weight: 400;
	}
	.navbar-default .navbar-nav > li > a,
	.cabeceraMenu.affix .navbar-default .navbar-nav > li > a {
		font-weight: 400;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
	.cabeceraMenu.affix .navbar-default .navbar-nav > .active > a, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > .active > a:focus,
	.cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus,
	#pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:hover, #pID0 .cabeceraMenu.affix .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		box-shadow: 0px 2px 0px #fff;
	}
	#pID0 .navbar-default .navbar-nav > li > a:hover, #pID0.navbar-default .navbar-nav > li > a:focus {
		color: #000;
		box-shadow: 0px 2px 0px #000;
	}
}
   
   @media only screen and (min-width : 992px) and (max-width: 1199px) {
	.navbar-default .navbar-toggle {
		margin-top: 20px;
	}
	#pID0 .cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: -3px;
		left: 40px;
		width: 230px;
		filter: invert(1) brightness(540%);
	}
	#pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: none;
	}
	.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: block;
		position: absolute;
		top: 15px;
		left: 40px;
		width: 230px;
		filter: invert(1) brightness(540%);
	}

	.cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: 15px;
		left: 40px;
		width: 230px;
		filter: invert(1) brightness(540%);
	}
   }
   
   @media only screen and (min-width : 768px) and (max-width: 991px) {
	.navbar-default .navbar-toggle {
		margin-top: 20px;
	}
	#pID0 .cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: -3px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}

	#pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: none;
	}

	.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: block;
		position: absolute;
		top: 15px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}

	.cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: 15px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}
   }
   
   @media only screen and (max-width : 767px) {
	.navbar-default .navbar-toggle {
		margin-top: 20px;
	}
	#pID0 .cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: -3px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}

	#pID0 .cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: none;
	}

	.cabeceraContainer .cabeceraMenu.affix .cabeceraLogo_affix {
		display: block;
		position: absolute;
		top: 15px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}

	.cabeceraContainer .cabeceraLogo {
		display: block;
		position: absolute;
		top: 15px;
		left: 10px !important;
		width: 230px;
		filter: invert(1) brightness(540%);
	}
	.bg-txtInicio a.btn.anim {
		width: 170px;
		display: flex;
		justify-content: center;
	}
	.carousel .titulo span {
		font-weight: 400;
		font-size: 30px !important;
		line-height: 38px;
		letter-spacing: 0px;
	}
	.carousel .subTitulo span {
		color: #fff;
		width: 100%;
		font-weight: 400;
	}
   }