@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800');

/* ----- RESET ----- */
html, input, textarea, button, select, option { border: 0 solid #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #808080; }
textarea { max-width: 100%; min-width: 100%; }
* { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; }
*:focus { outline: 0; border: 0; } 
span { color: inherit; }
img { border: 0; display: block; }
hr { display: none;}
ol, ul, li { list-style: none; margin: 0; padding: 0; }
a { display: block; text-decoration: none; text-transform: inherit; font-size: inherit; color: inherit; cursor: pointer; font-family: inherit; }
a:hover { text-decoration: none; }
a img { border: 0; }
p { font-family: 'Montserrat', sans-serif; font-weight: 400; color: #808080; }
p a { display: inline-block; }
strong { color: inherit; font-weight: 700; }
h1, h2, h3, h4, h5, h6, option { color: inherit; font-weight: inherit; font-size: inherit; }
button { padding: 0; margin: 0; background-color: transparent; border: 0; outline: none; cursor: pointer; color: inherit; text-transform: inherit; font-size: inherit; font-family: inherit; }



/* ----- CLEARFIX ----- */
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 0; }


/* ----- GERAL ----- */
body { overflow-y: auto; position: absolute; width: 100%; min-height: 100vh; font-size: 16px; background-color: #f9f9f9; }
body.modalAtivo,
body.menuAtivo { overflow: hidden; }
#site { width: 100%; margin: 0 auto; max-width: 1920px; min-height: 700px; display: block; overflow-x: hidden; background-color: transparent; }
.eapps-instagram-feed-container { margin-bottom: -50px; z-index: 100000; position: relative; background-color: #ffffff; }


.conteudo { width: 990px; margin: 0 auto; display: block; position: relative; }
.conteudo:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .conteudo { display: block; }
* html .conteudo { height: 0; }


.setor { width: 100%; max-width: 1920px; float: left; position: relative; }
.setor:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .setor { display: block; }
* html .setor { height: 0; }

.alinhar { height: 100%; width: 100%; position: fixed; bottom: 0;}
.alinharAux1 { height: 100%; padding: 0; margin: 0 auto; position: relative; display: table; }
.alinharAux2 { text-align: center; display: table-cell; vertical-align: middle; margin: 0 auto; }










/* ---------- SITE ---------- */
.bloco { padding: 80px 0; }
.blocoPreto { background-color: #000000; }
.blocoAzul { background-color: #00afd7; }
.blocoAzulEscuro { background-color: #002852; }
.blocoBranco { background-color: #ffffff; }
.blocoCinzaClaro { background-color: #e5e9ed; }
.blocoCinzaEscuro { background-color: #151313; }
.blocoVerde { background-color: #3dce67; }

.subtitulo { width: 100%; display: table; line-height: 28px; font-weight: 600; font-size: 14px; color: #3dce67; }
.subtitulo:last-child { margin-bottom: 0; }
.blocoAzulEscuro .subtitulo { color: #3dce67; }
.blocoCinzaClaro .subtitulo { color: #3dce67; }

.titulo { width: 100%; margin-bottom: 30px; float: left; color: #00afd7; font-weight: 600; font-size: 30px; line-height: 44px; text-transform: uppercase; position: relative; }
.titulo:before { content: ''; position: absolute; top: -20px; left: 0; width: 60px; height: 3px; background-color: #000000; }
.titulo.textoCentralizado:before { left: 50%; transform: translateX(-50%); }
.blocoAzulEscuro .titulo { color: #ffffff; }
.blocoCinzaClaro .titulo { color: #606060; }
.blocoVerde .titulo { color: #22452c; }

.textoCorrido { line-height: 24px; font-size: 16px; color: #808080; }
.textoCorrido p,
.textoCorrido ul,
.textoCorrido ol { margin-bottom: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; color: inherit; }
.textoCorrido:last-child,
.textoCorrido *:last-child { margin-bottom: 0; }
.textoCentralizado { text-align: center; }

.blocoAzulEscuro .textoCorrido p { color: #cccccc; font-size: 20px; line-height: 28px; }

.internaTopo.bloco { padding: 170px 0 80px; background: url('../images/banners/background.jpg') center top no-repeat #223338; background-size: cover; }
.internaTopo .bannerTitulo { color: #3dce67; margin-bottom: 10px; }
.internaTopo .bannerTexto { font-size: 20px; }
.topoIcone { position: absolute; right: 0; bottom: -135%; width: 250px; fill: rgba(87,219,228,0.4); }

.botaoPadrao {
    border: 3px solid #00afd7; width: 50px; height: 50px; margin-top: 40px; box-shadow: inset 0 0 0 0 #00afd7;
    transition: all 200ms ease-in;
}
.botaoPadrao svg { width: 100%; height: 44px; display: block; position: relative; left: 50%; }
.botaoPadrao svg * { fill: #ffffff; }
.botaoPadrao.botaoCentralizado { display: table; margin-left: auto; margin-right: auto; float: none; }
.botaoPadrao:hover { box-shadow: inset 0 0 0 24px #00afd7; }
.botaoPadrao:hover svg,
.botaoPadrao:focus svg { animation: slideDown 600ms ease-in-out infinite; }

.setas { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0; overflow: visible; z-index: 10; }
.seta { position: absolute; width: 50px; height: 50px; top: -17px; }
.setaEsq { left: -150px; }
.setaDir { right: -150px; }
.seta svg { width: 100%; height: 100%; float: left; position: relative; }
.seta svg * { fill: #ffffff; }
.seta:hover svg * { fill: #00afd7; }
.seta.inativo { cursor: not-allowed; opacity: 0.2; }
.seta.inativo:hover svg * { fill: #002852; }
.owl-carousel .owl-item img { transform-style: flat; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #00afd7; }





.background { background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #f9f9f9; }
.backgroundImagem,
.owl-carousel .owl-item img.backgroundImagem { opacity: 0; }


@media screen and (max-width: 1024px){
    .bloco { padding: 80px 0; }
    .conteudo { width: 90%; margin: 0 5%; }
}
@media screen and (max-width: 800px){
    .titulo { font-size: 28px; line-height: 30px; margin-bottom: 20px; }
}


/* ----- TOPO ----- */
#topo {
    z-index: 100; background-color: transparent; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; padding: 0;
    transition: padding 200ms ease; -webkit-transition: padding 200ms ease; -moz-transition: padding 200ms ease; -ms-transition: padding 200ms ease; -o-transition: padding 200ms ease;
}
/*#topo:before {
    content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; visibility: visible; z-index: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    transition: transform 200ms ease; -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; -ms-transition: transform 200ms ease; -o-transition: transform 200ms ease;
}*/
#topo:after {
    content: ""; position: absolute; width: 100%; height: 100%; bottom: 100%; left: 0; background-color: #000000; visibility: visible; z-index: 0;
    box-shadow: 0 0 20px rgba(0,0,0,0); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0); -moz-box-shadow: 0 0 20px rgba(0,0,0,0); -ms-box-shadow: 0 0 20px rgba(0,0,0,0); -o-box-shadow: 0 0 20px rgba(0,0,0,0);
    transition: transform 200ms ease; -webkit-transition: transform 200ms ease; -moz-transition: transform 200ms ease; -ms-transition: transform 200ms ease; -o-transition: transform 200ms ease;
}
.altera #topo:after {
    box-shadow: 0 0 25px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.4); -ms-box-shadow: 0 0 25px rgba(0,0,0,0.4); -o-box-shadow: 0 0 25px rgba(0,0,0,0.4);
    transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%);
}
#topo .conteudo { z-index: 10; }

.topoLogo { float: left; width: 130px; position: relative; z-index: 10; padding: 30px 0; }
.topoLogo img { width: 100%; height: auto; }
.altera .topoLogo { padding: 15px 0; width: 66px; }


.menu { position: relative; float: left; }

.topoBotao { min-width: 50px; height: 50px; position: relative; z-index: 10; float: right; margin: 0 0 0 20px; background-color: #00afd7; color: #ffffff; }
.topoBotao:hover { background-color: #ffffff; color: #00afd7; }
.topoBotao:hover svg * { fill: #00afd7; }
.topoMenu { display: none; }
.topoMenu span { position: absolute; width: 24px; height: 2px; background-color: #ffffff; top: 17px; left: 13px; }
.topoMenu span:nth-child(2) { top: 24px; }
.topoMenu span:nth-child(3) { top: 31px; }
.topoMenu:hover span { background-color: #00afd7; }
.topoTelefone { padding: 0 15px; }
.topoTelefone svg { width: 22px; height: 50px; vertical-align: bottom; display: inline-block; margin-right: 4px; }
.topoTelefone svg * { fill: #ffffff; }
.topoTelefone span { font-weight: 600; line-height: 50px; display: inline-block; }

.altera .topoBotao { margin-top: 15px; }


.menuFundo {
    position: absolute; top: 70px; right: 0; width: 62%;
}
.menuLista { float: left; }
.menuListaItem { float: left; margin: 0 0 0 30px; position: relative; }
.menuListaItem > * { line-height: 50px; font-weight: 400; font-size: 16px; color: #333333; }
.menuListaItem > *:hover,
.menuListaItem.ativo > * { color: #000000; }
.mobile { display: none; }

.altera .menuListaItem > * { color: #ffffff; }
.altera .menuListaItem > *:hover,
.altera .menuListaItem.ativo > * { color: #00afd7; }
.altera .menuFundo {
    top: 15px; left: 50%; right: auto;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.altera .menuListaItem > * { line-height: 50px; }

.menuListaItem:hover .subMenuBotao + .subMenu { display: block; }


.subMenu {
    position: absolute; left: 0; top: 70%; background-color: #ffffff; white-space: nowrap; display: none; padding: 5px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.2); -ms-box-shadow: 5px 5px 15px rgba(0,0,0,0.2); -o-box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.subMenu a { color: #808080; font-size: 14px; padding: 0 10px; text-transform: none; letter-spacing: normal; line-height: 30px; }
.subMenu a:hover { color: #ffffff; background-color: #3dce67; }


@media screen and (max-width: 1024px){
    .menuAtivo .menuFecha { background-color: rgba(0,0,0,0.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
    .topoMenu { display: block; }
    .menuAtivo .topoMenu span:nth-child(1),
    .menuAtivo .topoMenu span:nth-child(3) { display: none; }
    .menuFundo {
        margin: 0; padding: 0 0 0; background-color: #ffffff; position: fixed; top: 80px; right: auto; left: 100%; bottom: 0; width: 250px;
        transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);
    }
    .altera .menuFundo {
        top: 80px; left: 100%;
        transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);
    }
    .menuAtivo .menuFundo {
        transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-250px); -o-transform: translateX(-250px);
    }
    .menuListaItem { width: 100%; margin: 0; }
    .menuListaItem > * { color: #808080; padding: 0 15px; font-size: 16px; line-height: 50px; border: 0; border-left: 3px solid #ffffff; }
    .menuListaItem:hover > *,
    .menuListaItem.ativo > * { border-top: 0; border-bottom: 0; border-color: #00afd7; }
    .menuListaItem:last-child { padding: 0; border: 0; }
    .altera .menuListaItem > * { line-height: 50px; }
    .altera.menuAtivo .menuListaItem > * { color: #808080; }
    .altera.menuAtivo .menuListaItem:hover > *,
    .altera.menuAtivo .menuListaItem.ativo > * { color: #00afd7; }

    .subMenu {
        position: relative; top: auto; left: auto; padding: 0; background-color: #eeeeee;
        box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;
        border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;
    }
    .subMenu a { color: #808080; padding: 5px 15px; }
}


@media screen and (max-width: 600px){
    .topoLogo { width: 110px; padding: 15px 0; }
    .topoBotao { margin-top: 15px; margin-left: 10px; }
    .topoTelefone { padding: 0; }
    .topoTelefone span { display: none; }
    .topoTelefone svg { margin: 0 auto; width: 24px; display: block; }
}




/* ----- HOME - BANNER ----- */

.banner { width: 100%; position: relative; overflow: hidden; background: url('../') center top no-repeat #223338; background-size: cover; }
.bannerImagem { width: auto; height: auto; max-height: 74vh; position: absolute; bottom: 0; left: 46%; background: transparent; z-index: 1; }
.banner .conteudo { position: relative; min-height: 700px; }
.bannerConteudo {
    width: 70%; position: absolute; right: 15%; top: 60%; z-index: 2;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.bannerTitulo { font-size: 44px; font-weight: 600; color: #000000; line-height: 55px; margin-bottom: 20px; text-align: center; }
.bannerTexto { font-size: 26px; font-weight: 400; color: #000000; line-height: 35px; font-family: 'Montserrat',sans-serif; text-align: center; }

.bannerConteudo .botaoPadrao { position: relative; }
.bannerConteudo .botaoPadrao svg { left: 0; top: 50%; position: absolute; }
.bannerConteudo .botaoPadrao svg * { fill: #000000; }

@media screen and (max-width: 1024px){
    .bannerTitulo { font-size: 34px; line-height: 36px; }
    .bannerTexto { font-size: 20px; line-height: 25px; }
}
@media screen and (max-width: 600px){
    .banner .conteudo { min-height: 500px; min-height: 85vh; }
    .bannerConteudo { width: 85%; right: 7.55555%; }
}



/* ----- HOME - ESCRITORIO ----- */
.empresaImgs { position: relative; }
.empresaImgs img { width: 100%; height: auto; margin-bottom: 30px; }
.empresaImg { display: block; overflow: hidden; }
.empresaImg img { width: 100%; }


@media screen and (max-width: 1024px){
    .empresa .formCol6 { width: 100%; }
    .empresa .formCol6:first-child { padding: 0 15px; }
    .empresa .formCol6:last-child { display: none; }
}



/* ----- HOME - AREAS DE ATUACAO ----- */
#areas .titulo { color: #00afd7; }
.servicosLista.setor,
html[xmlns] .servicosLista.setor {
    display: grid; /*grid-auto-flow: column;*/
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-gap: 30px;

    -ms-display: grid;
    -ms-grid-template-columns: repeat(3, 1fr);
    -ms-grid-column-gap: 30px;
    -ms-grid-row-gap: 30px;
    -ms-grid-gap: 30px;
}

.servicoItem  {
    perspective: 800px;
}
.servicoItem .frente {
    padding: 20px; width: 100%; height: 100%; z-index: 2; position: absolute;
    transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms;
}
.servicoItem .verso {
    padding: 20px; width: 100%; height: 100%; min-height: 220px; z-index: 2;
    backface-visibility: hidden; -webkit-backface-visibility: hidden;
    transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
    transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms;
}
.servicoItem .frente:before {
    content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff; z-index: 0;
    transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms;
}
.servicoItem .frente:after {
    content: ''; position: absolute; top: 20px; left: 20px; bottom: 20px; right: 20px; background-color: transparent; border: 1px solid #000000; z-index: 0;
    transition: all ease-in-out 300ms; -webkit-transition: all ease-in-out 300ms; -moz-transition: all ease-in-out 300ms; -ms-transition: all ease-in-out 300ms; -o-transition: all ease-in-out 300ms;
}
.servicoItem .verso:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #6cd3ea; z-index: 0; }


.servicoItem:hover .frente {
    z-index: 1;
    backface-visibility: hidden; -webkit-backface-visibility: hidden;
    transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
    transition-delay: .3s; -webkit-transition-delay: .3s;
}
/*.servicoItem:hover .frente:before { background-color: #000000; }*/

.servicoItem:hover .verso {
    z-index: 1;
    transform: rotateY(360deg); -webkit-transform: rotateY(360deg);
    transition-delay: .3s; -webkit-transition-delay: .3s;
}


.servicoItem > * { position: relative; }
.servicoIcone {
    width: 20%; height: auto; display: block; position: absolute; bottom: 52%; left: 50%; z-index: 10;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms;
}
.servicoIcone * { fill: #808080; }
.servicoTitulo {
    color: #00afd7; margin-bottom: 10px; font-size: 20px; font-weight: 600; text-align: center; position: absolute; top: 55%; left: 50%; z-index: 20;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.servicoTexto { font-size: 12px; font-weight: 300; position: relative; z-index: 20; min-height: 66px; color: #000000; font-family: 'Open Sans', sans-serif; }
.servicoTexto li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.3); }
.servicoTexto li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }



@media screen and (max-width: 1024px){

    .servicosLista.setor,
    html[xmlns] .servicosLista.setor {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 500px){

    .servicosLista.setor,
    html[xmlns] .servicosLista.setor {
        grid-template-columns: repeat(1, 1fr);
        -ms-grid-template-columns: repeat(1, 1fr);
    }
}



/* ----- HOME - DEPOIMENTOS ----- */
#depoimentos .titulo { color: #ffffff; }
#depoimentos .titulo:before { background-color: #00afd7; }
.depoimentoItem {
    margin-top: 20px; overflow: hidden; position: relative; overflow: visible;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.depoimentoItem > * { position: relative; }
.depoimentoItem img { margin: 0 auto 30px; width: 110px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.depoimentoIcone { position: absolute; z-index: 10; top: -20px; right: 52%; width: 60px; height: 60px; display: block; display: none; }
.depoimentoIcone * { fill: #00afd7; }
.depoimentoTexto { font-size: 16px; font-weight: 400; line-height: 24px; color: #ffffff; margin: 0 auto 15px; width: 70%; text-align: center; }
.depoimentoNome { font-size: 16px; font-weight: 600; color: #00afd7; margin-bottom: 5px; text-align: center; }
.depoimentoEmpresa { font-size: 12px; font-weight: 300; color: #cccccc; text-align: center; }

.depoimentos .setas { width: 0; top: 140px; bottom: auto; }

@media screen and (max-width: 600px){
    .depoimentoTexto { font-size: 14px; width: 100%; }
}




/* ----- HOME - CONTATO ----- */
.contato .conteudo {
    padding: 80px 50px 50px;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.contato .titulo { color: #00afd7; }
.contato .botaoPadrao { margin-top: 30px; }
.contato .botaoPadrao svg * { fill: #000000; }

#contato .formLinha .formCol6:nth-child(1) { float: right; }

@media screen and (max-width: 1024px){
    .contato .conteudo { width: 70%; margin: 0 15%; padding: 40px; }
    .contato .formCol6 { width: 100%; }
    .blocoContato .subtitulo { margin-bottom: 25px; }
}

@media screen and (max-width: 600px){
    .contato .conteudo { width: 90%; margin: 0 5%; padding: 30px; }
}


footer > .setor:first-child { padding-bottom: 20px; }
.rodapeCol { float: left; margin-right: 40px; }
.rodapeCol:last-child { margin-right: 0; }
.rodapeCol strong { display: inline; float: none; width: auto; }
.rodapeItem { margin-bottom: 40px; }
.rodapeItem:last-child { margin-bottom: 0; }
.rodapeTitulo { font-weight: 400; font-size: 22px; color: #ffffff; margin-bottom: 15px; }
a.rodapeTitulo:hover { color: #00afd7; }
.rodapeSubtitulo { font-weight: 400; font-size: 13px; color: #ffffff; margin: 20px 0 5px; }
.rodapeSubtitulo:first-child { margin-top: 0; }
.rodapeMenu { margin-bottom: 20px; }
.rodapeMenu:last-child { margin-bottom: 0; }
.rodapeMenuItem { margin-bottom: 8px; font-size: 15px; }
.rodapeMenuItem:last-child { margin-bottom: 0; }
.rodapeMenuItem a { font-weight: 300; line-height: 30px; color: rgba(255,255,255,0.7); }
.rodapeMenuItem a:hover { color: #00afd7; }
.rodapeRedes .rodapeMenuItem { width: auto; margin-right: 20px; float: left; }
.rodapeRedes .rodapeMenuItem:last-child { margin-right: 0; }
.rodapeRedes .rodapeMenuItem svg { width: 30px; height: 30px; }
.rodapeRedes .rodapeMenuItem svg *{ fill: rgba(255,255,255,0.7); }
.rodapeRedes .rodapeMenuItem:hover svg * { fill: #00afd7; }

.rodapeCol form { max-width: 300px; position: relative; }
.rodapeCol form .empresaImgs img { margin-bottom: 4px; }
.rodapeCol form .campo { min-height: 40px; margin: 4px 0; border: 0; background-color: rgba(255,255,255,0.1); }
.rodapeCol form .campo .formInput { height: 40px; padding: 0 10px; }
.rodapeCol form .campo .formInput + label { top: 11px; left: 10px; color: rgba(255,255,255,0.7); }
.rodapeCol form .campo .formInput:focus,
.rodapeCol form .campo .formInput:valid { height: 20px; margin-top: 16px; }
.rodapeCol form .campo textarea.formInput:focus,
.rodapeCol form .campo textarea.formInput:valid { margin-top: 18px; }
.rodapeCol form .campo .formInput:focus + label,
.rodapeCol form .campo .formInput:valid + label { top: 2px; }
.rodapeCol form .erroAlerta { color: red; }
.rodapeCol form .botaoPadrao { position: absolute; bottom: 50px; left: 110%; }

.rodapeCopy { background-color: #000000; }
.rodapeCopy .conteudo { border-top: 1px solid #cccccc; padding: 30px 0; }
.rodapeCopy p { width: 50%; float: left; line-height: 22px; font-weight: 400; font-size: 14px; color: #808080; margin: 0; }
.rodapeCopy p strong { font-weight: 700; color: #606060; }
.rodapeCopy p:last-child { text-align: right; }
.rodapeCopy p:last-child a { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 1024px){
    footer .setor:first-child { background-position: 60vw bottom; }
    .rodapeCol { width: 100%; margin-bottom: 40px; margin-right: 0; }
    .rodapeCol:last-child { margin-bottom: 0; }
    .rodapeCopy { padding-left: 15px; padding-right: 15px; }
}
@media screen and (max-width: 800px){
    .rodapeCopy p { width: 100%; text-align: center; }
    .rodapeCopy p:last-child { text-align: center; margin-top: 15px; }
}
@media screen and (max-width: 480px){
    .rodapeCol form { max-width: none; }
    .rodapeCol form .botaoPadrao { position: relative; bottom: auto; left: auto; }
}




/* ----- MODAIS ----- */
.modal { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; }
.modalAuxiliar1 { width: 100%; height: 100%; display: table; position: absolute; background-color: rgba(0,0,0,0.85); top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; }
.modalAuxiliar2 { vertical-align: middle; display: table-cell; position: static; *top: 50%; /* hack para o IE6 e IE7 */ *position: absolute; /* hack para o IE6 e IE7 */ }
.modalConteudo {
    width: 300px; height: auto; margin: 40px auto; position: relative; padding: 40px; background-color: #ffffff;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;
}
.modalConteudo.menor { width: 500px; height: auto; }
.modalConteudo iframe { width: 100%; height: 100%; }
.modalTitulo { width: 100%; font-size: 20px; line-height: 21px; float: none!important; }
.modalSubTitulo { width: 100%; margin-top: 10px; line-height: 21px; }
.modalConteudoInterno { width: 100%; margin-top: 10px; }
.modalConteudoInterno .formBotao { float: none!important; margin: 0; background-color: #000000; color: #ffffff; }
.modalConteudoInterno .formBotao:hover { background-color: #00afd7; color: #ffffff; }
.modalTexto { width: 100%; line-height: 18px; margin-top: 10px; float: left; }
.modalFechar { position: absolute; top: 8px; right: 10px; text-align: center; font-size: 60px; color: #e72c2d; width: 28px; height: 28px; line-height: 28px; background-color: transparent; }
.modalFechar:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }




/* ----- FORMULARIO ----- */
.form { overflow: hidden; width: 100%; }
.formLinha { margin: 0 -15px; }
.formLinha:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.formLinha { display: block; }
html[xmlns] .formLinha { display: block; }
* html .formLinha { height: 0; }

label { margin: 10px 0 0; line-height: 18px; float: left; }
.formColFantasma { min-height: 70px; }

.formCol12 { padding: 0 15px; float: left; width: 100%; }
.formCol11 { padding: 0 15px; float: left; width: 91.666666%; }
.formCol10 { padding: 0 15px; float: left; width: 83.333333%; }
.formCol9 { padding: 0 15px; float: left; width: 75%; }
.formCol8 { padding: 0 15px; float: left; width: 66.666666%; }
.formCol7 { padding: 0 15px; float: left; width: 58.333333%; }
.formCol6 { padding: 0 15px; float: left; width: 50%; }
.formCol5 { padding: 0 15px; float: left; width: 41.666666%; }
.formCol4 { padding: 0 15px; float: left; width: 33.333333%; }
.formCol3 { padding: 0 15px; float: left; width: 25%; }
.formCol2 { padding: 0 15px; float: left; width: 16.666666%; }
.formCol1 { padding: 0 15px; float: left; width: 8.333333%; }

.formInput { width: 100%; margin: 0; padding: 0 15px; display: block; line-height: 30px; height: 30px; background-color: #f9f9f9; float: left; }
.formInput:focus { border-color: #3dce67; }

a.formInput { text-align: center; }

textarea.formInput { min-height: 120px; max-height: 120px; line-height: 24px; padding: 15px;}

.formEsqueciLink { width: 100%; margin: 0 0 10px; display: block; line-height: 20px; text-align: right; float: left; font-weight: 400; font-size: 14px; color: #ffffff; }
.formEsqueciLink:hover a { text-decoration: underline; }

.formBotao {
    width: 100%; margin: 15px 0 10px; text-align: center; float: right; line-height: 46px; font-size: 16px; letter-spacing: 0px; height: 50px; background-color: #b3ca55; font-weight: 800; color: #606c2c; text-transform: uppercase;
}
.formBotao:hover,
.formBotao:focus,
.formBotao.ativo { background-color: #3dce67; color: #ffffff; }
.formBotao i { line-height: 50px; display: block; }

.formBotao:disabled { opacity: 0.3; }
.formBotao:disabled:hover { background-color: red; }
.formBotao.erro { background-color: #B61818; }
.formBotao.erro:hover,
.formBotao.erro:focus { background-color: #DB2F2F; }
.formBotao.sucesso { background-color: #9EB618; }
.formBotao.sucesso:hover,
.formBotao.sucesso:focus { background-color: #C2DC30; }

.formCombo { margin-top: -10px; }
.formCombo .formInput { width: 80%; margin-bottom: 0; }
.formCombo .formBotao { width: 20%; margin-top: 10px; margin-bottom: 0; background-color: transparent; }
.formCombo .formBotao:hover i { color: #7b1221; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.formInput.erro { border-color: #B61818; }
input[type=checkbox].formInput { float: left; width: 16px; height: 16px; margin: 0 10px 0 0; padding: 0; }

.campo {
    width: 100%; position: relative; background-color: #ffffff; float: left; margin: 10px 0; min-height: 50px; border: 3px solid #eeeeee;
}
.campo.ativo { background-color: #ffffff; border-color: #002852; }
.campo .formInput { position: relative; z-index: 2; background-color: transparent; font-weight: 400; font-size: 14px; line-height: 20px; height: 44px; color: #808080; }
.campo .formInput option { background-color: #36302c; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-transition-delay: 9999s; }

.campo .formInput + label {
    position: absolute; z-index: 1; top: 13px; left: 15px; margin: 0; font-weight: 600; font-size: 14px; color: #606060;
    transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms;
}
.campo textarea.formInput { margin: 18px 0 0; }
.campo .formInput:focus,
.campo .formInput:valid { margin-top: 16px; height: 26px; }
.campo textarea.formInput:focus,
.campo textarea.formInput:valid { margin-top: 18px; }
.campo .formInput:focus + label,
.campo .formInput:valid + label { top: 4px; font-size: 10px; z-index: 3; }

.formReadonly .campo .formInput { margin-top: 20px; }
.formReadonly .campo .formInput + label { top: 4px; font-size: 12px; z-index: 3; color: #808080; }

.formInvertido .formInput { color: #808080; }



@media screen and (max-width: 800px){
    .contato .formCol6 { width: 100%; }
    .modalConteudo.menor { width: 90%; }
}


@keyframes slideRight {
    0%, 100% { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    50% { transform: translateX(-5px); -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); }
}

@keyframes slideDown {
    0%, 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    50% { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
}