/* CSS Document */
@import url("fonts/estilos-fontes.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*fontes*/
/*Type RD*/
html {
  font-size: 16px !important;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(1rem + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 992px) {
  html {
    font-size: 1rem !important;
  }
}
/*Type RD*/
html {
  overflow-x: hidden;
  /*scroll-behavior: smooth;*/
}
.main {
  width: 100%;
  height: 100%;
  position: relative;
}
body, html {
  height: 100%;
  width: 100%;
}
body {
  /*overflow: hidden !important; */
  font-family: 'MiloOT';
  font-weight: normal;
  font-style: normal;
  background: #111;
  color: white;
}
a {
  text-decoration: none;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  color: white;
  letter-spacing: 2px;
  font-family: 'MiloOT';
  font-weight: bold;
}
p {
  letter-spacing: 1px;
  font-size: 1.1rem;
  line-height: 1.4rem;
}
:root {
  --cor-01: #008297;
  --cor-02: #8b672c;
  font-size: 16px;
}
.bg-cor-pri {
  background: var(--cor-01);
}
.bg-cor-sec {
  background: var(--cor-02);
}
.text-cor-pri {
  color: var(--cor-01) !important;
}
.text-cor-sec {
  color: var(--cor-02) !important;
}


a:focus, button:focus, input:focus, textarea:focus {
  outline: none !important;
}
.offcanvas {
  background: var(--cor-01) url("../imgs/bgs/bg-malha-marrom.webp") no-repeat center center;
  background-size: cover;
  border-right: 2px solid white !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .75);
}
.offcanvas-header {
  background: var(--cor-02) url("../imgs/bgs/bg-dourado.webp") center center;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
.offcanvas h5 {
  border-bottom: 1px solid white;
  font-weight: bold;
  border: none;
}
.offcanvas .nav-link {
  color: rgba(255, 255, 255, .6);
  transition: all .3s;
}
.offcanvas .nav .nav-item .nav-link {
	font-size: 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;	
}

.btn-close {
	filter: invert(100%);
}

.offcanvas .nav-link:before {
  /*content: " • ";*/
}
.offcanvas .nav-link:hover {
  color: white;
  background: rgba(0, 0, 0, .25);
}
.offcanvas .offcanvas-body {
  background: rgba(0, 0, 0, .35);
}
/*menu internas*/
.nav .nav-item {
  text-align: left;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .75);
  margin-bottom: 20px;
}
.nav .nav-item .nav-link {
  /*border: 1px solid var(--cor-02);*/
  background: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255,255,255,.2);
  display: block;
  max-width: 400px;
  transition: all .5s;
  font-size: 1.50em;
  color: white;
  position: relative;
  letter-spacing: 3px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  margin: 0 auto;
}
.nav .nav-item .nav-link:hover:after {
  /*content: url("../imgs/complemento-botao.png");
	width: 39px;
	height: 71px;
	position: absolute;
	right: -37px;
	top: 0;
	opacity: 1;*/
}
.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link:focus {
  /*display: inline-block;*/
  background: var(--cor-02);
  color: white !important;
  /*width: 100%;*/
  /*height: 100%;*/
  /*border-top-right-radius: 5px;*/
  ;
}
.nav .nav-item .nav-link.gold:hover, .nav .nav-item .nav-link.gold:focus {
  /*display: inline-block;*/
  background: var(--cor-02);
  color: white !important;
  ;
}
/*dropdown*/
.dropdown-menu {
  position: relative;
  border-radius: 0;
  background: transparent;
  width: 100%;
  margin-left: 15px;
  ;
}
.dropdown-menu.show {
  display: block;
  margin-top: 0px;
  max-width: 230px;
}
.dropdown-toggle:after {
  content: '\F282' !important;
  font-family: "bootstrap-icons";
  border: none;
  font-size: 18px;
}
.dropdown-menu .dropdown-item {
  color: white;
  text-shadow: 1px 1px 2px black;
  text-transform: uppercase;
  border-bottom: 1px solid var(--cor-02);
  border-left: 1px solid var(--cor-02);
  transition: all .25s;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus {
  background: var(--cor-02);
  color: #FFF;
}
/* Backgrounds */
#section-home-01, #section-home-02, #section1, #section2, #section3, #section4, #section5, #section6 {
  /*background-size: cover !important;*/
}
.home-01 {
  background: url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat left center fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;
}
.section-like {
  background: url("../../assets/imgs/bgs/bg-like.webp") no-repeat center left fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;	
}
.section-like h5 {
  line-height: 2.75rem;
}
.fio {
  border-bottom: 1px solid var(--cor-02);
  display: block;
  max-width: 400px;
  margin: 20px auto;
}
.border-img {
  border: 1px solid var(--cor-02);
}
.zoom {
  animation: zoom 2s infinite 1s alternate;
}
.zoom2 {
  animation: zoom2 3s infinite 2s alternate;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes zoom2 {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shrink {
  0% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1.25) rotate(7deg);
  }
}
.cont-mask {
  -webkit-filter: drop-shadow(-10px 0px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(-10px 0px 10px rgba(0, 0, 0, 0.5));
}
.mask-img-01 {
  -webkit-clip-path: polygon(37.5% 0%, 100% 0%, 62.5% 100%, 0% 100%);
  clip-path: polygon(37.5% 0%, 100% 0%, 62.5% 100%, 0% 100%);
}
.botao-home a .cont-mask {
  transition: .25s all;
}
.botao-home a:hover .cont-mask {
  position: relative;
  /*padding: .25rem;
  //box-shadow: 0px 0px 5px 10px rgba(255, 255, 255, .25);*/
  z-index: 110 !important;
  transform: scale(1.1);
}
.botao-menu a img, .botao-home2 a img {
  transition: .25s all;
}
.botao-menu a:hover img {
  position: relative;
  /*padding: .1rem;*/
  /*box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, .9);*/
  z-index: 110 !important;
  transform: scale(1.1);
  filter: contrast(200%);
}
.botao-home2 a:hover img {
  position: relative;
  z-index: 110 !important;
  transform: scale(1.1);
  filter: brightness(130%);
}
.botao-home2 {
  margin-top: 25%;
}
.ped-01 {
  position: absolute;
  z-index: 5;
  top: 0%;
  left: 0%;
  opacity: .5;
}
.ped-02 {
  position: absolute;
  z-index: 5;
  bottom: 0%;
  right: 0%;
  opacity: .5;
}
@keyframes example {
  /*from {opacity: 1;}
  to {opacity: 0;}*/
}
.like-open.after {
  display: none !important;
}
/* Majestic*/
/* areas comuns */
.section-like-areas-comuns {
  background: #f3e6ce url("../imgs/bgs/bg-malha-branca.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;
}
.section-like-areas-comuns .list-unstyled {
  text-align: left;
  /*color: white;*/
  font-size: 80%;
}
.section-like-areas-comuns .list-unstyled .media {
  margin-bottom: 5px;
  /*font-family: 'Flama Condensed';
	letter-spacing: 1px;*/
}
.section-like-areas-comuns .list-unstyled .media .numero {
  text-align: center;
  width: 21px;
  height: 21px;  
  background: #813b22;
  padding-top: 1px;
  margin: 3px 0;
  color: white;
  margin-right: 2px;
  border: 1px solid rgba(255, 255, 255, .75);
  font-size: 11px;
	transform: rotate(45deg);
}
.section-like-areas-comuns .list-unstyled .media .numero .adj-angle {  
	transform: rotate(-45deg);
}

.section-like-areas-comuns .list-unstyled .media .numero.neutro {
  background: grey;
}
.section-like-areas-comuns .list-unstyled .media .numero.on {
  background: var(--cor-01);
  --background: linear-gradient(180deg, #3b1778 50%, var(--cor-02) 50%);
  color: white;
  text-shadow: 0 0 1px white;
}
.section-like-areas-comuns .list-unstyled .media-body {
	/*margin: 0;*/
}
.section-like-areas-comuns .list-unstyled .media-body span {
  display: inline-block;
  padding: 0px 3px;
  margin-left: 3px;
  color: black;
	text-transform: uppercase;
}
.section-like-areas-comuns .list-unstyled .media-body a {
  /*display: inline;*/
  border-radius: 3px;
  padding: 0px 3px;
  color: white;
  margin-left: -3px;
  transition: all .25s;
  display: inline-flex;
  align-items: center;
}
.section-like-areas-comuns .list-unstyled .media-body a:hover {
  color: white !important;
  background: var(--cor-01);
  text-decoration: none;
}
.section-like-areas-comuns .list-unstyled .media-body a:hover span {
  color: white !important;
}
.section-like-areas-comuns .list-unstyled .media-body a:hover .numero {
  border: 1px solid transparent;
}
.box-card-info {
  background: rgba(255, 255, 255, 0.75);
  padding: 1rem;
  border-radius: 10px;
}
.section-like-lazer {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat center center fixed;
  background-size: cover;
  position: relative;
}
.section-like-seu-espaco {
  background: url("../../assets/imgs/bgs/bg-malha-branca.webp") no-repeat center center fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;
}
.elemento-triangulo {
	background: url("../../assets/imgs/elemento-triangulo.webp") no-repeat center top;
	background-size: contain;
	position: absolute;
	width: 100%;
	height: 80px;
	z-index:0;
	top: 0;
	left: 0;
}

.elemento-triangulo-inverso {
	background: url("../../assets/imgs/elemento-triangulo.webp") no-repeat center bottom;
	background-size: contain;
	position: absolute;
	width: 100%;
	height: 50px;
	z-index:0;
	bottom: 0;
	left: 0;
	transform: rotate(180deg);
}

.section-comodidades {
  background: var(--cor-01) url("../imgs/bgs/bg-malha-branca.webp") no-repeat center center fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;
}
.section-comodidades h4 {
  color: var(--cor-02);
  font-size: 1.5rem;
}
.section-comodidades h5 {
  color: var(--cor-02);
  font-size: 1rem;
  margin-bottom: 0.4rem;
}
.section-comodidades p,
.section-comodidades2 p {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
	color: black;
}
.legendas-internas {
	position: relative;
	max-width: 850px;
	margin: 0 auto;
}
.legendas-internas span {
	position: absolute;
	bottom: 15px;
	left: 10px;
	text-shadow: 1px 1px 2px black;
	font-size: .75rem !important;
	background: rgba(0, 0, 0, .25);
	padding: 0px 5px;
}
/*projeto*/
.section-like-projeto {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;
}
.section-like-projeto {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;
}
.section-like-projeto h4 {
  font-size: 1.1rem;
  margin-bottom: .5rem;
  color: var(--cor-02);
}
.section-like-projeto p {
  font-size: 1rem;
  line-height: 1.35rem;
}
.font-redux {
  font-size: 75%;
}
/* rjz cyrela */
.section-rjz {
  background: url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat left center fixed;
  background-size: cover !important;
  position: relative;
}
.section-rjz p {
  font-size: 1.2rem;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, .8);
  position: relative;
}
#pp-nav {
  display: none;
}
/*fle oj*/
.flexon {
  background: url("../../assets/imgs/bgs/bg-malha-marrom.webp") no-repeat center top fixed;
  background-size: cover !important;
}
.flexon h4 {
  /*color: var(--cor-02);*/
  font-size: 1.3rem;
  line-height: 2.75rem;
  font-weight: 600;
}
.flexon h5 {
  /*color: var(--cor-02);	*/
  font-size: 1.15rem;
  font-weight: 600;
}
.flexon p {
  line-height: 1.95rem;
  font-size: 1rem;
  color: white;
  font-weight: 100;
}
.box-flexon {
  margin-bottom: 30px;
}
.box-flexon img {
  /*margin-right: .75rem;
	max-width: 110px;*/
}
@media (min-width: 1300px) {
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: end !important;
  }
}
/**/
.titulo {
  /*font-size: 1rem;*/
  margin-bottom: 3px;
  font-weight: bold;
  font-style: normal;
}
.section-like-cuidados {
  background: var(--cor-01) url("../imgs/bgs/xxx.webp") no-repeat top right fixed;
  background-size: cover !important;
  position: relative;
}
.section-like-cuidados h4 {
  /*color: var(--cor-02);*/
  /*margin-bottom: 2rem;*/
  z-index: 10;
  position: relative;
}
.section-like-cuidados h4 .fs-1 {
  font-weight: 200;
  font-size: 4rem;
  display: block;
  line-height: 3rem;
}
.section-like-cuidados h5 {
  color: var(--cor-02);
  margin-bottom: 1rem;
  font-weight: 600;
}
.section-like-cuidados p {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
}
.number-font {
  font-weight: inherit;
}
.section-local-01 {
  background: url("../imgs/barra-olimpica/bg-01.webp") no-repeat center center;
  background-size: cover !important;
  position: relative;
}
.section-local-02 {
 /*background: url("../imgs/barra-olimpica/bg-01.webp") no-repeat center center;
  background-size: contain;
  position: relative;	*/
}
.section-local-03 {
  background: url("../imgs/bgs/bg-malha-branca.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;	
}
.section-local-01 h3 {
  /*font-weight: 200;
  font-size: 3rem;*/
}
.section-local-01 h3 span {
  /*display: block;
  line-height: 3.5rem;
  font-size: 2rem;*/
}
.section-local-01:before,
.section-like:before,
.section-like-cuidados:before,
.section-like-projeto:before,,
.section-like-lazer:before,
.section-rjz:before,
.section-comodidades:before {
  content: "";
  position: absolute;
  --position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .3;
  mix-blend-mode: multiply;
  z-index: 0;
  overflow: hidden
}
.box-texto1 {
  padding: 1rem 2rem;
  text-align: left;
  line-height: 2.75rem;
  text-shadow: 0px 0px 1px black;
}
.box-texto2 {
  padding: 1rem 2rem;
  text-align: left;
  color: black;
  font-style: italic;
  font-size: 1.1rem;
  text-shadow: 0px 0px 1px white;
  background: rgba(255, 255, 255, .25);
  border-left: 5px solid var(--cor-02);
}
.section-03-projeto h4 {
  padding-bottom: 5px;
  color: #cab492;
}
/* section 06 */
img.kal {
  max-height: 200px;
}
a img.kal {
  transition: all .3s;
}
a img.kal:hover {
  transform: scale(1.1);
}
#box-kal-01 a, #box-kal-01-cob a {
  /*background: rgba(153, 102, 51, 0.25);
    border: 1px solid white;*/
  border-radius: 30px !important;
  padding: 2%;
  transition: all .2s;
}
#box-kal-01 a:hover, #box-kal-01-cob a:hover {
  background: rgba(204, 153, 0, .75);
  border: 1px solid white;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  padding: 2%;
}
.section-06 h5 {
  /*padding: 0 2rem;*/
}
.section-06 h5.bold {
  font-weight: 600;
}
.box-residenciais a img {
  border-radius: 50%;
  transition: all .25s;
  border: 3px solid rgba(153, 102, 51, 0.5);
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  width: 110px;
  margin-bottom: 10px;
}
.box-residenciais a {
  margin-top: 1rem;
  text-decoration: none;
}
.box-residenciais a img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: grayscale(0) contrast(110%);
  filter: grayscale(0) contrast(110%);
}
.section-a-gardens, .section-a-aptos, .section-a-cobs {
  background: url("../imgs/bgs/bg-malha-branca.webp") no-repeat center center fixed;
  background-size: cover;
  position: relative;
}
.section-a-gardens .navbar,
.section-a-aptos .navbar,
.section-a-cobs .navbar {
  --background: url("../imgs/elementos-faixa-verde.png") center center;
	--background: var(--cor-02);
  --background-size: contain;
  --max-width: 30%;
  --margin: 0 auto;	
}

.section-a-gardens .navbar .nav-link .bi,
.section-a-aptos .navbar .nav-link .bi,
.section-a-cobs .navbar .nav-link .bi {
  background: white;
  padding: 6px;
  border-radius: 1px;
  border: 1px solid var(--cor-02);
  display: inline-flex;
  color: var(--cor-02);
	transform: rotate(45deg);
}
.section-a-gardens .navbar .nav-link .bi:before,
.section-a-aptos .navbar .nav-link .bi:before,
.section-a-cobs .navbar .nav-link .bi:before {  
	transform: rotate(-45deg);
}

.section.aptos h4 {
  color: var(--cor-02);
  font-size: 1.2rem;	
}
.section.aptos h6 {
  color: var(--cor-02);
  padding-bottom: .5rem;
  font-size: 1rem;
}
.section.aptos p {
  color: var(--cor-02);
  padding-bottom: .5rem;
  font-size: .9rem;
}
.alinhamento {
  /* margin-top: 0%;
  margin-left: -4%;*/
}
.section.aptos .box-plantas-texto h4 {
  font-size: 2rem;
	text-align: center;
  /*margin-left: -11%;*/
}
.section.aptos.section-a-cobs .box-plantas-texto h4 {
  /*margin-left: -10%;*/
}
.section.aptos .box-plantas {
  text-align: center;
}
.section.aptos .box-plantas-texto p {
  font-size: .9rem;  
}
.section.aptos .box-plantas-texto p span {
  font-size: 1rem;
}
.section.aptos .box-plantas-texto p span b { 
  /*font-size: bold;/
}
.section.aptos .box-plantas-texto p small {
  font-size: .75rem !important;
}
.section.aptos .box-plantas-texto {
  padding: 5px;
}
.fio-plantas:before {
  /*content: " ";
	position: absolute;
	left: -20%;
	height: 100%;
	width: 1px;
	background: var(--cor-02);*/
}
.fio-plantas {
  /*border-left: 1px solid var(--cor-02);
	height: 80%;
	margin-top: 0px;*/
}
.col-12.fio-plantas p {
  /*padding: 30px;*/
}
.seta .esq a {
  position: absolute;
  z-index: 10;
  top: 47.5%;
  left: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.seta .dir a {
  position: absolute;
  z-index: 10;
  top: 47.5%;
  right: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.seta a {
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, .25);
  transition: all .25s;
}
.seta a:hover {
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, 1);
}
.seta a.disabled {
  color: rgba(255, 255, 255, .2);
}
.seta a:hover {
  color: white;
}
.setas {
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.setas a {
  color: rgba(255, 255, 255, .75);
  background: rgba(0, 0, 0, .25);
}
.setas a:hover {
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, .5);
}
.setas a.disabled {
  color: rgba(255, 255, 255, .2);
}
.setas a:hover {
  color: white;
}
.setas .nav-link {
  padding: 0;
}
.section.aptos .nav-link {
  transition: all .25s;
}
.section.aptos .nav-link:hover {
  transform: scale(1.2);
}
.section.aptos .navbar.bg-dark {
  background: rgba(153, 102, 51, .9) !important;
}
/* ============ desktop view ============ */
.section.aptos .navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.navbar-nav .nav-link {
  padding-right: 10px;
  padding-left: 10px;
  min-width: 4rem;
}
/* section 03 conforto */
.nav-pills .nav-link {
  transition: all .5s;
  color: rgba(153, 102, 51, 1);
  background: rgba(255, 255, 255, .75);
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link:hover {
  color: #fff !important;
  background: rgba(173, 140, 80, 1);
}
.nav-pills .nav-link:hover {
  color: #fff !important;
  background: rgba(173, 140, 80, 1);
}
/* Breadcrumb */
.breadcrumb {
  background: var(--cor-02) center center;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 65%;
  margin: 0px 10px 10px 0;
  position: fixed;
  padding: 6px 16px 6px 6px;
  z-index: 11;
  color: rgba(255, 255, 255, .65);
  border-bottom-right-radius: 5px;
}
.breadcrumb-item.active {
  color: white;
  font-size: 12px;
}
.breadcrumb-item:first-child {
  color: white;
  font-size: 12px;	
  background: rgba(0, 0, 0, 0.4);  
  border-radius: 3px;
  border: 1px solid white;
}
.breadcrumb-item:first-child a {
  padding: 2px 6px;
}
.breadcrumb-item a {
	color: inherit;
}

.breadcrumb-item a:hover {
  color: white;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, .25);
  font-size: 12px;
  font-weight: 600;
}
/* box legenda foto */
.box-bg-legenda-foto {
  /*position: relative;*/
}
.box-bg-legenda-foto span {
  position: absolute;
  top: 5%;
  right: 15px;
  font-size: .70rem;
  text-shadow: 1px 1px 1px black;
  color: white;
  z-index: 100;
  margin-bottom: 100px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 100 !important;
}
.box-bg-legenda-foto span.vertical {
  text-align: right;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);	
}
.box-bg-legenda-foto span.down {
  text-align: right;
  top: auto;
  right: 19%;
  bottom: 0;
  margin-bottom: 2%;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  text-transform: none;
}

/*item */
.item a {
  /*position: relative;
            display: block;
            width: 100%; */
}
.item a:before {
  /*content: "\f00e";
            font-family: FontAwesome;            
            color: rgba(255,255,255,0.25);
            text-shadow: none;
            font-size: 2.25rem;    
            position: absolute;               
            text-decoration: none;
            bottom: 10px; 
            left: 0px;
            width: 100%;*/
}
.item span {
  text-transform: uppercase;
  line-height: 5px;
  color: white;
  background: rgba(0, 0, 0, .75);
  padding: 10px;
  /*font-size: 14px;*/
}
.item-tour span {
  text-transform: uppercase;
  color: white;
  /*font-size: 12px;*/
}
.item-tour p {
  text-transform: uppercase;
  color: white;
  /*font-size: 12px;*/
  line-height: 15px;
  margin-top: 10px;
}
/* VenoBox */
.vbox-container {
  overflow-y: auto;
}
.vbox-overlay {
  background: rgba(0, 31, 0, 0.5);
}
.vbox-next, .vbox-prev {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  transition: all .25s;
}
.vbox-next:hover, .vbox-prev:hover {
  background: var(--cor-01) !important;
  transform: scale(1.2);
}
.vbox-next span {
  right: 18px;
  top: 15px;
}
.vbox-prev span {
  left: 18px;
  top: 15px;
}
.vbox-title {
  /*font-size: 15px;*/
  text-transform: uppercase;
  background: var(--cor-02) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  color: white !important;
  white-space: normal;		
}

.vbox-title::before {
	content: " " ;
	background: url("../../assets/imgs/icone-logo.webp") no-repeat center center;
	background-size: contain;
	width: 22px;
	height: 22px;
	position: absolute;	
	margin-left: -25px;
	top: 20%;
}
.vbox-close {
  /*font-size: 2rem;*/
  background: white !important;
  border-bottom-left-radius: 5px;
  color: var(--cor-02) !important;
}
.vbox-left {
  background: var(--cor-02) !important;
  border-bottom-right-radius: 15px;
  padding-right: 10px;
}
.vbox-num {
  background: var(--cor-02) !important;
  color: white !important;
}
.vbox-next span, .vbox-prev span {
  width: 14px !important;
  height: 14px !important;
  /*border: 2px solid transparent;*/
}
.vbox-child.vbox-inline, .vbox-child.venoratio {
  max-width: 100%;
  height: 89vh;
}
.areas-e-vagas .vbox-child.vbox-inline, .areas-e-vagas .vbox-child.venoratio {
  max-width: 100% !important;
  height: 100% !important;
}
.memorial .vbox-child.vbox-inline, .memorial .vbox-child.venoratio {
  max-width: 100% !important;
  height: 100% !important;
}
.venoratio-16x9.vbox-child.venoratio {
  --vb-aspect-ratio: calc(9 / 16* 100%);
  max-width: calc(min(var(--vbox-max-width), (98vh - 90px)* 16 / 9));
}
.vbox-fit .vbox-child img, .vbox-fit .vbox-child.venoratio {
  /*max-width: 100%;
  max-height: calc(100vh - 130px);*/
}
/* VenoBox FIM */
/* animate custom */
.fadeInLeft, .fadeInRight, .fadeInDown, .fadeInUp {
  animation-duration: 3s;
}
.animated.delay-7s {
  animation-delay: 7s;
}
.animated.delay-8s {
  animation-delay: 8s;
}
.animated.delay-9s {
  animation-delay: 9s;
}
/*SR*/
/* extension */
.sr .scroller, .sr .slideUp, .sr .slideDown, .sr .slideLeft, .sr .slideRight {
  visibility: hidden;
}
.ico-tour {
  max-height: 60px;
}
.box-tour {
  position: fixed;
  top: 0px;
  right: 15px;
  background: #fff;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .75);
  min-width: auto;
  text-align: center;
  z-index: 100;
}
.box-tour span {
  color: rgba(0, 0, 0, .5)
}
.pnlm-load-button, .pnlm-load-box {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 5px;
}
.pnlm-load-button {
  width: 100px;
  height: 50px;
  margin: -25px 0 0 -50px;
}
.pnlm-load-button p, .pnlm-load-box p {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
}
.pnlm-load-button p span {
  /*font-size: 2rem;*/
  color: rgba(255, 255, 255, .5)
}
/* Tour 360 */
.box-lupa {
  width: 100%;
  max-width: 1500px;
  position: relative;
}
.lupa {
  width: 100%;
  position: absolute;
  top: -30px;
  z-index: 10;
}
/*like*/
.wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  /*background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);*/
  /*opacity: .30;*/
  overflow: hidden;
  z-index: 2;
}
.like {
  width: 110%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: 60%;
  margin-left: -60%;
  margin-top: -50%;
  border-radius: 35%;
  background: rgba(255, 255, 255, 0.06);
  animation: like 25s infinite linear;
}
.like.reflex {
  transform: rotate(90deg);
}
@keyframes like {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}
.planta-max {
	max-height: 650px !important;	
}
.btn-rolar {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 30;
  font-size: 1.5rem;
  transition: .35s all;
  border-radius: 50%;
  border: 1px solid white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-rolar:hover {
  background: var(--cor-02);
  color: black !important;
}

.btn-rolar-inverso {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 30;
  font-size: 1.5rem;
  transition: .35s all;
  border-radius: 50%;
  border: 1px solid var(--cor-02);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
	color: var(--cor-02);
}
.btn-rolar-inverso:hover {
	background: var(--cor-02);
	color: white !important;
}

.quebra {
  display: block;
}

@media (max-width: 768px) {
  .quebra {
    display: inline-block;
  }
}
/*media queries */
@media (max-width: 1600px) {  
	.section-like-areas-comuns .vh-100 {
		height: 100% !important;
	}
	.section-like-areas-comuns {
		padding-bottom: 30px;
	}
	.section-like-projeto  {
		 padding: 60px 0;
	}
	.section-like-projeto .vh-100 {
		 height: 100% !important;
	}
}

/*@media (max-width: 1366px) and (max-height: 768px) {
	.vbox-fit .vbox-child img,
	.vbox-fit .vbox-child.venoratio {
    max-width: 990%;
    max-height: calc(98vh - 100px);
  }
}*/

@media (max-width: 1366px) {
	.section-like .vh-100 {
		height: 100vh !important;
	}
  .img-flexon {
    max-height: 500px;
  }
  .flexon {
    padding-top: 5%;
  }
  .section-like .slogan {
    max-width: 540px;
  }
  .section.aptos.section-a-cobs .box-plantas-texto h4 {
    font-size: 1.1rem;
    margin-left: -12.85%;
  }
  .planta-max {
    max-height: 520px !important;
  }
	.section-local-03 {
		padding: 70px 30px;
	}
	.section-local-03 .vh-100,
	.section-like-lazer .vh-100,
	.section-like-cuidados .vh-100 {
		height: 100% !important;
	}
}
@media (max-width: 1200px) {
  .box-residenciais a img {
    width: 110px !important;
  }
  .sec01-bg-01 {
    height: 100%;
  }
  .section-01.sec01-bg-01, .sec06-bg-03 {
    padding: 60px 0 60px !important;
  }
  .section.aptos .box-plantas-texto h4 {
    font-size: 1.15rem;
  }	
}
@media (max-width: 1024px) {
  .section-rjz .rjz-logo {
    max-width: 250px;
  }
  .section.aptos h6 {
    min-width: 55%;
  }
  .setas a .fa-3x, .seta a .fa-3x {
    font-size: 2rem;
  }
  .box-3-quartos img {
    max-height: 100px !important;
    height: 100%;
    top: 32px;
    left: 0;
  }
  #pagepiling {
    overflow-y: auto !important;
  }
  .box-table .pp-tableCell {
    padding: 60px;
  }
  .flexon {
    padding-top: 60px;
  }
  .section-like .slogan {
    max-width: 380px;
  }
  .section-like h5 {
    font-size: 1rem;
  }
  .nav .nav-item .nav-link {
    font-size: 1.6rem;
  } 
  .box-bg-legenda-foto span.down {
    right: 25%;
  }
  .box-bg-legenda-foto span.down.cadeira {
    right: 25%;
  }
  .box-by2 {
    margin-top: auto;
    margin-left: auto;
  }
  .box-texto1 {
    font-size: 1.15rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 2rem !important;
  }
  .box-texto2 {
    font-size: .95rem !important;
    max-width: 80%;
  }
  .section.aptos.section-a-cobs .box-plantas-texto h4 {
    font-size: 1rem;
    /*margin-left: -12.85%;*/
  }
	.section-comodidades {
		padding: 60px 0;
	}
	.section-comodidades .vh-100 {
		height: 100% !important;
	}	
}
@media screen and (min-height: 1000px) and (orientation:landscape) {
  .logo-like {
    margin-top: 10%;
  }
}
@media (max-width: 992px) {
  .section-like-areas-comuns .list-unstyled {
    font-size: 75%;
  }
  .section-like-areas-comuns {
    padding: 40px 0;
  }
  .section-a-aptos, .section-a-gardens, .section-a-cobs {
    padding: 40px 0 80px;
  }
	.section-a-aptos .vh-100,
	.section-a-gardens .vh-100,
	.section-a-cobs .vh-100,
	.home-01 .vh-100 {
		height: 100% !important;
  }
	
}
@media (max-width: 768px) {  
	.section-like-areas-comuns .list-unstyled {
		font-size: 90%;
	}
  .botao-menu img {
    max-height: 200px !important;
    display: block;
    margin: 0 auto;
  }
  .botao-home2 {
    margin-top: 25%;
  }
  .section-like-projeto .logo-like {
	  display: block;
	  margin: 30px auto;
	  max-width: 280px;
  }
  .section-like-projeto .projeto-fachada {
    display: block;
    margin: 0px auto;
    max-width: 400px;
  }
  img.kal {
    max-height: 120px;
    margin: 0 auto;
  }
  .box-ele-deco-01, .box-ele-deco-02, .box-3-quartos img {
    max-height: 90px !important;
  }
  .box-index {
    background-color: rgba(255, 255, 255, 0.25) !important;
    padding: 30px;
    margin: 0 30px;
  }
  .box-index img {
    width: 230px;
  }
  #section2 .btn {
    margin-top: 0rem;
  }
  .bg-01.box-bg, .bg-02.box-bg, .bg-03.box-bg, .bg-04.box-bg, .bg-05.box-bg {
    background-size: contain;
    min-height: 100px !important;
  }
  .vbox-title {
    /*height: 54px;*/
    height: auto;
    line-height: 18px;
  }
  .vbox-child.vbox-inline,
	.vbox-child.venoratio {
		max-width: 95%;
	}
	
  /*mobile*/
  .box-texto1 {
    color: black;
    text-shadow: 0 0 1px white;
  }
  .box-texto2 {
    max-width: 42%;
  }
  .box-bg-legenda-foto span.down {
    right: 26%;
    bottom: 5%;
    font-size: 1rem;
  }   
  .box-bg-legenda-foto span.down.cadeira {
    right: 33%;
  }
  .section.aptos .box-plantas {
    transform: scale(.90);
  }
  .section.aptos .box-plantas h4 {
    font-size: 1.2rem;
  }
  .fio-plantas:before {
    /*margin-left: -10%;*/
  }
  .offcanvas .nav .nav-item .nav-link, .offcanvas .dropdown-toggle::after {
    font-size: 1rem;
  }
  .offcanvas {
	  max-width: 80%;
	}
  .alinhamento {
    /*margin-top: 0%;
    margin-left: 0%;*/
  }
  .vbox-child.vbox-inline, .vbox-child.venoratio {
    max-width: 100%;
    height: 50vh;
  }
  .btn-rolar, .btn-rolar-inverso {
    font-size: 1rem;
    width: 30px;
    height: 30px;
	  display: none;
  }
	.btn-rolar:first-of-type {
	  display: block;
  }
	.rjz-simbolo {
		max-width: 270px;
	}
	.section-local-02 {
		/*padding: 50px 30px;*/
	}
	
}
@media (max-width: 576px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: calc(1rem + .3vw) !important;
  }
  p {
    font-size: 100% !important;
  }
  .section-home-02 .vh-100.desk {
    height: 100vh !important;
  }
  .section-home-02 img {
    max-width: 250px;
    margin: 0 auto;
  }
  .mx-mob-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .nav-pills {
    height: auto;
  }
  .nav-pills .nav-item:first-of-type {
    margin-top: 20px;
  }
  .nav-pills .nav-item:last-of-type {
    margin-bottom: 20px;
  }  
  .section-like-areas-comuns .list-unstyled .media .numero {
	  width: 22px;
	  height: 22px;
	  padding-top: 2px;
  }
  .mt-4, .my-5, .mt-5, .my-5 {
    margin-top: 1rem !important;
  }
  .box-table .pp-tableCell {
    padding: 30px;
  }
  .legenda.desktop {
    display: none;
  }
  .legenda.mobile {
    display: block;
  }
  p.legenda {
    line-height: 85%;
  }
  .box-texto-home {
    position: fixed !important;
    bottom: 10%;
    padding: 3rem;
  }
  .section-like .logo-like-m {
    max-width: 220px;
  } 
  .section-like .slogan {
    max-width: 20px;
  }
  .nav .nav-item {
    padding: .15rem !important;
    margin-bottom: 10px;
  }
  .nav .nav-item .nav-link {
    font-size: .8em;
  }
  .section-like-seu-espaco .navbar {
    /*margin-top: -20%;*/
  }
  .box-bg-legenda-foto span.down {
    right: 25%;
    bottom: 1.5%;
    margin-bottom: 0%;
    font-size: .85rem;
  }
  .section-like h5 {
    font-size: .6rem !important;
    line-height: 1.25rem;
  }
  .section-like .navbar {
    margin-top: 0%;
  }
  .box-texto1 {
    line-height: 1.50rem !important;
  }
  .box-texto2 {
    font-size: .75rem !important;
    max-width: 75%;
    background: rgba(255, 255, 255, .50);
  }
  .box-bg-legenda-foto span.down {
    font-size: .85rem;
  }
  .box-bg-legenda-foto span.down.cadeira {
    right: 41%;
  }
  .planta-max {
    max-height: 230px !important;
  }
  .section.aptos .box-plantas-texto h4 {
    font-size: 1rem;
  }
  .section.aptos .box-plantas-texto h6 {
    font-size: .85rem;
  }
  .section.aptos .box-plantas {
    margin: 0 auto;
  }
  .section.aptos.section-a-cobs .box-plantas-texto h4 {
    /*margin-left: -15%;*/
    font-size: .81rem !important;
  }
  img.kal {
    max-height: 140px;
    margin: 0 auto;
  }
  .section-like-seu-espaco .vh-100 {
    /*height: 100% !important;*/
  }
}
@media (max-width: 420px) {
  .ico-tour {
    max-height: 30px !important;
  }
  .planta-max {
    max-height: 210px !important;
  }
  .section.aptos .box-plantas h4 {
    font-size: .7rem !important;
  }
  .section.aptos .box-plantas p, .section.aptos .box-plantas p small {
    font-size: .65rem !important;
  }
  .section.aptos.section-a-cobs .box-plantas-texto h4 {
    margin-left: 0%;
  }
  .section.aptos h6 {
    font-size: 0.9rem;
  }
  .breadcrumb {
    font-size: 50%;
  }
  .breadcrumb-item.active {
    font-size: 10px;
  }
  .section-rjz .vh-100 {
    height: 100% !important;
  }
  .section-rjz {
    padding-bottom: 40px;
  }
}