:root{
  --color-main: #29aae2;
  --color-gray-hr: #d6d6d6;
  --color-gray-light: #868686;
  --color-gray-middle: #464646;
  --color-gray-dark: #222020;
  --color-footer-top: #959ca2;
  --color-footer-bottom: #8e959b;
  --color-white: #fff;
  --color-black: #000;
  /* OPACIDAD */
  --op-white: rgba(255, 255, 255, 0.50);
  --op-white-2: rgb(255, 255, 255, 0.9);
}
*{
  font-family: 'Open Sans', sans-serif;
}
h1{
  font-size: 2.2rem;
}
a{
  text-decoration: none;
  color: inherit;
}
a:hover{
  text-decoration: none;
  color: inherit;
}
ul{
  margin: 0;
}
img{
  display: block;
  width: 100%;
}
::placeholder{
  font-size: 16px;
  color: #bebebe;
}
[class*="Icon-"]{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 12px;
  color: var(--color-white);
}
[class*="Icon-border"]{
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
[class*="Icon-bg"]{
  background-color: var(--op-white);
  color: var(--color-footer-top);
  width: 22px;
  height: 22px;
}
[class*="Icon-bg-x2"]{
  width: 30px;
  height: 30px;
  font-size: 15px!important;
}
.Icon-border-black{
  border: 1px solid var(--color-black);
  color: var(--color-black);
}
.u--clearHeader{
  margin-top: 80px!important;
  padding-top: 1px;
}
.u--notContent{
  width: 100%;
  height: 40vh;
  display: flex;
  color: var(--color-gray-light);
  justify-content: center;
  align-items: center;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
/* =========================================
============== DATATABLE ICON ============== 
==========================================*/
table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  font-family: "Font Awesome 5 Free";
  opacity: 1;
  color: var(--color-gray-hr);
}
table.dataTable thead th.sorting:after {
  content: "\f0d8";
  font-size: 0.8em;
  padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
  content: "\f0d8";
}
table.dataTable thead th.sorting_desc:after {
  content: "\f0d7";
}
table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_desc:before {
  display: none;
}
/* ==================================
============ SELECT CSS ============= 
=====================================*/
/* The container must be positioned relative: */
.custom-select-2 {
  position: relative;
  font-family: Arial;
  margin-bottom: 20px;
  min-width: 200px;
  font-size: 16px;
  color: var(--color-gray-light);
}
.custom-select-2:last-child{
  margin: 0;
}
.custom-select-2 select {
  display: none; /*hide original SELECT element: */
}
.select-selected {
  background-color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 50px;
}
.select-selected p{
  margin: 0;
}
/* Style the arrow inside the select element: */
.select-selected i{
  transition: transform .5s;
}
/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active i{
  transform: rotate(-180deg);
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  padding: 8px 20px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(158, 158, 158, 0.1) transparent;
  cursor: pointer;
}
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: var(--color-white);
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgb(180, 180, 180);
  max-height: 300px;
  overflow-y: auto;
}
/* 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);
}
/*************** CUSTOM CSS 3 ***************/
/* The container must be positioned relative: */
.custom-select-3 {
  position: relative;
  font-family: Arial;
  margin-bottom: 20px;
  min-width: 100px;
  font-size: 16px;
  color: var(--color-gray-light);
}
.custom-select-3:last-child{
  margin: 0;
}
.custom-select-3 select {
  display: none; /*hide original SELECT element: */
}
.custom-select-3 .select-selected {
  background-color: var(--color-white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--color-gray-hr);
  border-radius: 0px;
}
.custom-select-3 .select-selected p{
  max-width: 180px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
/* Style the arrow inside the select element: */
.custom-select-3 .select-selected i{
  transition: transform .5s;
  color: var(--color-gray-hr);
  font-size: 16px;
}
/* Point the arrow upwards when the select box is open (active): */
.custom-select-3 .select-selected.select-arrow-active i{
  transform: rotate(-180deg);
}
/* style the items (options), including the selected item: */
.custom-select-3 .select-items div, .custom-select-3 .select-selected {
  padding: 3px 10px;
  cursor: pointer;
}
/* Style items (options): */
.custom-select-3 .select-items {
  position: absolute;
  background-color: var(--color-white);
  top: calc(100% + 1px);
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 0px;
  overflow: hidden;
  border: 1px solid var(--color-gray-hr);
  max-height: 300px;
  overflow-y: auto;
}
/* Hide the items when the select box is closed: */
.custom-select-3 .select-hide {
  display: none;
}
.custom-select-3 .select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/* ===================================
============ MEDIA FIXED ============= 
=================================== */
[class*="Menu-media"]{
  position: fixed;
  top: 50%;
  left: 20px;
  z-index: 9;
  transform: translateY(-50%);
  color: var(--color-white);
}
.Menu-media--main{
  color: var(--color-main);
}
.Menu-media--gray i{
  position: relative;
}
.Menu-media--gray i::after{
  content: "";
  display: block;
  position: absolute;
  background-color: var(--color-white);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
  transform: scale(0.8);
}
[class*="Menu-media"] .media{
  display: flex;
  margin: 0;
  list-style: none;
  flex-direction: column;
  padding: 0;
  color: inherit;
}
[class*="Menu-media"] .media li{
  margin-bottom: 10px;
  color: inherit;
}
[class*="Menu-media"] .media a{
  text-decoration: none;
  color: inherit;
  text-decoration: none;
}
[class*="Menu-media"] .media i{
  font-size: 35px;
}
/* HEADER */
.Header{
  --color-text: var(--color-white);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 999;
  transition: background-color .5s, color .5s, height .5s, padding .5s, font-size .5s;
	/* background-image: linear-gradient(to bottom,rgba(47, 47, 47, 0.77) 0,rgba(0,0,0,.0001) 100%); */
}
.Header-home--black{
  --color-text: var(--color-gray-light);
  height: 80px;
  background-color: white;
  box-shadow: 0px 2px 10px 0px rgba(124, 124, 124, 0.16);
}
.Header-home--black .Header-logo{
  display: none!important;
}
.Header-home--black .Header-logo--2{
  display: block!important;
}
.Header .Header-container{
  width: 100%;
  height: 100%;
	max-width: 1200px;
  margin: 0 auto;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Header-home--black .Header-container{
  padding: 20px 30px;
}
.Header--black{
  --color-text: var(--color-gray-light);
  height: 80px;
  background-color: white;
  box-shadow: 0px 2px 10px 0px rgba(124, 124, 124, 0.16);
}
.Header--black .Header-container{
  padding: 10px 30px;
}
.Header .Header-logo{
	display: flex;
	align-items: center;
	justify-content: center;
  height: 100%;
  z-index: 9;
}
.Header .Header-logo--2{
  display: none;
}
.Header .Header-logo a{
  display: block;
  height: 100%;
}
.Header .Header-logo img{
  width: auto;
  height: 100%;
}
.Header .Header-menu{
	display: flex;
}
.Header .Header-menu--desktop{
	display: none;
}
.Header .Header-menu--desktop ul{
	display: flex;
  margin: 0;
  align-items: center;
}
.Header .Header-menu--desktop ul li{
	color: var(--color-text);
	margin-right: 30px;
	font-weight: 400;
  list-style: none;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.Header--black .Header-menu--desktop ul li, .Header-home--black .Header-menu--desktop ul li{
  font-size: 18px;
}
.Header .Header-menu--desktop ul li i{
  margin-right: 10px;
}
.Header .Header-menu--desktop ul li a{
	color: inherit;
}
.Header .Header-menu--desktop ul li a:hover{
	text-decoration: none;
}
.Header .Header-menu--movil{
	display: flex;
	align-items: flex-start;
}
.Header .Header-menuButton{
  border: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 2px;
  font-size: 30px;
	color: var(--color-text);
	outline: 0;
}
.Header .PanelMenu{
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: var(--color-white);
	transform: translateX(-100%);
	transition: transform .5s;
	z-index: 99;
}
.Header .PanelMenu.is-active{
	transform: translateX(0%);
}
.Header .PanelMenu-container{
	width: 300px;
}
.Header .PanelMenu-container .PanelMenu-header{
	display: flex;
	justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  box-shadow: 0px 2px 10px 0px rgba(124, 124, 124, 0.16);
}
.Header .PanelMenu-container .PanelMenu-header p{
	font-weight: 500;
	font-size: 25px;
	margin-bottom: 0;
	color: var(--color-gray-middle);
}
.Header .PanelMenu-container .PanelMenu-header a{
  font-size: 20px;
  display: block;
	color: var(--color-gray-middle);
}
.Header .PanelMenu-container .PanelMenu-header img{
  width: auto;
  height: 40px;
}
.Header .PanelMenu-container .PanelMenu-body{
  padding: 20px 30px;
}
.Header .PanelMenu-container .PanelMenu-body ul{
	margin: 0;
  padding: 0;
  list-style: none;
}
.Header .PanelMenu-container .PanelMenu-body li{
  display: flex;
  align-items: center;
	padding-bottom: 15px;
  margin-bottom: 15px;
  color: var(--color-gray-middle);
  border-bottom: 1px solid rgb(233, 233, 233);
}
.Header .PanelMenu-container .PanelMenu-body li:last-child{
  border-bottom: 0;
}
/* MIGAS DE PAN */
.arrastre-hormiga{
  margin-bottom: 15px;
  color: var(--color-gray-light);
  font-size: 12px;
}
.arrastre-hormiga a{
  text-decoration: none;
  color: var(--color-gray-middle);
}
.arrastre-hormiga a:hover{
  text-decoration: none;
  color: var(--color-main);
}
/* MAIN */
/* BANNER */
.Banner{
  position: relative;
  height: 500px;
}
.Banner-slider{
  height: 100%;
}
.Banner-busqueda{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 20px));
  z-index: 1;
  width: 90%;
  max-width: 1200px;
}
.Banner-titulo{
  display: flex;
  align-items: center;
}
.Banner-titulo h1{
  color: var(--color-white);
  font-weight: 400;
  font-size: 60px;
}
.Banner-form{
  background-color: var(--op-white);
  border-radius: 20px;
  min-width: 250px;
  max-width: 450px;
  padding: 30px 20px;
  margin: 0 auto;
}
.Banner-form h3{
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--color-gray-middle);
}
.Banner-form button{
  display: block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 30px;
  border: 0;
  background-color: var(--color-main);
  color: var(--color-white);
  font-size: 20px;
}
.Banner .Banner-item{
  position: relative;
  height: 100%;
}
.Banner .Banner-item img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* BANNER SLIDER */
.owl-stage-outer, .owl-stage, .owl-item{
  height: 100%;
}
.Banner .owl-next:hover, .owl-prev:hover{
  background-color: transparent!important;
}
.Banner .Banner-slider .owl-next img,
.Banner .Banner-slider .owl-prev img{
  height: 30px;
  width: auto;
}
.Banner .Banner-slider .owl-next {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  left: initial;
  transform: translateY(-50%);
  outline: none!important;
}
.Banner .Banner-slider .owl-prev{
  display: block;
  position: absolute;
  margin: 0;
  line-height: .25!important;
  top: 50%;
  left: 20px;
  right: initial;
  transform: translateY(-50%);
  outline: none!important;
}
/* RECOMENDADOS */
.Recomendados .u--content{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
}
.Recomendados h3{
  font-size: 22px;
  color: var(--color-main);
  font-weight: 700;
  margin-bottom: 20px;
}
.Recomendados .Recomendados-imagenes{
  width: 100%;
}
.Recomendados .Recomendados-imagenes .Recomendados-imagenPrincipal{
  position: relative;
}
.Recomendados .Recomendados-imagenes .Recomendados-imagenPrincipal:after{
  position: absolute;
  content: "";
  top: 30%;
  bottom: -10px;
  left: 30%;
  right: -10px;
  background-color: var(--color-main);
  z-index: -1;
}
.Recomendados .Recomendados-imagenes .Recomendados-imagenSecundaria{
  display: none;
}
.Recomendados .Recomendados-descripcion{
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  color: var(--color-gray-dark);
}
.Recomendados .Recomendados-descripcion h4{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  margin-bottom: 12px;
  color: var(--color-gray-light);
}
.Recomendados .Recomendados-descripcion p{
  text-align: center;
  color: var(--color-gray-light);
}
.Recomendados .Recomendados-descripcion button{
  background-color: var(--color-main);
  color: var(--color-white);
  display: inline-block;
  border-radius: 50px;
  padding: 0.6rem 2rem;
}
/* INMUEBLES */
.InmueblesDestacados .u--content{
  margin: 50px auto;
  padding: 0 20px;
  max-width: 1200px;
}
.InmueblesDestacados .Section-title{
  position: relative;
  text-align: center;
  margin-bottom: 30px;
}
.InmueblesDestacados h2{
  position: relative;
  display: inline-block;
  font-size: 22px;
  text-transform: uppercase;
  background-color: var(--color-white);
  padding: 0 20px;
  font-weight: 700;
  color: var(--color-main);
  margin: 0;
}
.InmueblesDestacados .Section-title div{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-gray-hr);
  z-index: -1;
}
.InmueblesDestacados .InmueblesDestacados-section{
  margin-bottom: 50px;
  padding: 0 10px;
}
.InmueblesDestacados .InmueblesDestacados-section h3{
  color: var(--color-gray-light);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
.InmueblesDestacados .InmueblesDestacados-item img{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
.InmueblesDestacados .InmueblesDestacados-item div{
  padding: 7px 15px 4px;
  background-color: var(--color-main);
}
.InmueblesDestacados  .InmueblesDestacados-item p{
  margin: 0;
  line-height: 1.3;
  color: var(--color-white);
  margin-bottom: 3px;
}
.InmueblesDestacados  .InmueblesDestacados-item p span{/* 
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; */
}
.InmueblesDestacados  .InmueblesDestacados-item p:first-child{
  margin-bottom: 4px;
}
.InmueblesDestacados  .InmueblesDestacados-item i{
  display: block;
}
/*=================================
======== DESTACADOS SLIDER ========
=================================*/
.owl-stage-outer, .owl-stage, .owl-item{
  height: 100%;
}
.InmueblesDestacados .owl-next:hover, .owl-prev:hover{
  background-color: transparent!important;
}
.InmueblesDestacados .InmueblesDestacados-slider .owl-next img,
.InmueblesDestacados .InmueblesDestacados-slider .owl-prev img{
  height: 30px;
  width: auto;
}
.InmueblesDestacados .InmueblesDestacados-slider .owl-next {
  display: block;
  transform: translateY(-50%);
  margin: 0;
  position: absolute;
  top: 50%;
  right: -25px;
  left: initial;
  outline: none!important;
}
.InmueblesDestacados .InmueblesDestacados-slider .owl-prev{
  display: block;
  transform: translateY(-50%);
  position: absolute;
  margin: 0;
  top: 50%;
  left: -25px;
  right: initial;
  outline: none!important;
}
/*================================
============= FOOTER =============
================================*/
.Footer{
  background-color: var(--color-footer-top);
}
.Footer ul{
  padding: 0;
  list-style: none;
}
.Footer .Footer-top .Footer-grid, .Footer .Footer-bottom .Footer-container{
  margin: 0px auto;
  padding: 20px 15px;
  max-width: 1200px;
  display: grid;
  grid-gap: 30px;
}
.Footer .Footer-bottom{
  background-color: var(--color-footer-bottom);
}
.Footer .Footer-title{
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 20px;
  color: var(--op-white)!important;
  font-size: 16px;
  font-weight: 500;
}
.Footer .Footer-subscription{
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.Footer .Footer-subscription input{
  margin-bottom: 10px;
  border-radius: 2px;
  border: 0;
  outline: 0;
  background-color: white;
  padding: 5px 10px;
}
.Footer .Footer-subscription button{
  padding: 7px 15px;
  background-color: var(--color-main);
  color: white;
  border: 0;
  border-radius: 2px;
  font-size: 20px;
}
.Footer .Footer-logo{
  max-width: 80px;
}
.Footer .Footer-top ul li{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  color: var(--op-white);
}
.Footer .Footer-top ul li i{
  font-size: 10px;
}
.Footer .Footer-top ul li a{
  color: var(--op-white)!important;
  text-decoration: none;
}
.Footer .Footer-bottom .Footer-container{
  margin: 0 auto;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Footer .media{
  display: flex;
  margin: 0;
}
/* .Footer .Footer-top .media li{
}
.Footer .Footer-top .media li:hover{
}
.Footer .Footer-top .media li:hover a{
  color: white;
} */
.Footer .media a{
  color: var(--color-main);
  text-decoration: none;
}
.Footer .copyright{
  color: var(--op-white);
  font-size: 10.5px;
  margin: 0;
}
.Footer .copyright p{
  margin: 0;
}
/*================================
========= NOSOTROS HOME ==========
================================*/
.Nosotros--home{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray);
  margin-bottom: 40px;
}
.Nosotros--home hr{
  margin: 40px 0;
}
.Nosotros--home h1{
  font-size: 45px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 700;
  color: var(--color-gray-light);
}
.Nosotros--home h2{
  margin: 25px 0 10px 0;
  font-size: 23px;
}
.Nosotros-descripcion{
  color: var(--color-gray-middle);
}
.Nosotros--home p{
  margin-bottom: 10px;
  line-height: 1.8;
}
.Nosotros--home ul{
  padding-left: 20px;
}
/*================================
========= INMUEBLES HOME =========
================================*/
.Inmuebles--home, .Realizados--home{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray-light);
  margin-bottom: 40px;
}
.Inmuebles-filtro{
  padding: 15px 0;
  margin: 15px 0;
  border-top: 1px solid var(--color-gray-hr);
  border-bottom: 1px solid var(--color-gray-hr);
}
.Inmuebles-filtro a:hover{
  color: var(--color-main);
}
.Inmuebles-filtro a{
  color: var(--color-main);
}
.Inmuebles-filtro a.collapsed{
  color: var(--color-gray-light);
}
.Inmuebles-grid{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}
.Inmuebles-content .Inmuebles-item img{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
}
.Inmuebles-content .Inmuebles-item div{
  padding: 7px 15px 4px;
  background-color: var(--color-main);
}
.Inmuebles-content .Inmuebles-item p{
  margin: 0;
  line-height: 1.3;
  color: var(--color-white);
  margin-bottom: 3px;
}
.Inmuebles-content .Inmuebles-item p span{/* 
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; */
}
.Inmuebles-content .Inmuebles-item p:first-child{
  margin-bottom: 4px;
}
.Inmuebles-content .Inmuebles-item i{
  display: block;
}
/*==============================
======== DETALLES HOME =========
==============================*/
.Inmuebles--detalle{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray-light);
  margin-bottom: 40px;
}
.Inmuebles-imagenesBig div{
  height: 100%;
}
.Inmuebles-imagenesBig div img{
  height: 100%;
  object-fit: cover;
}
.Inmuebles-imagenesThumb{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.Inmuebles-imagenesThumb div{
  flex: 1;
  max-width: 150px;
}
.Inmuebles-imagenesThumb .owl-thumb-item:last-child{
  margin: 0;
}
.Inmuebles-imagenesBig img, .Inmuebles-imagenesThumb img{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.Inmuebles-detalles{
  display: grid;
  grid-template-columns: auto;
  grid-gap: 10px 20px;
  justify-content: start;
}
.Inmuebles-detalles div{
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.Inmuebles-detalles div i{
  margin-right: 5px;
}
.Inmuebles-form{
  padding: 30px 20px;
  border: 1px solid var(--color-main);
}
.Inmuebles-form input, .Inmuebles-form textarea{
  padding: 8px 10px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid var(--color-gray-hr);
  display: block;
  color: var(--color-gray-light);
}
.Inmuebles-form button{
  padding: 10px 20px;
  background-color: var(--color-main);
  color: var(--color-white);
  border: 0;
  margin: 0 auto;
  display: block;
}
/* PROPIO DE OWL THUMB */
.Inmuebles-imagenesThumb .owl-thumb-item{
  margin-right: 10px;
}
.Banner .owl-next:hover, .owl-prev:hover{
  background-color: transparent!important;
}
.Inmuebles-imagenesBig .owl-next img,
.Inmuebles-imagenesBig .owl-prev img{
  height: 30px;
  width: auto;
}
.Inmuebles-imagenesBig .owl-next {
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 10px;
  left: initial;
  transform: translateY(-50%);
  outline: none!important;
}
.Inmuebles-imagenesBig .owl-prev{
  display: block;
  position: absolute;
  margin: 0;
  line-height: .25!important;
  top: 50%;
  left: 10px;
  right: initial;
  transform: translateY(-50%);
  outline: none!important;
}
/*==============================
======== CONTACTO HOME =========
==============================*/
.Contacto--home{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray);
}
.Contacto--home h1{
  text-transform: uppercase;
  margin-bottom: 25px;
  color: var(--color-gray-light);
  font-weight: 700;
}
.Contacto-form{
  padding: 30px 20px;
  border: 1px solid var(--color-main);
}
.Contacto-form input, .Contacto-form textarea{
  padding: 8px 10px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid var(--color-gray-hr);
  display: block;
  color: var(--color-gray-light);
}
.Contacto-form button{
  padding: 10px 20px;
  background-color: var(--color-main);
  color: var(--color-white);
  border: 0;
  margin: 0 auto;
  display: block;
}
.Contacto--info{
  background-color: #f0f0f0;
}
.Contacto--info .u--content{
  padding: 50px 20px;
  margin: 0px auto;
  max-width: 1200px;
  color: var(--color-gray);
}
.Contacto--info img{
  width: 35px;
  min-width: 35px;
  height: 35px;
  margin-right: 15px;
}
.Contacto--info p{
  font-size: 18px;
  color: var(--color-gray-middle);
  margin: 0;
}
/*==============================
======== ASESORES HOME =========
==============================*/
.Asesores--home{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray);
}
.Asesores--home h1{
  text-transform: uppercase;
  margin-bottom: 25px;
  color: var(--color-gray-light);
  font-weight: 700;
}
.Asesores-grid{
  display: grid;
  grid-gap: 30px;
  justify-items: center;
}
.Asesores-imagen{
  max-width: 300px;
}
.Asesores-item{
  display: flex;
  flex-direction: column;
}
.Asesores-imagen img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Asesores-descripcion{
  margin-top: 10px;
  color: var(--color-gray-light);
}
.Asesores-descripcion p{
  margin: 0;
  margin-top: 5px;
}
/*================================
======== REALIZADOS HOME =========
================================*/
.Realizados--home{
  margin: 30px auto;
  padding: 0 20px;
  max-width: 1200px;
  color: var(--color-gray);
}
.Realizados--home h1{
  text-transform: uppercase;
  margin-bottom: 25px;
  color: var(--color-gray-light);
  font-weight: 700;
}
.Realizados-list{
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: 1fr;
}
.Realizados-list a{
  display: block;
}
.Realizados-item{
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 300px;
}
.Realizados-imagen{
  display: block;
  overflow: hidden;
  flex: 1;
}
.Realizados-imagen img{
  width: 100%!important;
  height: 100%
}
.Realizados-button{
  background-color: #672883;
  padding: 10px 15px;
  color: var(--color-white);
}

/*=================================
======== REALIZADO SINGLE =========
=================================*/
.ProyectoRealizado{
  display: grid;
  grid-gap: 30px;
}
.ProyectoRealizado .ProyectoRealizado-titulo{
  text-transform: none;
}
.ProyectoRealizado-descripcion{
  color: var(--color-gray-light);
}
/*=================================
========= NUEVO PROYECTO ==========
=================================*/
/* .NuevoProyecto{
} */
.NuevoProyecto h3{
  font-size: 35px;
}
.NuevoProyecto .u--content{
  padding: 50px 20px;
  margin: 0px auto;
  max-width: 1200px;
}
.Banner--nuevoProyecto{
  overflow: hidden;
  position: relative;
  height: 420px;
}
.Banner--nuevoProyecto .Banner-background{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Banner--nuevoProyecto .Banner-imagen--desktop, .Banner--nuevoProyecto .Banner-imagen--mobile {
  width: 100%;
  height: 100%;
}
.Banner--nuevoProyecto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Banner--nuevoProyecto .Banner-imagen--desktop{
  display: none;
}
.Banner--nuevoProyecto .Banner-content{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 80px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
}
.Banner--nuevoProyecto .Banner-content p{
  margin: 0;
}
.NuevoProyecto-descripcion {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.AreasComunes-title{
  text-transform: uppercase;
  font-size: 35px;
  color: var(--color-gray-middle);
  text-align: center;
}
.AreasComunes-grid{
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}
.AreasComunes-grid img {
  max-width: 150px;
}
.AreasComunes-grid p{
  text-align: center;
  margin: 0;
  margin-top: 10px;
}
.NuevoProyecto-caracteristicas{
  background-color: var(--color-main);
  color: var(--color-white);
}
.Caracteristicas-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  grid-gap: 20px;
}
.Caracteristicas-item{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.Caracteristicas-item img{
  max-width: 100px;
  height: 120px;
  object-fit: contain;
}
.Caracteristicas-item p{
  text-align: center;
  margin: 0;
}
.Tipos-title h3{
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-gray-light);
  margin-bottom: 20px;
}
.Tipos-table thead{
  background-color: var(--color-gray-light);
  color: var(--color-white);
}
.Tipos-table th{
  text-align: center;
  text-transform: uppercase;
  width: 20%;
}
.Tipos-table td img{
  max-width: 100px;
  margin: 0 auto;
}
.Tipos-table td, .Tipos-table th{
  vertical-align: middle;
  text-align: center;
}
.Galeria{
  background-color: #eeeeee;
  padding: 50px 0;
}
.Galeria-title h3{
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-gray-light);
  margin-bottom: 30px;
}
.Galeria .u--content{
  padding-top: 0;
  padding-bottom: 0;
}
.Galeria-slider .owl-nav{
  margin: 0;
}
.Galeria-slider .owl-nav button {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Galeria-slider .owl-nav button:hover{
  background-color: transparent!important;
}
.Galeria-slider .owl-prev{
  left: 0;
}
.Galeria-slider .owl-next{
  right: 0;
}
.LugaresInteres-title h3{
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-gray-light);
  margin-bottom: 20px;
  text-align: center;
  padding: 0 20px;
  font-size: 38px;
}
.LugaresInteres-grid{
  display: grid;
  grid-gap: 20px;
  max-width: 350px;
  margin: 0 auto;
}
.LugaresInteres-item{
  display: flex;
  align-items: center;
}
.LugaresInteres-image{
  width: 70px;
  height: 70px;
  padding: 10px;
  border: 1px solid var(--color-gray-hr);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-items: center;
  margin-right: 20px;
}
.LugaresInteres-image img{
  object-fit: contain;
}
.LugaresInteres-item p{
  margin: 0;
}
.Video{
  position: relative;
  height: 350px;
  margin-bottom: 30px;
}
.Video-cover{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.Video-image{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Video-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Video-image i {
  position: absolute;
  font-size: 70px;
  color: var(--color-white);
}
.Video-video iframe{
  margin: 0 auto;
  display: block;
  width: 100%;
}