/* 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*/ r html {
  font-size: 1rem !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: 'Coco Gothic';*/
  /*font-family: "F37 Ginger";*/
  font-family: 'Codec Pro';
  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: 6px;
  font-weight: bold;
  font-family: 'Coco Gothic';
}
p {
  letter-spacing: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 200;
  font-family: 'Codec Pro';
}
:root {
  --cor-01: #008297;
  --cor-02: #BAA463;
  font-size: 16px;
}
.bg-cor-pri {
  background: var(--cor-01);
}
.bg-cor-sec {
  background: var(--cor-02);
}
a:focus, button:focus, input:focus, textarea:focus {
  outline: none !important;
}
.offcanvas {
  background: var(--cor-02);
  background: url("../imgs/bgs/bg-dourado.webp") no-repeat center center;
  background-size: cover;
  border-right: 2px solid white !important;
}
.offcanvas-header {
  background: var(--cor-02);
}
.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, .offcanvas .dropdown-toggle::after {
  font-size: 1.25rem;
}
.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-bottom: 1px solid var(--cor-02);
  display: inline-block;
  transition: all .5s;
  font-size: 1.75em;
  color: white;
  font-weight: 300;
  position: relative;
  letter-spacing: 3px;
  font-family: 'Coco Gothic';
}
.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-01);
  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;
  font-family: "F37 Ginger";
}
.dropdown-menu.show {
  display: block;
  margin-top: 0px;
  max-width: 200px;
}
.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-home-01-recorte.webp") no-repeat left center fixed;
  background-size: cover !important;
  width: 100%;
  height: 100vh;
  touch-action: auto;
}
.section-la-isla {
  background: url("../../assets/imgs/bgs/bg-la-isla2.webp") no-repeat center center fixed;
  background-size: cover !important;
  width: 100%;
  height: 100vh;
  touch-action: auto;
  position: relative;
}
.section-la-isla h5 {
  line-height: 2.75rem;
}
.fio {
  border-bottom: 1px solid var(--cor-02);
  display: block;
  max-width: 260px;
  margin: 0 auto;
}
.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%;
}
.logo-la-isla {
  min-width: 300px;
  animation: zoom 3s infinite 3s alternate;
}
.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;}*/
}
.la-isla-open.after {
  display: none !important;
}
/* La Isla*/
/* areas comuns */
.section-la-isla-areas-comuns {
  background: var(--cor-01) url("../imgs/bgs/bg-master.webp") no-repeat center center;
  background-size: cover !important;
  position: relative;
}
.section-la-isla-areas-comuns .list-unstyled {
  text-align: left;
  color: white;
  font-size: 80%;
}
.section-la-isla-areas-comuns .list-unstyled .media {
  margin-bottom: 5px;
}
.section-la-isla-areas-comuns .list-unstyled .media .numero {
  text-align: center;
  width: 21px;
  height: 21px;
  border-radius: 25px;
  background: var(--cor-01);
  padding-top: 1px;
  margin: 1px 0;
  color: white;
  margin-right: 4px;
  border: 1px solid rgba(255, 255, 255, .5);
}
.section-la-isla-areas-comuns .list-unstyled .media .numero.neutro {
  /*background: #CC9900;*/
}
.section-la-isla-areas-comuns .list-unstyled .media .numero.puc {
  /*background: #005c3d;*/
}
.section-la-isla-areas-comuns .list-unstyled .media .numero.on {
  background: var(--cor-02);
  color: black;
  font-weight: bold;
  text-shadow: 0 0 1px white;
}
.section-la-isla-areas-comuns .list-unstyled .media-body {
  margin: 2px;
}
.section-la-isla-areas-comuns .list-unstyled .media-body span {
  display: inline-block;
  padding: 0px 3px;
  margin-left: 1px;
}
.section-la-isla-areas-comuns .list-unstyled .media-body a {
  display: inline-block;
  border-radius: 10px;
  padding: 0px 3px;
  color: white;
  margin-left: -3px;
  transition: all .25s;
}
.section-la-isla-areas-comuns .list-unstyled .media-body a:hover {
  color: black !important;
  background: var(--cor-02);
  text-decoration: none;
  font-weight: bold;
}
.section-la-isla-areas-comuns .list-unstyled .media-body a:hover .numero {
  border: transparent !important;
}
.box-card-info {
  background: rgba(255, 255, 255, 0.75);
  padding: 1rem;
  border-radius: 10px;
}
.section-la-isla-life-style {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-life-style.webp") no-repeat center center fixed;
  background-size: cover;
  position: relative;
}
.section-la-isla-seu-espaco {
  background: url("../../assets/imgs/bgs/bg-la-isla-seu-espaco.webp") no-repeat center center fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;
}
.section-comodidades {
  background: var(--cor-01) url("../imgs/bgs/bg-neutro-agua.webp") no-repeat top right fixed;
  background-size: cover !important;
  width: 100%;
  touch-action: auto;
  position: relative;
}
.section-comodidades h4 {
  color: white;
  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;
}
.legendas-internas {
  position: relative;
}
.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-la-isla-projeto {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-projeto.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;
}
.section-la-isla-projeto-by {
  background: var(--cor-01) url("../../assets/imgs/bgs/bg-projeto.webp") no-repeat center center fixed;
  background-size: cover !important;
  position: relative;
}
.section-la-isla-projeto-by h4 {
  font-size: 1rem;
  margin-bottom: .5rem;
  color: var(--cor-02);
}
.section-la-isla-projeto-by p {
  font-size: .9rem;
  line-height: 1.25rem;
}
.section-la-isla-projeto-by p b {
  font-weight: bold;
}
.font-redux {
  font-size: 75%;
}
/* rjz cyrela */
.section-rjz {
  background: url("../../assets/imgs/bgs/bg-dourado.webp") no-repeat left center fixed;
  background-size: cover !important;
}
.section-rjz p {
  font-size: 1.3rem;
  /*font-family: 'Coco Gothic';*/
  font-weight: 400;
  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-flexon.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-family: 'Coco Gothic';
  font-weight: 600;
}
.flexon h5 {
  /*color: var(--cor-02);	*/
  font-size: 1.15rem;
  font-family: 'Coco Gothic';
  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;
  }
}
@media (min-width: 769px) {
  .section-home-02 .vh-100.align-content-center {
    align-items: end !important;
  }
}
/**/
.titulo {
  /*font-size: 1rem;*/
  margin-bottom: 3px;
  font-weight: bold;
  font-style: normal;
}
.section-la-isla-cuidados {
  background: var(--cor-01) url("../imgs/bgs/bg-neutro-agua-flip.webp") no-repeat top right fixed;
  background-size: cover !important;
  position: relative;
}
.section-la-isla-cuidados h4 {
  /*color: var(--cor-02);*/
  /*margin-bottom: 2rem;*/
  z-index: 10;
  position: relative;
}
.section-la-isla-cuidados h4 .fs-1 {
  font-weight: 200;
  font-size: 4rem;
  font-family: 'Coco Gothic ExtLt';
  display: block;
  line-height: 3rem;
}
.section-la-isla-cuidados h5 {
  color: var(--cor-02);
  margin-bottom: 1rem;
  font-weight: 600;
}
.section-la-isla-cuidados p {
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
}
.number-font {
  font-family: 'Codec Pro';
  font-weight: inherit;
}
.section-local-01 {
  background: url("../imgs/bgs/bg-tijuca.webp") no-repeat center center;
  background-size: cover !important;
  position: relative;
}
.section-local-01 h3 {
  font-family: 'Coco Gothic ExtLt';
  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-la-isla:before, .section-la-isla-cuidados:before, .section-la-isla-projeto:before, .section-la-isla-projeto-by:before, .section-la-isla-seu-espaco:before, .section-rjz:before, .section-comodidades:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #000000, #000031);
  opacity: .30;
  mix-blend-mode: multiply;
}
/*.section-local-02 {
  background: url("../imgs/bgs/bg-local-02.webp") no-repeat center center;
  background-size: cover !important;
  position: relative;
}*/
.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-family: 'F37 Ginger';*/
  font-family: 'Codec Pro';
  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: 180px;
}

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-neutro-agua.webp") no-repeat left center fixed;
  background-size: cover;
	padding: .5rem;
}
.section-a-gardens .navbar .nav-link .bi, .section-a-aptos .navbar .nav-link .bi, .section-a-cobs .navbar .nav-link .bi {
  background: white;
  padding: 7px;
  border-radius: 30px;
  display: inline-flex;
  color: var(--cor-01);
}
.section.aptos h4 {
  color: white;
  font-size: 1.2rem;
}
.section.aptos h6 {
  color: white;
  padding-bottom: .5rem;
  font-size: 1rem;
  font-weight: 300;
}
.section.aptos p {
  color: white;
  padding-bottom: .5rem;
  font-size: .8rem;
}
.alinhamento {
  margin-top: 0%;
  margin-left: -4%;
}
.section.aptos p, h1, h2, h3, h4, h5, h6 {
  font-family: 'Codec Pro';
}
.section.aptos .box-plantas-texto h4 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: -11%;
}
.section.aptos.section-a-cobs .box-plantas-texto h4 {
  margin-left: -10%;
}
.section.aptos .box-plantas {
  text-align: left;
}
.section.aptos .box-plantas-texto p {
	font-size: .9rem;
	font-weight: 200;
}
.section.aptos .box-plantas-texto p span {
  color: white !important;
}
.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: white;	*/
}

.fio-plantas {
	border-left: 1px solid white;
	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-color: var(--cor-02);
  border-radius: 0;
  text-transform: uppercase;
  font-size: 65%;
  /*margin: 5px 10px 10px 0;*/
  position: fixed;
  padding: 6px 32px 6px 16px;
  /*border-left: 10px solid rgb(0, 0, 0);*/
  z-index: 11;
  color: rgba(255, 255, 255, .5);
  border-top: 2px solid white;
  border-bottom-right-radius: 20px;
}
.breadcrumb-item.active {
  color: white;
  font-size: 12px;
}
.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;
}
.box-bg-legenda-foto span.down.cadeira {
  right: 21%;
  margin-bottom: 2%;
}
/*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-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-01) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  color: white !important;
  white-space: normal;
}
.vbox-close {
  /*font-size: 2rem;*/
  background: white !important;
  border-bottom-left-radius: 5px;
  color: var(--cor-01) !important;
}
.vbox-left {
  background: var(--cor-01) !important;
  border-bottom-right-radius: 15px;
  padding-right: 10px;
}
.vbox-num {
  background: var(--cor-01) !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;
}
/*2020*/
.twentytwenty-before-label:before {
  content: "Planta";
}
.twentytwenty-after-label:before {
  content: "Planta Flex On";
}
/* Tour 360 */
.tour-container.mobile {
  /*display: none;*/
}
.tour-container {
  /* width: 100%;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;*/
}
.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;
}
/*la-isla*/
.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;
}
.la-isla {
  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: la-isla 25s infinite linear;
}
.la-isla.reflex {
  transform: rotate(90deg);
}
@keyframes la-isla {
  from {
    transform: rotate(0deg);
  }
  from {
    transform: rotate(360deg);
  }
}


.planta-max {
	max-height: 650px !important;
}

/*media queries */

@media (max-width: 1600px) and (max-height: 1080px) {
  .section-la-isla-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) {
  .home-01 .vh-100,
	.section-la-isla .vh-100,
	.section-la-isla-seu-espaco .vh-100 {
		height: 100vh !important;
	}
	.section-la-isla-seu-espaco {
		background: url("../imgs/bgs/bg-la-isla-seu-espaco.webp") no-repeat 65% center;
	}
	.section-la-isla-life-style .vh-100,	
	.section-la-isla-projeto .vh-100,
	.section-la-isla-projeto-by .vh-100,
	.section-la-isla-cuidados .vh-100,
	.flexon .vh-100,
	.section-rjz .vh-100,
	.section-comodidades .vh-100 {
		height: 100% !important;
	}
  .img-flexon {
    max-height: 500px;
  }
  .flexon {
    padding-top: 5%;
  } 
  .section-la-isla .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;
	}
	
}
@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;
  }
	.section-rjz .vh-100 {
		height: 100% !important;
	}
}
@media (max-width: 1024px) {
  .home-01 {
    background: url("../../assets/imgs/bgs/bg-home-01-recorte.webp") no-repeat 60% center fixed;
  }
  .section-rjz .rjz-simbolo {
    max-width: 350px;
    float: right;
  }
  .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-la-isla .slogan {
    max-width: 380px;
  }
  .section-la-isla h5 {
    font-size: 1rem;
  }
  .nav .nav-item .nav-link {
    font-size: 1.6rem;
  }
  .section-la-isla-projeto-by {
    padding: 30px 15px;
  }
  .section-local-02 h3 {
    /*font-size: 1.5rem;	
		line-height: normal;*/
  }
  .section-local-02 h4 {
    /*font-size: 1rem;
		margin-top: -5%;*/
  }
  .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%;
  }
}
@media screen and (min-height: 1000px) and (orientation:landscape) {
  .logo-la-isla {
    margin-top: 10%;
  }
}

@media (max-width: 992px) {
  .box-ele-deco-01, .box-ele-deco-02, .box-3-quartos img {
    max-height: 180px;
  }
  .section-la-isla-areas-comuns .list-unstyled {
    font-size: 65%;
  }
  .section-la-isla-areas-comuns {
    background: var(--cor-01) url("../imgs/bgs/bg-master.webp") no-repeat 20% center;
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .nav .nav-item {
    /*text-align: center;*/
    padding: 0 100px;
  }
  .navbar {
    display: block;
  }
  .botao-menu img {
    max-height: 200px !important;
    display: block;
    margin: 0 auto;
  }
  .botao-home2 {
    margin-top: 25%;
  }
  .section-la-isla-projeto .logo-la-isla {
    display: block;
    margin: 30px auto;
    max-width: 300px;
  }
  .section-la-isla-projeto .projeto-fachada {
    display: block;
    margin: 0px auto;
    max-width: 400px;
  }
  .section-la-isla {
    background: url("../../assets/imgs/bgs/bg-la-isla2.webp") no-repeat 45% center fixed;
  }
  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;
  }
  .section-la-isla .logo-la-isla-m {
    max-width: 100px;
  }
  .section-la-isla-projeto-by {
    padding: 40px 20px;
  }
  .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;
		}
	
}
@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-local-01 {
    background: var(--cor-01) url("../imgs/bgs/bg-tijuca.webp") no-repeat center center;
  }
  .section-la-isla-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-la-isla .logo-la-isla-m {
    max-width: 260px;
  }
  .section-la-isla .slogan {
    max-width: 260px;
  }
  .nav .nav-item {
    padding: .15rem !important;
    margin-bottom: 10px;
  }
  .nav .nav-item .nav-link {
    border-bottom: 1px solid var(--cor-02);
    display: inline-block;
    font-size: 1em;
  }
  .section-la-isla-seu-espaco .navbar {
    margin-top: -20%;
  }
  .box-bg-legenda-foto span.down {
    right: 25%;
    bottom: 1.5%;
    margin-bottom: 0%;
    font-size: .85rem;
  }
  .section-la-isla h5 {
    font-size: .6rem !important;
    line-height: 1.25rem;
  }
  .section-la-isla .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: 90px;
	  margin: 0 auto;
  }
	
	
}
@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;
  }
	.section-a-aptos .vh-100,
	.section-a-gardens .vh-100,
	.section-a-cobs .vh-100 {
		height: 100% !important;
	}
	
	.breadcrumb {
		font-size: 50%;
	}
	.breadcrumb-item.active {
	  font-size: 10px;
	}
	
}