@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

html, body{ overflow-x: hidden !important; }
.container{max-width: 1170px;}
#cabecalho{background-color: #ececec; }
.menu-mobile{display: none;}
.icones{display: none;}
.navbar{padding: .5rem 0rem; flex-wrap: nowrap;}
.navbar-menu{display: flex; padding: 15px 0 15px 0; gap: 15px;}
.navbar-toggler{display: none;}
.menu-centro{display:flex; align-items: center; justify-content: end; }
.menu-centro ul { list-style-type: none;margin: 0;padding: 0;display: flex;}
.menu-centro ul li { margin-right: 5px;}
#ativo{background-color: #650a08; color: #fff !important;}

.menu-centro ul li a {text-decoration: none;padding: 5px; font-family: 'Roboto', sans-serif; font-size: 15px; color: #686868;}
.menu-centro ul li.destk {color: #650a08;}
.menu-centro ul li.destk a {color: #650a08;}

.logo-button{padding: 10px;}
.logo-button .navbar-brand img{padding-left: 40px; margin: 0;}
.collapsing{height: 600px;}
.menu-centro ul li a:hover{color: #650a08;}
.collapse:not(.show){display: block; transform: translateX(100%); overflow-y: auto !important; transition: all 0.5s;}
.navbar-collapse {position: fixed;z-index: 99;transform: translateX(0%);background: #ececec;width: 100%;max-width: 600px;top: 0;right: 0;transition: all 0.5s;overflow-y: auto !important; height: 475px;}
.nav-link{color: #686868; font-size: 25px; transition: all 0.5s; }
.nav-link:hover{color: #650a08; transition: all 0.5s;}
.menu-transition{width: 100% !important; }
.navbar-nav{padding: 25px 60px 0px; }
.icons {display: flex;align-items: center; justify-content: space-between; padding-top: 5px; gap: 10px; }
.icons a {font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 1; display: flex;flex-direction: inherit; align-items: center; text-align: justify;text-decoration: none;color: #7a7a7a;  }
.navbar-brand img{width: 80%;}
.icons img {width: 25px;}
.icons .menu-toggle {display: none;cursor: pointer;}
.navbar-toggler{margin-left: 1%; padding: 0;}
/* #carrossel{padding: 50px 0;} */
.img-fluid{transform: translateX(0px) !important;}
.modal-dialog{max-width: 850px;}
.texto-empreendimento{font-family: 'Roboto', sans-serif; padding-top: 60px;}
.texto-empreendimento a{text-decoration: none;}
.texto-empreendimento h1{text-transform: uppercase; color: #fff; font-weight: 300; margin: 0; font-size: 35px;}
p.titulo{color: #d36b00; line-height: 1;}
.dados{color: #fff; padding-top: 20px;}
p.local{margin: 0;}
p.quartos{line-height: 2; margin: 0;}
.paralelogramo{width: 200px;height: 40px;background-image: url('..//img/botao-paralelogramo.png'); background-position: top center; background-repeat: no-repeat; margin-top: 50px;}
.paralelogramo:hover{animation: tremor 0.3s infinite linear;}

.paralelogramo-content {font-family: 'Roboto', sans-serif;font-weight: 600;
color: white; text-align: center;padding-top: 5px;}
.paralelogramo-content img{margin-top: -4px;}
@keyframes tremor {0% {transform: translateX(-2px);}50% {transform: translateX(2px);}100% {transform: translateX(-2px);}}
.banner-mobile{display: none;}
.carousel-indicators{justify-content: left; bottom: -10px; margin-left: 24%;}
.carousel-indicators li{background-color: #b1aeab; width: 10px; height: 10px; transform: rotate(45deg); margin-right: 5px;}
.carousel-indicators .active{background-color: #d36b00;}


.d-block{ transition: all 0.5s ease-in-out;}



.banner-descktop:hover::after {content: '';position: absolute;width: 40px;height: 83px;top: 374px;left: 795px;background: #ffffff; transform: rotate(45deg);  animation: slideLeft 0.3s forwards; margin-left: -50px;}

.banner-descktop:hover::before {content: '';position: absolute; z-index: 99; width: 40px;height: 83px;top: -38px;left: 0px;background: #ffffff; transform: rotate(45deg);  animation: slideRight 0.2s forwards; margin-left: -43px;}

@keyframes slideRight {
    0% { left: 0px; opacity: 1; }
    100% { left: 7%; opacity: 1; }
  }

  @keyframes slideLeft {
    0% { right: 0; opacity: 1; }
    100% { left: 100%; opacity: 1; }
  }


/* .imgTitle {transition: all 0.5s ease-in-out;}
.imgTitle::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #df717170;transition: all 0.5s ease-in-out; opacity: 0;}
.imgTitle:hover::before {opacity: 1;} */
.imgTitle{height: 270px !important; overflow: hidden; }
.imgTitle img{width: 100%;-webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease;}
.imgTitle img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

.imagem-blog {overflow: hidden;}
.imagem-blog img{width: 100%;height: 100%;-webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease;}
.imagem-blog img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}

#carrossel-01{display: flex; align-items: center; justify-content: center;}

.carousel-control-prev{left: 120px; opacity: 1; background: none; border: none;}
.carousel-control-next{right: 120px;opacity: 1; background: none; border: none;}
.visually-hidden{display: none;}

.carousel-control-prev-icon {margin-left: -200px !important;}
.carousel-control-next-icon {margin-right: -200px !important;}


#sobregt{position: relative; z-index: 1000; margin-top: -22px; background-image: url('..//img/vetor-fundo-2.png'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
#sobregt .paralelogramo{float: right; margin-top: 20px;}
#sobregt .paralelogramo-content img{margin-right: 10px;}
.view {position: relative;left: 0%;top: -13px; }
.view img {position: relative;display: block;}
.view .mask {position: absolute;z-index: 10;width: 100%;height: 100%;left: 10%;top: 4%;}
.sobre-texto{padding-left: 155px;}
.sobre-texto h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #000; font-weight: 300; padding-top: 70px;}
.sobre-texto h2{font-family: 'Roboto', sans-serif;color: #656565;font-weight: 300; font-size: 17px;}
#empreendimento h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 400; color: #000; padding: 20px 0; font-size: 2rem;}
.item h2{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #979797; font-size: 15px;}
.item h2 span{color: #979797 !important;}
.descricao{padding: 20px 0 20px 0;}
.descricao-serv{display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px;}
.descricao h3{font-family: 'Roboto', sans-serif; color: #1a6e81; font-size: 15px; padding-top: 30px;}
.descricao p{font-family: 'Roboto', sans-serif; color: #979797; font-size: 16px; line-height: 0.8; margin-bottom: 10px;}
.descricao-2 h3{font-family: 'Roboto', sans-serif; color: #00233c; font-size: 15px; padding-top: 30px; text-transform: uppercase;}
.descricao-2 p{font-family: 'Roboto', sans-serif; color: #979797; font-size: 16px; line-height: 0.8; margin-bottom: 10px;}
.btn-a{cursor: pointer;}
.btn-a img{width: 45px;}
#garantia{position: relative; z-index: 2; background-image: url('..//img/vetor-fundo-5.png'); background-position: top center; background-repeat: no-repeat; background-size: cover; height: 427px;}
#garantia a{text-decoration: none;}
#garantia h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 45px; font-weight: 300; color: #fff; padding: 100px 0 0px 0;}
#garantia h1 span{font-weight: 500;}
#garantia .paralelogramo img{width: 11%; margin-right: 8px;}
#garantia .paralelogramo p{font-size: 18px;}
.voltar{text-align: center; margin: 30px 0; color: #d36b00;}
.voltar a{text-decoration: none; color: #d36b00; cursor: pointer;}
#footer {background-image: url("..//img/fundo-sobre.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; color: #fff;padding: 50px 0;font-family: "Arial", sans-serif;}
#footer h3 { color: #fff;font-size: 25px;font-weight: 700;margin-bottom: 10px;text-transform: uppercase;}
#footer p,
#footer a {color: #ccc;font-size: 15px;text-decoration: none;}
#footer a.maps {color: #ffeb3b; font-weight: 600;display: inline-block;margin-top: 5px;transition: color 0.3s;}
#footer a.maps:hover {color: #fff;}
#footer h3 + div article h3 {color: #fff;font-size: 18px;font-weight: 400;display: inline-block;}
.footer-links {margin-bottom: 30px;}
/* ====== REDES SOCIAIS ====== */
.rede-sociais {display: flex;gap: 15px;align-items: center;margin-top: 10px;}

.rede-sociais a:hover img.icone-svg {transform: scale(1.1);}
#contatos1 a{text-decoration: none;}
#contatos1 h3{color: #fff; font-weight: 400; padding-top: 10px;}
#contatos1 p{color: #fff; font-weight: 500; line-height: 1; margin: 0;}
.endereco1 h4{font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px; padding-top: 25px;}
.endereco1 p{font-family: 'Roboto', sans-serif; font-size: 15px; text-decoration: underline; text-underline-position: under;}

#redesmobile{display: none; background-color: #650a08;}
.rede-sociais{display: flex; align-items: center; gap: 25px;}
.rede-sociais img{padding-top: 50px; width: 30px;}
footer{background-color: #2e0605;}
#direitos{padding-top: 20px;}
#direitos p{font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px; font-weight: 500;}
#logo-as{text-align: right; padding-top: 15px;}
#logo-as img{width: 60px;}

/* -----------------------------------------   CARROSSEL    --------------------------------------------- */

#slidmobile{display: none;}

/* -----------------------------------------   CARROSSEL    ---------------------------------------------- */


/* Imoveis vendas */
.texto-vendas h1 {font-family: 'Roboto', sans-serif;text-transform: uppercase;font-weight: 300;color: #df7171;padding: 50px 0 0px 0; margin: 0;}
.texto-vendas p {font-family: 'Roboto', sans-serif;color: #979797;font-size: 25px;font-weight: 300; padding-bottom: 10px;}

.vendas-m{padding-bottom: 20px;}
.box-form{background-color: #aaaaaa; padding: 10px 15px;}
.box-form h3{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #1a1a1a; font-weight: 300;}
label{margin: 0;}
.form-control-v{border-left: 3px solid #df7171; border-radius: 0; margin-bottom: 10px;}
.btn{margin-top: 20px; background-color: #df7171; color: #fff; border-radius: 0;}
.medidas{text-align: center; padding: 20px 0;}
.medidas img{width: 12%; padding-bottom: 10px;}
.info-imoveis h2{font-family: 'Roboto', sans-serif; color: #1b1b1b; font-size: 25px;}
#mais-infomacoes{padding-bottom: 30px;}
#mais-infomacoes img{padding-bottom: 20px;}
.fotos-casa{height: 150px; margin-bottom: 20px; overflow: hidden;}
.img-venda{height: 350px; overflow: hidden;}
/* -------------- */

/* -----------------------------------------   SOBRE    -------------------------------------------------- */
#exame{background-color: #f3f3f3; position: relative; margin-top: 30px;}
.exame-larissa{padding-left: 10px;}
.exame-larissa h1{color: #000;padding-top: 20px;text-transform: uppercase;font-size: 2rem;margin: 0;}
.exame-larissa p{color: #000; padding-top: 10px; font-size: 15px;}
.exame-larissa p span{color: #650a08;}
.borda{padding-top: 20px;}
#exame .saiba-mais{margin: 20px 0;}
#exame .saiba-mais button{text-transform: uppercase; background-color: #650a08; color: #fff; border: #650a08; cursor: pointer; padding: 3px 15px;}
#exame .saiba-mais button:hover{background-color: #922e2c;}
.imagem-diretor{margin-top: -25px;}
.imagem-diretor img{width: 100%; height: 100%; object-fit: cover;}
.btn-g{text-transform: uppercase; background-color: #650a08; color: #fff; border: #650a08; cursor: pointer; padding: 3px 15px;}
.btn-g:hover{background-color: #922e2c;}


#sobre{background-image: url("..//img/fundo-sobre.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative; }
.sobre-larissa{padding-left: 10px;}
.sobre-larissa h1{color: #fff;padding-top: 20px;text-transform: uppercase;font-size: 2rem;margin: 0;}
.sobre-larissa p{color: #fff; padding-top: 10px; font-size: 15px;}
.borda{padding-top: 20px;}
.saiba-mais{margin: 20px 0;}
.saiba-mais button{text-transform: uppercase; background-color: #d5d2d2; color: #650a08; border: #d5d2d2; cursor: pointer; padding: 3px 15px;}
.saiba-mais button:hover{background-color: #919191;}
.imagem-sobre img{width: 100%; height: 100%; object-fit: cover;}

#unidades{background-color: #f3f3f3;}
.unidades{padding-bottom: 50px;}
.unidades-cidades{display: flex; align-items: center; justify-content: space-between;}
.texto-unidades h2{text-transform: uppercase; color: #650a08; font-size: 45px; font-weight: 300;}
.texto-unidades h2 span{font-weight: 600;}


#especialista h1{color: #000; text-transform: uppercase; font-size: 2rem; font-weight: 400; padding-top: 30px;}
.diferencial{display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; padding-top: 20px;}
.camadas-diferencial{text-align: center; width: 150px; height: 150px;}
.camadas-diferencial img{width: 60px; height: 60px; object-fit: contain; display: block; margin: 0 auto;}
.camadas-diferencial p{font-size: 14px; margin-top: 10px; color: #000;}

#blog{background-color: #f0f0f0; padding-bottom: 30px;}
#blog h1{text-transform: uppercase; color: #000; font-size: 2rem; font-weight: 400; padding: 30px 0 25px 0;}
#blog h3{color: #620a08;}
#blog .saiba-mais{margin: 20px 0;}
#blog .saiba-mais button{text-transform: uppercase; background-color: #650a08; color: #fff; border: #d5d2d2; cursor: pointer; padding: 3px 15px;}
#blog .saiba-mais button:hover{background-color: #922e2c;}
.faq { margin-top: 30px; max-width: 100%; width: 720px; }
.faq-item { margin-bottom: 10px; overflow: hidden; background: #f3f3f3; color: #000; border-left: 13px solid #650a08; transition: all 0.3s ease; }
.faq-item.open { background: #aaaaaa; border-left-color: #8b0d0b; }
.faq-summary {
min-height: 30px; padding: 5px 16px; 
display: flex;justify-content: space-between;align-items: center;width: 100%;border: none;}
.faq-summary span { display:inline-block; vertical-align: middle; }
.faq-summary img { width: 15px; transition: transform 0.3s ease; pointer-events: none; }
.faq-item.open .faq-summary img { transform: rotate(180deg); }
.faq-content { padding: 0 16px;margin: 0;background: #f9f9f9;color: #333;overflow: hidden;transition: max-height 0.4s ease, padding 0.3s ease;max-height: 0;  box-sizing: border-box; will-change: max-height;}
.agendamento { width: 280px; margin: 0 0 0 auto; position: relative; background: #f3f3f3; padding: 80px 0 0 0; overflow: visible; text-align: center; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); }
.agendamento > img { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); width: 220px; max-width: 100%; z-index: 2; pointer-events: none; }
.agendamento button { width: 100%; margin-top: 190px; background: #650a08; color: #fff; border: none; padding: 12px 24px; font-size: 1rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; transition: all 0.2s ease; position: relative; z-index: 3; text-transform: uppercase; }
.agendamento button img { position: static; width: 22px; height: 22px; object-fit: contain; display: inline-block; }
.agendamento button:hover { background: rgb(211, 30, 30); transform: translateY(-2px); box-shadow: 0 10px 20px rgba(217,48,37,0.3); }


.empresas-parceiras {padding: 40px 0; position: relative;}
.empresas-parceiras h1 {text-transform: uppercase; color: #00233c; font-size: 2rem; font-weight: 400;}
.swiper { width: 100%;margin: auto;position: relative;}
.swiper-slide {display: flex;justify-content: center;align-items: center; height: 120px;}
.swiper-backface-hidden{margin: 0 !important;}
.swiper-slide img {max-width: 150px;max-height: 150px;object-fit: contain;}
.swiper-button-prev, .swiper-button-next {display: flex !important; color: #666;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 15%);}
.swiper-button-next, .swiper-button-prev {top: var(--swiper-navigation-top-offset, 60%);}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 15%);}

.sobre-visao{display: flex;}
.visao{padding: 0 100px;width: 60%;}
.valores {padding: 0 20px;width: 45%;}
.visao {background-color: #00233c;color: white;}
.texto-visao{width: 70%; margin-left: auto; padding-left: 10px; }
.valores { background-color: #00c7fc;color: white;}
.texto-valores{width: 70%; margin-right: auto;}
.texto-valores p{padding-bottom: 20px;}
.visao h2, .valores h2 {margin-bottom: 15px; padding-top: 20px; font-weight: 400;}
.visao h3{color: #008bbf; font-weight: 400; margin: 0;}
.valores p {margin-top: 10px;}
.icone {margin-top: 20px;display: flex;gap: 20px;}
.icone div {text-align: center;}
.icon-agilidade p{width: 200px;}

#sobre-p{padding: 30px 0;}
.banner-sobre {margin-bottom: 20px;}
.banner-sobre img{width: 100%;}
#sobre-p h1{font-size: 2rem; font-weight: 400; text-transform: uppercase; color: #000; margin-bottom: -50px;}
.mensagem {padding: 40px 0;background-color: #fff;}
.container-mensagem {display: flex;align-items: stretch;gap: 15px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 25px 0;}
.barra { width: 20px;background-color: #600606; }
.texto h2 {color: #600606;font-size: 50px;font-weight: 300;line-height: .9;margin: 0;}
.texto p {color: #000;font-size: 30px;margin-top: 5px;line-height: 1.3;}

.unidades h1{margin-bottom: 0 !important;}

#galeria-fotos{background-image: url("..//img/fundo-sobre.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat; padding: 20px 0;}
.texto-depoimento h2{text-transform: uppercase; color: #fff;}
#galeria-fotos .col-lg-2{flex: 0 0 20%; max-width: 20%;}
#galeria-fotos .col-lg-2 img{border-bottom: 3px solid #f3f3f3; padding-bottom: 2px; margin-bottom: 26px; height: 157px;}
/* ===== Modal ===== */
.modal {display: none;position: fixed;z-index: 9999;inset: 0; background-color: rgba(0,0,0,0.9);justify-content: center;align-items: center;flex-direction: column;}
.modal-conteudo {max-width: 80%;max-height: 80vh;border-radius: 8px;box-shadow: 0 0 20px rgba(0,0,0,0.6);transition: 0.3s ease;}
.fechar {position: absolute;top: 20px;right: 30px;color: #fff;font-size: 35px;font-weight: bold;cursor: pointer;transition: 0.3s;}
.fechar:hover { color: #d02c35; }
.anterior, .proximo {cursor: pointer;position: absolute;top: 50%;color: #fff;font-size: 40px;font-weight: bold;padding: 16px;margin-top: -22px;transition: 0.3s;user-select: none;}
.anterior { left: 20px; }
.proximo { right: 20px; }
.anterior:hover, .proximo:hover { color: #d02c35; }

#sobre-diretor{padding: 20px 0;}
#sobre-diretor .row{align-items: center;}
.texto-sobre-diretor h2{color: #001757; font-weight: 400;}
.texto-sobre-diretor p{color: #5e5e5e;}

#diferencial-sobre{padding-top: 60px; padding-bottom: 80px;}
.texto-diferencial{position: relative; color: #001757; }
.texto-diferencial h2{font-size: 2.9rem;font-weight: 300;}
.texto-diferencial span{font-weight: bold;}
.aspas-02{position: absolute; right: 30%;}

#servicos{padding: 30px 0;}
#servicos h1{color: #00233c; font-weight: 400; font-size: 2rem; text-transform: uppercase; padding-bottom: 20px;}
.servicos-p{padding-bottom: 20px;}

#parceiros{padding-bottom: 30px;}
#parceiros h1{color: #00233c; font-weight: 400; font-size: 2rem; text-transform: uppercase; padding: 30px 0 20px 0;}
.icone-parceiros{padding: 20px 0; text-align: center;}

.imagem-servicos img{width: 100%;}
.imagem-noticias{padding-bottom: 30px;}
.imagem-noticias img{width: 100%;}

.titulo-area {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.btn-voltar {position: relative;top: -20px;background: #650a08;color: #fff;
padding: 8px 18px;border-radius: 5px;text-decoration: none;font-weight: 600;transition: 0.2s ease;}
.btn-voltar:hover {background: #8b0d0b;text-decoration: none; color: #fff;}







.texto-engenheiro h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #1a6e81; font-weight: 400; margin: 0;}
.texto-engenheiro p{font-family: 'Roboto', sans-serif; color: #b96209; font-size: 20px; line-height: 1;}
.texto-descricao p{font-family: 'Roboto', sans-serif; color: #656565; font-size: 14px; padding-top: 30px;}
#imagem-fundo{padding: 20px 0 20px 0; background-image: url('..//img/maps.png'); background-position: top right; background-repeat: no-repeat; background-size: 27%; background-position-x: 65%;}
#quadro-texto{padding: 50px 0 50px 0;}
.caixa-texto{background-color: #f8f8f8; border-bottom: 5px solid #dd8f00; padding: 20px; transition: linear 0.3s; margin-bottom: 30px; height: 500px;}
.caixa-texto img{float: right;}
.caixa-texto:hover{background-color: #1a6e81; color: #fff ; transition: linear 0.3s;}
.caixa-texto:hover h1,.caixa-texto:hover p {color: #fff;}
.caixa-texto h1{font-family: 'Roboto', sans-serif; color: #1a6d81; font-weight: 300; padding-bottom: 20px;}
.caixa-texto p{font-family: 'Roboto', sans-serif; color: #656565; padding-bottom: 10px;}
.play-button {position: absolute;top: 100%; left: 50%;transform: translate(-50%, -50%); width: 80px;height: 80px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.8);
display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background-color 0.3s ease;}
.play-button:hover {background-color: rgba(255, 255, 255, 1);}
.play-button::before {content: "";
width: 0;height: 0; border-top: 18px solid transparent;border-bottom: 18px solid transparent;border-left: 30px solid rgba(0, 0, 0, 0.7);transition: transform 0.3s ease;}
.play-button:hover::before {transform: translateX(8px);}


/* -------------------------------------   EMPREENDIMENTO    ---------------------------------------------- */

#empreendimento a{text-decoration: none;}
#empreendimento .item .imgTitle img{width: 100%;}
#empreendimento .item >h2{text-transform:capitalize; color: #df7171;}
#empreendimento .descricao h3{color: #979797;}
.lancamento h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 300; color: #df7171; font-size: 35px; padding: 50px 0 0 0 !important; margin: 0; }
.lancamento p{font-family: 'Roboto', sans-serif; color: #979797; font-size: 25px; font-weight: 300;}
.item-texto{border-bottom: 3px solid #e2e2e2; padding-top: 10px; margin-bottom: 20px;}
.item-texto h2{font-family: 'Roboto', sans-serif; color: #df7171; font-size: 15px;}
.imgTitle1 {position: relative;transition: all 0.5s ease-in-out; }
.imgTitle1::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #df717170;transition: all 0.5s ease-in-out;opacity: 0;}
.imgTitle1:hover::before {opacity: 1;}

.lista-servicos h2{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 600; color: #df7171; font-size: 16px; padding: 50px 0 0 0 !important; margin: 0;}
.lista-servicos p{font-family: 'Roboto', sans-serif; color: #df7171; font-size: 15px; padding-bottom: 30px; font-weight: 600;}
.lista-servicos ul li{color: #656565;}
.icones-fazemos{padding-top: 50px;}
#adm{background-color: #fcfcfc; padding: 30px 0;}
#adm .icones-fazemos{text-align: right;}
#oquefazemos .icones-fazemos{text-align: center;}


/* ---------------------------------   EMPREENDIMENTO-DETALHES    ------------------------------------------ */

#Emprendimento-detalhe{margin-bottom: 50px;}
.video{position: relative;width: 100%;height: 520px;transition: all 0.5s;}
#player {width: 100%;height: 100%;background: black;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all 0.5s;}
.aux {overflow: hidden; display: block;width: 100%;height: 520px;position: relative;pointer-events: none;}
.play_content {position: absolute; top: 0;left: 0;width: 100%; height: 100%; display: flex;justify-content: center;align-items: center;background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;transform: initial; transition: all 0.5s; transition-delay: 0.5s;overflow: hidden; pointer-events: all;}
.play_content:before {content: "";position: absolute; top: 0;left: 0;width: 100%; height: 100%; z-index: 1;}
.play_content video {position: absolute;width: 100%;
height: auto;filter: grayscale(1);}
.play_content button {position: relative; width: 135px; height: 135px; border: 2px solid #FFFFFF; background: transparent; border-radius: 100%;transition: all 0.5s; z-index: 1; display: flex;justify-content: center;
align-items: center;}
.play_content button:hover{ border: 2px solid #dd8f00;}
.play_content button svg path:hover{fill: #dd8f00;}
#sobre-detalhe{background-image: url('..//img/fundo-especialista.jpg'); background-position: top center; background-repeat: no-repeat;  background-size: cover; padding: 30px 0; }
#sobre-detalhe .d-block{transform: translateX(0px);}
#sobre-detalhe .texto-empreendimento{padding-top: 30px;}
#sobre-detalhe .paralelogramo-content img{margin-right: 10px;}
#galeria{padding-bottom: 50px; padding-top: 30px;}
#galeria h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #df7171; font-weight: 300; margin: 0; padding-bottom: 50px; }
.img-galeria{padding: 20px 0 20px 0; height: 145px; overflow: hidden;}
#galeria #mixedSlider .MS-content .item {width: 25%;}
#galeria #mixedSlider .MS-controls button{top: 40px;}
#galeria #mixedSlider .MS-controls .MS-left {left: -90px;}
#galeria #mixedSlider .MS-controls .MS-right {right: -90px;}
#idg1{padding-bottom: 50px;}
#idg1 h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #df7171; font-weight: 300; margin: 0; padding-bottom: 50px;}
#idg1 #mixedSlider .MS-content .item {width: 25%;}
#idg1 #mixedSlider .MS-controls button{top: 40px;}
#idg1 #mixedSlider .MS-controls .MS-left {left: -90px;}
#idg1 #mixedSlider .MS-controls .MS-right {right: -90px;}
#diferenca{padding: 50px 0 50px;}
#diferenca h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #1a6e81; font-weight: 300; margin: 0; padding-bottom: 50px;}
#exampleSlider {position: relative;}
#diferenca .carousel-indicators{justify-content: center; margin-left: 100px; bottom: 0;}
.text-dicas{height: 150px; }
.text-dicas p{color: #4c4b4b;}
#exampleSlider .MS-content {margin: 0px 0%;overflow: hidden;white-space: nowrap;}
#exampleSlider .MS-content .item {display: inline-block;overflow: hidden; position: relative; vertical-align: top;border-right: none; padding: 0 20px 0 0;}
#exampleSlider .MS-content .item p {font-size: 18px; white-space: normal;line-height: 1; vertical-align: middle; margin: 0;padding: 10px 0;}
#exampleSlider .MS-controls button {position: absolute; border: none; background: transparent; font-size: 30px; outline: 0;top: 35px;}
#exampleSlider .MS-controls button:hover {cursor: pointer;}
#exampleSlider .MS-controls .MS-left {left: 10px;}
#exampleSlider .MS-controls .MS-right {right: 10px;}
@media (max-width: 767px) { #exampleSlider {border-color: transparent;}}
@media (max-width: 767px) {#exampleSlider .MS-content {margin: 0;}}
@media (max-width: 1200px) {#exampleSlider .MS-content .item {width: 25%;}}
@media (max-width: 992px) {#exampleSlider .MS-content .item {width: 33.3333%;}}
@media (max-width: 767px) {#exampleSlider .MS-content .item { width: 100%;}}
@media (max-width: 767px) {#exampleSlider .MS-controls button { display: none;}}
@media (max-width: 992px) {#exampleSlider .MS-controls .MS-left {left: -2px;}}
@media (max-width: 992px) { #exampleSlider .MS-controls .MS-right {right: -2px;}}
#detalhe-contato{background-color: #aaaaaa; margin-bottom: -30px;}
.form-section{background-color: #b78d87; padding: 30px 0 30px 0; }
.signup-form{padding: 20px 0 50px 0;}
.form-section h1{font-family: 'Roboto', sans-serif; font-weight: bold; color: #fff;}
.form-section p{color: #fff; }
.botao{height: 45px; background-color: #df7171 !important; font-size: 20px; padding: 0px 5px 0px 5px; margin-top: 25px; border-radius: 0; border-color: #df7171; font-family: 'Roboto', sans-serif;}
.botao:hover{border-color: #df7171;}
.signup-form label{color: #4c4b4b; margin: 0;}
.signup-form input{border-radius: 0; background-color: #e0e0e0; border-left: 5px solid #df7171;}
.form-control{height: calc(2.7rem + 2px);}
.form-control-v{height: calc(2.8rem + 2px);}
.menu-title{padding: 20px 0 20px 0;}
.title1 h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 35px; color: #df7171; font-weight: 300; margin: 0; }
.title1 p{font-family: 'Roboto', sans-serif; color: #979797; font-size: 22px;}
.menu1 {padding-bottom: 30px;}
.menu1 ul {list-style: none;padding: 0;margin: 0;}
.menu1 li {display: inline-block;}
.menu1 a {font-family: 'Roboto', sans-serif; text-decoration: none;color: #666c6d;font-weight: 400;padding: 5px 10px; border-right: 2px solid #c5c7c7;}
.btn-close{border: none;}

.title h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 35px; color: #df7171; font-weight: 300; margin: 0; padding-top: 20px;}
.title-01 h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 35px;  font-weight: 300; margin: 0; padding-top: 20px;}


/*:::::: Contatos ::::::*/
#contatos{padding: 30px 0;}
#contatos h1{font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 300; color: #000; font-size:2rem;  margin: 0; font-weight: 400;}
#contatos p{font-family: 'Roboto', sans-serif; color: #000; font-weight: 300;}
#contatos label{font-family: 'Roboto', sans-serif; color: #646464; padding: 20px 0 0px 0; font-size: 20px;}
#contatos input{background-color: #e0e0e0; border-radius: 0px; border-left: 5px solid #650a08;}
#contatos .form-control{background-color: #e0e0e0;  border-radius: 0px; border-left: 5px solid #650a08;}
#contatos button{ background-color: #650a08; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 500; border-radius: 0px; width: 90px; height: 40px; margin-top: 20px;}
#contatos-direto{ padding-left:7% ; padding-top: 50px;}
#contatos-direto a{text-decoration: none;}
#contatos-direto h1{padding-top: 40px; padding-bottom: 30px;}
#contatos-direto h3{font-family: 'Roboto', sans-serif; font-size: 25px; color: #6d6868; font-weight: 300;}
#contatos-direto h3:hover{color: #1a6e81;}
#contatos-direto h3 img{width: 18%; padding-right: 10px;}
.email{cursor: pointer;}
#contatos-direto p{font-family: 'Roboto', sans-serif; color: #4c4b4b; font-size: 16px; font-weight: 300; margin: 0; padding: 10px 0 10px 0; text-align: justify;}
#contatos-direto p:hover{color: #1a6e81;}
#contatos-direto p img{padding-right: 10px; width: 12%;}
.endereco-container a{display: flex; align-items: center; justify-content: center;}
.endereco-container img{width: 15%; padding-left: 5px; padding-right: 15px;}
.barra2{width: 230px; height: 3px; background-color: #f5f5f5; margin-top: 20px;}
.barra3{width: 230px; height: 3px; background-color: #f5f5f5; }
.mapa{padding: 80px 0 50px 0;}
.maps{background-image: url('..//img/maps.png'); background-position: top right; background-repeat: no-repeat; background-size: 36%; background-position-x: 90%;}
.maps iframe{width: 100%; height: 550px; padding-top: 20px; padding-bottom: 50px; }

input[type="file"] {font-family: 'Roboto', sans-serif; padding: 0.375rem 0.75rem;}


#obras{padding-bottom: 50px;}
#obras .col-lg-3{max-width: 14%;}
.obra-andamento{font-family: 'Roboto', sans-serif; padding-top: 30px; scroll-margin: 106px 0 0 50px;}
.textazul {font-family: 'Roboto', sans-serif; font-weight: 300; color: #df7171;}
.head26 {font-size: 26px;font-weight: bolder;}
.single-chart {justify-content: space-around;text-align: center;}
.circular-chart {display: block;margin: 10px auto;max-width: 80%;max-height: 250px;border-radius: 50%;}
.circle-bg {fill: none;stroke: #979797;stroke-width: 2.5;}
.circle {fill: none;stroke-width: 2.5;animation: progress 5s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.circular-chart .circle {stroke: #df7171;}
.circular-chart .circle {stroke: #df7171;}
.percentage {fill: #979797;font-family: 'Roboto', sans-serif;font-size: 0.4em;font-weight: bold;text-anchor: middle;}
.single-chart p {font-family: 'Roboto', sans-serif; color: #6d805e; font-size: 18px;font-weight: 300;}
.textlaranja {color: #f26521;}
.head26 {font-size: 26px;font-weight: bolder;}
.border-secondary {border-color: #f26521 !important;}
.card {overflow: hidden;transition: all .5s ease-in-out;min-height: 130px;height: 130px;}
.card img {height: 100%;transition: 0.25s;}
.barra-carrossel{background-color: #f26521; height: 3px; margin-top: 3px;}

#doc-empreendimento{font-family: 'Roboto', sans-serif; padding: 30px 0;}
#doc-empreendimento h1{text-transform: uppercase; font-weight: 300; color: #1a6e81;}
#doc-empreendimento ul{list-style: none; font-size: 18px;}
#doc-empreendimento ul li{padding-bottom: 10px;}
#doc-empreendimento ul li a{font-family: 'Roboto', sans-serif; color: #f26521; text-decoration: none; padding: 0 5px; cursor: pointer !important;}
#doc-empreendimento ul li a:hover{text-decoration: underline; color: #1a6e81;}


#cont-empreendimento{font-family: 'Roboto', sans-serif; padding-bottom: 20px;}
#cont-empreendimento h1{text-transform: uppercase; font-weight: 300; color: #1a6e81; padding-bottom: 20px;}
#cont-empreendimento a{text-decoration: none;}
#cont-empreendimento p{font-size: 22px; color: #f26521;}

.desenvolvedor {position: absolute; right: -10%; bottom: 55%; background-color: #fff; text-align: left; border-radius: 8px; width: 250px; opacity: 0; transition: opacity 0.3s ease;}
.desenvolvedor:hover {opacity: 1;}
.desenvolvedor h1 {background-color: #f6f6f6; padding: 10px; font-size: 17px; border-radius: 5px;}
.desenvolvedor p {font-size: 14px; padding: 10px;}
.contato_desenvolvedor {display: flex; align-items: center; justify-content: space-between; padding: 10px;}
.contato_desenvolvedor p {margin: -20px 0 0 0;}
.contato_desenvolvedor img{width: 30px; padding: 0 !important;}



/*:::::: Final Contatos ::::::*/


@media screen and (max-width: 1424px){
    .texto-empreendimento{padding-top:0;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 5%);
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 5%);
    }
}

@media screen and (max-width: 1366px){
    .carousel-control-prev {left: 50px;}
    .carousel-control-next {right: 50px;}
    .banner-descktop:hover::after {top: 306px; margin-left: -43px;}
    .banner-descktop:hover::before {top: -30px;}
    .imgTitle img{transition: all 0.5s ease-in-out;}
    #imagem-fundo {background-size: 38%;background-position-x: 75%;}
    .endereco1 br{display: none;}

}

@media screen and (max-width: 1200px){
    .menu1{padding-top: 0;}
}

@media screen and (max-width: 1024px){
    .texto-empreendimento{padding-top: 0px;}
    .carousel-indicators { margin-left: 5%;}
    .banner-descktop::after {top: 320px;left: 610px;}
    #sobre-p{text-align: center;}
    .sobre-visao{display: block;}
    .visao {width: 100%; padding: 0 20px;}
    .texto-visao{width: 100%; margin: 0; padding: 0; padding-bottom: 20px;}
    .valores{width: 100%;}
    .texto-valores{width: 100%;}
    #sobre-diretor{text-align: center;}
    .texto-diferencial{text-align: center;}
    .sobre-valores{text-align: center;}
    #parceiros{text-align: center;}
    #servicos{text-align: center;}
    .navbar-toggler{display: block;}
    .icon-agilidade p{width: auto;}

    


}


@media screen and (max-width: 990px){
    .menu-descktop{display: none;}
    .menu-mobile{display: block;}
    .menu-centro{display: none;}
    #sliddesktop{display: none;}
    #slidmobile{display: block;}
    .collapsing{height: 100%;}
    .navbar-collapse{height: auto;}
    .menu-mobile .nav-link{font-size: 25px;}
    .menu-mobile .nav-link img{padding-bottom: 10px; padding-right: 10px;}
    .icones{display: inline-flex; align-items: center; background-color: #620a08; padding: 0 20px; height: 150px; width: 100%;}
    .icones p{margin-left: 20px; font-family: 'Roboto', sans-serif; padding-top: 15px; font-size: 25px; color: #fff;}
    .icones-topo{display: flex; gap: 10px;}
    .icones-topo img{width:40px;}
    .contato-topo{width: 60%;}
    .contato-topo a{color: #fff;}
    .banner-mobile{display: block; padding: 20px 10px 0px 10px;}
    .banner-descktop{display: none; }
    .icons{margin-left: 10%; }
    .navbar-toggler{margin-left: auto;}
    .icons a {font-size: 12px;}
    .texto-empreendimento{text-align: center; padding-top: 100px;}
    .contenedor1{display: flex; align-items: center; justify-content: center;}
    #carrossel .carousel-item a{display: flex; align-items: center; justify-content: center;}
    .carousel-control-prev{left: 20px;}
    .carousel-control-next{right: 20px;}
    #banner{height: auto;}
    #sobregt{background-color: #fcfcfc; background-image: none;}
    #sobregt .col-lg-3{display: none;}
    .sobre-texto{text-align: center; padding-left: 0px;}
    .sobre-texto h1{padding-top: 50px;}
    #empreendimento{text-align: center; padding: 20px 0 20px 0;}
    #garantia{background-image: url('..//img/fundo-garantia.jpg'); height: 390px}
    #garantia h1{padding: 80px 0 0px 0; font-size: 30px;}
    #footer{text-align: center; padding: 20px 0 0 0 ;}
    .footer-info img{padding-top: 50px;}
    .menu{display: none;}
    .footer-newsletter{display: none;}
    #redesmobile{display: block; text-align: center; padding: 20px 0 20px 0;}
    #redesmobile a img{padding-right: 20px; width: 55px;}
    footer{text-align: center; padding-bottom: 20px;}
    #logo-as{text-align: center;}
    .texto-engenheiro, .texto-descricao{text-align: center;}
    .texto-engenheiro h1{padding-top: 30px;}
    #sobre-detalhe .texto-empreendimento{padding-bottom: 30px;}
    #garantia .paralelogramo{margin-top: 50px;}
    #galeria #mixedSlider .MS-content .item{width: 100%;}
    .img-galeria{height: auto;}
    #idg1{padding: 0;}
    #idg1 #mixedSlider .MS-content .item{width: 100%;}
    #diferenca{padding: 10px 0 10px 0;}
    #detalhe-contato{background-image: none;}
    #Emprendimento-detalhe{padding: 0;}
    #player{height: 390px;}
    #galeria #mixedSlider .MS-controls .MS-left {left: 45px;}
    #galeria #mixedSlider .MS-controls .MS-right {right: 45px;}
    #galeria #mixedSlider .MS-controls button {top: 175px;}
    #idg1 #mixedSlider .MS-controls .MS-left {left: 45px;}
    #idg1 #mixedSlider .MS-controls .MS-right {right: 45px;}
    #idg1 #mixedSlider .MS-controls button {top: 175px;}
    #contatos-direto{text-align: center;}
    #contatos-direto h3 img {width: 10%;}
    .barra2, .barra3{width: 100%;}
    #contatos-direto p{text-align: center;}
    .endereco-container a{display: block;}
    .endereco-container img{width: 8%; padding-top: 20px;}
    .contentor2{display: flex; align-items: center; justify-content: center;}
    .endereco1{padding: 20px;}
    #imagem-fundo {background-size: 35%;background-position-x: 75%;}
    .title1{text-align: center; float: none;}
    .menu{float: none; text-align: center;}
    .menu-title {padding: 20px 0 0px 0;}
   .icones-fazemos{text-align: center !important;}
   .icones-fazemos img{width: 50%;}
   .menu1{padding-bottom: 0;}
   .menu1 li{padding-bottom: 10px;}
   .descricao-2{padding: 20px 0 20px 0; text-align: left;}
   .descricao-2 h3{padding-top: 0;}
   #obras .col-lg-3{max-width: 50%;}
   .sobre-larissa{padding-left: 10px; text-align: center;}
   .saiba-mais{text-align: center; }
   #especialista{text-align: center; background-size: auto;}
   .botao-espec{text-align: center;}
   .saiba-mais{padding: 20px 0;}
   .logo-as-01{width: 20%;}
   .desenvolvedor{right: 20%;}
   .fotos-casa{height: 350px; margin-bottom: 20px; overflow: hidden;}
   .img-venda{height: auto; overflow: hidden;}
   .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 10px);}
   .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 10px);}
   .imagem-diretor{position: relative;}
   .navbar-brand img{max-height: 45px; width: auto;}
   .logo-r{justify-content: center;}
   #blog{text-align: center;}
   #blog img{width: 100%; margin-bottom: 30px;}
   .empresas-parceiras{text-align: center;}
   #empreendimento h1{text-align: center;}
   .imgTitle img{width: 100%;}
   .diferencial{gap: 0px;}
   .camadas-diferencial{width: 225px;}
   .icone{gap: 0px;}
   .icone div{width: 50%;}
   .aspas-01{display: flex;}
   #sobre-p h1{margin: 0;}
   #galeria-fotos .col-lg-2{flex: 0 0 50%; max-width: 50%;}
   .unidades-cidades{display: block; text-align: center; padding-top: 20px;}
   .imagem-unidades img{width: 100%;}
   .agendamento{width: 100%; margin-top: 80px;}
   .imagem-sobre{padding-top: 20px;}

    
}
@media screen and (max-width: 844px){
    #mixedSlider .MS-controls .MS-left{left: -55px !important; }
    #mixedSlider .MS-controls .MS-right{right: -55px !important;} 
    #mixedSlider .MS-content .item a{float: none !important;}
    #mixedSlider .MS-content .item .imgTitle img{margin-bottom: 0 !important;}

    #mixedSlider1 .MS-controls .MS-left{left: -55px !important; }
    #mixedSlider1 .MS-controls .MS-right{right: -55px !important;} 
    #mixedSlider1 .MS-content .item a{float: none !important;}
    #mixedSlider1 .MS-content .item .imgTitle img{margin-bottom: 0 !important;}
    

}

@media screen and (max-width: 768px){
    .video{height: auto;}
    .aux{height: 350px;}
    #player {height: 290px;}
    #galeria #mixedSlider .MS-controls button {top: 130px !important;}
    #idg1 #mixedSlider .MS-controls button {top: 130px !important;}
    #player {height: 255px;}
    #mixedSlider .MS-controls .MS-left{left: -35px;}
    #mixedSlider .MS-controls .MS-right{right: -35px;} 
    #mixedSlider1 .MS-controls .MS-left{left: -35px;}
    #mixedSlider1 .MS-controls .MS-right{right: -35px;} 
    .navbar-nav {padding: 25px 0px 0px 40px;}
    .texto-empreendimento {color: black;}

}
@media screen and (max-width: 573px){
    #mixedSlider .MS-controls .MS-left{left: 12px !important; filter: brightness(0) invert(1);}
    #mixedSlider .MS-controls .MS-right{right: 12px !important; filter: brightness(0) invert(1);} 
    #mixedSlider1 .MS-controls .MS-left{left: 12px !important; filter: brightness(0) invert(1);}
    #mixedSlider1 .MS-controls .MS-right{right: 12px !important; filter: brightness(0) invert(1);} 
   
}

@media screen and (max-width: 501px){
    #mixedSlider .MS-controls .MS-left{left: 12px !important;}
    #mixedSlider .MS-controls .MS-right{right: 12px !important;} 
    #mixedSlider1 .MS-controls .MS-left{left: 12px !important;}
    #mixedSlider1 .MS-controls .MS-right{right: 12px !important;} 
    #imagem-fundo{background-size: 46%;}
    .menu-title {padding: 20px 0 0px 0;}
    .texto-empreendimento {color: black;}
   
}




@media screen and (max-width: 412px){
    .icones .nav-link p{margin-right: -40px;}

    .navbar-toggler{margin: 0;}
    .icones{height: auto;}
    .desenvolvedor {right: 10%;}
}



@media screen and (max-width: 390px){
    .navbar-nav {padding: 25px 0px 0px 18px;}
    
}