:root{
    --verde:#AC782F;
    --dourado: #c39b48;
    --azul: #057FA0;
    --cinza: #000;
}

.bg-dourado{
    background-color: var(--dourado);
}
.bg-azul{
background-color: #057FA0 !important;
}

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

p{
    text-transform: uppercase;
}


html,body{
    scroll-behavior: smooth !important;
}


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


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


.trajan{
    font-family: 'runalto' !important ;
    text-transform: uppercase;
}
 

.text-dourado{
    color: var(--dourado) !important;
}

 



*{
    font-family: 'Flama Book'
}


body{

background-image: url('../img/background.png') !important;
background-size: 2.5rem; 



}


header{
    background-image: url('../img/bg-home-3.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
    height: 80vh;
}



 


input {
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #AC782F !important;
    background: unset !important;
    color: #AC782F !important;
}


button.btn.btn-warning.btn-block.mt-5.text-uppercase, a.btn.btn-warning.btn-block.mt-5.text-uppercase {
    background: #0087b5 !important;
    border-radius: 0px;
    border: none;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
}

.btn.btn-warning{
    background: #0087b5 !important;
    border-radius: 0px!important;
    border: none!important;
    font-size: 12px!important;
    letter-spacing: 2px!important;
    color: #fff!important;
    text-transform: uppercase;
    padding: 5px 2rem;
}

input::placeholder{

    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    color: inherit !important;

}

.form-control {
    padding: 0px  !important;
}

.text-google{

transform: rotate(90deg);
color: #fff;
position: a;
}




#menu{

    position: fixed;
    z-index: 99;
    width: 100%;
    transition: all 0.4s;
  }

  #navbarText{

    
    justify-content: center !important;
    align-items: center !important;
  }
  .nav-link{

text-transform: uppercase;
font-size: 12px !important;

  }

  li{
    font-size: 12px;
  }

@media (max-width: 800px){
    

    #menu{
  
        background-color: #000 !important; 
        position: sticky !important;
        top: 0;
    }
  
  #logo{
    width: 50px !important;
    margin-bottom: 1rem;
  }
  
  h3{
    font-size: 1.3rem !important;
  }


header{
    background-image: url('../img/bghome-mobile.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 50vh;
}

#contato{
    /* background-color: #000; */
}

p,h1,h2,h3,h4,h5,h6,span{
    text-align: center !important;
}

.textoform{
    color: var(--dourado)!important;
     

}

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

    #yoo , #charlie{
        background-image: unset;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: ;
    }
    .bordayoo{
        border-bottom: none !important;
    }

    .img-yoo{
        width: 200px;
    }

  }


  .nav-link{

    padding: 0px !important;

    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.1rem !important;
padding-bottom: 0.1rem !important;

    font-size: 12px !important ;

  }


  html{
    scroll-behavior: smooth;
  }


  :target {
    scroll-margin-top: 2.5rem;
  }




.arabesco{
    background-image: url('../img/bg-arabesco.png');
    background-position: center;
    background-repeat: no-repeat;
}

#plantas{

background:  url('../img/arabescoplanta.png') , linear-gradient( #057FA0 , #057FA0);
background-position: center;

}

#bbook{

    background-image: url('../img/bg-plantas.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    

}

@media (max-width: 800px){
    #bbook{

        background-image: url('../img/bg-plantas.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: unset;
        
    
    }
}

p{
    font-size: 0.9rem;
}

@media (max-width: 800px){
    p,h5, input::placeholder,button.btn.btn-warning.btn-block.mt-5.text-uppercase.envia{
        font-size: 0.7rem !important;
    }
}


.tipologiaform{
    border-left: 1px solid;
}

a.btn.btn-danger.px-5 {
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 0px;
    background: #ac782f;
    border: none;
}
.bg{
    
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  
}

@media (max-width: 800px){

    .tipologiaform{
        border-left: none;
    }

}

.nav-item{
    font-size: 0.8rem !important;
}

.text-lazer{
font-size: 0.6rem;
line-height: 1.4rem;
}

.bordanova{
    border-left: 1px solid #fff;
}
@media (max-width: 800px){
    .bordanova{
        border-left: none;
    }
}


div#cookies {
    background: #ac782f;
    border-radius: 0px;
    color: #fff !important;
    border-top: 1px solid;
    
}

div#cookies p {
    font-size: 8px !important;
    letter-spacing: unset !important;

}



/* galeria  */



.galeria2 .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
}

.galeria2 .slick-track{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.galeria2 .slick-center{
    zoom: 1.2;
    box-shadow: 0px 8px 20px #494949;
}

@media (max-width: 800px){

    .galeria2 .slick-center{
        zoom: unset;
        box-shadow: unset;
    }

}


 .faixa-azul {


    background-image: url('../img/faixa-azul.png');
    background-position: center 90%;
    background-repeat: no-repeat;
    background-size: cover;
 
    display: flex;
    justify-content: center;


 }

 .galeria-home{

    min-height: 40vh;
    

 }


 #principal{
    border-radius: 26px !important;
 }

 #box-form{
    position: absolute;
    top: -5rem;
    left: 50%;
 }

 .galeria-contato{
    position: absolute !important;
    top: -300%;

 }

#g1 a {
    aspect-ratio: 1/1;
}

 #g1 img {
    border-radius: 2rem;
    object-fit: cover;
 }
/* #galeria */

.container2{
    max-width: 20%;
    background-image: url('../img/mosaico/04.png');
}

.container3{
    max-width: 50%;
    background-image: url('../img/mosaico/05.png');
}

.gl1, .hover\:scale {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transition: all 0.3s;
    width: 100%;
}

.img01,.img02{
    max-width: 50%;
}

.img01{
    background-image: url('../img/mosaico/01.png');
}

.img02{
    background-image: url('../img/mosaico/02.png');
}

.img03{
    background-image: url('../img/mosaico/03.png');
    height: 100%;
    max-width: 100%;
}

.linha1{
    display: flex;
}

.gl1 img{
    visibility: hidden;
}

/* Animações */
.hover\:scale:hover,
.img01:hover, 
.img02:hover,
.img03:hover,
.container2:hover,
.container3:hover { 
    transform: scale(1.1); 
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}


.txtplantas{
    position: relative;
    left: -5rem;
}

.ma{

    text-transform: math-auto;

}

.txtlocaliza{
    border-left: 1px solid #fff;
    padding-left: 1rem;
}

footer{
    background: linear-gradient(#0087b5 ,#0087b5);
    background-size: 50% ;
}


@media (max-width: 1200px){

    .galeria-contato {
        position: absolute !important;
        top: -235%;
    }

}

@media (max-width: 992px){
    #box-form{
        position: static;
    }
    .galeria-contato {
        position: unset !important;
    }

    .txtplantas{
        position: unset;
    }


}


.btn-info {
    color: #fff;
    background-color: #F44336 !important;
    border-color: #F44336 !important;
}

.bg-mapas{
    background-image: url('../img/mapa.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    min-height: 400px;
}