html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: "Poppins", sans-serif; }
a, button, li,
.form-group span .fa
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }

.modal-body { padding: 0; border: 0; }
.bg-verde { background-color: #5D712B; color: #FF5B00; }
.bg-bege { background-color: #e6ccb4; }
.texto-laranja { color: #FF5B00; }
.bg-marrom { background-color: #4C320F; }
.btn-laranja { background-color: #FF5B00; color: #fff; font-size: 1rem; border: 1px solid #FF5B00; padding-top: 18px; padding-bottom: 18px; border-radius: 30px; text-transform: uppercase; }
.btn-laranja:visited , .btn-laranja:focus { color: #fff; } 
.btn-laranja:hover { background-color: transparent; color: #FF5B00; }
.btn-laranja.topo { padding: 6px 30px; font-size: 1.2rem; font-weight: 400; line-height: 1.7rem; text-transform: none; }
.nav-link { padding: 6px 20px; font-size: 1.2rem; font-weight: 400; line-height: 1.7rem; margin-right: 20px; }

#banner { background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-origin: content-box; background-position: center; padding: 160px 0; z-index: -2; }
#banner .detalhebanner { position: absolute; top: 0; left: 0; min-height: 80%; z-index: -1; }
#banner .logointerno { min-width: 100%; height: auto; z-index: 9; }
@media (max-width: 1367px){
    #banner .logointerno { min-width: 80%; margin-left: 18%; }
    .btn-laranja { min-height: 84px; align-items: center; }
    .btn-laranja.topo { min-height: auto; }
} 

#quilombola { padding: 150px 0; background-color: #4C320F; }
#quilombola .detalhequilombola { position: absolute; top: -300px; right: 0; min-height: 600px; z-index: 1; }
#quilombola .box-texto1 { padding: 0 15%; }
#quilombola .box-texto1 h3 { font-weight: 500; font-size: 2rem; line-height: 2.5rem; color: #F5DCC5; }
#quilombola .box-texto1 h3 span { font-weight: 700; color: #FF5B00; }
#quilombola .box-texto2 { padding: 0 12%; z-index: 99; }
#quilombola .box-texto2 p { font-weight: 400; font-size: 1.25rem; line-height: 2rem; color: #fff; }
#quilombola .box-texto2 p span { font-weight: 700; }
@media (max-width: 1600px){
    #quilombola .detalhequilombola { position: absolute; top: -260px; right: 0; min-height: 500px; z-index: 1; }
}
@media (max-width: 1367px){
    #quilombola .detalhequilombola { min-height: 360px; }
    #quilombola .box-texto1 { padding: 0 12%; }
    #quilombola .box-texto1 h3 { font-size: 1.75rem; line-height: 2.25rem; }
    #quilombola .box-texto2 p { font-size: 1.15rem; line-height: 1.75rem; }
}

#informacoes { padding: 90px 0; background-color: #C4B2F0; }
#informacoes .detalheinfos { position: absolute; top: 90px; left: 0; min-width: 40%; z-index: 1; }
#informacoes .box-texto h3 { font-weight: 700; font-size: 2.5rem; line-height: 3rem; color: #fff; margin-bottom: 40px;}
#informacoes .box-texto ul li { font-weight: 400; font-size: 1.5rem; line-height: 2rem; color: #000; margin-bottom: 1.5rem; }
#informacoes .box-texto ul li span{ font-weight: 700; }
@media (max-width: 1600px){
    #informacoes .box-texto h3 { font-size: 2.25rem; line-height: 2.75rem; }
    #informacoes .box-texto ul li { font-size: 1.4rem; line-height: 1.85rem; margin-bottom: 1.3rem; }
}
@media (max-width: 1367px){
    #informacoes .box-texto h3 { font-size: 2rem; line-height: 2.5rem; margin-bottom: 20px; }
    #informacoes .box-texto ul li { font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 1.15rem; }
}

#curso { padding: 90px 0; background-color: #5D712B; }
#curso .box-info { display: flex; width: 100%; height: auto; margin-bottom: 40px; }
#curso .box-info .icone { float: left; width: 20%; height: auto; padding: 30px 0; }
#curso .box-info .texto { float: left; width: 80%; height: auto; min-height: 180px; }
#curso .box-info .texto.t1{ padding: 20px 60px 30px 12px; }
#curso .box-info .texto.t2{ padding: 60px 60px 30px 12px; }
#curso .box-info .texto.t3{ padding: 60px 60px 30px 12px; }
#curso .box-info .texto.t4{ padding: 30px 60px 30px 12px; }
#curso .box-info .texto p { font-size: 1.25rem; line-height: 1.75rem; color: #fff; display: inline-block; vertical-align: baseline; }

#inscricoes { background-repeat: no-repeat; background-attachment: scroll; background-size: cover; background-origin: content-box; background-position: center; padding: 150px 0; }
#inscricoes .box-infos { margin-left: 30px; background-color: #5D712B; color: #F5DCC5; padding: 40px 50px 20px 160px; position: relative; }
#inscricoes .box-infos p { font-size: 2rem; font-weight: 2.5rem; font-weight: 300; margin-bottom: 20px; }
#inscricoes .box-infos p span { font-weight: 700; }
#inscricoes .box-infos .img-icone1 { position: absolute; top: -10px; left: -35px; min-width: 180px; }
#inscricoes .box-infos .img-icone2 { position: absolute; top: 190px; left: -35px; min-width: 180px; }
#inscricoes h5 { margin-left: 30px; margin-top: 40px; font-size: 2rem; font-weight: 400; color: #C4B2F0; }
#inscricoes h5 span { font-weight: 700; }
@media (max-width: 1367px){
    #inscricoes .box-infos p { font-size: 1.5rem; font-weight: 2rem; }
    #inscricoes .box-infos .img-icone1 { top: -20px; left: -35px; min-width: 160px; }
    #inscricoes .box-infos .img-icone2 { top: 150px; left: -35px; min-width: 160px; }
    #inscricoes h5 { font-size: 1.5rem; }
}

#material { padding: 120px 0; background: #F5DCC5; }
#material .detalhematerial { position: absolute; top: -280px; right: 0; min-width: 320px; z-index: 1; }
#material .box-texto { padding: 0 10px; margin-bottom: 60px; }
#material .box-texto p { font-weight: 500; font-size: 2.25rem; line-height: 2.75rem; color: #4C320F; }
#material .box-texto p span { font-weight: 700; }
@media (max-width: 1600px){
    #material .detalhematerial { top: -260px; right: 0; min-width: 280px; z-index: 1; }
}
@media (max-width: 1367px){
    #material .box-texto p { font-size: 1.75rem; line-height: 2.25rem; }
}

#cadastro { padding: 90px 0; background: #F5DCC5; color: #4C320F; }
#cadastro .box-formulario { width: 80%; margin-left: 10%; margin-right: 10%; border: 1px solid #e6ccb4; padding: 60px 30px; border-radius: 20px; }
#cadastro .box-formulario .quilombola.nao { display: none; }
#cadastro .box-formulario .quilombola.sim { display: block; }
#cadastro .box-formulario .cancelada { display: none; font-size: 1rem; font-weight: 700; color: red; margin-top: 12px; margin-left: 12px; }
#cadastro .box-formulario .cancelada.on { display: block; }
#cadastro .box-formulario h3 { text-align: center; font-size: 2.5rem; line-height: 2.75rem; font-weight: 800; color: #FF5B00; margin-bottom: 10px; text-transform: uppercase; }
#cadastro .box-formulario label { margin-top: 20px; }
#cadastro .box-formulario .form-control { background-color: #ffe8d3; } 
#cadastro .box-formulario .form-select { background-color: #ffe8d3; } 
@media (max-width: 1367px){}

#regras { padding: 90px 0; background-color: #5D712B; color: #fff; }
#regras .accordion-button { background-color: #F5DCC5; color: #4C320F; }
#regras .accordion-body { background-color: #5D712B; color: #fff; border: 1px solid #F5DCC5; }

#concluida { padding: 90px 0; background-color: #F5DCC5; color: #5D712B; text-align: center; }
#concluida .box-img { width: 100%; padding-left: 40%; padding-right: 40%; margin-bottom: 30px; }
#concluida h2 { font-size: 2.25rem; line-height: 3rem; font-weight: 700; margin-top: 20px; margin-bottom: 20px; }
#concluida .table tr th, #concluida .table tr td { text-align: start; }

#footer { padding: 90px 0 60px 0; background: #D9D9D9; }
#footer .texto1 { font-size: 1.5rem; font-weight: 700; line-height: 2rem; color: #4C320F; margin-bottom: 40px;}
#footer .texto2 { font-size: 1.5rem; font-weight: 300; line-height: 2rem; color: #4C320F; }
#fotter label { font-size: 1.25rem; font-weight: 300; line-height: 1.6rem; color: #4C320F; }

@media (max-width: 1367px){
    #footer .texto1 { font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 30px;}
    #footer .texto2 { font-size: 1.25rem; line-height: 1.75rem; }
}

#copy { padding: 30px 0 15px 0; background-color: #4C320F; color: #F5DCC5; }