@import url("https://fonts.googleapis.com/css?family=Gudea&display=swap");
    html {

body, html {
    overflow-x: hidden;
}

body {
    font-family:'Gudea', sans-serif
}

input,textarea,select {
    border-radius:0px !important
}

.btn,.botao-voltar {
    border-radius:0px !important;
    background-color:#11A182;
    color:#fff;
    font-size:16px;
    font-weight:bold
}

.btn:hover,.botao-voltar:hover {
    color:#fff !important;
    background-color:#1b5e20;
}

input,textarea {
    border:0px !important;
    font-size:16px !important
}

input {
    padding-top:13px !important;
    padding-bottom:13px !important;
    font-size:16px !important
}

header {
    height:120px;
    z-index:22222;
    position:fixed;
    top:0px;
    width:100%
}

header nav {
    border-top:0px solid #e6e7e8
}

header nav .navbar-brand img {
    width:250px
}

header nav.navbar {
    padding:0px 0px;
    height:120px
}

header nav.navbar .navbar-collapse {
    margin:0px;
    height:100%;
    display:flex !important;
    justify-content:flex-end;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav {
    height:100%;
    padding:0px;
    font-size:14px;
    display:flex;
    justify-content:flex-end
}

header nav.navbar .navbar-collapse .navbar-nav li {
    margin:0px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#000000;
    padding:10px;
    margin-right:15px;
    height:60px
}

header nav.navbar .navbar-collapse .navbar-nav li a {
    padding:0px;
    position:relative;
    color:#fff;
    align-items:center;
    display:flex
}

header nav.navbar .navbar-collapse .navbar-nav li a .icone {
    background-color:#fff;
    margin-right:10px;
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav li a::after {
    display:none
}

header nav.navbar .navbar-collapse .navbar-nav li.active {
    border-bottom:8px solid #fff;
    border-top:8px solid #fff
}

header nav.navbar .navbar-collapse .navbar-nav li:last-child {
    margin-right:0px
}

header nav.navbar .navbar-collapse .navbar-nav li:last-child a {
    margin-right:0px
}

header nav.navbar .navbar-collapse .navbar-nav li.whatsapp {
    display:flex;
    justify-content:space-between;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav li.whatsapp a {
    display:flex;
    justify-content:space-between;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav li.whatsapp a img {
    margin-left:5px
}

header nav.navbar .navbar-collapse .navbar-nav li.redes {
    display:flex;
    justify-content:space-between;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav li.redes a {
    font-size:18px;
    background-color:#fff;
    width:30px;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center
}

header nav.navbar .navbar-collapse .navbar-nav li.redes a i {
    color:#2c9939;
    padding:0px;
    margin:0px
}



.banner {
    margin-top:0px
}

.banner .owl-theme .owl-prev,.banner .owl-theme .owl-next {
    position:absolute !important;
    top:50% !important;
    margin-top:-50px !important;
    width:50px !important;
    height:50px !important;
    text-align:center !important;
    background-color:#ffffff !important;
    color:#000 !important;
    font-size:50px !important;
    line-height:0 !important
}

.banner .owl-theme .owl-prev:hover,.banner .owl-theme .owl-next:hover {
    background-color:#c36a28
}

.banner .owl-theme .owl-prev {
    left:0px
}

.banner .owl-theme .owl-next {
    right:0px
}

.banner .owl-theme .owl-nav button span {
    top:20px;
    position:absolute;
    right:20px
}

.banner .img-mobi {
    display:none !important
}

main .area-de-atuacao {
    position:relative;
    z-index:22;
    margin-top:-220px;
    
}

main .area-de-atuacao .item img {
    max-width:100%
}

main .area-de-atuacao .item h2 {
    padding:10px 0px;
    margin:0px;
    display:block;
    font-size:24px;
    font-weight:300;
    text-align:left;
    color:#fff
}

main .area-de-atuacao .item p {
    padding:15px 0px;
    margin:0px;
    color:#4b4b4d
}

main .area-de-atuacao .item a {
    display:block;
    background-color:#ffffff;
    color:#fff;
    padding:0px
}

main .area-de-atuacao .item a:hover {
    text-decoration:none
}

main .numeros {
    background-image:url(../img/bg-form.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    padding-top:70px;
    padding-bottom:70px;
    background-size:cover;
    margin-top:50px
}

main .numeros .item {
    border:1px solid #000000;
    padding:30px;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    align-items:center;
    height:310px
}

main .numeros .item h2 {
    font-size:24px;
    color:#fff
}

main .numeros .item h2 strong {
    font-weight:bold
}

main .clientes {
    margin:100px 0px
}

main .clientes h1 {
    margin-bottom:50px;
    font-size:50px;
    font-weight:300;
    color:#000000
}

main .clientes img {
    max-width:100%;
    margin-bottom:50px
}

main .artigos {
    margin-bottom:60px;
    margin-top:60px
}

main .artigos .title {
    margin-bottom:50px
}

main .artigos .title h1 {
    font-size:50px;
    font-weight:300;
    margin:0px;
    padding:0px;
    
}

main .artigos .item {
    margin-bottom:50px
}

main .artigos .item a {
    text-decoration:none;
    color:#606062
}

main .artigos .item .imagem {
    height:250px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    margin-bottom:15px
}

main .artigos .item .data {
    font-size:12px;
    color:#606062
}

main .artigos .item h2 {
    font-size:18px;
    color:#606062;
    font-weight:bold;
    text-align:left
}

main .artigos .item p {
    font-size:14px;
    color:#606062
}

main h1 {
    color:#000000;
    margin-bottom:30px;
    font-size:28px;
    font-weight:bold
}

main h2 {
    text-align:center;
    font-size:18px;
    font-weight:300
}

main .pagination {
    margin-bottom:50px;
    border-radius:0px;
    justify-content:center
}

main .pagination .active .page-link {
    background-color:#fff;
    border-color:#fff
}

main .pagination .page-link {
    border-radius:0px !important
}

main .pagination .page-link a {
    color:#373435
}

main .pagination .page-link a:hover {
    text-decoration:none
}

main .busca {
    background-color:#e6e7e9;
    padding:20px 0px 20px 0px
}

main .titulo {
    margin-bottom:50px;
    text-align:left;
    position:relative;
    float:left
}

main .titulo h1 {
    text-align:left;
    font-size:28px;
    color:#000000 !important;
    font-weight:bold;
    margin:0px
}

main .titulo span {
    position:absolute;
    margin-top:-80px;
    margin-right:-45px;
    right:0px
}

main .clear {
    clear:both
}

main .interno,main.interno {
    margin-top:0px;
    margin-bottom:-60px
}

main .interno.contato,main.interno.contato {
    margin-top:70px
}

main .interno .titulo,main.interno .titulo {
    text-align:center;
    width:100%
}

main .interno .titulo h1,main.interno .titulo h1 {
    margin-bottom:50px;
    font-size:50px;
    font-weight:300;
    color:#373435;
    text-align:center
}

main .interno h1,main.interno h1 {
    
    color:#000000
}

main .interno h2,main.interno h2 {
    text-align:left;
    font-size:24px;
    font-weight:300
}

main .interno p,main.interno p {
    color:#070204
}

main .interno .voltar,main.interno .voltar {
    float:right;
    margin-top:60px;
    position:absolute;
    right:15px;
    z-index:222
}

main .interno .banner-topo-interno,main .interno .banner-interno,main.interno .banner-topo-interno,main.interno .banner-interno {
    background-position:center center;
    background-size:cover;
    height:120px
}

main .interno .pag-descricao,
main.interno .pag-descricao {
    padding-top: 60px;
    padding-bottom: 120px; /* ajuste o valor */
}
main .interno .conteudo,main.interno .conteudo {
    display:flex;
    justify-content:center
}

main .interno .conteudo .borda,main.interno .conteudo .borda {
    border-right:1px solid #a9afc1;
    margin-left:5%;
    margin-right:5%
}

main .interno .conteudo h2,main.interno .conteudo h2 {
    font-size:18px;
    color:#142852;
    font-weight:bold
}

main .interno .conteudo p,main.interno .conteudo p {
    color:#142852;
    margin:0px
}

main .interno .conteudo p a,main.interno .conteudo p a {
    font-size:16px;
    color:#142852
}

main .interno .conteudo p a:hover,main.interno .conteudo p a:hover {
    text-decoration:none;
    color:#e03438
}


/* ===============================
   PÁGINA INTERNA - FORMULÁRIO
================================ */

main .interno .form-contato,
main.interno .form-contato {
    margin-top: 50px;
}

/* Campos do formulário */

main .interno .form-contato input,
main .interno .form-contato textarea,
main .interno .form-contato select,
main.interno .form-contato input,
main.interno .form-contato textarea,
main.interno .form-contato select {

    border: 0;
    background-color: #f2f3f3;
    color: #142852 !important;

    box-shadow: none;
    outline: none;
}

/* Placeholder */

main .interno .form-contato input::placeholder,
main .interno .form-contato textarea::placeholder,
main .interno .form-contato select::placeholder,
main.interno .form-contato input::placeholder,
main.interno .form-contato textarea::placeholder,
main.interno .form-contato select::placeholder {

    color: #142852;
    opacity: 1;
}

/* Compatibilidade IE */

main .interno .form-contato input:-ms-input-placeholder,
main .interno .form-contato textarea:-ms-input-placeholder,
main .interno .form-contato select:-ms-input-placeholder,
main.interno .form-contato input:-ms-input-placeholder,
main.interno .form-contato textarea:-ms-input-placeholder,
main.interno .form-contato select:-ms-input-placeholder {

    color: #142852;
}

main .interno .form-contato input::-ms-input-placeholder,
main .interno .form-contato textarea::-ms-input-placeholder,
main .interno .form-contato select::-ms-input-placeholder,
main.interno .form-contato input::-ms-input-placeholder,
main.interno .form-contato textarea::-ms-input-placeholder,
main.interno .form-contato select::-ms-input-placeholder {

    color: #142852;
}

/* ===============================
   LOCALIZAÇÃO INTERNO
================================ */

main .localizacao-interno {
    margin-top: 50px;
    margin-bottom: 50px;
}

main .localizacao-interno .dados {
    background-color: #f5f5f5;
    padding: 20px 20px 1px 20px;
}

main .localizacao-interno .dados div {
    margin-bottom: 20px;
    display: flex;
    align-items: end;

    font-size: 14px;
    color: #000;
}

main .localizacao-interno .dados div img {
    margin-right: 10px;
}



main .localizacao-interno {
    margin-top:50px;
    margin-bottom:50px
}

main .localizacao-interno .dados {
    background-color:#f5f5f5;
    padding:20px 20px 1px 20px
}

main .localizacao-interno .dados div {
    margin-bottom:20px;
    display:flex;
    font-size:14px;
    align-items:end;
    color:#000
}

main .localizacao-interno .dados div img {
    margin-right:10px
}

main .localizacao {
    margin-bottom:-5px;
    padding-top:50px
}

main .form-padrao {
    padding-top:50px
}


@media (max-width: 980px) {
    header {
    height:97px !important;
    top:0px !important
}

header nav.navbar {
    padding:0px 0px !important;
    height:95px !important
}

header nav.navbar .navbar-brand {
    top:0px !important;
    margin-top:0px !important;
    padding:13px !important
}

header nav .navbar-brand img {
    width:160px !important;
    height:auto !important
}

header nav.navbar .navbar-toggler {
    margin-top:0px !important;
    color:#000000 !important;
    font-size:40px !important
}

header nav.navbar .navbar-collapse {
    width:100% !important;
    top:85px !important;
    display:flex !important;
    background-color:#000000 !important;
    margin:0px !important;
    height:50px !important;
    justify-content:flex-end !important;
    align-items:center !important
}

header nav.navbar .navbar-collapse .navbar-nav {
    width:100% !important;
    margin:0px !important;
    padding:0px !important;
    justify-content:space-between !important;
    flex-direction:row !important
}

header nav.navbar .navbar-collapse .navbar-nav li {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    background-color:#000000 !important;
    height:50px !important;
    padding:10px !important;
    margin:0px !important
}

header nav.navbar .navbar-collapse .navbar-nav li a {
    font-size:14px !important;
    line-height:16px !important;
    margin:0px !important;
    padding:0px !important;
    position:relative !important;
    color:#fff !important;
    align-items:center !important;
    display:flex !important
}

header nav.navbar .navbar-collapse .navbar-nav li a .icone {
    display:none !important
}

.banner {
    margin-top:145px !important
}

main .area-de-atuacao {
    margin-top:0px !important;
    padding:10px
}

main .area-de-atuacao .item {
    margin-bottom:20px
}

main .area-de-atuacao .item a {
    text-align:center
}

main .numeros {
    padding-top:40px;
    padding-bottom:30px;
    background-size:cover;
    margin-top:50p
}

main .numeros .item {
    margin-bottom:30px
}

main .clientes h1 {
    margin-bottom:50px;
    font-size:40px;
    font-weight:300;
    color:#fff
}

main .artigos .title h1 {
    font-size:40px;
    font-weight:300;
    margin:0px;
    padding:0px;
    
}

main .artigos .item .imagem {
    margin-bottom:15px
}

footer .newsletter .box-portfolio {
    flex-direction:column;
    margin-bottom:10px
}

footer .newsletter .box-portfolio a {
    display:block;
    width:100%;
    text-align:center
}

footer .newsletter .box-news {
    margin:0px 0px 0px
}

footer .rodape {
    padding-top:80px;
    text-align:center
}

footer .rodape img {
    max-width:86%;
    width:35%;
    margin-bottom:50px
}

footer .rodape ul {
    margin:0px;
    padding:0px;
    list-style:none;
    margin-bottom:30px;
    flex-direction:column !important
}

footer .rodape ul {
    align-items:center;
    display:flex;
    justify-content:center
}

footer .rodape .borda {
    border:0px !important
}

footer .rodape .borda br {
    display:none
}

footer .rodape .borda .botao {
    display:block;
    margin-top:20px
}

footer .copy .conteudo {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    flex-direction:column;
    text-align:center
}

footer .copy .conteudo img {
    margin-top:15px
}

.menu {
    width:100%;
    position:fixed;
    top:120px;
    height:70px;
    z-index:2000;
    border-bottom:5px solid #000000;
    top:0px;
    width:100%;
    height:100%;
    z-index:22222;
    display:none
}

.menu .botao-fechar {
    display:block;
    top:10px;
    right:10px;
    z-index:222222;
    background-color:transparent;
    border:0px;
    font-size:30px;
    color:#fff
}

.menu .container ul {
    height:100%;
    display:right;
    justify-content:flex-start;
    align-items:center;
    margin:0px;
    padding:20px;
    list-style:none;
    flex-direction:column;
    align-items:flex-start
}

.menu .container ul li.redes {
    display:flex;
    justify-content:flex-start;
    margin-top:20px;
    width:100%
}

.menu .container ul li a:before {
    display:none !important
}

.menu .container ul li {
    margin-bottom:15px
}

.banner .owl-theme .owl-prev,.banner .owl-theme .owl-next {
    width:40px !important;
    height:40px !important
}

.owl-carousel .owl-nav button.owl-next {
    background:0 0 !important;
    color:inherit !important;
    border:none !important;
    padding:0 !important;
    font:inherit !important
}

.banner .owl-theme .owl-nav button span {
    position:absolute;
    width:30px !important;
    height:30px !important;
    display:flex !important;
    justify-content:center !important;
    margin:0px !important
}

main .interno,main.interno {
    margin-top:145px !important;
    margin-bottom:30px !important
}

main .interno .banner-topo-interno,main .interno .banner-interno,main.interno .banner-topo-interno,main.interno .banner-interno {
    background-position:center center;
    background-size:cover;
    height:100px
}

}