@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
.landingpage, 
.landingpage-capa,
.landingpage-dados,
.landingpage-localizacao,
.landingpage-galerias,
.landingpage-planta,
.landingpage-obra,
.landingpage-contato
{
    width: 100%;
    float: left;
    font-family: 'Poppins', sans-serif;
}
/*.logo {
    background: url(../images/logo-annasil.png) no-repeat center;
    text-indent: -500000px;
    float: left;
    width: 180px;
    height: 90px;
    background-size: cover;
    margin: 7px 80px 7px 0;
} */
.sombra{
    width: 100%;
    float: left;
    position:absolute;
    background: #000;
    opacity: 0.5;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.titulo-t{
    color: #fff;
    text-align: right;
    border-right: 1px solid #fff;
    padding-right: 30px;
}
.titulo-t h2{
    font-size: 36px;
    font-weight: 600;
}
.titulo-t p{
    font-size: 14px;
    margin: 0;
}
.btao-quero-comprar{
    background: #1EB080 !important;
    padding: 20px 50px;
    border-radius: 12px;
    color: #fff !important;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    float: left;   
}
.landingpage-dados{
    padding: 80px 0 130px 0;
    background: url(../images/sombra.png) no-repeat center top #F2F2F2;
}
.landingpage-dados p{
    color: #333;
    font-size: 14px;
}
.landingpage-capa{
    height: 800px;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    background-color:#000;   
    padding-bottom: 35px; 
    position: relative;
}
.landingpage-capa .container{
    z-index: 2;
}
.landingpage-planta{
    padding: 80px 0;
    background: url(../images/sombra.png) no-repeat center top #fff;
}
.landingpage-planta ul{
    padding: 0;
}
.landingpage-planta ul li, .landingpage-planta p {
    color: #002A53;
    font-size: 17px;
    display: block;
    line-height: 28px;
}
.landingpage-planta ul li {
    padding-left: 20px;
    background:url(../images/ico-list.png) no-repeat center left;
}
.landingpage-galerias h2{
    background: #fff;
    padding:45px;
    font-size: 30px;
    color: #083359;
    font-weight: 600;
    top: 0;
    margin-top: -70px;
    width: 100%;
    max-width: 480px;
    z-index: 2;
    text-align: center;
    box-shadow: 0px -5px 19px #0000003d;
}
.landingpage-galerias figure{
    width: 100%;
    height: 270px; 
    margin-bottom: 0;      
    position: relative;
    z-index: 1;
    background-size: cover !important; 
    -webkit-background-size: cover !important;
}
.efeito{
    position: absolute;
    width: 100%;
    height: 100%;
    float: left;
    background: rgb(0, 0, 0);  
    z-index: 1;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    opacity: 0;
}
.landingpage-galerias a:hover .efeito{
    opacity: 0.5;
}
.landingpage-galerias a{
    cursor: pointer;
}
.landingpage-localizacao{
    min-height: 550px;
    position: relative;    
}
.landingpage-localizacao .mapa{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 1;
    top: 0;
}
.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #ddd;
    opacity: 1;
    border: 0 !important;
}
.carousel-indicators .active{
    background: #F97020;
}
.titulo-l h2{
    font-size: 36px;
    color: #000;
    position: relative;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.titulo-l h2 span{
    width: 130px;
    height: 5px;
    position: absolute;
    float: left;
    border-radius: 8px;
    background: #F97020;
    bottom: 0;
    left: 0;
}
.caracteristica {
    column-count: 2;
    margin-top: 50px;
}
.caracteristica div{
    margin-bottom: 20px;
    padding-left: 60px;
    font-size: 15px;
    color: #000;
    line-height: 20px;
    height: 50px;
}
.i-localizacao{
    background: url(../images/ico-localizacao.png) no-repeat left center;
}
.i-local{
    background: url(../images/localizacao.png) no-repeat left center;
}
.i-mercado{
    background: url(../images/carrinho-de-supermercado.png) no-repeat left center;
}
.i-combustivel{
    background: url(../images/posto-de-gasolina.png) no-repeat left center;
}
.i-campo{
    background: url(../images/campo.png) no-repeat left center;
}
.i-academia{
    background: url(../images/academia.png) no-repeat left center;
}
.i-playground{
    background: url(../images/playground.png) no-repeat left center;  
}
.i-piscina{
    background: url(../images/ico-piscina.png) no-repeat left center;  
}
.i-pet{
    background: url(../images/brinquedo-de-estimacao.png) no-repeat left center;  
}
.i-salaofesta{
    background: url(../images/mesa-de-jantar.png) no-repeat left center;  
}
.i-garagem{
    background: url(../images/carros.png) no-repeat left center;  
}
.landingpage-obra{
    background: url(../images/sombra.png) no-repeat center top #F2F2F2;
    padding: 75px 0;
}
.landingpage-obra figure{
    width: 100%;
    height:300px;
    margin-bottom: 0;
    background-size: cover !important;
    border-radius: 20px;
    -webkit-background-size: cover !important;
}
.seg-andamento-obra{
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 15px  20px;
    border-radius: 80px;
    background: #fff;   
}

.seg-progress{
    width: 100%;
    max-width: 650px;
    margin-left: 35px;
}
.seg-progress p{
    margin-bottom: 5px;
    font-size: 14px;
}
.seg-progress .bg-success{
    background: #1EB080 !important;
}
.progress{
    background-color: #B6B6B6 !important;
}
.seg-localizacao{
    background: #fff;
    max-width: 450px;
    width: 100%;
    float: left;
    padding: 65px 65px 40px 65px;
    position: relative;
    z-index: 2;
    border-radius: 0 0 30px 30px;
}
.btao-como-chegar{
    background: #1EB080 !important;
    padding: 20px 50px;
    border-radius: 80px;
    color: #fff !important;
    font-weight: 600;
    font-size: 30px;
    float: left;   
}
.btao-como-chegar:hover{
    background: #077A54 !important;
}
.btao-whatsapp{
    width: 360px;
    background:  #077A54 !important;
    padding: 20px 0;
    letter-spacing: -1px;
    color: #fff !important;
    font-size: 24px;
    border:2px solid #077A54 !important;
    border-radius: 20px !important;
}
.btao-whatsapp b{
    font-size: 36px;
    font-weight: 600;
}
.btao-whatsapp .bi{
    font-size: 36px;
}
.landingpage-contato .form-control{
    border: transparent !important;
}
.landingpage .form-control{
    
    color: #333;
    height: 70px !important;
}
.landingpage .form-floating>label{
    padding: 1.5rem;
}
.landingpage .form-floating>.form-control,  .landingpage .form-floating>.form-control-plaintext {
    padding: 1rem 1.5rem;
}
.landingpage .form-floating>.form-control-plaintext~label, 
.landingpage.form-floating>.form-control:focus~label, 
.landingpage .form-floating>.form-control:not(:placeholder-shown)~label, 
.landingpage .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-1.2rem) translateX(0.15rem) !important;
}
.btao-whatsapp:hover{
    background: #1EB080 !important;
    color: #077A54 !important;
}
.seg-localizacao .bi{
    font-size: 30px;
    color: #000;
    margin-right: 25px;
}
.seg-sombra{
    width: 100%;
    height: 50px;
    background: url(../images/sombra.png) no-repeat center top ;
    position: absolute;
    top: 0;
    z-index: 3;
}
.landingpage-contato{
    background: #1EB080;
    padding: 80px 0;
}
.landingpage-contato h2{
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}
.landingpage-contato .btn{
    background: #077A54;
    border-color: #077A54;
    padding: 20px 0;
    border-radius: 20px;
    color: #fff !important;
    font-weight: 600;
    font-size: 36px;
    float: left;  
    letter-spacing: -1px;
    width: 360px;
}

@media (max-width:1200px) {     
    .landingpage-galerias figure{  height: 350px;  }   
    .landingpage-localizacao .mapa { width: 50%; right: 0; float: left; }
    .seg-localizacao{ padding: 65px 0;}
   
}
@media (max-width:991px) { 

    .landingpage-galerias h2 { padding: 35px;}
    .titulo-t { text-align: center; border: none; }   
    .seg-localizacao{ max-width: 380px; padding: 65px 20px;}
    .btao-whatsapp { width: 100%; float: left; margin-top: 20px;}
    .landingpage-contato .btn{ width: 100%;}
    .landingpage-capa{ height: 600px;}
    
}
@media (max-width: 500px) {
    .seg-localizacao{ width: 100% !important;}
    .titulo-t{ padding: 0;}
    .btao-como-chegar{ padding: 20px 30px;}
    .mapa { width: 100% !important; right: 0 !important; position: relative  !important; height: 300px !important;}
}