* {text-decoration: none !important;}
html{ min-height: 100%;  scroll-behavior: smooth;}
a, a:hover, a:-webkit-any-link { text-decoration:none !important; }
i{font-style: normal !important;}
body { margin: 0; min-height: inherit; font-family: 'Montserrat', sans-serif; font-weight: 400; color:#3B3E47;}

.f14{ font-size: 14px !important; }
.f16{ font-size: 16px !important; }
.f18{ font-size: 18px !important; }
.f20{ font-size: 20px !important; }
.f24{ font-size: 24px !important; }
.f26{ font-size: 26px !important; }
.f28{ font-size: 28px !important; }
.f30{ font-size: 30px !important; }
.f40{ font-size: 40px !important; }

.tj{ text-align: justify; }

.marrom { color: #634E42; }
.branco{ color: #FFFFFF; }
.fb{ font-weight: 700; }

/* Rodapé */
#rodape{}
#rodape .vermelho{
	position:fixed;
	bottom: 0;
	background-color: #A72920;
	padding:5px 0;
	color:#fff;
	font-size: 12px;
	font-weight: 400;
	width: 100%;
	z-index: 999;
}
#rodape .vermelho i.icons{ color:#FFFFFF; padding:6px 15px 10px 10px; margin-top:0px; font-size: 25px;  margin:0 auto; font-weight: 400; }
#rodape .vermelho .texto{
	margin-top:3px;
	overflow: hidden;
	line-height: 140%;
	font-size: 13px;
}
/*#rodape .vermelho a:hover .texto{ color:#1462AB; }*/
#rodape .vermelho a{ color: #FFFFFF; }
#rodape .vermelho .texto b{
	font-size: 14px;
}

/* Modal Ligamos pra Você*/
#modalLigamospravc .modal-content {
	background:transparent;
	border:none;
}
#modalLigamospravc .modal-body {
	padding:0;
	background: #FFFFFF;
	color:#5D5D5D;
	font-size: 14px; 
	font-weight: 500;
}
#modalLigamospravc .left{
	background: url(../img/ligamos.jpg) no-repeat left bottom / contain;
	min-height:400px; 
}
#modalLigamospravc .btn-vermelho{
	width: 100%;
}
#modalLigamospravc .close{ background: #1662AB; width: 60px; height: 50px; font-style: 24px; color:#FFFFFF; font-weight: 700; }
#modalLigamospravc p{
	font-size:14px; font-weight: 500; margin-top: 80px; margin-bottom: 30px;
}
@media  (max-width: 992px) {
	#rodape .vermelho .texto{ display: none; }
}

/* Topo site */
#topo{
	background: url(../img/fundo-banner.png) no-repeat center top / cover;
	max-height: 900px;
}
#topo .coluna{
	background: #FFF;
	height: 100%;
}
#topo .quadro-vermelho{
	background: #A72920;
	color: #FFFFFF;
	font-size: 16px;
	padding: 5px;
}
#topo .quadro-vermelho b{
	font-size:20px;
}

/* Lazer */
#lazer{
	background: url(../img/fundo1.jpg) no-repeat center top / contain;
}
#lazer .itens{ font-size: 14px; color: #634C40; font-weight: 700; }
#lazer .itens .bola{ border:1px solid #CAB28C; border-radius:50%; width:90px; height:90px; margin:0 auto; padding-top: 5px; margin-bottom: 5px;}
#lazer .itens .bola i{ color: #99886B; font-size: 50px; font-weight: 400; }


@media  (max-width: 1200px) {
	#lazer { background-size: cover; } 
}
@media  (max-width: 575px) {
	#lazer{ background: none; }
	#lazer .itens .bola{ width:50px; height:50px; padding-top: 3px; margin-bottom: 5px;}
	#lazer .itens .bola i{ font-size: 30px; }
}


/* Empreendimento */
#empreendimento{ background: #F2F2F9; }
#empreendimento .quadro{
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
color: #634C3F;
}
#empreendimento .quadro .nav-item{ border-radius: 0; }
#empreendimento .quadro .nav-link{ color:#634C3F; font-size: 12px; font-weight: 700; min-height: 100%; border-top:none; border-radius: 0 !important;  border-left: none; border-right:none; border-bottom: 2px solid #E3D7C3; padding: 8px 10px; }
#empreendimento .quadro .nav-link.active{ border-right: 2px solid #E3D7C3; border-left: 2px solid #E3D7C3; color: #D6AD56; border-bottom: none; }
#empreendimento .quadro .nav-item:hover .nav-link{ color: #D6AD56;  }
#empreendimento .quadro .nav-link.active .bola, #empreendimento .quadro .nav-item:hover .nav-link .bola{ background: #D6AD56; }
#empreendimento .quadro .nav-link.active .bola i, #empreendimento .quadro .nav-item:hover .nav-link .bola i{ color: #fff; }

#empreendimento .quadro .nav-item:first-child .nav-link{ border-left: 2px solid #FFF; }
#empreendimento .quadro .nav-item:last-child .nav-link{ border-right: 2px solid #FFF; }
#empreendimento .quadro .nav-link.active .bola{ border-color: #CAB28C; }


#empreendimento .quadro .bola{ border:1px solid #CAB28C; border-radius:50%; width:60px; height:60px; margin:0 auto; padding-top: 5px; margin-bottom: 7px;}
#empreendimento .quadro .bola i{ color: #99886B; font-size: 30px; font-weight: 400; }
#empreendimento .quadro h3{ font-size: 24px; color:#634C3F; font-weight: 700; }
#empreendimento .quadro p{ font-size: 14px; color:#634C3F; }

#empreendimento .small{ line-height:120%; font-size: 12px; color: #634C3F; }

#empreendimento .quadro.responsivo a {color:#634C3F; font-size: 12px; font-weight: 700; }
#empreendimento .quadro.responsivo .modal h3 { padding: 5px 0 10px 0; }
#empreendimento .quadro.responsivo .modal p { padding: 20px 0 0 0; }


/* Detalhes */
#detalhes{
	background: url(../img/fundo-detalhes.jpg) no-repeat center / cover;
}
#detalhes h2{ font-size: 26px; color: #FFFFFF; font-weight: 700; }
#detalhes .bola{ border:1px solid #CAB28C; border-radius:50%; width:70px; height:70px; padding-top: 10px; margin:0px 20px 0px 15px;}
#detalhes .bola i{ color: #CAB28C; font-size: 34px; font-weight: 400; }
#detalhes p{ color: #FFFFFF; font-size: 13px; }
#detalhes p b { font-size: 15px; }

@media  (max-width: 575px) {
	#detalhes .bola{ width:50px; height:50px; padding-top: 2px; margin:0px 10px 0px 0px;}
	#detalhes .bola i{ font-size: 30px;}
	#detalhes .bola.medidor { padding-top: 8px !important; }
}
/* Apartamento tipo */
#tipo{
	background: url(../img/fundo-tipo.jpg) no-repeat center top/ cover;
}
#tipo ul{ list-style: none; }
#tipo ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D6AD56; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#tipo ul li { font-weight: 700; font-size: 16px; color: #634C3F; }
#tipo .itens{ font-size: 16px; color: #634C40; }
#tipo .itens .bola{ border:1px solid #CAB28C; border-radius:50%; width:90px; height:90px; margin:0 auto; padding-top: 10px; margin-bottom: 10px;}
#tipo .itens .bola i{ color: #99886B; font-size: 50px; font-weight: 400; }

@media  (max-width: 575px) {
	#tipo{ background: none; }
}
/* Planta */
#planta{ background: #F2F2F9; }
#planta h3 { font-size: 30px; }
#planta .quadro{
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
color: #634C3F;
}
#planta .quadro img{ max-width:100%;}
#planta a.btn-azul{ white-space: nowrap; }
#planta .paginacao a { font-size: 30px; color: #634C3F; padding:20px 10px; }
#planta .paginacao a.active{ color: #A5271F; font-weight: 700; }

/* Galeria */
#galeria .topogaleria{ background: #24214B; color: #fff; }
#galeria .fresco{ }
#galeria .fresco img{ border:1px solid #fff; max-width:100%;}
/*tour 360*/
#tour360{ background: url(../img/fundo360.jpg) no-repeat center center / cover; }
#tour360 .fundo-branco{ background: #fff; }
#tour360 p{ font-size: 18px; color: #634C3F; }
#tour360 p b{ font-size: 20px; }
#tour360 a{ font-size: 16px; color: #634C3F; }

/* Andamento da Obra */
#andamento{ background: #fff; }
#andamento h3 { font-size: 30px; }
#andamento .quadro{
	background: #F5EFEB;
	color: #634C3F;
}
#andamento .quadro img{ max-width:100%;}
#andamento .paginacao a { font-size: 30px; color: #634C3F; padding:20px 10px; }
#andamento .paginacao a.active{ color: #A5271F; font-weight: 700; }

#andamento .andamento{
	width: 100%;
	position:relative;
}
#andamento .andamento ul{ width: 100%; display: table; margin:0; padding:0; list-style: none; }
#andamento .andamento ul li{ display:table-cell; width: 16%; position:relative; vertical-align: top; text-align: center; cursor: pointer; }
#andamento .andamento ul li.ativo:not(:first-child):before { height: 3px; }
#andamento .andamento ul li:not(:first-child):before { content: ''; width: 100%; height: 1px; background: #99886B; display: block; position: absolute; left: -75px; top: 30px; }
#andamento .andamento ul li:hover p, #andamento .andamento ul li.sel p{ color: #A72920; font-weight: 700; }
#andamento .andamento ul li:hover .icones i, #andamento .andamento ul li.sel .icones i{ background: #A72920 !important; }
#andamento .andamento ul li p{ color: #634C3F; font-size: 14px; font-weight: 500; text-align: center; margin-top: 10px; margin-bottom: 0; }
#andamento .andamento ul li p b{ font-size: 18px; }
#andamento .andamento ul li .icones{ height: 60px; width: 60px; border-radius: 50%; background-clip: padding-box; display: block; margin: 0 auto; position: relative; overflow: hidden; z-index: 2; }
#andamento .andamento ul li .icones i{ background: #24214B; color:#FFF; height: 60px; width: 60px; display: block; position: absolute; bottom: 0; overflow: hidden; font-size: 30px; padding-top: 9px; }
#andamento .andamento ul li .icones i.ativo{ color:#fff; }


@media  (max-width: 767px) {
	#andamento .andamento ul li{ width: 32%; display: inline-block; }
	#andamento .andamento ul li:not(:first-child):before { content: none; }
	#andamento .andamento ul li p{ margin-bottom: 10px; margin-top: 30px; }
}
@media  (max-width: 575px) {
	#andamento .andamento ul li{ width: 50%; display: inline-block; }
	#andamento .andamento ul li:not(:first-child):before { content: none; }
	#andamento .andamento ul li p{ margin-bottom: 20px; margin-top: 5px; }
}
#andamento .data{ color: #634C3F; font-size: 16px; }

/* index cobertura */
#index-cobertura{ background: url(../img/fundo-banner-cobertura.png) no-repeat center center / cover; color: #fff; }
#index-cobertura h3{ font-size: 26px; font-weight: 700; } 
#index-cobertura .quadro-vermelho{
	background: #A72920;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px 20px;
	float: right;
	transition: background .5s linear;
}
#index-cobertura .quadro-vermelho:hover{ background: #24214B;
}
#index-cobertura .quadro-vermelho b{
	font-size:16px;
}

/* Mapa */
#mapa{ background: url(../img/fundo-mapa.png) no-repeat center center ; min-height: 550px; }
#mapa .fundo-branco{ background: #FFF; padding-left: 0 !important; }
#mapatextos h3{ font-size: 26px; color: #634C3F; font-weight: 700; }
#mapatextos p{ font-size: 16px; color: #634C3F; line-height: 170%; }
#mapatextos .btn-mapa{ margin: 0 auto; background: #24214B; color: #fff; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 20px; transition: background .5s linear; }
#mapatextos .btn-mapa:hover{ background: #A72920; }
#mapatextos h4{ font-size: 	24px; color: #634C3F; font-weight: 700; }

@media  (max-width: 992px) {
	#mapa{ background: url(../img/fundo-mapa-mobile.png) no-repeat center center; min-height: 600px; }
}
@media  (max-width: 768px) {
	#mapa{ background: none; }
}

/* Interesse */
#interesse {}
#interesse .bola{ border:1px solid #D6AD56; border-radius:50%; width:40px; height:40px; padding-top: 1px; float: right; text-align: center;}
#interesse .bola i{ color: #24214B; font-size: 24px; font-weight: 400; }
#interesse p{ color: #24214B; font-size: 16px; margin:0; padding:0; }
#interesse .social a{ margin:0 7px; }
#interesse .social a i{ font-size: 40px; color: #24214B; transition: color .5s linear; }
#interesse .social a:hover i{ color: #A72920; }
#interesse .btn-azul{ width: 100%; background: #24214B; color: #fff; font-weight: 700; font-size: 16px; text-align: center; padding: 10px 20px; border-radius: 0; border:none; transition: background .5s linear; }
#interesse .btn-azul:hover{ background: #A72920; }

#interesse .ow {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.btn-azul{ width: 100%; background: #24214B; color: #fff !important; font-weight: 700; font-size: 15px; text-align: center; padding: 10px 20px; border-radius: 0; border:none; transition: background .5s linear; }
.btn-azul:hover{ background: #A72920; }


/* Cobertura */
/* Topo site */
#topo-cobertura{
	background: url(../img/topo-cobertura.png) no-repeat center top / cover;
	max-height: 900px;
}
#topo-cobertura .coluna{
	background: #FFF;
	height: 100%;
	/*padding-bottom: 150px;*/
}
#topo-cobertura .quadro-vermelho{
	background: #A72920;
	color: #FFFFFF;
	font-size: 20px;
	padding: 10px;
}
#topo-cobertura .quadro-vermelho b{
	font-size:26px;
}


/* cobertura gourmet */
#cobertura-gourmet{
	background: url(../img/fundo-cobertura-gourmet.jpg) no-repeat center top/cover;
	min-height: 640px;
}
#cobertura-gourmet .itens{ font-size: 16px; color: #634C40; }
#cobertura-gourmet .itens .bola{ border:1px solid #CAB28C; border-radius:50%; width:90px; height:90px; margin:0 auto; padding-top: 5px;}
#cobertura-gourmet .itens .bola i{ color: #99886B; font-size: 50px; font-weight: 400; }

#cobertura-gourmet ul{ list-style: none; }
#cobertura-gourmet ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D6AD56; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#cobertura-gourmet ul li { font-weight: 700; font-size: 16px; color: #634C3F; }

@media  (max-width: 575px) {
	#cobertura-gourmet{ background: none; }
}

/* cobertura home-office */
#cobertura-home-office{
	background: url(../img/fundo-home-office.jpg) no-repeat center top;
	min-height: 640px;
}
#cobertura-home-office .itens{ font-size: 16px; color: #634C40; }
#cobertura-home-office .itens .bola{ border:1px solid #CAB28C; border-radius:50%; width:90px; height:90px; margin:0 auto; padding-top: 5px;}
#cobertura-home-office .itens .bola i{ color: #99886B; font-size: 50px; font-weight: 400; }

#cobertura-home-office ul{ list-style: none; }
#cobertura-home-office ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D6AD56; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#cobertura-home-office ul li { font-weight: 700; font-size: 16px; color: #634C3F; }


/*Link home*/
#link-home{ background: url(../img/fundo360.jpg) no-repeat center center / cover; }
#link-home .fundo-branco{ background: #fff; }
#link-home p{ font-size: 18px; color: #634C3F; }
#link-home p b{ font-size: 20px; }
#link-home a{ font-size: 16px; padding:20px; color: #634C3F; }

.popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: visible; opacity: 1; z-index: 9999; overflow:auto;}
.popup .close { position: absolute; top: 2%; right: 2%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #fff; background: #000; opacity: 1; padding: 0px 15px 5px 15px;}
.popup .content { overflow: auto;}
/*.popup .content img { max-width: 100%; max-height: 100%; margin: 5% auto;}*/
.popup .imagempopup{ position: relative; background: url(../img/popupfundo.jpg) no-repeat center; width: 900px; height: 600px; max-width: 100%; max-height: 100%; margin:5% auto; }
.popup .imagempopup .botoes{ position:absolute; bottom: 20px; right: 60px; padding: 4%; }
.popup .imagempopup .botoes img{ margin: 10px 10px;  }
.popup .imagempopup-mobi{ position: relative; background: url(../img/popupfundo_mob.png) no-repeat center; width: 340px; height: 400px; max-width: 100%; max-height: 100%; margin:5% auto; }
.popup .imagempopup-mobi .botoes{ position:absolute; bottom: 20px; text-align: right; right: 20px; }