/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/05/2019, 16:28:44
    Author     : Castelli
*/

@font-face {
    font-family: JandaApple;
    src: url(../fonts/JandaAppleCobbler.ttf)
}
@font-face {
    font-family: Nexa-Rust;
    src: url(../fonts/nexa-rust/NexaRustSans-Black.otf)
}

body {
    overflow-x: hidden!important;
}
html {
    scroll-behavior: smooth;
}
a:link 
{ 
    text-decoration:none; 
}
h1{
    font-family: JandaApple;
}
.logo{
    height: 280px;
    margin-right: 50px

}
.logo-reduzida{
    height: 80px!important;
    margin-right: 290px
}
.ocultar{
    display: none;
}
.btns-social{
    position: fixed;
    z-index: 99;
    bottom: 50%;
    left: 0;
}

.menu-mobile{
    position: absolute;  
    top: 32px;
    right: 10%;
}


.btn-facebook{    
    background-color: rgb(59,89,152);
    margin:0;
    padding: 10px;

}
.btn-facebook i{
    color: white;    
    font-size: 22px;  
}
.btn-instagram{    
    background-color: rgb(193,53,132);   
    padding: 10px;
}
.btn-instagram i{
    color: white;    
    font-size: 22px;   
}
.jumbotron{
    position: relative;
    background: url('../img/banner/banner-topo.jpg') no-repeat; 
    background-size: auto;
    background-position: center center;
    height: 700px;
}


.ajuste{
    margin-top: 290px!important;
}
/*.jumbotron::before{
    content:"";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100,100,100,0.4);
}*/
.jumbotron h1{
    color: white;
    padding-top: 100px;
    z-index: 999;
    position: relative;

    text-shadow: 0 0 2px black;
    font-size: 40px;
    line-height: 65px;
    text-transform: uppercase;
}
.nav-item{
    border: 1px solid black;
    border-radius: 20px;
    margin: 10px 2px 0 2px;
}
.nav-item a{
    font-family: JandaApple;
    padding: 2px 20px 2px 20px!important;
}




.titulo h1{
    color: black;
    margin-top: 60px;

    padding-bottom: 50px;   


}
#banner-topo{
    margin-top: 10px;
    margin-bottom:10px;
}
.bkg-textura{
    position: relative;
    background: rgb(241,233,226);

}
.bkg-textura::before{
    content:"";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/textura.png');
    background-repeat: repeat;

}
#contato-whats{
    background-color: rgb(0,128,67);
}
#contato-whats h3{
    font-family: JandaApple;
    color: white;
}
#galeria{
    background-color: rgb(241,233,226);
}
#contato{
    background-color: white;
}
.form-contato{
    padding: 25px 15px 25px 15px;
    border-radius: 10px;
    background-color: rgb(241,233,226);
    border:1px solid rgb(150,150,150);
    box-shadow: 1px 1px 1px 1px rgb(150,150,150);
}

.btn-whats{
    background-color: rgb(255,148,0);   
    padding: 2px 50px 2px 50px;
    border-radius: 30px;
    transition-duration: 0.5s;
}
.btn-whats:hover{
    box-shadow: 0px 2px 1px black;
    transition-duration: 0.2s;
}
.btn-whats i{
    font-size: 30px;
}

.btn-whatsapp-comp{
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    background-color: rgb(13,193,67);

}
.btn-whatsapp-comp:hover{
    background-color: rgb(10,141,49);
    color: white;
}
.btn-enviar{
    /*    background-color: rgb(0,150,57);*/
    background-image: url('../img/button-send-folha.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    width: 140px;
    padding-top: -50px!important;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    transition-duration: 0.5s;

}
.btn-enviar:hover{
    /*    box-shadow: 0px 2px 1px black;*/
    color: white;
}


.folhas{
    height: 110px;
    background-image: url('../img/folhagem.png');

}
.folhas-invertidas{
    position: absolute;
    width: 100%;
}
.folhas-invertidas img{
    padding-top: 330px;

}




#menu{
    margin-top: -20px;
}

.menu-fixo{

    margin-top:0!important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 1px 1px 5px rgb(150,150,150);
}


.divisao{

}
.divisao .azul{
    height: 5px;
    background-color: rgb(0,173,223); 
}
.divisao .verde{
    height: 5px;
    background-color: rgb(0,150,57);
}
.divisao .amarelo{
    height: 5px;
    background-color: rgb(253,239,10);
}
.divisao .laranja{
    height: 5px;
    background-color: rgb(255,148,0);
}

#compartilhar h4{
    font-family: JandaApple;
}

.lista-fotos img{
    margin-bottom: 15px;
}

.assinatura{
    background-color: rgb(20,20,20); 
}
.assinatura p{
    font-size: 12px;
    color: white;
}
.assinatura a{
    color: rgb(255,183,0);
}

#links{
    margin-top: -70px!important; margin-left: 120px
}
#frase-menu{  
    margin-left: 10%;
    margin-top: -200px;
}
.img-empresa{
    max-height: 133px;
}
.alinhar-centro{
    display: flex;
    align-items: center;
    justify-content: center;
}

.placa{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 200px;
}
.placa h2{
    
    font-family: Nexa-Rust;
    color: white;
    /*    -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #000;*/
    font-size: 45px;
    text-shadow: -3px 0 black, 0 1px black,
        1px 0 black, 0 -1px black
}
.texto-menor{    
    font-size: 35px;
}

.placa1{
    background-image: url('../img/servicos/placa1.png');
}
.placa2{
    background-image: url('../img/servicos/placa2.png');
}
.placa3{
    background-image: url('../img/servicos/placa3.png');
}
.placa4{
    background-image: url('../img/servicos/placa4.png');
}
.placa5{
    background-image: url('../img/servicos/placa5.png');
}
.placa6{
    background-image: url('../img/servicos/placa6.png');
}
.placa7{
    background-image: url('../img/servicos/placa7.png');
}
.placa8{
    background-image: url('../img/servicos/placa8.png');
}