@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;300;700&display=swap');

body {color: #777777; font-size:18px; font-family: 'Overpass', sans-serif; } 
*{margin:0; padding:0;  box-sizing: border-box;}
html, body{height:100%;  }
p{word-wrap:break-word; letter-spacing: 0.5px; line-height: 170%;color: #777777;}
a{ text-decoration:none;}
li{list-style:none;}

h1{ font-size: 3em; color:#041422;}
h2{ font-size: 2.5em;color:#041422;}

.cinza{ color: #999;}
/*  Seção LUGARES */
#page_navigation a{
	padding:15px;
	border:1px solid #cecece;
	margin:2px;
	color:black;
	text-decoration:none;
	
}
#page_navigation {
	position: relative;text-align: center;
	margin:30px auto;
}
body > header{ position: absolute; width: 100%;color: #fff; }

.active_page{ 	background:#d6a47f;	color:#000 !important;}
.carimbo{ width: 50%; height: 40%; position: absolute; z-index: 999; left: 25px; margin-left: 0;  display: flex; align-items: flex-start; justify-content: flex-start; text-align: center; margin-top: 15px; }
.carimbo img{ width: 100%; height: auto; display: block; max-width: 260px; text-align: center;}

.containerHamburger{ position:absolute;display:inline-block; right:10px; top:30px;  cursor:pointer; z-index: 999999; }

.changebar1 {    -webkit-transform:rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);}/* Rotate first bar */
.changebar2 {    opacity: 0;}/* Fade out the second bar */
.changebar3 {    -webkit-transform:rotate(45deg) translate(-6px, -6px);transform: rotate(45deg) translate(-6px, -6px);}/* Rotate last bar */

.container-fechar { position:absolute; display:inline-block; cursor:pointer; z-index:106; right:15px; top: 25px;	padding:5px;}
.bar1, .bar2, .bar3 { width:30px; height:4px; background-color:#555; margin:6px 0; -webkit-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.change1 {  -webkit-transform:rotate(-45deg) translate(-9px, 4px) ; -ms-transform:rotate(-45deg) translate(-12px, 4px); transform:rotate(-45deg) translate(-12px, 4px);}
.change2 { opacity:0;}
.change3 {  -webkit-transform:rotate(45deg) translate(-8px, -6px) ; -ms-transform:rotate(45deg) translate(-8px, -6px); transform:rotate(45deg) translate(-8px, -6px);}

 .alinhaEstrutura{max-width: 1295px; padding: 0 20px; margin: auto;  }
 .alinhaMenu{width:100%; max-width:1260px; padding:20px 40px; margin:auto;  display:flex; flex-direction:column; align-items: center; justify-content:space-between;}

.navMenu{ position:relative; width:auto;  padding:0 0px; z-index: 99999;}
.navMenu > ul{  position:relative;  display:flex; flex-direction:row; justify-content:flex-end;  align-content:center; flex-wrap: nowrap;}
.navMenu > ul li{ display:flex; text-align:center; text-transform:uppercase; padding:0 3px; margin: 2px;}
.navMenu > ul li ul{ position:absolute; top:60px; padding:0px 10px; }

.navMenu a:link{  position:relative;  color:#fff; font-weight: bold;   text-transform:uppercase; letter-spacing:1px;  padding:5px 10px; margin: 0px 0;transition: all 0.5s ease; }
.navMenu a:visited{text-decoration:underline; color:#fff; }
.navMenu a:hover{text-decoration:none; color:#d6a47f;   }
.navMenu a:active{text-decoration:underline; color:#fff;}

.sel{color:#d6a47f !important;}
.aviso{position: relative;  font-weight: bold; ; min-height: 50px; padding: 50px; text-align: center;}
.conteudoAviso{  padding: 10px; }
/* estrutura */
.logo { position: relative; z-index: 5}
.logo img{ width: 100%; max-width: 300px;  height: auto;}
.banner-principal{ position: relative; width: 100%; margin: auto;  min-height: 65vh; background-color: #eee; background-image: url("../imagens/bairro-jardins.jpg"); background-size:cover; background-position:center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner-principal-interna{ position: relative; width: 100%; margin: auto;  min-height: 20vh; background-color: #041422;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
 .banner-principal-interna img{ width:100%; height:auto; display:block; }

.link:link{  position:relative;  color:#041422;  text-transform:uppercase; font-size:14px; letter-spacing:1px; font-weight:bold}
.link:visited{text-decoration:underline; color:#041422; }
.link:hover{text-decoration:none; color:#fff;  }
.link:active{text-decoration:underline; color:#041422;}

.home { display: flex; flex-direction: row; flex-wrap: wrap;color: #999; justify-content: center }
.home > li{ min-width: 96%; margin:15px 2%;background-color: #fff;box-shadow: 2px 3px 19px 2px #D8D8D8;position: relative; }
.home > li:hover{ cursor: pointer;}

.imoveisInterna{ background-color: #f4f4f4;padding:20px 0px 70px; margin: 0;}
.interna { display: flex; flex-direction: row; flex-wrap: wrap;color: #999; justify-content: center }
.interna > li{ min-width: 96%; width: 100%; margin:15px 2%;background-color: #fff;box-shadow: 2px 3px 19px 2px #D8D8D8;position: relative; }
.interna > li:hover{ cursor: pointer;}
.alinhaConteudo{display: flex; flex-direction: column;align-items: flex-start ;}
.conteudoImoveis{ flex-grow: 1;padding: 0px;  }
.imoveisInterna h1{  margin:0; padding: 10px 20px 10px 0px; text-align: left; font-size: 2.7em}
.imoveisInterna h2{  margin:0; padding: 10px 0; text-align: left; font-size: 1.2em}
.imoveisInterna header p{ text-align: center; margin-bottom: 20px;}
.menuLateral h2{   font-size: 20px}
.menuLateral h4{   margin: 10px 0 0px;font-size: 16px;color:#d6a47f; letter-spacing: 1px;text-transform: uppercase}
.menuLateral h3{   margin: 0px 0px; font-size: 16px;color:#d6a47f;  letter-spacing: 1px;text-transform: uppercase}
.menuLateral{ position: relative;	max-width: 100%;display:flex; flex-direction:column; border: 0px solid #999; background-color:#fff; margin: 65px 1% 20px 10px !important;	 padding: 30px 20px 40px; }
.menuLateral select {   width: 90%;   padding: 10px 20px;   border: none;   border-radius: 4px;   background-color: #f1f1f1; }
.menuLateral span{color:#d6a47f;font-size:1.5em;}
.infoMenuLat{background-color: #fff;	 padding: 30px 20px 40px;}
.menuLateralInt h2{   font-size: 20px}
.menuLateralInt{min-width: 98%;display: flex;flex-direction: column;border: 0px solid #999; margin: 20px 1% 20px 1%;}
.menuLateralInt select {  width: 90%;  padding: 16px 20px;  border: none;  border-radius: 4px;  background-color: #f1f1f1; }
.menuLateralInt span{color:#d6a47f;font-size:1.3em;}

.menuPreco{ display: flex; justify-content: flex-end; align-items: center;  }
.menuPreco select {  width: 90%; max-width: 180px;  padding: 16px 20px;  border: none;  border-radius: 4px;  background-color: #e3e3e3; }

.alinhaBt{ display: flex; width: 100%;   }
a.btVer:link{  position:relative; background-color:#00ce6e;color:#fff;  text-align: center;width: 100%; padding: 20px 30px 15px;   }
a.btVer:visited{text-decoration:underline; color:#fff; }
a.btVer:hover{text-decoration:none; color:#d6a47f;   }
a.btVer:active{text-decoration:underline; color:#fff;}

 

.alinhaQuartos{ }
.alinhaQuartos ul{display: flex; flex-direction: row; flex-wrap: nowrap;  }
.alinhaQuartos ul li{display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center;  width: 45px; height: 45px;  color: #fff; background-color:#0d101f !important; margin: 5px; border-radius: 50%;  font-weight: bold}
.alinhaQuartos ul li:hover{ color: #fff; background-color:#d6a47f !important; }
.alinhaQuartos ul li.sel{ background-color:#d6a47f !important;color: #fff; }
.alinhaQuartos ul li a{  width: 100%; height: 100%;display: flex;  align-items: center; justify-content: center;}

.fotoMM { width: 300px; height: 300px; border-radius: 150px; overflow: hidden;margin: 20px auto; float: none;  }
.fotoMM img{ width: 100%; height: auto;   }
.txtSobre {text-align: center; margin: 30px 0; }
.fa-check{ color: #d6a47f; }
.itensSobre p{ font-size: 1.2em; font-weight: 500; color: #d6a47f;}

.imoveis{ background-color: #f6f6f6;padding:50px 0px 70px; margin: 0;}
.imoveis > ul{ display: flex; flex-direction: row; flex-wrap: wrap;color: #999;}
.imoveis > ul li{ width: 98%; margin: 1%;background-color: #fff;box-shadow: 2px 3px 13px 2px #D8D8D8;}
.imoveis > ul li:hover{ cursor: pointer;}
.imoveis header p{ text-align: center; margin-bottom: 20px;}
.imoveis h2{  margin:0; padding: 10px 0; text-align: center}
.fotoImovel {position: relative; }
.fotoImovel p { color: #fff; line-height: 130%;  }
.fotoImovel img{ width:100%; height:auto; display:block;}
 
.btOver:link{  position:relative;  color:#041422; width: 100%; height: 100%; display: block   }
.btOver:visited{text-decoration:underline; color:#041422; }
.btOver:hover{text-decoration:none; color:#041422;   }
.btOver:active{text-decoration:underline; color:#041422;}

.overBox{ position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(214,164,127,0.30);  }
.overBox:hover{ 
  opacity: 1; }


.bottom-left {  position: absolute;  bottom: 0px;  ;  width: 100%;background: rgb(0,0,0);
background: linear-gradient(360deg, rgba(0,0,0,0.7791491596638656) 53%, rgba(51,51,51,0) 100%); padding: 10px; padding-top: 30px;}
.top-left {  position: absolute;  top: 8px;  left: 16px; }
.top-right {  position: absolute;  top: 14px;  right: 14px;background-color: rgba(4,20,33,0.67);;  padding:8px 10px 3px; font-weight: bold; color: #fff;}
.imoveis .fas{ font-size: 1.5em;color: #d6a47f; padding:5px 2px 5px 5px;}
 .ref {  position: absolute; margin-top: -10px;     right: 16px;   font-weight: 400;  color: #fff;color: #0d101f;}

.interna .fas{ font-size: 1.3em;color: #d6a47f; padding: 0px;}

.txtImovel {position: relative; padding: 20px 10px; font-size: 15px;}
.txtImovel > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-top: 6px; }
.txtImovel > ul li{   background-color: #fff;white-space: nowrap; box-shadow:none; display: flex; align-items: center; justify-content: flex-start;     }
.txtImovel > ul li span{ font-weight: bold; font-size: 1.1em; }

.preco{ font-weight: bold; font-size: 1.4em;color:#d6a47f !important; }
.tit{ font-size: 1.5em; font-weight: bold;line-height: 120%; color: #333; letter-spacing: 0px;}
.titInterna{ font-size: 1.2em; line-height: 120%; font-weight: bold; color: #333;}
.linhaIcones{  color:#041422; }
hr{border-top: 1px solid #eee; margin: 15px 0; }
.txtImovel p:nth-child(1){ font-size: 18px;}
.txtImovel p:nth-child(4){ font-size: 18px;}

.servicos h2{  margin:0; padding:10px 0; text-align:center; color:#d6a47f; }
.servicos h3{  margin:0; padding:15px 0; color: #333;}
.servicos{padding:70px 0px 90px;}
.servicos ul{ display: flex; flex-direction: row; flex-wrap: wrap;}
.servicos ul li{ width: 98%; margin:10px 1%; padding:40px 20px; border: 2px solid #ccc; border-bottom:6px solid #d6a47f;  border-radius: 5px;}
.servicos header p{ text-align: center;margin-bottom: 20px;}
.servicos .fas{ font-size: 3em;color: #d6a47f; padding: 5px;}

.alinhaVermais{display: flex;  align-items: center; justify-content: center }
.verMais:link{  position:relative;  color:#fff; border:#d6a47f thin solid;  text-transform:uppercase; font-size:18px; letter-spacing:1px;  padding:15px 35px 10px;    margin: 20px;background-color: #d6a47f;}
.verMais:visited{text-decoration:underline; color:#041422;border:#d6a47f thin solid; }
.verMais:hover{text-decoration:none; color:#041422; background-color: transparent;border: #041422 thin solid;   }
.verMais:active{text-decoration:underline; color:#fff;border:#d6a47f thin solid;}


.ver:link{  position:relative;  color:#041422; background-color: #f6f6f6;  text-transform:uppercase;   letter-spacing:1px;  padding:5px 10px; margin: 0px 0;transition: all 0.5s ease;  }
.ver:visited{text-decoration:underline; color:#041422; }
.ver:hover{text-decoration:none; color:#041422; background-color: #d6a47f;padding:5px 20px;  }
.ver:active{text-decoration:underline; color:#041422;}

.resultFiltro{ display: flex; flex-direction: row; flex-wrap: wrap}
.resultFiltro li{position:relative; margin:8px 5px; }

.resultFiltro a:link{  position:relative;  color:#041422;  background-color: #ccc;  padding:7px 10px 5px;transition: all 0.5s ease;border-radius: 40px;    }
.resultFiltro a:visited{text-decoration:underline; color:#041422; }
.resultFiltro a:hover{text-decoration:underline; color:#041422; background-color: #d6a47f; }
.resultFiltro a:active{text-decoration:underline; color:#041422;}

.resultFiltro span{ position: relative; background-color: black;color: white; top: -3px; margin-right: 5px; padding: 3px 4px; font-size: 0.7em; border-radius: 50%;  }

.type-wrap{	padding:0px 0;	letter-spacing: 2px;    color: #d6a47f;text-transform: uppercase;}
.frasesBnr{ position: relative;   margin: auto; color: #fff; z-index: 999;  font-size: 1.52em; max-width: 900px;  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);text-align: center; font-weight: 200; }

.whatsRodape a{ position: relative; padding:  15px 15px ;color: #fff; font-weight: bold; font-size: 20px;}
.whatsRodape{ position: fixed; right: 0px; bottom: 40px; background-color:#00ce6e;  border-radius: 20px 20px 0 20px; animation: shake 0.5s; animation-iteration-count: 3; display: flex;justify-content: space-between; align-items: center; z-index: 99999; }
.whatsRodape:hover{ width: 225px;   }
.whatsRodape:hover .telWhats{ display: flex;  padding-top: 25px  }
.telWhats{ display: none;   }
.whatsRodape .fa-whatsapp{font-size: 2.3em; color: #fff;   margin: 10px}

.sobreHome{ padding: 40px 20px; }

footer{ background-color: #0d101f; color: #fff;    }
.alinhaFooter{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: #0d101f; color: #fff; padding: 60px 20px 60px;   }
a.telRoda:link{  position:relative; font-size: 2em; letter-spacing:1px; color:#d6a47f;  }
a.telRoda:visited{text-decoration:underline; color:#d6a47f; }
a.telRoda:hover{text-decoration:none; color:#fff;    }
a.telRoda:active{text-decoration:underline; color:#d6a47f;}

.detalhesImovel {  background-color: #fff;  margin: 20px 0;padding: 20px;}
.detalhesImovel ul{   display: flex; flex-wrap: wrap;  align-items: center;justify-content: flex-start; }
.detalhesImovel ul li{  width: 48%; margin: 1%; }
.detalhesImovel h3 { margin: 20px 0;}
.detalhesImovel .fa-check-square{ color: #d6a47f;}

.localizacao iframe{ width: 100%;}
.localizacao{ position: relative; background-color: #fff;  padding: 20px;margin: 20px 0;}

.detalhesLazer {  background-color: #fff;  margin: 20px 0;padding: 20px;}
.detalhesLazer ul{   display: flex; flex-direction: row; flex-wrap: wrap;  align-items: center;justify-content: flex-start;}
.detalhesLazer ul li{  width: 48%; margin: 1%; }
.detalhesLazer h3 { margin: 20px 0;}
.detalhesLazer .fa-check-square{ color: #d6a47f;}
 
.endereco .fa-map-marker-alt{ position: relative; margin-right: 10px; }
.endereco{ position: relative; margin-bottom: 30px; display: flex; align-items: center;}
.alinhaTags{display: flex;}
.alinhaTags p{  color:#ccc; padding: 0px; }



.icones .fas{color:#d6a47f; font-size: 2em; margin: 10px; }
.icones ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around }
.icones ul li{display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;  padding: 2px;}
.icones ul li p{font-weight: 300;}
.icones ul li p span{font-weight: bold; }
.descricao{ padding: 30px 0 20px;}
.descricao h3 { margin: 10px 0;}

input[type=submit]{
  background-color: #d6a47f;
  border: none;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
  input[type=submit]:hover{
  background-color: #d6a47f;
  border: none;
  color: #000;
  padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.alinhaInput{ display: flex; }
.alinhaInput input[type=text]{
 width: 96%;
  background-color: #eee;
  border: none;
   padding: 10px 20px;
  text-decoration: none;
  margin: 4px 2%;
 }
.alinhaInfo{display: flex; flex-direction: row;justify-content:space-between; align-items: center; width: 100%;  }
 .alinhaCorretor{  display: flex;  flex-direction: row; padding: 0px 20px 0; align-items: center; justify-content: center;   box-sizing: border-box;}
.alinhaCorretor img{ width: 100%; height: auto; display: block; max-width: 70px; margin: 10px;  }


.cto{background-color: #f6f6f6;  padding:70px 0px 0px; }
  .alinhaCto{  display: flex;  flex-direction: column; padding: 0px 20px 0; align-items: center;   box-sizing: border-box;}
.infoCto{ position: relative; padding: 20px ; box-sizing: border-box; width: 100%; }
 
.infoCto input[type=text]{ background-color: #fff;width: 96%; margin: 1.5% 0; padding: 1.8%; border: 0; border-radius: 3px;}
.infoCto input[type=submit]{  padding: 2% 5%; border: 0; border-radius: 3px; cursor: pointer}
.infoCto textarea { background-color: #fff; width: 96%; margin: 1.5% 0; padding: 1.8%; border: 0;border-radius: 3px;}
.infoCto select {   background-color: #fff; width: 52%; margin: 1.5% 0; padding: 1.8%;border-radius: 3px;}

 .containerHamburger {display:none;}
.voltar{ }
a.voltar:link{text-decoration:none; color:#0d101f; position:relative; right:0; background-color:#d6a47f; padding:7px 10px 3px; }
a.voltar:visited{text-decoration:none; color:#0d101f;}
a.voltar:hover{text-decoration: none; color:#fff;   }
a.voltar:active{text-decoration: none; color:#0d101f;}

.alinhaFlex{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.buscaFiltro input[type=text]{ background-color: #f1f1f1;height: 50px; margin: 10px ; padding:0 10px !important; border: 0; border-radius: 3px;}
.buscaFiltro input[type=submit]{   background-color: #041422 ;   border: none;   color: #d6a47f;   padding: 5px 30px !important;   text-decoration: none;   margin: 30px 10px 10px;   cursor: pointer; 	height: 50px}
.buscaFiltro select {   width: 100%;  min-width: 100%;   padding: 16px 20px;   border: none;   border-radius: 4px;   background-color: #f1f1f1; margin: 1% 10px; }

 .buscaFiltro{ display: flex; flex-direction: row; color: #0d101f; align-items: center; justify-content: space-around; flex-wrap: wrap;}
.buscaFiltro{ position: relative; z-index: 99; width: 90%; margin:-120px auto 40px ; min-height: 150px;  background-color:#d6a47f; padding: 20px;  text-align: center;box-shadow: 0px 11px 25px 1px rgba(136,136,136,0.48); }

a.mailLink:link{text-decoration:none; color:#0d101f;  font-weight: bold; letter-spacing: 1px;   }
a.mailLink:visited{text-decoration:none; color:#0d101f;}
a.mailLink:hover{text-decoration: none; color:#d6a47f;   }
a.mailLink:active{text-decoration: none; color:#0d101f;}


a.linkTel:link{  text-decoration:none; color:#d6a47f; font-size: 1.9em; line-height: 100%; font-weight: bold; }
a.linkTel:visited{text-decoration:none; color:#d6a47f;}
a.linkTel:hover{text-decoration: none; color:#0d101f; }
a.linkTel:active{text-decoration: none; color:#d6a47f;}

.cto .fa-map-marker{color:#0d101f;font-size: 1.5em; }
.cto .fa-envelope{color:#0d101f;  }

.respiro{ background-image: url("../imagens/ibira.jpg"); background-repeat: no-repeat; background-size: cover; padding: 70px 0px; background-position:  center center;}

.respiro p{  color:#fff !important; font-size:24px !important; text-align: center; }
  @keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


@media screen and (max-width: 720px) { 
 	  
}

@media screen  and (min-width:720px) and (max-width:1024px){
body {font-size:18px; } 
.imoveis > ul li{ width: 46%; }
.servicos > ul li{ width: 48%; }
.alinhaMenu{ padding:20px 40px; flex-direction:column; }
.frasesBnr{ position: relative;   margin: auto; color: #fff; z-index: 999;  font-size: 3em; max-width: 900px;  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);text-align: center; font-weight: 200;}	
.frasesBnr{  font-size: 3em; }
.navMenu > ul{  flex-direction:row; justify-content:flex-end;  align-content:center; flex-wrap: wrap;}
.navMenu > ul li{   padding: 5px; margin: 10px; }
.navMenu > ul li ul{   top:60px; padding:30px 20px; }
.buscaFiltro{  flex-direction: row;  }
.alinhaFooter{   flex-direction: row;   padding: 60px 20px 60px;   }	
.alinhaConteudo{ flex-direction: row;align-items: flex-start ;}
.detalhesImovel ul li{  width: 31%; margin: 1%; }	
.detalhesLazer ul li{  width: 31%; margin: 1%; }		
.menuLateralInt{min-width: 28%; flex-direction: column; margin: 20px 1% 20px 1%;}
.alinhaCto{display: flex; flex-direction: row;  align-items: center;  padding:20px 0px 20px;  }
.imoveisInterna h2{  margin:0; padding: 10px 0; text-align: left; font-size: 2em}
.menuLateral{	max-width: 300px; margin: 0px 1% 20px 10px;	 padding: 30px 20px 40px;}
.interna > li{ min-width: 48%;max-width: 48%; margin:15px 1% ; }		
.home > li{ min-width: 30%; margin:15px 1% ; }		
.icones {background-color: transparent;}
.banner-principal-interna{  min-height: 20vh;}
.fotoMM {  float: right; margin: 20px; }
}


@media screen and (min-width: 1024px) {	 
body {font-size:18px; } 
.imoveis > ul li{ width: 31.3333%; }
.servicos > ul li{ width: 23%; }
.alinhaMenu{ padding:20px 40px; flex-direction:row; }
.frasesBnr{  font-size: 3em; }
.navMenu > ul{  flex-direction:row; justify-content:flex-end;  align-content:center; flex-wrap: wrap;}
.navMenu > ul li{   padding: 5px; margin: 10px;}
.navMenu > ul li ul{   top:60px; padding:30px 20px; }
.buscaFiltro{  flex-direction: row;  }
.alinhaFooter{   flex-direction: row;   padding: 60px 20px 60px;   }		
.alinhaConteudo{ flex-direction: row;align-items: flex-start ;}
.detalhesImovel ul li{  width: 31%; margin: 1%; }
.detalhesLazer ul li{  width: 31%; margin: 1%; }		
.buscaFiltro input[type=text]{ background-color: #f1f1f1;height: 50px; margin: 10px ; padding: 10px !important; border: 0; border-radius: 3px;}
.buscaFiltro input[type=submit]{   background-color: #041422 ;   border: none;   color: #d6a47f;   padding: 5px 30px !important;   text-decoration: none;   margin: 30px 10px 10px;   cursor: pointer; 	height: 50px}
.buscaFiltro select {   width: 25%;  min-width: 170px;   padding: 16px 20px;   border: none;   border-radius: 4px;   background-color: #f1f1f1; margin: 1% 10px; }
.menuLateralInt{min-width: 28%; flex-direction: column; margin: 20px 1% 20px 1%;}
.alinhaCto{display: flex; flex-direction: row;  align-items: center;  padding:20px 0px 20px;  }
.imoveisInterna h2{  margin:0; padding: 10px 0; text-align: left; font-size: 2em}
.menuLateral{	max-width: 300px; margin: 0px 1% 20px 0px;	 padding: 30px 20px 40px;}
.interna > li{ min-width: 30%;max-width: 30%; margin:15px 1.5% ; }	
.icones {background-color: transparent;}
.home > li{ min-width: 29%; margin:15px 2%; }	
.banner-principal-interna{  min-height: 15vh;}
.fotoMM {  float: right;margin: 20px;  }

	
}

.tooltip {
  position: relative;
  display: flex; flex-wrap: wrap; flex-direction: column; font-weight: bold
 }

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #0d101f;
  color: #d6a47f;
  text-align: center;
  padding: 7px 0 5px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 95%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #0d101f transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
