@import url(reset.css);
@import url(fonts.css);
@import url(padrao.css);
@import url(responsivo.css);
@import url(swiper.min.css);

header { opacity: 0; float: left; height: 101.5px; position: fixed; z-index: 94; width: 100%; background: #FAFDFF; }
header .area #topo_logo { opacity: 0; top: -50px; float: left; width: 108px; height: auto; position: relative; padding: 11px 0px 5px; }
header .area #topo_inf { opacity: 0; float: right; width: 850px; height: auto; position: relative; padding-top: 23px; }
header .area #topo_inf .area ul { float: left; width: 85%; height: auto; position: relative; padding: 0px; list-style:none; }
header .area #topo_inf ul li { float: left; width:auto; height: auto; padding:0px; margin:0px; }
header .area #topo_inf ul li .traco { background: url(../image/topo-seletor.png) 15px bottom no-repeat; background-size: 0px 2px; font-family: 'Montserrat-Medium'; font-weight: normal; color:#001244; padding: 16px 15.5px 4.5px; font-size:14px; font-weight: normal; display:block; position: relative; text-decoration: none; transition: all 0.7s ease;-webkit-transition: all 0.7s ease; }
header .area #topo_inf ul li .traco:hover { text-decoration: none; color: #3362B8; background: url(../image/topo-seletor.png) 15px bottom no-repeat; background-size: 24px 2px; }
header .area #topo_inf ul li .traco.sel { text-decoration: none; color: #3362B8; background: url(../image/topo-seletor.png) 15px bottom no-repeat; background-size: 24px 2px; }
header .area #topo_inf ul li .link_saiba_mais { min-width: 294px; height: auto; position: relative; float: left; margin-left: 13px; }

header .area #topo_inf ul li ul { 
  top: 66px;
  margin: 0px 0px 0px 0px;
  display: none;
  float: left;
  width: 235px;
  height: 215px;
  position: absolute;
  padding: 12px 20px !important;
  list-style: none;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-bottom: 0px solid #707070;
  border-radius: 0px 10px 10px 10px;
  -webkit-border-radius: 0px 10px 10px 10px;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
}
header .area #topo_inf ul li ul li.link_lida_interna { float: left; width:100%; height: auto; padding: 0px; margin: 0px; }
header .area #topo_inf ul li ul li.link_lida_interna a { font-family: 'Montserrat-Medium'; font-weight: normal; color:#001244; padding: 10px 0px 5px; font-size:14px; font-weight: normal; margin: 0px; border: none; letter-spacing: 0px; text-align: left; transition: 0.7s ease; -webkit-transition: 0.5s ease; float: left; position: relative; width: 100%; height: auto; }
header .area #topo_inf ul li ul li.link_lida_interna a:hover { text-decoration: none; color: #3362B8; border: none; background: url(../image/topo-seletor.png) 1px bottom no-repeat; }

header .area #topo_inf ul li.link_lida:hover ul.sub,
header .area #topo_inf ul li.over ul.sub { display: block; }

.pulse-base { cursor: pointer; position: absolute; top: 0px; left: 0px; height: 56px; width: 56px; border: 15px solid #001244; border-radius: 50%; margin: 0 auto; }
  
.pulse-circle { background: #86cfda; }

.pulse-base:before { content:""; border: 15px solid #001244; border-radius: 50%; height: 54px; width: 54px; position: absolute; left: -29px; bottom: -29px; animation: pulsate 2s ease-out; animation-iteration-count: infinite;  opacity: 0.0; z-index: 99; }

#foto_responsivo { display: none; }

@keyframes pulsate {
    0% {transform: scale(0.6, 0.6); opacity: 0.6;}
    25% {opacity: 0.4;}
    50% {opacity: 0.6;}
    75% {opacity: 0.4;}
    100% {transform: scale(1, 1); opacity: 0.6;}
}

.continue { width: 72px; height: 72px; position: absolute; left: calc(50% - 36px); bottom: -36px; z-index: 8; }

#topo_internas { width: 100%; height: auto; position: relative; float: left; padding: 80px 0px; background: url(../image/bg-padrao-interna.jpg) left top no-repeat transparent; }
#topo_internas .coluna_topo_1 { width: 340px; height: auto; position: relative; float: left; }
#topo_internas .coluna_topo_2 { width: 300px; height: auto; position: relative; float: right; }
#topo_internas .coluna_topo_2 h2 { text-align: right; }
#traco_topo { position: absolute; bottom: -160px; left: calc(50% - 2px); z-index: 8; }

#banner { width: 100%; height: auto; position: relative; float: left; }

/* BANNER DE SLIDER */
#slider{ width:100%; height: auto!important; position: relative; float: left; }
#next_slider { background: url(../image/seta_1.png) top right no-repeat; width:52px; height:52px; right:3%!important; position: absolute; left:auto; top:50%; opacity:0.5; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#prev_slider { background: url(../image/seta_1.png) top left no-repeat; width:52px; height:52px; left:3%!important; position: absolute; top:50%; opacity:0.5; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#prev_slider:hover{ opacity:1; }
#next_slider:hover{ opacity:1; }
.swiper-slide,
.swiper-wrapper { height: auto!important; }
.swiper-pagination-clickable .swiper-pagination-bullet { -webkit-border-radius: 50px 50px 50px 50px!important; border-radius: 50px 50px 50px 50px!important; }

#main section#conteudo { opacity: 0; float: left; height: auto; position: relative; width: 100%; margin-top: 101px; }

#nossos_empreendimentos { width: 100%; height: auto; position: relative; float: left; padding: 80px 0px 15px; background: url(../image/bg-empreendimentos.jpg) left top no-repeat transparent; }
.categorias_home { margin-top: 32px; }
.categorias_home a { margin: 6px 5.5px; }

#nossos_empreendimentos_conteudo { width: 100%; height: auto; position: relative; float: left; padding: 80px 0px 15px; }
#nossos_empreendimentos_conteudo a.link_saiba_mais.sel { text-decoration: none; background-color: #1E4894; color: #FCFEFF !important; border: #1E4894 2px solid; }

.card_obras {  background-size: auto 100%; background-repeat: no-repeat; background-position: center top; width: 368px; height: 524px; position: relative; float: left; margin: 15px 0.66%; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.sombra_cards { background-image: url(../image/card-degrade.png); background-position: bottom center; background-repeat: repeat-x; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.card_obras .nome { text-transform: uppercase; color: #FCFEFF; text-align: left; font-size: 28px; font-family: 'Montserrat-Black'; }
.card_obras .lancamento { color: #FFBF00; font-size: 14px; font-family: 'Montserrat-Medium'; }
.card_obras .divisor_card { padding: 15px 0px; }
.card_obras .cidade { color: #FCFEFF; font-size: 16px; font-family: 'Montserrat-Medium'; }
.descricao_card { z-index: 2; position: absolute; bottom: 44px; left: 45px; width: 273px; }
.card_obras:hover { text-decoration: none; background-size: auto 120%!important; }
.loc_cid { margin: 0px 6px -2px 0px; }
.seta_cards { position: absolute; right: 0px; bottom: 0px; }
.seta_cards .a { fill:#fcfeff; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.card_obras:hover .a { fill:#FFBF00; }
.tarja_propaganda { width: auto; height: auto; position: absolute; top: 0px; right: 0px; z-index: 2; }

#blog_home { width: 100%; height: auto; position: relative; float: left; padding: 67px 0px 103px; background: url(../image/bg-blog.jpg) left top no-repeat transparent; }
.card_blog { width: 272px; height: auto; position: relative; float: left; margin: 8px 0.5%; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.foto_card_blog { background-repeat: no-repeat; background-position: center center; background-size: auto 128%; width: 100%; height: 270px; position: relative; float: left; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.descricao_blog { width: 100%; height: auto; position: relative; float: left; padding: 21px 23px 31px; background-color: #F5F7FA; }
.descricao_blog a { color: #83888F; font-size: 14px; font-family: 'Montserrat-Medium'; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.card_blog:hover .descricao_blog a { color: #3362B8; }
.descricao_blog img { margin: 0px 0px -2.5px 9px; }
.data_blog { color: #3362B8; font-size: 14px; font-family: 'Montserrat-Medium'; }
.nome_blog { color: #001244; font-size: 18px; font-family: 'Montserrat-Medium'; text-align: left; min-height: 97px; margin-bottom: 9px; }
.card_blog:hover { box-shadow: 0px 16px 24px #00124452; }
.card_blog:hover .foto_card_blog { background-size: auto 150%; }

#blog_interna { width: 100%; height: auto; position: relative; float: left; padding: 103px 0px 87px; }
#blog_interna .coluna_49 p { color: #83888F; font-size: 14px; }
.data_blog { font-size: 14px; color: #3362B8!important; }
#blog_interna .coluna_49 h2 span { font-size: 40px; text-align: left; position: relative; width: 100%; height: auto; float: left; margin: 7px 0px 35px; }
#blog_interna .coluna_49 { padding-top: 40px; }

#blog_galeria { margin: 47px 0px 0px; }
#blog_galeria h2 span { margin-bottom: 50px; width: 100%; float: left; }

#construindo_sonhos { width: 100%; height: auto; position: relative; float: left; padding: 113px 0px 110px; background: url(../image/bg-sobre.jpg) left top no-repeat transparent; }
#construindo_sonhos .coluna_sonhos_1 { opacity: 0; width: 389px; height: auto; position: relative; float: left; }
#construindo_sonhos .coluna_sonhos_1 #ano_cj { opacity: 0; width: 0px; height: auto; position: relative; float: left; }
#construindo_sonhos .coluna_sonhos_2 { opacity: 0; width: 531px; height: auto; position: relative; float: right; }
#construindo_sonhos .coluna_sonhos_2 #ano_cj_botao_quem_somos { opacity: 0; }

#quem_somos { width: 100%; height: auto; position: relative; float: left; padding: 80px 0px 120px; background: url(../image/bg-texto.png) center 150px no-repeat transparent; }

#valores { width: 100%; height: auto; position: relative; float: left; padding: 5px 0px 54px; background: url(../image/bg-valores.jpg) center top no-repeat transparent; }
#valores .coluna_valores_1 { opacity: 0; width: 382px; height: auto; position: relative; float: left; padding-top: 52px; }
#valores .coluna_valores_1 #capacete_qm_somos { opacity: 0; position: absolute; right: -120px; top: -80px; }
#valores .coluna_valores_2 { width: 574px; height: auto; position: relative; float: right; }
#valores .titulo_quem_somos { color: #2963CC; font-size: 21px; background: url(../image/valores-linha.png) left bottom no-repeat transparent; padding: 0px 0px 8px 14px; margin-bottom: 15px; font-family: 'Montserrat-Medium'; }
#valores .coluna_valores_2 p { text-align: left; }
#valores .coluna_valores_2 .coluna_43 { margin-right: 4%; }
#valores .coluna_valores_2 .coluna_missao_1 { opacity: 0; }
#valores .coluna_valores_2 .coluna_missao_2 { opacity: 0; }
#valores .coluna_valores_2 .coluna_missao_3 { opacity: 0; padding-top: 20px; }

#blog_conteudo { width: 100%; height: auto; position: relative; float: left; padding: 67px 0px 103px; }

.equipe_qm_somos { box-shadow: 0px 16px 24px #00124429; border-radius: 4px; margin-top: 27px; width: 80%; height: auto; }

#contato { width: 100%; height: auto; position: relative; float: left; padding: 100px 0px; background: url(../image/bg-form.jpg) center top no-repeat transparent; }
#contato iframe { margin-top: 25px; }
.card_contato { width: 176px; height: auto; position: relative; float: left; border: 2px solid #CED5E0; border-radius: 2px; padding: 13px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.card_contato p { color: #001244; }
.card_contato p span { color: #001244; font-family: 'Montserrat-Black'; }
.card_contato .a { fill:#2963cc; }
.card_contato:hover { background-color: #1E4894; border: 2px solid #1E4894; }
.card_contato:hover p { color: #FCFEFF; }
.card_contato:hover .a { fill:#FCFEFF; }

.coluna_formulario { background: #FFFFFF; box-shadow: 0px 16px 24px #00124429; border-radius: 2px; padding: 44px 48px; }
.coluna_formulario h3 { font-family: 'Montserrat-Black'; }
.coluna_formulario p { color: #001244; }
.coluna_formulario form label { padding: 5px 0px; }

#galeria_quem_somos { width: 100%; height: auto; position: relative; float: left; padding: 80px 0px 80px; }

#construindo_para_o_futuro { width: 100%; height: auto; position: relative; float: left; padding: 182px 0px 67px; }
#construindo_para_o_futuro .coluna_construindo_1 { opacity: 0; width: 430px; height: auto; position: relative; float: left; padding-top: 40px; }
#construindo_para_o_futuro .coluna_construindo_1 h2 span { line-height: 1.17em; }
#construindo_para_o_futuro .coluna_construindo_1 h2 { margin-bottom: 15px; }
#construindo_para_o_futuro .coluna_construindo_2 { opacity: 0; width: 464px; height: auto; position: relative; float: right; padding: 57px 59px 53px 0px; background: url(../image/bg-material.jpg) right top no-repeat transparent; border-radius: 2px; }
#construindo_para_o_futuro .coluna_construindo_2 .link_saiba_mais { min-width: 275px; max-width: 275px; float: right; padding: 14.5px 0px; margin-bottom: 6px; color: #FCFEFF!important;  }
#material { position: absolute; left: -214px; top: -60px; }

#logo { margin-bottom: 13px; }
.nome_empreendimentos { margin: 14px 0px 3px; }
.nome_empreendimentos p { color: #83888F; max-width: 560px; }
.informações_imovel { width: 100%; height: auto; position: relative; float: left; background: url(../image/bg-icones.jpg) left top no-repeat transparent; padding: 42px 0px 20px 38px; margin-top: 50px; }
.informações_imovel img { position: relative; float: left; margin: -4px 7px 6px 0px; }
.informações_imovel p { text-align: left; }
.img_imovel_interna { font-size: 0px; width: 100%; height: 695px; position: relative; float: left; border-radius: 2px; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.img_imovel_interna:hover { background-size: 130% auto; }

.galeria_de_fotos_imovel { background-color: #FFF; width: 23%; margin: 0px 1% 17px; height: auto; position: relative; float: left; border-radius: 2px; }
.galeria_de_fotos_imovel .img_hover { width: 100%; height: 100%; display: none; position: relative; float: left; }
.galeria_de_fotos_imovel a.img_galeria_imovel { padding: 0px; display: block; float: left; font-size: 0px; height: 272px; opacity: 1; position: relative; text-decoration: none; width: 100%; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.galeria_de_fotos_imovel a.img_galeria_imovel:hover { box-shadow: 0px 14px 21px #00124429; }

#video { margin-bottom: 35px; }
#video h5 { color: #F1F4F8;  font-family: 'Montserrat-Black'; font-size: 115px; margin-bottom: -40px; z-index: 1; }

#empreendimentos_interno { width: 100%; height: auto; position: relative; float: left; padding: 100px 0px 80px; }
#galeria_de_fotos_imoveis { width: 100%; height: auto; position: relative; float: left; padding: 38px 0px 80px; background: url(../image/bg-galeria.jpg) left top no-repeat transparent; background-size: auto 100%; }
#plantas_imoveis { width: 100%; height: auto; position: relative; float: left; padding: 89px 0px 80px; }
#selo { position: absolute; top: -48px; left: calc(50% - 48px); }

.flex { display: flex; justify-content: center; }

footer { opacity: 0; float: left; height: auto; position: relative; width: 100%; background-color: #061336; padding: 67px 0px 0px; }
footer .titulo_footer { color: #3177F5; font-size: 21px; letter-spacing: 0.34px; text-align: left; font-family: 'Montserrat-Black'; margin-bottom: 23px; }
footer a { color: #FCFEFF; font-size: 14px; font-family: 'Montserrat-Medium'; text-align: left; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer span { color: #3177F5; }
footer .selo_footer { width: 96px; height: auto; position: relative; float: right; }
footer svg { margin: 0px 4px -3px 0px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer #fundo_direitos { width: 100%; height: auto; position: relative; float: left; background-color: #061336; padding: 12px 0px; border-top: #153266 2px solid; margin-top: 75px; }
footer #fundo_direitos a { color: #616D8F; }
footer #fundo_direitos a svg { fill: #CCCAC9; margin: 0px 0px -4px 8px; }
footer #fundo_direitos .a { fill:#616D8F; }
footer svg .a { fill:#fcfeff; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer #insta .a { fill:#fcfeff; fill-rule:evenodd; }
footer #insta { margin: 0px 11px -3px 8px; }
footer .cls-1 { fill: #fcfeff; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer a:hover svg .a { fill: #2D76FF; }
footer a:hover #insta .a { fill:#2D76FF; fill-rule:evenodd; }
footer a:hover .cls-1 { fill: #2D76FF; }
footer a:hover { color: #2D76FF; }

.cor_branco { color: #FCFEFF; }
.cor_cinza { color: #83888F; }

#bloco_andamento{ width: 100%; height: auto; position: relative; float: left; padding: 55px 0px 55px; background: url(../image/bg-andamento.jpg) left top no-repeat transparent; background-size: auto 100%;}

.progresso_tamanho { width: 33.3%; height: 170px; position: relative; float: left; margin-bottom: 25px;  }

.progressBar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 210px;
  }
  .progressBar .percent {
    position: relative;
  }
  .progressBar svg {
    position: relative;
    width: 210px;
    height: 210px;
    transform: rotate(-90deg);
  }
  .progressBar svg circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #CED5E0;
    stroke-width: 8;
    stroke-linecap: round;
  }
  .progressBar svg circle:last-of-type {
    stroke-dasharray: 625px;
    stroke-dashoffset: calc(625px - (343px * var(--percent)) / 100);
    stroke: #001244;
  }
  .progressBar .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 0;
  }
  .progressBar .number h3 {
    font-size: 16px;
    color: #83888F;
    font-family: 'Montserrat-Medium';
  }
  
  .progressBar .number h3 span {
    font-size: 2rem;
  }
  
  .progressBar .title p {
    color: #001244;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    margin-top: -32px;
    text-align: center;
    letter-spacing: 0;
  }

  #total { width: 100%; height: 8px; float: left; position: absolute; top: 0px; left: 0px; background-color: #CED5E0; z-index: 2;  }
  #total_2 { width: 100%; height: 8px; float: left; position: absolute; top: 0px; left: 0px; background-color: #2963CC; z-index: 3; }
  
  #total_obra { color: #2963CC; font-size: 14px; letter-spacing: 0px; }
  #div_porcentagem { width: auto; position: relative; float: left; height: auto; padding-top: 31px; }
  #total_obra { height: 28px; width: 272px; position: absolute; top: 0px; left: calc(50% - 136px); }
  #total_obra p { margin-top: 11px; }

  .floating-wpp .floating-wpp-popup .floating-wpp-head { background-color: #001244!important; }
  .floating-wpp { font-family: 'Montserrat-Medium'!important; font-size: 12px!important; }


a.img_blog_interna { background-size: auto 100%; background-position: center top; background-repeat: no-repeat; background-color: transparent; padding: 0px; display: block; float: left; font-size: 0px; height: 515px; opacity: 1; position: relative; text-decoration: none; width: 100%; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; display: block; }
a.img_blog_interna:hover { text-decoration: none; background-size: auto 120%; }


.caixa_galeria_quem_somos { width: 23.8%; margin: 0px 0.6% 15px; height: auto; position: relative; float: left; background-color: #FFFFFF; -webkit-border-radius: 2px; border-radius: 2px; }
.caixa_galeria_quem_somos a.img_galeria { background-size: auto 133%; background-position: center top; background-repeat: no-repeat; background-color: transparent; padding: 0px; display: block; float: left; font-size: 0px; height: 272px; opacity: 1; position: relative; text-decoration: none; width: 100%; -webkit-border-radius: 02px 02px 02px 02px; border-radius: 02px 02px 02px 02px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.caixa_galeria_quem_somos a.img_galeria:hover { background-size: auto 153%; text-decoration: none; }