:root{
--azul: #23334f;
--verde: #b7c54f;
--laranja: #ff5a00;
}


@font-face {
    font-family: 'Kottario';
    src: url('fonts/Kottario.eot');
    src: url('fonts/Kottario.eot?#iefix') format('embedded-opentype'),
        url('fonts/Kottario.woff2') format('woff2'),
        url('fonts/Kottario.woff') format('woff'),
        url('fonts/Kottario.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noir Pro';
    src: url('fonts/NoirPro-Bold.eot');
    src: url('fonts/NoirPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NoirPro-Bold.woff2') format('woff2'),
        url('fonts/NoirPro-Bold.woff') format('woff'),
        url('fonts/NoirPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noir Pro';
    src: url('fonts/NoirPro-Regular.eot');
    src: url('fonts/NoirPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/NoirPro-Regular.woff2') format('woff2'),
        url('fonts/NoirPro-Regular.woff') format('woff'),
        url('fonts/NoirPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body{
    font-family: 'Noir Pro';
}


.kota{

    font-family: 'Kottario'!important;
}

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

.text-laranja{
    color: var(--laranja);
}
.bg-azul{
    background: var(--azul);
}

.text-verde{
    color: var(--verde);
}

.text-azul {
    color: var(--azul);
}

.bg-piscina{

    background-image: url('../img/bg-header.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-flor-1{

    background-image: url('../img/flor-header.webp');
    background-position: -20px;
    background-repeat: no-repeat;
    background-size: contain;
   

}



#galeria{

    background: url('../img/flor-egaleria.webp') left, url('../img/flor-dgaleria.webp') right top ;
    background-size: contain;
    background-repeat: no-repeat;
   


}

#facilities{
    background:  url('../img/flor-efooter.webp') left ,  url('../img/flor-footer.webp') right, linear-gradient(var(--azul) , var(--azul)) ;
    background-repeat: no-repeat;
    background-size: contain;
   

}

.gp{
    cursor: pointer;
}
.gg{
    transition: all 0.2s ease-in-out;
    opacity: 1;
}

.formulario{

    background: #23334fd2;

}

input, textarea{

    background: #23334f00 !important;
    border-radius: 0px !important;
    color: #b7c54f !important;
}

input::placeholder, textarea::placeholder{

    color: #fff !important;
    font-size: 0.8rem;

}

@media (max-width: 1200px){

    .bg-flor-1{
        background-position: -50px;
    }



}


@media (max-width: 800px){


    #facilities{
        background:    linear-gradient(var(--azul) , var(--azul)) ;
        background-repeat: no-repeat;
        background-size: contain;
       
    
    }




#galeria{

    background: url('../img/flor-egaleria.webp') left;
    background-size: contain;
    background-repeat: no-repeat;
   


}



}

/* ======================================================================== */

header{

background: url('../img/bg-flor-header-d.png'), 
            url('../img/bg-flor-header-e.png'), 
            linear-gradient(180deg, #23334f 20%, rgba(0,0,0,0) 100%), 
            url('../img/bg-home.png');

background-position: right top , left top, center;
background-repeat: no-repeat;
background-size: 150px , 300px , cover , cover;
min-height: 600px ;
height: 80vh;
}

#contato{

    background-image:linear-gradient( #23334fef , #23334fef), url('../img/bg-contato.png') !important  ;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: ;

}

.card-samba {
    background-image: url('../img/bg-residencialsamba.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}


.card-residencial {
    background-image: url('../img/bg-irajaresidencial.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
}


#empreendimentos{

    background-image: url('../img/confortoe.png'),url('../img/confortod.png');
    background-position: left , right;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: ;

}

.btn-empreendimento{

}

a.bg-laranja , button.bg-laranja {
    border: none !important;
    border-radius: 0px !important;
    color: #fff !important;
}
.carousel-item{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;   
}

#facilities{
background-image:   url('../img/le.png') , url('../img/ld.png'), linear-gradient(var(--azul) , var(--azul)) ;
background-position: left,right;
background-repeat: no-repeat;
background-size: contain;
}