@import url(../fonts/caviar-dreams/caviar-dreams.css);
@import url(../fonts/foundry-sterling/foundry-sterling.css);
@import url(../fonts/metropolis-bold/metropolis-bold.css);

:root {
   --color-gray-1: #d8d8d8 !important;
   --color-orange-1: #cf7b56 !important;
   --color-blue-1: #0487a5 !important;
   --font-1: 'Caviar Dreams' !important;
   --font-2: 'Foundry Sterling' !important;
   --font-1-sans-serif: 'Caviar Dreams', sans-serif !important;
   --font-2-sans-serif: 'Foundry Sterling', sans-serif !important;
}
* {
   font-family: var(--font-1) !important;
}

::-webkit-scrollbar {
   width: 15px;
}

::-webkit-scrollbar-button {
   background-color: var(--color-blue-1);
}
::-webkit-scrollbar-thumb {
   background-color: var(--color-orange-1);
   width: 9px;
   border: 3px solid var(--color-blue-1);
   border-radius: 25px;
}
::-webkit-scrollbar-track {
   background-color: var(--color-blue-1);
}

html {
   scroll-behavior: smooth !important;
   overflow-x: hidden;
}
body {
   background-color: gray !important;
}
.font-family-1 {
   font-family: var(--font-1) !important;
}
.font-family-2 {
   font-family: var(--font-2) !important;
}

.font-family-1-sans-serif {
   font-family: var(--font-1-sans-serif) !important;
}
.font-family-2-sans-serif {
   font-family: var(--font-2-sans-serif) !important;
}

.font-stretch-1 {
   font-stretch: condensed !important;
}

.bg-gray-1 {
   background-color: var(--color-gray-1) !important;
}

.bg-footer-1 {
   background-color: var(--color-gray-1) !important;
   color: inherit !important;
}

/* BG AGUA */
.bg-agua-1 {
   background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1), url(../img/bg-logo.png?v7);
   background-size: 20%;
   background-repeat: no-repeat;
   background-position: bottom right;
}
.bg-agua-2 {
   background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1), url(../img/bg-logo.png?v7);
   background-size: 20%;
   background-repeat: no-repeat;
   background-position: bottom left;
}

.bg-agua-3 {
   background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1), url(../img/bg-logo.png?v7);
   background-size: 20%;
   background-repeat: no-repeat;
   background-position: top left;
}
.bg-agua-4 {
   background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1), url(../img/bg-logo.png?v7);
   background-size: 20%;
   background-repeat: no-repeat;
   background-position: top right;
}

.bg-agua-5 {
   background-image: linear-gradient(to bottom, #d8d8d8d5, #d8d8d8ef), url(../img/bg-logo.png?v7);
   background-size: 90%;
   background-repeat: no-repeat;
   background-position: center center;
}
.bg-agua-6 {
   background-image: linear-gradient(to bottom, #d8d8d8bd, #d8d8d8bd), url(../img/bg-logo.png?v7), url(../img/bg-logo.png?v7);
   background-size: 100% 100%, 20%, 20%;
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-position: center center, 0% 130%, 105% -15%;
}
.bg-agua-7 {
   background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1), url(../img/bg-logo.png?v7);
   background-size: 50%;
   background-repeat: no-repeat;
   background-position: center 130%;
}
@media (max-width: 992px) {
   .bg-agua-7 {
      background-image: linear-gradient(to bottom, #d8d8d8be, #d8d8d8a1);
   }
}
/* BG AGUA */

.bg-image-1 {
   background-image: url(../img/fachada/1.png?v7) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: 50% 50% !important;
}
.bg-image-2 {
   background-image: url(../img/site/criancas-piscina.png?v7) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: 50% 50% !important;
}
.text-orange-1 {
   color: var(--color-orange-1) !important;
}
.text-blue-1 {
   color: var(--color-blue-1) !important;
}
.font-size-1 {
   font-size: calc(0.3vw + 5px) !important;
   line-height: calc(0.3vw + 5px) !important;
}

.font-size-3 {
   font-size: calc(0.8vw + 10px) !important;
   line-height: calc(0.8vw + 10px) !important;
}

.font-size-5 {
   font-size: calc(1vw + 8px) !important;
   line-height: calc(1vw + 8px) !important;
}

.font-size-7 {
   font-size: calc(2vw + 8px) !important;
   line-height: calc(2vw + 8px) !important;
}

.font-weight-400 {
   font-weight: 400 !important;
}
.font-weight-700 {
   font-weight: 700 !important;
}
.font-weight-900 {
   font-weight: 900 !important;
}

.letter-spacing-1 {
   letter-spacing: -3px !important;
}
.letter-spacing-2 {
   letter-spacing: -0px !important;
}

.letter-spacing-5 {
   letter-spacing: calc(1vw + 3px) !important;
}

.h-50 {
   height: 400px !important;
}

@media (min-width: 992px) {
   .borda-site-1 {
      position: relative !important;
   }
   .borda-site-1::after {
      content: '' !important;
      position: absolute !important;
      top: 10% !important;
      left: 2% !important;
      border: 2px solid white !important;
      width: 100% !important;
      height: 80% !important;
      border-bottom-right-radius: 25px !important;
      pointer-events: none !important;
      z-index: 2 !important;
   }
   .borda-site-1::before {
      content: '' !important;
      position: absolute !important;
      top: 20% !important;
      left: 1.5% !important;
      width: 1.3% !important;
      height: 30% !important;
      background-color: var(--color-blue-1) !important;
      z-index: 3 !important;
      pointer-events: none !important;
   }

   .borda-site-2 {
      position: relative !important;
   }
   .borda-site-2::after {
      content: '' !important;
      position: absolute !important;
      top: 10% !important;
      right: 5% !important;
      border: 2px solid white !important;
      width: 100% !important;
      height: 80% !important;
      border-bottom-left-radius: 25px !important;
      pointer-events: none !important;
      z-index: 2 !important;
   }
   .borda-site-2::before {
      content: '' !important;
      position: absolute !important;
      top: 20% !important;
      right: 4.5% !important;
      width: 1.3% !important;
      height: 30% !important;
      background-color: var(--color-blue-1) !important;
      z-index: 3 !important;
      pointer-events: none !important;
   }

   .borda-site-3 {
      position: relative !important;
   }
   .borda-site-3::after {
      content: '' !important;
      position: absolute !important;
      top: -10% !important;
      right: -13% !important;
      border: 1px solid white !important;
      width: 126% !important;
      height: 115% !important;
      border-bottom-left-radius: 25px !important;
      pointer-events: none !important;
   }
   .borda-site-3::before {
      content: '' !important;
      position: absolute !important;
      top: 0% !important;
      right: -13.8% !important;
      width: 1.3% !important;
      height: 30% !important;
      background-color: var(--color-blue-1) !important;
      z-index: 2 !important;
      pointer-events: none !important;
   }
}

.borda-site-4 {
   position: relative !important;
}
.borda-site-4::after {
   content: '' !important;
   position: absolute !important;
   top: 8% !important;
   left: 1.5% !important;
   border: 2px solid white !important;
   width: 97% !important;
   height: 80% !important;
   border-bottom-right-radius: 25px !important;
   pointer-events: none !important;
   /* z-index: 999 !important; */
}
.borda-site-4::before {
   content: '' !important;
   position: absolute !important;
   top: 40% !important;
   left: 1% !important;
   width: 1.3% !important;
   height: 30% !important;
   background-color: white !important;
   z-index: 2 !important;
   pointer-events: none !important;
}

ul.slider-container {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0px !important;
}
ul.slider-container img {
   width: 100% !important;
   max-width: 100% !important;
}

.slider-nav-outside-expand .slider-nav.slider-nav {
   background-color: var(--color-blue-1) !important;
   height: 70% !important;
   margin-top: 8% !important;
}
.slider-nav-outside-expand .slider-nav.slider-nav-next {
   background-color: var(--color-blue-1) !important;
   height: 70% !important;
   margin-top: 8% !important;
}

.translate-top-1 {
   transform: translateY(-15px) !important;
   pointer-events: none !important;
   margin: 0px !important;
   z-index: -2999 !important;
}

@media (max-width: 992px) {
   .slider-nav.slider-nav-next,
   .slider-nav {
      display: none !important;
   }
}

#masterplan ul {
   list-style: none !important;
}

#masterplan ul li {
   font-size: calc(0.8vw + 15px) !important;
   line-height: calc(1.3vw + 15px) !important;
   font-family: var(--font-1-sans-serif) !important;
   position: relative !important;
   color: var(--color-orange-1);
   /* letter-spacing: calc(-0.2vw - 0px) !important; */
   z-index: 1;
}

#masterplan ul li::before {
   margin-right: 5px !important;
   color: var(--color-blue-1) !important;
   font-weight: bold !important;
   font-size: calc(1.2vw + 15px) !important;
   line-height: calc(1.2vw + 15px) !important;
   font-family: var(--font-2-sans-serif) !important;
   position: absolute !important;
   top: -2px;
   left: -35px;
}
#masterplan ul li:nth-child(1)::before {
   content: '1.';
}
#masterplan ul li:nth-child(2)::before {
   content: '2.';
}
#masterplan ul li:nth-child(3)::before {
   content: '3.';
}
#masterplan ul li:nth-child(4)::before {
   content: '4.';
}
#masterplan ul li:nth-child(5)::before {
   content: '5.';
}
#masterplan ul li:nth-child(6)::before {
   content: '6.';
}
#masterplan ul li:nth-child(7)::before {
   content: '7.';
}
#masterplan ul li:nth-child(8)::before {
   content: '8.';
}
#masterplan ul li:nth-child(9)::before {
   content: '9.';
}
#masterplan ul li:nth-child(10)::before {
   content: '10.';
   left: calc(-1.3vw - 35px) !important;
}

#masterplan ul li:nth-child(2)::after {
   content: '';
   position: absolute;
   top: 0%;
   left: -30%;
   width: 130%;
   height: 100%;
   background-color: rgb(182, 182, 182) !important;
   z-index: -1;
}
#masterplan ul li:nth-child(2)::after,
#masterplan ul li:nth-child(4)::after,
#masterplan ul li:nth-child(6)::after,
#masterplan ul li:nth-child(8)::after,
#masterplan ul li:nth-child(10)::after {
   content: '';
   position: absolute;
   top: 0%;
   left: -30%;
   width: 130%;
   height: 100%;
   background-color: rgb(182, 182, 182) !important;
   z-index: -1;
}
.bg-image-3 {
   background-image: url(../img/site/criancas-piscina.png?v7) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: 50% 50% !important;
}
.bg-image-4 {
   background-image: url(../img/masterplan/1-thumbnail.png?v7) !important;
   background-repeat: no-repeat !important;
   background-size: 100% !important;
   background-position: 50% 50% !important;
}

#modal-masterplan .modal-body img,
#modal-localizacao .modal-body img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

#slider .swiffy-slider img {
   max-height: 90vh;
   object-fit: cover !important;
}

.slide-principal {
   position: relative !important;
}
.slide-principal .overlay-slide-1 {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.219);
   color: rgba(255, 255, 255, 0.685);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: start;
   font-size: calc(4vw + 25px);
   font-weight: bold;
   text-shadow: 0px 0px 35px white;
}
.info-slider {
   width: 60%;
   background-color: var(--color-blue-1);

   /* padding: calc(1vw + 10px); */
}

@media (max-width: 992px) {
   .info-slider {
      width: 94%;
   }
}
.info-slider p {
   font-size: calc(0.4vw + 8px) !important;
   line-height: calc(0.5vw + 15px) !important;
   text-align-last: center;
   color: white !important;
   text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.856) !important;
}
.info-slider a {
   text-decoration: none;
   font-size: calc(0.3vw + 8px) !important;
   line-height: calc(0.3vw + 8px) !important;
   color: white !important;
}
.translate-top-2 {
   transform: translateY(-25px) !important;
   margin: 0px !important;
   z-index: 99 !important;
}

a.btn-site:hover {
   background-color: white !important;
   color: var(--color-orange-1) !important;
}
a.btn-site:active {
   background-color: white !important;
   color: var(--color-orange-1) !important;
}
a.btn-site {
   background-color: var(--color-orange-1) !important;
   color: white !important;
   padding: 10px !important;
   border-bottom-left-radius: 20px !important;
   font-size: calc(0.8vw + 10px) !important;
}

.btn-site-2:hover {
   background-color: white !important;
   color: var(--color-orange-1) !important;
}
.btn-site-2:active {
   background-color: white !important;
   color: var(--color-orange-1) !important;
}
.btn-site-2 {
   outline-style: none;
   border-style: none;
   background-color: var(--color-orange-1) !important;
   color: white !important;
   padding: 10px !important;
   border-bottom-left-radius: 20px !important;
   font-size: calc(0.8vw + 10px) !important;
}

a.btn-site-invert {
   border-bottom-left-radius: 0px !important;
   border-bottom-right-radius: 20px !important;
}

/* LOCALIZACAO */
#localizacao ul {
   list-style: none !important;
}

#localizacao ul li {
   font-size: calc(0.8vw + 15px) !important;
   line-height: calc(1.3vw + 15px) !important;
   font-family: var(--font-1-sans-serif) !important;
   position: relative !important;
   color: var(--color-orange-1);
   /* letter-spacing: calc(-0.1vw - 0px) !important; */
   z-index: 1;
}

#localizacao ul li::before {
   margin-right: 5px !important;
   color: var(--color-blue-1) !important;
   font-weight: bold !important;
   font-size: calc(1.2vw + 15px) !important;
   line-height: calc(1.2vw + 15px) !important;
   font-family: var(--font-2-sans-serif) !important;
   position: absolute !important;
   top: -2px;
   left: -35px;
}
#localizacao ul li:nth-child(1)::before {
   content: '1.';
}
#localizacao ul li:nth-child(2)::before {
   content: '2.';
}
#localizacao ul li:nth-child(3)::before {
   content: '3.';
}
#localizacao ul li:nth-child(4)::before {
   content: '4.';
}
#localizacao ul li:nth-child(5)::before {
   content: '5.';
}
#localizacao ul li:nth-child(6)::before {
   content: '6.';
}
#localizacao ul li:nth-child(7)::before {
   content: '7.';
}
#localizacao ul li:nth-child(8)::before {
   content: '8.';
}
#localizacao ul li:nth-child(9)::before {
   content: '9.';
}
#localizacao ul li:nth-child(10)::before {
   content: '10.';
   left: calc(-1.3vw - 35px) !important;
}

#localizacao ul li:nth-child(2)::after {
   content: '';
   position: absolute;
   top: 0%;
   left: -30%;
   width: 130%;
   height: 100%;
   background-color: rgb(182, 182, 182) !important;
   z-index: -1;
}
#localizacao ul li:nth-child(2)::after,
#localizacao ul li:nth-child(4)::after,
#localizacao ul li:nth-child(6)::after,
#localizacao ul li:nth-child(8)::after,
#localizacao ul li:nth-child(10)::after {
   content: '';
   position: absolute;
   top: 0%;
   left: -30%;
   width: 130%;
   height: 100%;
   background-color: rgb(182, 182, 182) !important;
   z-index: -1;
}
.bg-image-5 {
   background-image: url(../img/localizacao/1.png?v7) !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: 50% 74% !important;
}

/* @media (max-width: 992px) {
   .bg-image-5 {
      background-size: 100% !important;
      background-position: 50% 74% !important;
   }
} */

/* BOTÃO WHATSAPP */
#bt-whatsapp-sms {
   transition: all 0.9s ease !important;
   position: fixed;
   width: 60px;
   height: 60px;
   bottom: 40px;
   right: 40px;
   background-color: var(--color-orange-1);
   color: #fff;
   border-radius: 60px;
   text-align: center;
   font-size: 30px;
   z-index: 1000;
   box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.445);
}

#bt-whatsapp-sms i {
   font-family: 'FontAwesome' !important;
}

#bt-whatsapp-sms:hover {
   transform: scale(1.2) !important;
}

#contato .contato-redes a:hover i {
   color: white;
   background-color: var(--color-blue-1);
}

#contato .contato-redes a:hover {
   color: var(--color-orange-1);
}
#contato .contato-redes a {
   text-decoration: none;
   color: var(--color-blue-1);
}
#contato .contato-redes h3 {
   color: var(--color-blue-1);
}

:target:before {
   content: '' !important;
   display: block !important;
   margin-top: -120px !important;
   height: 120px !important;
}

main {
   margin-top: 100px;
}
@media (max-width: 992px) {
   main {
      margin-top: 172px;
   }
   :target:before {
      margin-top: -172px !important;
      height: 172px !important;
   }
}
header.header {
   transition: all ease-in-out 0.3s;
   position: fixed !important;
   top: 0px !important;
   left: 0px !important;
   width: 100% !important;
   z-index: 1059 !important;
   background-color: #0487a5e8;
   opacity: 1 !important;
   color: white !important;
   font-family: var(--font-1) !important;
}
header.header ul.desktop {
   list-style: none;
   display: flex;
   justify-content: center;
   align-items: center;
}
header.header ul.desktop li {
   margin-left: 20px;
}

header.header ul.desktop li a:hover {
   background-color: white;
   color: var(--color-orange-1);
}
header.header ul.desktop li a:active {
   color: white;
}
header.header ul.desktop li a {
   transition: all ease-in-out 0.4s;
   color: white;
   text-decoration: none;
   padding: 15px;
   border-radius: 8px;
}

.logo-site {
   width: 150px;
}

#btn-menu-mobile ul.mobile {
   transition: all ease-in-out 0.4s;
   display: none;
}

header.header ul.mobile {
   list-style: none;
   display: block;
   justify-content: center;
   align-items: center;
}
header.header ul.mobile li {
   margin-bottom: 15px;
}
header.header ul.mobile li a:hover {
   background-color: white;
   color: var(--color-orange-1);
}
header.header ul.mobile li a:active {
   color: white;
}
header.header ul.mobile li a {
   transition: all ease-in-out 0.4s;
   color: white;
   text-decoration: none;
   padding: 15px;
   border-radius: 8px;
}

header.header a.btn-open-mobile:hover {
   transform: scale(1.2);
}
header.header a.btn-open-mobile {
   transition: all ease-in-out 0.3s;
   text-decoration: none;
   color: white;
   font-size: 20px;
}
.aceite {
   color: var(--color-orange-1) !important;
}

.aceite a:hover {
   color: var(--color-orange-1) !important;
}

.aceite a:active {
   color: var(--color-blue-1) !important;
}
.aceite a {
   color: var(--color-blue-1) !important;
   text-decoration: none;
}

@media (min-width: 992px) {
   header.header {
      height: 100px !important;
      min-height: 100px !important;
      max-height: 100px !important;
   }
}

.video-inst {
   margin: 0px !important;
   padding: 0px !important;
   box-sizing: border-box !important;
   border-width: 2vw !important;
   border-style: solid !important;
   border-color: #cdcdc6 !important;
   border-bottom-left-radius: 25px !important;
   position: relative !important;
}

.video-inst::after {
   content: '';
   display: block;
   width: 104%;
   height: 104%;
   position: absolute;
   top: -2%;
   left: -2%;
   z-index: 2;
   pointer-events: none;
   border: 3px solid white;
   border-bottom-left-radius: 25px;
}

.video-inst::before {
   content: '';
   display: block;
   width: 2%;
   height: 50%;
   position: absolute;
   top: 5%;
   right: -3%;
   z-index: 3;
   pointer-events: none;
   border: 0px solid #0487a5;
   background-color: #0487a5;
}

.video-inst iframe {
   position: relative;
   width: calc(50vw);
   height: calc(23.2vw);
}

@media (max-width: 992px) {
   .video-inst iframe {
      position: relative;
      width: calc(90vw);
      height: calc(41.76vw);
   }
}

.contato-icones {
   font-family: 'FontAwesome' !important;
   color: var(--color-orange-1);
   margin-right: 10px;
   font-size: calc(1vw + 8px);
   background-color: white;
   border-radius: 50%;
   width: calc(2vw + 8px);
   height: calc(2vw + 8px);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}
.contato-detalhes a {
   font-size: calc(1vw + 8px) !important;
   margin-bottom: 12px !important;
   display: block;
}

@media (max-width: 992px) {
   .contato-icones {
      font-size: calc(2vw + 8px);
      width: calc(4vw + 8px);
      height: calc(4vw + 8px);
   }
   .contato-detalhes a {
      font-size: calc(2vw + 8px) !important;
   }
}

.slider-nav-outside-expand .slider-nav.slider-nav.reajustar {
   height: 50% !important;
   margin-top: 23% !important;
}
.slider-nav-outside-expand .slider-nav.slider-nav-next.reajustar-next {
   height: 50% !important;
   margin-top: 23% !important;
}

.ampliar-plantas:hover {
   background-color: #0487a5;
}
.ampliar-plantas {
   z-index: 999;
   position: absolute;
   bottom: 0%;
   left: calc(50% - 2.5%);
   width: 5vw;
   height: 5vw;
   border-radius: 50%;
   background-color: #0487a53d;
   color: white;
   transition: background-color ease-in-out 0.3s;
   cursor: pointer;
   font-size: calc(0.5vw + 5px);
}

/* APARTAMENTOS */
.banner-apartamentos {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.banner-apartamentos p:nth-child(1) {
   color: var(--color-orange-1);
   font-weight: 800;
   font-size: calc(1.5vw + 8px);
   line-height: calc(1.5vw + 8px);
   margin-bottom: 5px;
}

.banner-apartamentos p:nth-child(2) {
   color: var(--color-blue-1);
   font-size: calc(1.5vw + 8px);
   line-height: calc(1.5vw + 8px);
   margin-bottom: 5px;
}

.banner-apartamentos p:nth-child(2) span {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   letter-spacing: 2px;
   font-size: calc(1.5vw + 8px);
   line-height: calc(1.5vw + 8px);
}

.banner-apartamentos p:nth-child(2) span small {
   font-size: 10px;
   letter-spacing: 2px;
   font-weight: bold;
}

.banner-apartamentos p:nth-child(3) {
   color: var(--color-orange-1);
   font-weight: bold;
   font-size: calc(1.1vw + 8px);
   line-height: calc(1.1vw + 8px);
   margin-bottom: 5px;
}

.banner-apartamentos p:nth-child(4) {
   color: var(--color-blue-1);
   font-weight: 800;
   font-size: calc(1.1vw + 8px);
   line-height: calc(1.1vw + 8px);
   margin-bottom: 15px;
}

.banner-apartamentos p:nth-child(5) span {
   position: relative !important;
   z-index: 2 !important;
   color: white;
   font-weight: bold;
   font-size: calc(1.1vw + 8px);
   line-height: calc(1.1vw + 8px);
}
.banner-apartamentos p:nth-child(5) span::before {
   content: '' !important;
   display: block !important;
   width: 150% !important;
   height: 150% !important;
   position: absolute !important;
   top: -25% !important;
   left: -25% !important;
   background-color: var(--color-blue-1) !important;
   z-index: -1 !important;
   border-bottom-left-radius: 15px !important;
}

.img-apat-desc {
   width: 90%;
   pointer-events: none;
}

.img-icones-lazer {
   width: 80%;
   pointer-events: none;
}
@media (max-width: 992px) {
   .img-apat-desc {
      width: 70%;
   }

   .img-icones-lazer {
      width: 70%;
      pointer-events: none;
   }
}