html {
  scroll-behavior: smooth !important;
}

.tile.active{ background: #ffa50024; }
.tile{ background: transparent; padding-top: 20px;}

body {
	font-family: 'Martel', sans-serif;
	font-weight: 400;
	color: black;
	scroll-behavior: smooth !important;
}

h1{
	font-weight: 400;
	font-family: 'Martel', sans-serif;
}

h2 {
	font-family: 'Martel', sans-serif;
	font-weight: 400;
	font-size: 35px;
}

h3 {
	font-family: 'Martel', sans-serif;
	font-weight: 400;
	font-size: 25px;
}

h4 {
	font-family: 'Martel', sans-serif;
	font-weight: 400;
	font-size: 30px;
}

h5 {
	font-family: 'Martel', sans-serif;
	font-size: 20px;
	font-weight: 400;
}

h6 {
	font-family: 'Martel', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

p{
		font-family: 'Martel', sans-serif;
	font-weight: 400;
}

.btn-gray{
	background: gray;
	color: white !important;
	border-radius: 0px; 
	padding: 5px 20px;
}
.btn-white{
	background: white;
	color: black !important;
	border-radius: 0px; 
	padding: 5px 20px;
}
#navbarNav ul li, #navbarNavf ul li{ min-width:120px; text-align: center; }
.blue-bg{ background-color:#002855; }
.txt-blue{color: #002855;}
.txt-orange{ color: orange; }
.gray-bg{ background-color:#efefef; }
.white-bg{ background-color:white; }
.blue-bg h3{ color:white; }
#barra, #barra-movil{ background:#ffffff;  display:flex; border-radius: 7px;}
#barra li, #barra-movil li{ margin: auto; padding-top: 15px; padding-bottom: 15px; color: #616366;}
#barra-movil{ list-style: none; padding-left: 0; }
#barra-redes{ background:#f6f6f6; width: fit-content; padding: 7px 15px; margin:auto; border-radius: 10px; }
#about{ background: url('../img/BANNER.png'); background-size: cover; }
footer{ background: url('../img/BANNER FOOTER.png'); background-size: cover; padding-top: 6rem; padding-bottom: 6rem;}
#about p, #about h3{ color:white; }
#send, .wpcf7-submit{ width: 100%; background: #ff8f1c; color: white; border: none;}
#callus{ width: 100%; background: #353535; color: white; border: none; display: inline-block; font-size: 1.2rem; } 
#form{ background: #eaeaea; text-align: center; }
#form input:not(.wpcf7-submit), #form textarea{ border-radius: 0; border: 1px solid gray; padding: 25px 5px;}
footer, footer a, footer p{ color:white !important; }
.linea-corta{ width: 2px; background: #616366; height: 35px; }
#search{
	display: flex;
	background: orange;
    padding: 25px 0;
    margin: 0 !important;
    width: 180px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    color: white;
    font-weight: bold;
}

#search button{ color:white; margin:auto; border: none; background: none; }
#msg-float{ position: fixed; right:0; top: 50%; z-index: 999999; }
#msg-float ul{ list-style: none; padding: 0; text-align: right;}
#msg-float img{ width: 75%; }
footer p{ font-size: .8rem; }

#properties h4{ font-size: 1rem; }
#properties h5{ color: orange; font-size: .8rem; font-weight: bold; }
#properties p, a{ font-size:.8rem; margin: 0;} 
.linea-prop{ height: 1.5px; background: gray; width: 50%; }
.btn-fav{ border: none; background: none; position: absolute; top: 1rem; z-index: 999; left: 1rem;
    font-size: 1.5rem;}
#map{
	position: absolute;
    overflow: hidden;
    height: 650px;
    width: 750px;
    left: -12rem;
}
#property .carousel-indicators{ position: relative !important; justify-content: normal; margin: -1px; height:80px;}
#property .carousel-indicators li{ width: 120px; }
#prop-content h4{ color: orange; font-weight: 200; font-size: 1.6rem; }
#prop-content ul{ padding: 0 25px;}
.outline-btn{
	background: none;
	border: 2px solid gray;
	color: gray;
	text-decoration: none;
	font-size: 1rem;
	text-align: center;
	padding: 0px 25px;
}
#carouselBanner .carousel-inner{height: 600px;}
#carouselBanner .carousel-indicators{ top: 46%; z-index: 99999; height: fit-content;}
#carouselBanner .carousel-indicators li{ 
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 0 10px;
	background-color: orange;
 }
#bannerHome{
	position: absolute;
    top: 24rem;
    width: 100%;
	z-index: 999;
}

#bannerHome h3{
	color:#ffffff;
	font-size: 22px;
	font-weight: 300;
}

#bannerHome h1{
	color:#ffffff;
	font-size: 36px;
	font-weight: 300;
	margin-top: 80px;
}

#homeMiddle h2{
	font-weight: 200;
	font-size: 30px;
}

#homeMiddle p{
	margin-top: 20px;
	font-size: 20px;
}

#homeMiddle .col-md-4{
	padding: 0 45px;
}

.rightBorder{
	border-right: gray 2px solid;
}

.secondRow{
	margin-top: 50px;
	margin-bottom: 50px;
}

#mapaMedio{
    height:90%;
}
#favs p{ font-size: .8rem; text-align: center !important; background: #efefef; border: 1px solid gray; padding: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } 
.rounded-corners{ border-radius: 15px; }
#carouselBanner .carousel-caption{
	top: 15%;
	bottom: none;
}
select#zones{font-size:.8rem; background-color: transparent; border: 0; background-position-y: center; background-image: url('https://amerealty.holdworkshop.com/wp-content/themes/hold-child/img/UBICACION.png'); background-repeat: no-repeat; text-indent: 20px; width:85px; }
select#types{font-size:.8rem; background-color: transparent; border: 0; background-position-y: center; background-image: url('https://amerealty.holdworkshop.com/wp-content/themes/hold-child/img/tipo.png'); background-repeat: no-repeat; text-indent: 20px; width:175px; }
select#contra{font-size:.8rem; background-color: transparent; border: 0; background-position-y: center; background-image: url('https://amerealty.holdworkshop.com/wp-content/themes/hold-child/img/contra.png'); background-repeat: no-repeat; text-indent: 20px; width: 155px;}
select#area{font-size:.8rem; background-color: transparent; border: 0; background-position-y: center; background-image: url('https://amerealty.holdworkshop.com/wp-content/themes/hold-child/img/area.png'); background-repeat: no-repeat; text-indent: 20px; width: 173px; }

.heateor_sss_sharing_container{
	margin-top: 1rem;
    margin-bottom: 2rem;
}

.heateor_sss_more{
	display: none !important;
}

#props-container{ height: 650px; overflow-y: auto; }
form input#propiedad, form input#tipo, form input#zone{ display: none; }
@media (max-width: 767px){
	#map {
		position: relative;
		overflow: hidden;
		height: 650px;
		width: 100%;
		left: 0;
	}
	footer .navbar-toggler{
		border-color: white !important;
	}
	.wid select{ width: auto !important; }
	#search{ width: 100%; border-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
	.linea-corta{ width: 25%; background: #616366; height: 2px; margin: auto;}
	#carouselBanner h1{ font-size: 1.2rem; }
	#carouselBanner h3{ font-size: .9rem; }
	#carouselBanner .carousel-indicators {
		top: 70%;
	}
	#bannerHome {
		top: 21rem;
		background: gray;
		padding: 25px 0;
		position: initial;
	}
	#carouselBanner .carousel-inner {
		height: auto;
	}

}