* {margin:0; list-style:none; padding:0; color:#373435; font-size:14px;} img {border:none;} a {text-decoration:none;} :hover {-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;} .clear {clear:both;} .oculto {display:none;} .disabled {display:none;} option {color:#282829;} .lb-caption {color:#FFF;} input[type=button] {-webkit-appearance:none;} input[type=submit] {-webkit-appearance:none;} select {-webkit-appearance:none;} #texto-slide .titulo{ font-family: "turbinado"; } body {width:100%; height:100%; overflow-x:hidden;} #tudo {width:100%;} #tudo .blackout {width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000000; background:rgba(0,0,0,0.7);} #tudo #popup {width:370px; height:291px; position:fixed; padding:30px 15px; z-index:100000001; left:50%; top:50%; margin-left:-200px; margin-top:-175.5px; background-color:#40c351; border-radius:10px;} #tudo #popup .x {width:28px; height:26px; position:absolute; padding-top:0px; margin-left:369px; margin-top:-42px; cursor:pointer; text-align:center; background-color:#004018; color:#FFF; font-size:15px; font-weight:bold; border-radius:100%; transition: all .2s;display: flex; align-items: center; justify-content: center;} #tudo #popup .x:hover {background-color:#035e25; transition: all .2s;} #tudo #popup .logo {display:table; margin:0 auto;} #tudo #popup .titulo {font-size:18px; line-height:25px; color:#FFF; text-align:center; font-weight:600; margin-top:15px; margin-bottom:10px; font-family:'Poppins';} #tudo #popup .titulo span {font-size:18px; color:#FFF; font-weight:800; font-family:'Poppins';} #tudo #popup .titulo2 {font-size:13px; color:#FFF; text-align:center; margin-bottom:20px; font-family:'Poppins';} #tudo #popup .campo-nome {display:table; margin:0 auto;} #tudo #popup .campo-nome input {width:270px; border:none; font-family:'Poppins'; padding:7px 10px; outline:none; border-radius:5px;} #tudo #popup .campo-whats {display:table; margin:0 auto; margin-top:15px;} #tudo #popup .campo-whats input {width:270px; border:none; font-family:'Poppins'; padding:7px 10px; outline:none; border-radius:5px;} #tudo #popup .campos-mensagem {display:table; margin:0 auto; margin-top:15px;} #tudo #popup .campos-mensagem textarea {width:270px; border:none; height:50px; padding:5px 10px; outline:none; border-radius:5px;} #tudo #popup .botao-envia {display:table; margin:0 auto; margin-top:15px; font-family:'Poppins';} #tudo #popup .botao-envia input {padding:7px 20px; display:table; margin:0 auto; cursor:pointer; padding-left:35px; color:#FFF; font-weight:400; font-size:13px; border:none; background: url(../i/quebrado/whatsapp.png) 12px center, linear-gradient(#004018, #017a2f); background-repeat:no-repeat, repeat; background-size:18px, cover; border-radius:15px; transition: all .3s;font-family:'Poppins';} #tudo #popup .botao-envia input:hover {background: url(../i/quebrado/whatsapp.png) 12px center, linear-gradient(#017a2f, #004018); background-repeat:no-repeat, repeat; background-size:18px, cover; background-size:18px; transition: all .3s;} #tudo .normal {width:100%; position:fixed; z-index:1000; transition: all .3s;} #tudo .normal #repete-topo {width:100%; position:relative; z-index:2; background-color: #ffffff; box-shadow: 0px -4px 20px 0px rgb(0, 0, 0); transition: all 0.3s;} #tudo .normal #repete-topo #barra-topo {background: #0f9bcb; padding: 10px 0px; transition: all .3s;} #tudo .normal #repete-topo #barra-topo #fundo {width:1300px; margin:0 auto; display: flex; justify-content: space-between;} #tudo .normal #repete-topo #barra-topo #fundo #mostra-local { color: white; padding: 6px 0px; padding-left: 35px; background: transparent url('../i/quebrado/local-topo.svg') left center no-repeat; background-size: 27px; cursor: pointer; } #tudo .normal #repete-topo #barra-topo #fundo #redes {display: flex; gap:10px} #tudo .normal #repete-topo #barra-topo #fundo #redes #whatsapp { color: white; padding: 6px 0px; padding-left: 35px; padding-right: 20px; margin-right: 10px; border-right: 3px solid white; background: transparent url('../i/quebrado/telefone.svg') left center no-repeat; background-size: 27px; cursor:pointer; cursor: pointer;} #tudo .normal #repete-topo #barra-topo #fundo #redes #whats { cursor: pointer; color: white; padding: 6px 12px; background: transparent url('../i/quebrado/whatsapp.png') center center no-repeat; background-size: 22px; } #tudo .normal #repete-topo #barra-topo #fundo #redes #facebook { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/facebook.png') center center no-repeat; background-size: 22px; } #tudo .normal #repete-topo #barra-topo #fundo #redes #instagram { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/instagram.png') center center no-repeat; background-size: 22px; } #tudo .normal #repete-topo #conteudo-topo {width:1300px; margin:0 auto; padding: 10px 0px; transition: all .3s; display: flex; justify-content: space-between;} #tudo .normal #repete-topo #conteudo-topo #logo-topo { transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #logo-topo .logo a {width:200px; display:block; transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu {display: flex; justify-content: end; transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent { position: relative; display: inline-block; align-items: center; display: flex; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu { top: 88px; left: 0; min-width: 270px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.1); border-radius: 10px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; z-index: 999; transition: all .3s; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:focus-within .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px);} to { opacity: 1; transform: translateY(0);} } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .arrow-down { display: inline-block; margin-left: 8px; width: 7px; height: 7px; border-left: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg); transition: transform .3s; position: relative; top: -3px; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .arrow-down { transform: rotate(135deg); } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg { background: #FFFFFF; border-radius: 10px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg:hover{ background: #eee; border-radius: 10px; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a { display: block; padding: 14px 24px; color: #222; text-decoration: none; font-size: 14px; } #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a:last-child { border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent #empreendimentos { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s; cursor: pointer; background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p {display: flex; align-items: center; margin-left:10px; margin-right:10px; transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p a { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s; cursor: pointer;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p a:hover { display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #contato:hover { display:block; border-bottom:1px solid #db812d00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #home { background: #e9e9e900 url('../i/quebrado/home.svg') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #quemSomos { background: #e9e9e900 url('../i/quebrado/quem-somos.svg') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #empreendimentos { background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #casas { background: #e9e9e900 url('../i/quebrado/casas.png') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #novidades { background: #e9e9e900 url('../i/quebrado/novidades.png') 15px center no-repeat; background-size: 25px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu p #contato { background: #e9e9e9c4 url('../i/quebrado/contato.svg') 15px center no-repeat; background-size: 25px; border-radius: 10px;} #tudo .normal #repete-topo #conteudo-topo #mostra-menu .ativo a {display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 50px; font-size: 20px; color:#000000; transition: all .3s; cursor: pointer;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .ativo #opcao-empreendimento {display:block; border-bottom: none; padding: 14px 24px ; font-size: 14px; color:#222; transition: all .3s; cursor: pointer; padding-left: 51px;} #tudo .interno {width:100%; position:fixed; z-index:1000; transition: all .3s;} #tudo .interno #repete-topo {width:100%; position:relative; z-index:2; background-color: #ffffff; box-shadow: 0px -4px 20px 0px rgb(0, 0, 0); transition: all 0.3s;} #tudo .interno #repete-topo #barra-topo {background: #0f9bcb; padding: 10px 0px; transition: all .3s;} #tudo .interno #repete-topo #barra-topo #fundo {width:1300px; margin:0 auto; display: flex; justify-content: space-between;} #tudo .interno #repete-topo #barra-topo #fundo #mostra-local { color: white; padding: 6px 0px; padding-left: 35px; background: transparent url('../i/quebrado/local-topo.svg') left center no-repeat; background-size: 27px; cursor: pointer; } #tudo .interno #repete-topo #barra-topo #fundo #redes {display: flex; gap:10px} #tudo .interno #repete-topo #barra-topo #fundo #redes #whatsapp { cursor: pointer; color: white; padding: 6px 0px; padding-left: 35px; padding-right: 20px; margin-right: 10px; border-right: 3px solid white; background: transparent url('../i/quebrado/telefone.svg') left center no-repeat; background-size: 27px; cursor:pointer; } #tudo .interno #repete-topo #barra-topo #fundo #redes #whats { cursor: pointer; color: white; padding: 6px 12px; background: transparent url('../i/quebrado/whatsapp.png') center center no-repeat; background-size: 22px; } #tudo .interno #repete-topo #barra-topo #fundo #redes #facebook { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/facebook.png') center center no-repeat; background-size: 22px; } #tudo .interno #repete-topo #barra-topo #fundo #redes #instagram { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/instagram.png') center center no-repeat; background-size: 22px; } #tudo .interno #repete-topo #conteudo-topo {width:1300px; margin:0 auto; padding: 10px 0px; transition: all .3s; display: flex; justify-content: space-between;} #tudo .interno #repete-topo #conteudo-topo #logo-topo { transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #logo-topo .logo a {width:200px; display:block; transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu {display: flex; justify-content: end; transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent { position: relative; display: inline-block; align-items: center; display: flex; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu { top: 88px; left: 0; min-width: 270px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.1); border-radius: 10px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; z-index: 999; transition: all .3s; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:focus-within .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px);} to { opacity: 1; transform: translateY(0);} } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .arrow-down { display: inline-block; margin-left: 8px; width: 7px; height: 7px; border-left: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg); transition: transform .3s; position: relative; top: -3px; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .arrow-down { transform: rotate(135deg); } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg { background: #FFFFFF; border-radius: 10px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg:hover{ background: #eee; border-radius: 10px; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg a { display: block; padding: 14px 24px; color: #222; text-decoration: none; font-size: 14px; } #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg a:last-child { border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg a:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent #empreendimentos { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s; cursor: pointer; background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p {display: flex; align-items: center; margin-left:10px; margin-right:10px; transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p a { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s; cursor: pointer;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p a:hover { display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #contato:hover { display:block; border-bottom:1px solid #db812d00; padding: 10px 15px ; padding-left: 50px; font-size: 17px; color:#000000; transition: all .3s;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #home { background: #e9e9e900 url('../i/quebrado/home.svg') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #quemSomos { background: #e9e9e900 url('../i/quebrado/quem-somos.svg') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #empreendimentos { background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #casas { background: #e9e9e900 url('../i/quebrado/casas.png') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #novidades { background: #e9e9e900 url('../i/quebrado/novidades.png') 15px center no-repeat; background-size: 25px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu p #contato { background: #e9e9e9c4 url('../i/quebrado/contato.svg') 15px center no-repeat; background-size: 25px; border-radius: 10px;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .ativo a {display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 50px; font-size: 17; color:#000000; transition: all .3s; cursor: pointer;} #tudo .interno #repete-topo #conteudo-topo #mostra-menu .ativo #opcao-empreendimento {display:block; border-bottom: none; padding: 14px 24px ; font-size: 14px; color:#222; transition: all .3s; cursor: pointer; padding-left: 51px;} #tudo .scroll {width:100%; position:fixed; z-index:1000; transition: all .3s;} #tudo .scroll #repete-topo {width:100%; position:relative; z-index:2; background-color: #ffffff; box-shadow: 0px -4px 20px 0px rgb(0, 0, 0); transition: all 0.3s;} #tudo .scroll #repete-topo #barra-topo {background: #0f9bcb; padding: 5px 0px; transition: all .3s;} #tudo .scroll #repete-topo #barra-topo #fundo {width:1300px; margin:0 auto; display: flex; justify-content: space-between;} #tudo .scroll #repete-topo #barra-topo #fundo #mostra-local { color: white; padding: 6px 0px; padding-left: 35px; background: transparent url('../i/quebrado/local-topo.svg') left center no-repeat; background-size: 27px; cursor: pointer; } #tudo .scroll #repete-topo #barra-topo #fundo #redes {display: flex; gap:10px} #tudo .scroll #repete-topo #barra-topo #fundo #redes #whatsapp { cursor: pointer; color: white; padding: 6px 0px; padding-left: 35px; padding-right: 20px; margin-right: 10px; border-right: 3px solid white; background: transparent url('../i/quebrado/telefone.svg') left center no-repeat; background-size: 27px; cursor:pointer; } #tudo .scroll #repete-topo #barra-topo #fundo #redes #whats {cursor: pointer; color: white; padding: 6px 12px; background: transparent url('../i/quebrado/whatsapp.png') center center no-repeat; background-size: 22px; } #tudo .scroll #repete-topo #barra-topo #fundo #redes #facebook { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/facebook.png') center center no-repeat; background-size: 22px; } #tudo .scroll #repete-topo #barra-topo #fundo #redes #instagram { color: white; padding: 6px 12px; background: transparent url('../i/quebrado/instagram.png') center center no-repeat; background-size: 22px; } #tudo .scroll #repete-topo #conteudo-topo {width:1300px; margin:0 auto; padding: 10px 0px; transition: all .3s; display: flex; justify-content: space-between;} #tudo .scroll #repete-topo #conteudo-topo #logo-topo { transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #logo-topo .logo a {width:70px; display:block; transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu {display: flex; justify-content: end; transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent { position: relative; display: inline-block; align-items: center; display: flex; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu { top: 43px; left: 0; min-width: 270px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.1); border-radius: 10px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s, visibility .3s; z-index: 999; transition: all .3s; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:focus-within .dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; animation: fadeIn .3s; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px);} to { opacity: 1; transform: translateY(0);} } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .arrow-down { display: inline-block; margin-left: 8px; width: 7px; height: 7px; border-left: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(-45deg); transition: transform .3s; position: relative; top: -3px; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent:hover .arrow-down { transform: rotate(135deg); } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg { background: #FFFFFF; border-radius: 10px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu .bg:hover{ background: #eee; border-radius: 10px; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a { display: block; padding: 14px 24px; color: #222; text-decoration: none; font-size: 14px; } #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a:last-child { border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu a:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .dropdown-menu-parent #empreendimentos { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 45px; font-size: 15px; color:#000000; transition: all .3s; cursor: pointer; background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 20px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p {display: flex; align-items: center; margin-left:20px; margin-right:20px; transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p a { display:block; border-bottom:1px solid #ffffff00; padding: 10px 15px ; padding-left: 45px; font-size: 15px; color:#000000; transition: all .3s; cursor: pointer;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p a:hover { display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 45px; font-size: 15px; color:#000000; transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #contato:hover { display:block; border-bottom:1px solid #db812d00; padding: 10px 15px ; padding-left: 45px; font-size: 15px; color:#000000; transition: all .3s;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #home { background: #e9e9e900 url('../i/quebrado/home.svg') 15px center no-repeat; background-size: 20px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #quemSomos { background: #e9e9e900 url('../i/quebrado/quem-somos.svg') 15px center no-repeat; background-size: 20px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #empreendimentos { background: #e9e9e900 url('../i/quebrado/empreendimentos.svg') 15px center no-repeat; background-size: 20px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #novidades { background: #e9e9e900 url('../i/quebrado/novidades.png') 15px center no-repeat; background-size: 20px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #casas { background: #e9e9e900 url('../i/quebrado/casas.png') 15px center no-repeat; background-size: 25px; font-size: 15px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu p #contato { background: #e9e9e9c4 url('../i/quebrado/contato.svg') 15px center no-repeat; background-size: 20px; border-radius: 10px;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .ativo a {display:block; border-bottom:1px solid #db802d; padding: 10px 15px ; padding-left: 45px; font-size: 20px; color:#000000; transition: all .3s; cursor: pointer;} #tudo .scroll #repete-topo #conteudo-topo #mostra-menu .ativo #opcao-empreendimento {display:block; border-bottom: none; padding: 14px 24px ; font-size: 14px; color:#222; transition: all .3s; cursor: pointer; padding-left: 51px;} #tudo #conteudo{width: 100%; padding-top: 194px;} #tudo #conteudo #repete-conteudo {width: 100%; } #tudo #conteudo #repete-conteudo #repete-banners {width:100%; } #tudo #conteudo #repete-conteudo #repete-banners li {width:100%; } #tudo #conteudo #repete-conteudo #repete-banners li #titulo { font-size: 62px; color: white; font-weight: 500; width: 530px; line-height: 90%;} #tudo #conteudo #repete-conteudo #repete-banners li #descricao {margin-top: 30px; width: 900px; } #tudo #conteudo #repete-conteudo #repete-banners li #descricao p{ font-size: 28px; color: white; line-height: 110%; } #tudo #conteudo #repete-conteudo #repete-banners li #botao{display: table; background: #0f9bcb; color: white; padding: 20px 70px; font-size: 30px; margin-top: 30px; transition: all .3s; cursor: pointer;} #tudo #conteudo #repete-conteudo #repete-banners li #botao:hover{display: table; background: #297088; color: white; padding: 20px 70px; font-size: 30px; margin-top: 30px; transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-quemSomos { width: 100%; display: flex; margin-top: 20px; position: relative; padding-bottom: 330px; margin-bottom: 40px; gap: 50px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #imagem {width: 47%; display: grid; align-items: center;} #tudo #conteudo #repete-conteudo #repete-quemSomos #imagem img{ border-radius: 0px 60px 80px 0px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos {width: 50%; width: 600px; padding: 20px 0px; margin-left: 40px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos {margin-top: 40px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #titulo {font-size: 68px; color: #535353; line-height: 90%; font-weight: 500;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #titulo span {font-size: 68px; font-weight: 500; color: #000000;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #pontos {display: flex; gap: 10px; padding: 20px 0px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #pontos #ponto{width: 10px; height: 10px; border-radius: 50%; background-color: black; border-top: 2px solid #83838366; border-right: 2px solid #83838366;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-quemSomos #bloco-quemSomos #descricao { font-size: 18px; color: #535353; line-height: 140%; font-weight: 300; text-align: justify;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos {position: absolute; bottom: 0; width: 1300px; left: 50%; transform: translateX(-50%);} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos #mostra-desempenhos {display: flex; flex-wrap: wrap; justify-content: center; gap: 25px;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos {width: 190px; padding: 25px; background: #0f9bcb ; border: 2px solid white; border-radius: 20px; text-align: center; cursor: pointer;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #valor {font-size: 42px; color: white; font-weight: 600; text-align: center;} #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #descricao { margin-top: 10px; height: 65px; overflow: hidden; } #tudo #conteudo #repete-conteudo #repete-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #descricao p { font-size: 18px; color: white; line-height: 120%; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #tudo #conteudo #repete-conteudo {width: 100%;} #tudo #conteudo #repete-conteudo #repete-empreendimentos {} #tudo #conteudo #repete-conteudo #repete-empreendimentos #bloco-titulo {width: 1300px; display: flex; justify-content: center; margin: 0 auto; } #tudo #conteudo #repete-conteudo #repete-empreendimentos #bloco-titulo #titulo {color: black; font-size: 54px; padding: 20px 0px ; padding-left: 80px; background: transparent url('../i/quebrado/empreendimentos.png') left center no-repeat; background-size: 70px; font-weight: 500; } #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento { display: flex; margin: 30px 0px; align-items: center; width: 100%; position: relative; min-height: 500px;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #canto{ background: #0f9bcb; position: absolute; height: 500px; width: 200px; border-radius: 0px 50px 50px 0px; z-index: 10;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento {width: 90%; margin: 0 auto; position: relative; z-index: 20; display: flex; gap: 60px;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #mostra-imagem{width:50%; height: 450px;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info{width:50%; display: grid; align-content: center;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #titulo{font-size: 58px; font-weight: 600; line-height: 100%; color: #000000;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #descricao{ height: 72px; margin: 20px 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #descricao p {font-size: 20px; color: #000000; line-height: 120%; font-weight: 500; } #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #descricao strong{font-size: 20px; color: #000000; line-height: 120%; font-weight: 500;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #descricao span{font-size: 20px; color: #000000; line-height: 120%; font-weight: 500;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #alinha {display: flex; align-items: center;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #alinha #conheca { margin-right: 60px; padding: 15px 50px; padding-right: 80px; font-size: 22px; color: white; display: table; background: #db802d url('../i/quebrado/conheca.png') 175px center no-repeat; background-size: 32px; transition: all .3s; cursor: pointer;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #alinha #conheca:hover {padding: 15px 50px; padding-right: 80px; font-size: 22px; color: white; display: table; background: #f8a04d url('../i/quebrado/conheca.png') 175px center no-repeat; background-size: 32px; transition: all .3s ;} #tudo #conteudo #repete-conteudo #repete-empreendimentos #mostra-empreendimento #bloco-empreendimento #info #alinha #vendido { font-size: 24px; color: #525252ff; margin-left: 15px; font-weight: 500;} #tudo #conteudo #repete-conteudo #repete-cidade {width:100%; padding: 70px 0px; background:transparent url('../i/quebrado/banner-balneario-gaivota.jpg') center center no-repeat; background-size: cover;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade {width: 1300px; margin: 0 auto;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #bloco-titulo {} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #bloco-titulo #titulo{font-size: 68px; color: white; text-align: center;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #bloco-titulo #descricao{margin-top: 0px;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #bloco-titulo #descricao p{font-size: 28px; color: white; text-align: center!important;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #bloco-titulo #descricao strong{font-size: 28px; color: #db802d ; text-align: center;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 50px;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade #bloco-cidade{width: 320px; padding: 25px; background: #0f9bcb ; border-radius: 20px; text-align: center; cursor: pointer; display: flex; align-items: center;} #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade #bloco-cidade #fundo{ display:flex; align-items: center; gap: 15px; } #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade #bloco-cidade #fundo #descricao{ } #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade #bloco-cidade #fundo #descricao p{color: white; font-weight: 500; font-size: 14px; text-align: left; line-height: 110%; } #tudo #conteudo #repete-conteudo #repete-cidade #conteudo-cidade #mostra-cidade #bloco-cidade #fundo #descricao p strong{color: white; font-size: 14px; text-align: left; line-height: 110%; } #tudo #conteudo #repete-conteudo #repete-novidades {width: 100%; padding: 70px 0px; background:transparent url('../i/quebrado/novidades.jpg') center center no-repeat; background-size: cover;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades {width:1300px; margin:0 auto;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #bloco-titulo { margin-bottom: 50px; margin-top: 0px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #bloco-titulo .titulo {font-size: 42px;display: flex; color: #535353; font-weight: 500; } #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #bloco-titulo #linha { width: 200px; height: 5px; background-image: linear-gradient(to right, #535353 0%, #53535300 100%);} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades {width:1300px; margin-top:40px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades {width:400px; margin-right:40px; position:relative; background-color:#FFF; border-radius: 50px 50px 0px 0px; transition: all .3s; } #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem {overflow: hidden; transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem{} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem .imagem { height:220px; transition: all .3s; } #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades:hover #mostra-imagem .imagem { transform: scale(1.04); transition: all .3s; } #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo {background-color: #ffffff ; padding-top: 1px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-nome { height:60px; overflow:hidden;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-nome .nome { font-size:20px; line-height:100%; font-weight:500; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-descricao {display: flex; height: 50px; margin-top: 5px; overflow: hidden;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-descricao .descricao{ font-size:12px; color:#666; line-height:140%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo #fundo-confira { padding-bottom: 6px; padding-top: 10px; display: flex; } #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades #fundo #fundo-confira .confira { padding: 7px 15px 7px 15px; color: #ffffff; font-size: 12px; font-weight: 100; background: #0f9bcb url('../i/quebrado/ler-mais.svg') 5px center no-repeat; background-size: 15px; transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades #bloco-novidades:hover #fundo #fundo-confira .confira { background-color: #297088 ; transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-nav .owl-prev {width:40px; height:40px; position:absolute; left:-60px; top:44%; margin-top:-15px; color:#ff0000; outline:none; font-size:0.001px; background: url('../i/quebrado/seta.svg') center center no-repeat; background-size:auto 35px;transform:rotate(180deg); transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-nav .owl-prev span {color:#FFF; font-size:0.001px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-nav .owl-next {width:40px; height:40px; position:absolute; right:-60px; top:44%; margin-top:-15px; color:#FFF; outline:none; font-size:0.001px; background: url('../i/quebrado/seta.svg') center center no-repeat; background-size:auto 35px; transition: all .3s;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-nav .owl-next span {color:#FFF; font-size:0.001px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-dots {display:table; margin:0 auto; position:relative; z-index:51; margin-top:25px;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-dots .owl-dot {display:block; width:11px; height:11px; margin-left:3px; margin-right:3px; float:left; border-radius:100%; background-color:#666;} #tudo #conteudo #repete-conteudo #repete-novidades #conteudo-novidades #mostra-novidades .owl-dots .active {display:block; width:11px; height:11px; border-radius:100%; background-color:#0f9bcb;} #tudo #conteudo #repete-conteudo #repete-instagram {width: 100%; padding: 70px 0px; } #tudo #conteudo #repete-conteudo #repete-instagram #conteudo-instagram {width:1300px; margin:0 auto;} #tudo #conteudo #repete-conteudo #repete-instagram #conteudo-instagram #bloco-titulo { margin-bottom: 50px; margin-top: 0px;} #tudo #conteudo #repete-conteudo #repete-instagram #conteudo-instagram #bloco-titulo .titulo {font-size: 46px;display: flex; justify-content: center; color: #535353; font-weight: 600; } #tudo #conteudo #repete-conteudo #repete-instagram #conteudo-instagram #bloco-titulo .titulo span {font-size: 46px;display: flex; color: #000000; font-weight: 600; margin-left: 10px; } #tudo #conteudo #repete-conteudo #repete-instagram #conteudo-instagram #bloco-titulo #instagram{ display: block; text-align: center; font-size: 18px; margin-top: 5px;} #tudo #rodape #barra-rodape { width: 600px; height: 20px; background: orange; border-radius: 30px 30px 0px 0px; margin: 0 auto; } #tudo #rodape #repete-rodape {width:100%; padding: 25px 0px; background: #0f9bcb; } #tudo #rodape #repete-rodape #conteudo-rodape {width:1300px; margin:0 auto; display: flex; justify-content: space-between;} #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu {width: 33.3%; display: grid; align-content: center;} #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu p { margin: 3px 0px; display: flex; align-items: center; position: relative; padding-left: 12px; transition: all .3s; } #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu p a { display:block; ; font-size: 14px; color:#ffffff; transition: all .3s; cursor: pointer;} #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu p::before { content: "•"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #ffffff; font-size: 18px; line-height: 1; } #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu p:hover::before { content: "•"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #333490; font-size: 18px; line-height: 1; } #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu p a:hover { display:block; font-size: 14px; color:#333490; transition: all .3s;} #tudo #rodape #repete-rodape #conteudo-rodape #mostra-menu .ativo a {display:block; font-size: 14px; color:#333490; transition: all .3s;} #tudo #rodape #repete-rodape #conteudo-rodape #logo-rodape {width: 33.3%; align-content: center;} #tudo #rodape #repete-rodape #conteudo-rodape #logo-rodape .logo a { display:block;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site { width: 33.3%; display: grid; align-items: center; align-content: center;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site .endereco {display: flex; justify-content: end;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site .endereco a {font-size: 14px; color: white; padding: 5px 0px 5px 27px; background: transparent url(../i/quebrado/localizacao.svg) left center no-repeat; background-size: 23px; margin-top: 10px;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site .celular a {padding: 5px 13px; background:transparent url('../i/quebrado/whatsapp.png') center center no-repeat; background-size:25px; cursor: pointer;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site .instagram a {padding:5px 13px; background:transparent url('../i/quebrado/instagram.png') center center no-repeat; background-size:24px;} #tudo #rodape #repete-rodape #conteudo-rodape #dados-site .facebook a {padding: 5px 13px; background:transparent url('../i/quebrado/facebook.png') center center no-repeat; background-size:25px;} #tudo #rodape #repete-copy {width:100%; padding-top:5px; padding-bottom:5px; background-color:#F2F2F2; border-top: 1px solid #000000 ;} #tudo #rodape #repete-copy #conteudo-copy {width:1300px; margin:0 auto;} #tudo #rodape #repete-copy #conteudo-copy .copy {color:#000000; font-size:13px; padding-top:3px; float:left;} #tudo #rodape #repete-copy #conteudo-copy .softbest {float:right;} #conteudo-interno {width:100%; min-height:643px; margin-bottom: 30px;} #conteudo-interno #bloco-titulo { justify-content: center; display: grid; text-align: center; margin-top: 30px; margin-bottom: 30px;} #conteudo-interno #bloco-titulo .titulo {text-align: center; font-size: 52px; font-weight: 500; color: #444;} #conteudo-interno .botao-topo {height: 0px; text-align: end; position: relative; top: -130px;} #conteudo-interno .botao-bottom {text-align: center; } #conteudo-interno .botao-topo a:before {content:""; display: inline-block; cursor: pointer; vertical-align: middle; position: absolute; margin-top: 3px; margin-left: -20px; width: 0; height: 0;border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 10px solid #042c2b; transition: .2s linear;} #conteudo-interno .botao-bottom a:before {content:""; display: inline-block; cursor: pointer; vertical-align: middle; position: absolute; margin-top: 3px; margin-left: -20px; width: 0; height: 0;border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 10px solid #042c2b; transition: .2s linear;} #conteudo-interno #conteudo-quemSomos {width:1300px; margin:0 auto; margin-top:30px; margin-bottom: 40px;} #conteudo-interno #conteudo-quemSomos .imagem-quemSomos {float:left; margin-right:30px; margin-bottom:10px; overflow:hidden; border-radius:15px;} #conteudo-interno #conteudo-quemSomos .descricao {text-align: justify;} #conteudo-interno #conteudo-quemSomos .descricao p {font-size: 16px; color: #444; line-height: 170%;} #conteudo-interno #conteudo-quemSomos .descricao span {font-size: 16px; color: #444; line-height: 170%;} #conteudo-interno #conteudo-quemSomos .descricao div {font-size: 16px; color: #444; line-height: 170%;} #conteudo-interno #conteudo-quemSomos .descricao strong {font-size: 16px; color: #444; line-height: 170%;} #conteudo-interno #conteudo-quemSomos .descricao li {font-size:16px; color:#585858; list-style:disc; margin-left:15px;} #conteudo-interno #conteudo-quemSomos .descricao img {border-radius:15px;} #conteudo-interno #conteudo-quemSomos .descricao h1 {font-size:20px; color:#121212;} #conteudo-interno #conteudo-quemSomos .descricao h2 {font-size:18px; color:#121212; padding-bottom:10px;} #conteudo-interno #conteudo-quemSomos .descricao h3 {font-size:16px; color:#121212;} #conteudo-interno #conteudo-quemSomos #bloco-itens {margin-top:40px; border-radius:15px;} #conteudo-interno #conteudo-quemSomos #bloco-itens #item {width:262px; float:left; margin-right:50px;} #conteudo-interno #conteudo-quemSomos #bloco-itens #item .icone {display:table; margin:0 auto;} #conteudo-interno #conteudo-quemSomos #bloco-itens #item .nome {font-size:17px; padding-top:15px; text-align:center; font-weight:300; text-transform:uppercase; padding-bottom:2px; color:#585858;} #conteudo-interno #conteudo-quemSomos #bloco-itens #item .nome b {font-size:17px; padding-top:5px; font-weight:600; padding-bottom:2px; color:#191919;} #conteudo-interno #conteudo-quemSomos #bloco-itens #item .descricao {font-size:12px; text-align:justify; padding-top:5px; color:#191919;} #conteudo-interno #conteudo-quemSomos #mais-imagens {width:1300px;} #conteudo-interno #conteudo-quemSomos #mais-imagens .imagem {width:420px; float:left; margin-right:20px; margin-top:20px;} #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos { width: 1300px; margin-top: 20px; } #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos #mostra-desempenhos {display: flex; flex-wrap: wrap; justify-content: center; gap: 25px;} #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos {width: 190px; padding: 25px; background: #0f9bcb ; border-radius: 20px; text-align: center; cursor: pointer;} #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #valor {font-size: 42px; color: white; font-weight: 600; text-align: center;} #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #descricao { margin-top: 10px; height: 65px; overflow: hidden; } #conteudo-interno #conteudo-quemSomos #conteudo-desempenhos #mostra-desempenhos #bloco-desempenhos #descricao p { font-size: 18px; color: white; line-height: 120%; text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #conteudo-interno #conteudo-novidades {width: 100%; margin-top:30px; display: flex; justify-content: center;} #conteudo-interno #conteudo-novidades #mostra-novidades {width:1300px; margin-top:40px; display: flex; gap: 40px;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades {width:400px;position:relative; background-color:#FFF; border-radius: 50px 50px 0px 0px; transition: all .3s; } #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem {overflow: hidden; transition: all .3s;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem{} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #mostra-imagem .imagem { height:220px; transition: all .3s; } #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades:hover #mostra-imagem .imagem { transform: scale(1.04); transition: all .3s; } #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo {background-color: #ffffff ; padding-top: 1px;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-nome { height:60px; overflow:hidden;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-nome .nome { font-size:20px; line-height:100%; font-weight:500; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-descricao {display: flex; height: 50px; margin-top: 5px; overflow: hidden;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo .bloco-descricao .descricao{ font-size:12px; color:#666; line-height:140%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo #fundo-confira { padding-bottom: 6px; padding-top: 10px; display: flex; } #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades #fundo #fundo-confira .confira { padding: 7px 15px 7px 15px; color: #ffffff; font-size: 12px; font-weight: 100; background: #0f9bcb url('../i/quebrado/ler-mais.svg') 5px center no-repeat; background-size: 15px; transition: all .3s;} #conteudo-interno #conteudo-novidades #mostra-novidades #bloco-novidades:hover #fundo #fundo-confira .confira { background-color: #297088 ; transition: all .3s;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes {width:1300px; margin: 0 auto;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .imagem-novidades {width:500px; float:left; margin-right:20px; margin-bottom:20px; overflow:hidden; border-radius:10px;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .nome-novidades {font-size:24px; margin-bottom:15px; font-weight:600; color:#000000;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes .fonte-novidades {color:#585858; text-decoration:none; font-size:16px; padding-top:15px; text-align:left; text-decoration:underline;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades {line-height:170%;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades p {font-size:14px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades br {display:block; margin-bottom: 1em;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades ul {margin: 1em 0; padding-left: 1.5em;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades ol {margin: 1em 0; padding-left: 1.5em;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades span {font-size:14px; color:#313237;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades div {font-size:14px; color:#313237;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades strong {font-size:16px; color:#313237;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades li {font-size:14px; color:#313237; margin-left:15px; list-style:disc;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h1 {font-size:25px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h2 {font-size:23px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h3 {font-size:21px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h4 {font-size:19px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h5 {font-size:17px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #mostra-detalhes #dados-detalhes .descricao-novidades h6 {font-size:16px; color:#313237; margin: 1em 0;} #conteudo-interno #conteudo-novidades-detalhes #outras {width:1300px; margin: 0 auto; } #conteudo-interno #conteudo-novidades-detalhes #outras .imagem-outras {width:310px; margin-bottom:20px; margin-right:20px; float:left; overflow:hidden; border-radius:10px;} #conteudo-interno #conteudo-novidades-detalhes #outras .imagem-outras a {width:310px; height:220px; overflow:hidden;} #conteudo-interno #conteudo-novidades-detalhes #curtir {display:table; margin:0 auto; } #conteudo-interno #repete-bannersLoteamentos {width:100%; } #conteudo-interno #repete-bannersLoteamentos li {width:100%; } #conteudo-interno #repete-bannersLoteamentos li #titulo { font-size: 62px; color: white; font-weight: 500; width: 950px; line-height: 90%;} #conteudo-interno #repete-bannersLoteamentos li #descricao {margin-top: 30px; width: 800px; } #conteudo-interno #repete-bannersLoteamentos li #descricao p{ font-size: 22px; color: white; line-height: 110%; } #conteudo-interno #repete-bannersLoteamentos li #botao{display: table; background: #0f9bcb; color: white; padding: 20px 70px; font-size: 30px; margin-top: 30px; transition: all .3s; cursor: pointer;} #conteudo-interno #repete-bannersLoteamentos li #botao:hover{display: table; background: #259bc2; color: white; padding: 20px 70px; font-size: 30px; margin-top: 30px; transition: all .3s;} #conteudo-interno #repete-bannersLoteamentos li #botoes {display: flex; gap: 30px; margin-top: 30px; } #conteudo-interno #repete-bannersLoteamentos li #botoes .conheca-banner {padding: 15px 25px; background: #0f9bcb ; color: white; font-size: 18px; border-radius: 10px; cursor: pointer; transition: all .3s;} #conteudo-interno #repete-bannersLoteamentos li #botoes .conheca-banner:hover {padding: 15px 25px; background: #297088 ; color: white; font-size: 18px; border-radius: 10px;} #conteudo-interno #repete-bannersLoteamentos li #botoes .assista-banner {padding: 15px 25px; background: #db802d ; color: white; font-size: 18px; border-radius: 10px; cursor: pointer; transition: all .3s;} #conteudo-interno #repete-bannersLoteamentos li #botoes .assista-banner:hover{padding: 15px 25px; background: #ffab5c ; color: white; font-size: 18px; border-radius: 10px;} #conteudo-interno #conteudo-empreendimento-detalhes {width: 100%;} #conteudo-interno #conteudo-empreendimento-detalhes {} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca {width: 100%; width:1300px; margin: 0 auto; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca { display: flex; gap: 50px; margin: 50px 0px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #mostra-video{ width: 50%; border-radius: 15px; overflow: hidden; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info{ width: 50%;display: grid; align-content: center;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #titulo{font-size: 58px; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 20px; line-height: 90%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #titulo span{font-size: 58px; font-weight: 600; color: #868686; margin-bottom: 20px; line-height: 90%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #descricao p{font-size: 21px; font-weight: 500; line-height: 120%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #descricao span{font-size: 21px; font-weight: 500; line-height: 120%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #assista{ margin-top: 30px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #assista p{display: table; padding: 17px 36px; background: #db802d; color: white; font-size: 22px; border-radius: 10px; cursor: pointer; transition: all .3s;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #mostra-conheca #info #assista p:hover{display: table; padding: 17px 36px; background: #ffab5c; color: white; font-size: 22px; border-radius: 10px; cursor: pointer; transition: all .3s;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #repete-caracteristicas {width: 100%; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #repete-caracteristicas #mostra-caracteristicas {width: 100%; display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; margin: 40px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #repete-caracteristicas #mostra-caracteristicas .bloco-caracteristica { width: 253px; background: #0f9bcb; display: flex; align-items: center; gap: 15px; padding: 20px 80px; border-radius: 15px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-conheca #repete-caracteristicas #mostra-caracteristicas .bloco-caracteristica .titulo-caracteristica {color: white; font-size: 22px; line-height: 110%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas { background: #0f9ccb44; padding: 70px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas #mostra-infraestruturas {width: 95%; margin: 0 auto; display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas #mostra-infraestruturas .bloco-infraestruturas {display: flex; align-items: center; padding: 10px 20px 10px 10px; background-color: #f9f9f9; border-radius: 50px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: background-color 0.3s; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas #mostra-infraestruturas .bloco-infraestruturas:hover { background-color: #e9e9e9; cursor: pointer; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas #mostra-infraestruturas .bloco-infraestruturas #imagem { width: 60px; height: 60px; border-radius: 50%; margin-right: 10px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-infraestruturas #mostra-infraestruturas .titulo-infraestruturas { font-size: 1rem; color: #333; margin: 0; font-weight: 700;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote {width: 100%; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote { } #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote { width: 1300px; margin: 0 auto; display: flex; gap: 50px; padding: 40px 0px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #mostra-imagem{ width: 50%; border-radius: 0px 0px 80px 0px; overflow: hidden; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info{ width: 50%; display: grid; align-content: center;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info #titulo{font-size: 38px; color:white; line-height: 110%; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info #descricao1 {font-weight: 120%; margin-top: 20px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info #descricao1 p{font-size: 16px; color: white; text-align:justify;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info #descricao2 {font-weight: 120%; margin-top: 20px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote #conteudo-sobreOLote #mostra-sobreOLote #info #descricao2 p{font-size: 16px; color: #666; text-align:justify;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-next,.swiper-button-prev { width: 25px !important; height: 25px !important; border: 2px solid #fff; border-radius: 50%; background: rgba(0,0,0,0.25); backdrop-filter: blur(2px); color: #fff !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-next::after{ font-size: 10px !important; font-weight: bold !important; margin-left: 2px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-prev::after { font-size: 10px !important; font-weight: bold !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-next:hover,.swiper-button-prev:hover { background: rgba(0,0,0,0.45);} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-next { right: 15px !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-button-prev { left: 15px !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-pagination-bullet { background: #fff !important; opacity: 0.5; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-sobreOLote .swiper-pagination-bullet-active { background: #fff !important; opacity: 1;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa {width: 100%; background:transparent url('../i/quebrado/novidades.jpg') center center no-repeat; background-size:cover; padding: 40px 0px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa {width: 1300px; margin: 0 auto;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #bloco-titulo {display: flex; justify-content: space-between; text-align: left;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #bloco-titulo #titulo {font-size: 42px; color: #0f9bcb ; line-height: 110%; font-weight: 600; padding-left:80px; background:transparent url('../i/quebrado/localizacao-laranja.svg') left center no-repeat; background-size:80px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #bloco-titulo #titulo span {font-size: 42px; color: #5c5c5c; font-weight: 400;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #bloco-titulo #descricao { display: flex; align-items: center; font-size: 18px; color: #000000; line-height: 130%; width: 450px; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #bloco-titulo #descricao { display: flex; align-items: center; font-size: 18px; color: #000000; line-height: 130%; width: 450px; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #botao {padding: 10px 30px; font-size: 16px; color: white; background: #db802d ; border-radius: 10px; margin-bottom: 20px; cursor: pointer; transition: all .3s;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #botao:hover {padding: 10px 30px; font-size: 16px; color: white; background: #ffab5c ; border-radius: 10px; margin-bottom: 20px; cursor: pointer; transition: all .3s;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #vizualize { font-size: 18px; font-weight: 500; color: rgb(0, 0, 0); margin-bottom: 10px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-mapa #conteudo-mapa #use{ font-size: 13px; color: #666; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos {width: 100%; margin: 50px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos {width: 1300px; margin: 0 auto;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #bloco-titulo {} #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #bloco-titulo #titulo{font-size: 42px; color: #0f9bcb; line-height: 110%; font-weight: 600; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #bloco-titulo #titulo span {font-size: 42px; color: #5c5c5c; line-height: 110%; font-weight: 400; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #bloco-titulo #titulo a {font-size: 42px; color: #db802d; line-height: 110%; font-weight: 500; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #mostra-atrativos{display: flex; gap: 55px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #mostra-atrativos #imagem-atrativos{width: 50%; border-radius: 20px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #mostra-atrativos #info{width: 50%; display: grid; align-items: center; align-content: space-evenly; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #mostra-atrativos #info #item{font-size: 18px; color: #5c5c5c; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-atrativos #conteudo-atrativos #mostra-atrativos #info #ponto{width: 15px; height: 15px; background: #0f9bcb; border-radius: 50%; display: inline-block; margin-right: 10px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status {width: 100%; background:transparent url('../i/quebrado/Empreendimento/fundo-obra.jpg') center center no-repeat; background-size:cover; padding: 70px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status {width: 1300px; margin: 0 auto; display: flex; gap: 50px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #titulo-status {display: flex; align-items: center; justify-content: center ; width: 40%; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #titulo-status #titulo {font-size: 52px; color: #db802d; padding-left: 110px; font-weight: 500; line-height: 100%; background:transparent url('../i/quebrado/Empreendimento/status-obra.svg') left center no-repeat; background-size:100px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #titulo-status #titulo span {font-size: 52px; color: #FFFFFF; font-weight: 500; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #mostra-status { width: 70%; display: flex; gap: 25px 28px; flex-wrap: wrap; justify-content: center; background: white; padding: 50px 40px; border-radius: 50px; cursor:pointer; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #mostra-status #info { width: 165px; display: grid; justify-content: center; text-align: center; justify-items: center;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-status #conteudo-status #mostra-status #info #nome-andamento {line-height: 100%; color: #5b5b5b; font-size: 19px; margin-top: 10px; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade {width: 100%; padding: 70px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade {width: 1300px; margin: 0 auto; display: flex; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens {width: 75%; position: relative;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens #mostra-imagem{position: absolute; width: 720px; left: 35px; top: 250px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-next,.swiper-button-prev { width: 25px !important; height: 25px !important; border: 2px solid #fff; border-radius: 50%; background: rgba(0,0,0,0.25); backdrop-filter: blur(2px); color: #fff !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-next::after{ font-size: 10px !important; font-weight: bold !important; margin-left: 2px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-prev::after { font-size: 10px !important; font-weight: bold !important;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-next:hover,.swiper-button-prev:hover { background: rgba(0,0,0,0.45);} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-next { right: 15px !important; top: 100px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-button-prev { left: 15px !important; top: 100px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-pagination-bullet { background: #db802d !important; border: 1px solid rgba(255, 255, 255, 0); opacity: 0.5; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #imagens .swiper-pagination-bullet-active { background: #0f9bcb !important; border: 1px solid white; opacity: 1;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info {width: 43%; display: grid; justify-items: start; align-content: center;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #mostra-cidade{ font-size: 20px; font-weight: 500; border-bottom: 3px solid #db802d; display: table; line-height: 130%; font-style: italic; color: #666; margin-bottom: 30px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #titulo{ font-size: 52px; line-height: 90%; color: #5c5c5c; font-weight: 500; margin-bottom: 30px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #titulo span{ font-size: 52px; line-height: 90%; color: #0f9bcb; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #descricao{font-size: 20px; line-height: 130%; color: #666; margin-bottom: 30px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #itens-cidade { display: flex; flex-wrap: wrap; gap: 20px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #itens-cidade .bloco-cidade { width: 186px; background: #0f9bcb; display: flex; align-items: center; gap: 10px; padding: 15px 20px; border-radius: 15px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-cidade #conteudo-cidade #info #itens-cidade .bloco-cidade .titulo-cidade {color: white; font-size: 14px; line-height: 110%;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias {width: 100%; background:transparent url('../i/quebrado/Empreendimento/fundo-galeria.jpg') center center no-repeat; background-size:cover; padding: 30px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias{} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #bloco-titulo { display: flex ; margin-top: 40px; margin-bottom: 70px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #bloco-titulo img{ margin-right: 20px; background: #db802d; padding: 10px; border-radius: 10px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #bloco-titulo #titulo { font-size: 52px; color: #ffffff; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #bloco-titulo #titulo span{ font-size: 52px; color: #db802d;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #mostra-galerias {display: flex; flex-wrap: wrap; gap: 15px 1% ; width: 95%; margin: 0 auto;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #mostra-galerias #bloco-galerias1 {width: 58.8%; height: 500px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #mostra-galerias #bloco-galerias2 {width: 40%; height: 500px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #mostra-galerias #bloco-galerias3 {width: 40%; height: 500px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-galerias #conteudo-galerias #mostra-galerias #bloco-galerias4 {width: 58.8%; height: 500px;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-contato {width: 100%; padding: 10px 0px; } #conteudo-interno #conteudo-empreendimento-detalhes #repete-contato #conteudo-contato {width: 1300px; margin: 0 auto;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-contato #conteudo-contato #bloco-titulo {} #conteudo-interno #conteudo-empreendimento-detalhes #repete-contato #conteudo-contato #bloco-titulo #titulo{font-size: 48px; color: #5b5b5b ; line-height: 100%; font-weight: 500;} #conteudo-interno #conteudo-empreendimento-detalhes #repete-contato #conteudo-contato #bloco-titulo #frase{font-size: 20px;color: #5b5b5b ; margin-top: 20px;} #targetFormTopo { max-width: 900px; margin: 0 auto; text-align: center;} #targetFormTopo .linha-campos { display: flex; gap: 20px; margin-bottom: 20px;} #targetFormTopo .campo,#targetFormTopo .campo-nome, #targetFormTopo .campo-whats {flex: 1;} #targetFormTopo input[type="text"] {width: 100%; padding: 14px 18px; border-radius: 6px; border: 1px solid #ddd; background: #f7f7f7; font-size: 16px; color: #555; box-sizing: border-box;} #targetFormTopo input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; padding: 12px 30px 12px 60px; border-radius: 10px; border: none; cursor: pointer; background: #609f2d url(../i/quebrado/whatsapp.png) 18px center no-repeat; background-size: 33px; color: #fff; font-size: 16px; font-weight: 500; transition: all .3s; } #targetFormTopo input[type="submit"]:hover { display: inline-flex; align-items: center; justify-content: center; padding: 12px 30px 12px 60px; border-radius: 10px; border: none; cursor: pointer; background: #1dbd2b url(../i/quebrado/whatsapp.png) 18px center no-repeat; background-size: 33px; color: #fff; font-size: 16px; font-weight: 500; transition: all .3s; } #targetFormTopo p { margin: 0 0 20px 0;} #conteudo-interno #conteudo-casasLoteamentos{ width: 100%; } #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos{ width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px;} #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos{ width: 645px;} #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos .titulo-loteamento { text-align: center; padding: 10px 20px; background: #0f9bcb; border-radius: 20px 20px 0px 0px; color: white; font-size: 19px; font-weight: 600; } #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos .icone-casasLoteamentos {position: relative; overflow: hidden; } #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos .icone-casasLoteamentos #sombra { width: 100%; height: 100%; background: #00000000; display: flex; align-items: center; justify-content: center; transition: all .3s;} #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos:hover .icone-casasLoteamentos #sombra { background: #000000b4;} #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos .titulo-casasLoteamentos { padding: 10px 25px; border-radius: 20px; background: #db802d; color: #fff; text-align: center; font-size: 18px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: all .3s ease;} #conteudo-interno #conteudo-casasLoteamentos #mostra-casasLoteamentos #bloco-casasLoteamentos:hover .titulo-casasLoteamentos { transform: translateY(0); opacity: 1;} #conteudo-interno #conteudo-casasLoteamentos-detalhes {width:1300px; margin-top:30px; margin: 0 auto; padding-bottom: 20px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes .loteamento { display: flex;gap: 10px ; justify-content: center;} #conteudo-interno #conteudo-casasLoteamentos-detalhes .loteamento #local-loteamento{font-size: 27px; color: #666; font-weight: 400; margin-bottom: 20px; text-align: center;} #conteudo-interno #conteudo-casasLoteamentos-detalhes .loteamento span {font-size: 27px; color: #0f9bcb; font-weight: 600; margin-bottom: 20px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes {width:1300px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .imagem-casasLoteamentos {width: 600px; height: 350px; display: flex; justify-content: center; align-items: center; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 20px;overflow: hidden;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .nome-casasLoteamentos { color: #0f9bcb; font-size: 38px; font-weight: 500; text-decoration: none;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .descricao-casasLoteamentos {min-height: 310px; color:#444; text-decoration:none; padding-top:20px; font-size:14px; line-height:170%; text-align:justify;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .descricao-casasLoteamentos p {font-size:16px; color:#444; line-height: 170%;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .descricao-casasLoteamentos span {font-size:16px; color:#444; line-height: 170%;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .descricao-casasLoteamentos div {font-size:16px; color:#444; line-height: 170%;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes .descricao-casasLoteamentos strong {font-size:16px; color:#444; line-height: 170%;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens {width: 100%; margin-bottom: 20px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens #mais-imagens{display: flex; flex-wrap: wrap; gap: 20px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens #mais-imagens #bloco-imagens{} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-next,.swiper-button-prev { width: 25px !important; height: 25px !important; border: 2px solid #fff; border-radius: 50%; background: rgba(0,0,0,0.25); backdrop-filter: blur(2px); color: #fff !important;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-next::after{ font-size: 10px !important; font-weight: bold !important; margin-left: 2px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-prev::after { font-size: 10px !important; font-weight: bold !important;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-next:hover,.swiper-button-prev:hover { background: rgba(0,0,0,0.45);} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-next { right: 15px !important; margin-top: calc(10px - (var(--swiper-navigation-size) / 2));} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-button-prev { left: 15px !important; margin-top: calc(10px - (var(--swiper-navigation-size) / 2));} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-pagination-bullet { background: #fff !important; opacity: 0.5; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #mais-imagens .swiper-pagination-bullet-active { background: #fff !important; opacity: 1;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #contato { margin: 30px 0; text-align: center; display: flex; justify-content: center; gap: 30px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #contato .btn-contato { display: inline-block; cursor: pointer; padding: 14px 32px; padding-left: 70px; background: #40c351 url('../i/quebrado//whatsapp.png') 32px center no-repeat ; background-size: 35px; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: all 0.3s ease; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #contato .btn-contato:hover { display: inline-block; padding: 14px 32px; padding-left: 70px; background: #4ff365ff url('../i/quebrado//whatsapp.png') 32px center no-repeat ; background-size: 35px; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: all 0.3s ease; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #contato #ver-empreendimento { display: inline-block; padding: 14px 32px; padding-left: 70px; background: #0f9bcb url('../i/quebrado/Empreendimento/empreendimentoB.svg') 32px center no-repeat ; background-size: 35px; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: all 0.3s ease; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-detalhes #contato #ver-empreendimento:hover { display: inline-block; padding: 14px 32px; padding-left: 70px; background: #297088 url('../i/quebrado/Empreendimento/empreendimentoB.svg') 32px center no-repeat ; background-size: 35px; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: all 0.3s ease; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos{ width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos{ width: 645px;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos .titulo-loteamento { text-align: center; padding: 10px 20px; background: #0f9bcb; border-radius: 20px 20px 0px 0px; color: white; font-size: 19px; font-weight: 600; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos .icone-casasLoteamentos {position: relative; overflow: hidden; } #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos .icone-casasLoteamentos #sombra { width: 100%; height: 100%; background: #00000000; display: flex; align-items: center; justify-content: center; transition: all .3s;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos:hover .icone-casasLoteamentos #sombra { background: #000000b4;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos .titulo-casasLoteamentos { padding: 10px 25px; border-radius: 20px; background: #db802d; color: #fff; text-align: center; font-size: 18px; font-weight: 400; transform: translateY(30px); opacity: 0; transition: all .3s ease;} #conteudo-interno #conteudo-casasLoteamentos-detalhes #mostra-casasLoteamentos #bloco-casasLoteamentos:hover .titulo-casasLoteamentos { transform: translateY(0); opacity: 1;} #tudo #rodape {width:100%;} #tudo #rodape #politica-privacidade {padding:15px 20px; position:fixed; left:50%; line-height:15px; left:60px; bottom:60px; z-index:10000; background:#f5f5f5; border:2px solid #0f9bcb; border-radius:15px; transition: all .2s;} #tudo #rodape #politica-privacidade .texto {font-size:13px; color:#000000; font-weight:300; text-align:center;} #tudo #rodape #politica-privacidade .texto a {font-size:13px; color:#0f9bcb; font-weight:600; text-align:center;} #tudo #rodape #politica-privacidade .texto .botao-ok {color:#FFF; padding:5px 15px; font-size:12px; font-weight:600; cursor:pointer; border-radius:20px; background-color:#0f9bcb; transition: all .2s;} #tudo #rodape #politica-privacidade .texto .botao-ok:hover {background-color:#0f9bcb; transition: all .2s;} .botao-whatsapp {position:fixed; top:50%; margin-top:-24px; cursor:pointer; right:-110px; z-index:500; transition: all .2s;} .botao-whatsapp:hover {right:0; transition: all .2s;} .botao-whatsapp .one {width:110px; height:40px; margin:0 auto; display:block; padding-top:8px; color:#FFF; padding-left:50px; line-height:16px; font-size:12px; background:rgba(5,163,8,0.8) url('../i/quebrado/whatsapp.png') 7px center no-repeat; background-size:36px; border-radius:30px 0px 0px 30px; transition: all .3s ease-in-out 0s;} .botao-whatsapp .one:before {content:"1"; width:15px; height:15px; left:30px; top:0px; text-align:center; position:absolute; background-color:#FF0000; border-radius:100%;} .botao-whatsapp .one:after {content:""; width:30px; height:30px; border-radius:100%; border:15px solid #f5f5f5; position:absolute; z-index:-1; top:50%; left:28px; transform:translate(-50%, -50%); animation:ring 1.5s infinite;} .botao-whatsapp:hover .one {background:#2bb52d url('../i/quebrado/whatsapp.png') 7px center no-repeat; background-size:36px; transition: all .3s;} @keyframes ring { 0% { width: 0px; height: 0px; opacity: 1; } 100% { width: 60px; height: 60px; opacity: 0; } } #conteudo-interno #repete-politica {width: 100%;} #conteudo-interno #repete-politica #bloco-titulo {display: flex; justify-content: center; margin-bottom:40px; margin-top: 50px;} #conteudo-interno #repete-politica #bloco-titulo .titulo-interno {font-size: 28px; display: flex; align-items: center; color: #000000; font-weight: 600;} #conteudo-interno #repete-politica #bloco-titulo .imagem-titulo { width: 40px; position: relative; left: -150px;} #conteudo-interno #repete-politica #conteudo-politica {width: 1200px; margin-top:10px; margin: 0 auto;} #conteudo-interno #repete-politica #conteudo-politica h2 {font-weight:bold; font-size:20px; color:#333490; padding-top:20px; font-weight:600; padding-bottom:20px;} #conteudo-interno #repete-politica #conteudo-politica h3 {font-weight:bold; font-size:16px; color:#333490; padding-top:20px; font-weight:600; padding-bottom:15px;} #conteudo-interno #repete-politica #conteudo-politica p {font-size:14px; color:#313237; line-height:150%; text-align:justify; padding-top:10px; padding-bottom:10px;} #conteudo-interno #repete-politica #conteudo-politica a {font-size:14px; color:#313237; text-decoration:underline;} #conteudo-interno #repete-politica #conteudo-politica li {font-size:14px; color:#313237; line-height:150%; text-align:justify; margin-left:30px; list-style:disc;} #conteudo-interno #repete-politica #conteudo-politica strong {font-size:14px; color:#333490; font-weight:600;} #conteudo-interno #conteudo-404 {width:100%; margin-top:20px; min-height: 416px;} #conteudo-interno #conteudo-404 .titulo {color:#282828; text-align:center; font-weight:600; font-size:150px;} #conteudo-interno #conteudo-404 .descricao {color:#000000; text-align:center; padding-bottom:10px; font-size:16px;} /* Largura da barra de rolagem */ ::-webkit-scrollbar { width: 9px; height: 9px; } /* Fundo da barra de rolagem */ ::-webkit-scrollbar-track-piece { background-color: #FFF; } /* Cor do indicador de rolagem */ ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color: #0f9bcb } /* Cor do indicador de rolagem - ao passar o mouse */ ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover { background-color: #5557cf } #paginacao {display:block; text-align:center; margin-top:10px;} #paginacao p{font-size:12px; margin-top: 50px ;} #paginacao strong{font-size:12px; color:#373435;} #paginacao ul {height:30px; margin:10px auto 0; text-align:center;} #paginacao ul li {display:inline;} #paginacao ul li a {margin-right:5px; font-size:13px; background-color:#012d3a; padding:2px 15px; border-radius:5px; transition:0.2s linear;} #paginacao ul li a:hover {background-color:#012d3a; transition:0.2s linear;} #paginacao a:link {color:#ffffff;} #paginacao a:visited {color:#ffffff;} #paginacao a:hover {color:#ffffff;} #paginacao a:active {color:#ffffff;} #paginacao span.branco {margin-right:5px; font-size:13px; background-color:#fff; border:1px solid #f0d584; padding:2px 15px; border-radius:5px;} /* Botoes de voltar Áreas Internas */ #conteudo-interno .botao-topo a:before {content:""; display: inline-block; cursor: pointer; vertical-align: middle; position: absolute; margin-top: 4px; margin-left: -20px; width: 0; height: 0;border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 10px solid #0f9bcb; transition: .2s linear;} #conteudo-interno .botao-bottom a:before {content:""; display: inline-block; cursor: pointer; vertical-align: middle; position: absolute; margin-top: 4px; margin-left: -20px; width: 0; height: 0;border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-right: 10px solid #0f9bcb; transition: .2s linear;}