* {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;}

body {width:100%; height:100%; overflow-x:hidden;}

#tudo {width:100%; background: url('../i/quebrado/fundo-intro.jpg') center center no-repeat; background-size: cover;}

#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;}
#tudo #popup .titulo span {font-size:18px; color:#FFF; font-weight:800;}
#tudo #popup .titulo2 {font-size:13px; color:#FFF; text-align:center; margin-bottom:20px;}
#tudo #popup .campo-nome {display:table; margin:0 auto;}
#tudo #popup .campo-nome input {width:270px; border:none; 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; 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;}
#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/whats-vd.svg) 12px center, linear-gradient(#004018, #017a2f); background-repeat:no-repeat, repeat; background-size:18px, cover; border-radius:15px; transition: all .3s;}
#tudo #popup .botao-envia input:hover {background: url(../i/quebrado/whats-vd.svg) 12px center, linear-gradient(#017a2f, #004018); background-repeat:no-repeat, repeat; background-size:18px, cover; background-size:18px; transition: all .3s;}

#tudo #topo {width:100%; position:fixed; z-index:1000; transition: all .3s;}
#tudo #topo #conteudo-topo {width: 1200px; margin: 0 auto; margin-top: 10px;}
#tudo #topo #conteudo-topo #mostra-topo{display: flex; justify-content: space-between;} 
#tudo #topo #conteudo-topo #mostra-topo #redes{ display: ruby;}
#tudo #topo #conteudo-topo #mostra-topo #redes a{ display: block; cursor: pointer;}
#tudo #topo #conteudo-topo #mostra-topo #contato{width: 95px;}
#tudo #topo #conteudo-topo #mostra-topo #contato .contato{color: #FFF; text-align: center; padding: 8px 13px; border-radius: 50px; background-color: #4f7649; cursor:pointer;  transition: all .3s; }
#tudo #topo #conteudo-topo #mostra-topo #contato .contato:hover{background-color: #4e8b44;  transition: all .3s;}
#tudo #topo #conteudo-topo #bloco-titulo {display: grid; justify-content: center;  margin-top: 10px; }
#tudo #topo #conteudo-topo #bloco-titulo .titulo{font-size: 28px; font-weight: 600; color: #4e8b44; text-align: center; line-height: 120%;}
#tudo #topo #conteudo-topo #bloco-titulo .titulo span{font-size: 28px; font-weight: 400; color: #000000; line-height: 120%;}
#tudo #topo #conteudo-topo #bloco-titulo .sub-titulo{font-size: 16px; color: #585858; text-align: center; line-height: 120%;}

#tudo #conteudo {width:100%; padding-top: 235px;}
#tudo #conteudo #repete-conteudo { width: 100%; margin: 0;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners { display: flex; flex-direction: column; width: 100%; gap: 5px; height: calc(100vh - 235px);  box-sizing: border-box; }
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner { flex: 1; overflow: hidden; height: 100%;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem { height: 100%;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra{background:linear-gradient(to right, #000000c9 50%, transparent 100%); height: 100%; transition: all .4s; align-content: center; cursor: pointer;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra:hover{ background-color: rgba(43, 85, 38, 0.808); height: 100%; transition: all .4s;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #margin{ width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-descricao {width: 41%;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-descricao #titulo{ font-size: 28px; color: white; font-weight: 600;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-descricao #descricao{ line-height: 120%;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-descricao #descricao p{ font-size: 13px; color:  white; font-weight: 300;}
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-seta #seta {width: 30px; height: 30px; display: flex; padding: 10px; border-radius: 50%; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.356); transition: all .3s; }
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra:hover #bloco-seta #seta {background: rgba(255, 255, 255, 0.575); transition: all .3s; }
#tudo #conteudo #repete-conteudo #repete-intro #mostra-banners .banner #imagem #sombra #bloco-seta .acessar { text-align: center; font-size: 13px; color: white; margin-top: 10px;}

#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: #000000
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: #313237
}