* {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:14px; color:#222; line-height:1.3; box-sizing:border-box}
html {height:100%}
body {margin:0px; height:100%; background-color:#fff}
h1, h2 {font-size:38px; font-weight:700; line-height:1.1; color:var(--corLogoPrimaria); margin:0px; padding:0px}
input, textarea, select {outline-color:#111}
input[type=text], input[type=email], input[type=password], textarea, select {border:1px #D4D4D4 solid; border-radius:6px; padding:15px 12px; width:100%; color:#111; margin-top:10px}
select {padding-right:15px; background:url('../img/icone-arrow-down.png') no-repeat calc(100% - 15px) center; background-size:11px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color:#fff}
img {vertical-align:baseline !important}
input:disabled {background-color:#eee; color:#666}
a {text-decoration:none}

:root {
    --gridPrincipal: 1120px;
    --gridSecundario: 780px;
    --corLogoPrimaria: #173D43;
    --corLogoSecundaria: #989635;
    --corLogoTerciaria: #C7BD3F;
    --linkPadrao: #1878C0;
    --corWhatsapp: #0DC143;
}

.grid-g {width:calc(100% - 28px); max-width:var(--gridPrincipal); margin:0px 14px}
.grid-m {width:calc(100% - 28px); max-width:var(--gridSecundario)}
.flex {display:flex; flex-wrap:wrap}
.linha {display:flex; width:100%; flex-wrap:wrap}
.centralizar {justify-content:center}
.centralizar-v {align-items:center}
.espalhar {justify-content:space-between}
.txtcenter {text-align:center}
.txtleft {text-align:left !important}
.titulo {font-size:32px; font-weight:700; line-height:1.1; color:#333; margin:0px; padding:0px}
.bold {font-weight:700}
.semibold {font-weight:600}
.white {color:#fff}
.invisivel {display:none}
.relative {position:relative}
.mouseHover:hover {opacity:0.7; cursor:pointer; transition:80ms}

.texto, .texto b, .texto p, .texto i {font-size:15px; color:#111; line-height:1.6}
.texto p {width:100%}
.texto b {font-weight:700}
.texto ul li {margin:8px 0px}
.texto img {max-width:100%; height:auto; border-radius:6px; margin:20px 0px}

.marginTop10 {margin-top:10px !important}
.marginTop20 {margin-top:20px !important}
.marginTop30 {margin-top:30px !important}
.marginTop40 {margin-top:40px !important}
.marginTop50 {margin-top:50px !important}
.marginTop60 {margin-top:60px !important}
.marginR30 {margin-right:30px !important}
.marginR50 {margin-right:50px !important}

#topo {display:flex; width:100%; flex-wrap:wrap; justify-content:center; background-color:var(--corLogoPrimaria)}
#topo .linhaLogo {align-items:flex-start}
#topo .linhaLogo .divLogo img {width:185px; height:auto; margin:20px 0px}
#topo .linhaLogo .linkLogo {width:240px}
#topo .linhaLogo .menu {display:flex; align-items:center; gap:25px; margin-top:20px}
#topo .linhaLogo .menu a {font-size:15px; font-weight:500; color:#fff; text-decoration:none}
#topo .linhaLogo .menu a:hover {color:var(--corLogoTerciaria)}
#topo button {background-color:var(--corWhatsapp); border-radius:100px; padding:18px 40px; border:0px; color:#fff; font-size:16px; font-weight:700; display:flex; align-items:center}
#topo button i {color:#fff; font-size:24px; margin-right:10px}
#topo .linhaLogo .menu .redes {display:flex; gap:10px}
#topo .linhaLogo .mobile {display:none}
#topo .linhaLogo .mobile i {font-size:32px; color:var(--corLogoPrimaria); margin:0px 10px}
#topo .links {color:#fff; text-decoration:none; font-size:13px}
#topo .linhaBanner .colCopy {width:calc(100% - 528px); padding-right:50px; padding-top:30px; padding-bottom:140px}
#topo .linhaBanner .colImg {width:528px}
#topo .linhaBanner .colImg img {width:100%; height:auto}
#topo .linhaBanner h1 {font-size:26px; color:var(--corLogoTerciaria); line-height:1}
#topo .linhaBanner h3 {font-size:16px; color:#fff; font-weight:400; line-height:1.3}

#praQuem {margin-top:-54px}
#praQuem .contQuem {background-color:#EEEEEE; border-radius:10px; padding:30px 60px; display:flex; gap:60px; justify-content:center; flex-wrap:wrap}
#praQuem .box {display:flex; gap:15px; align-items:center; font-size:18px; color:var(--corLogoPrimaria); font-weight:500}
#praQuem .separacao {width:1px; height:100%; background-color:#C2BEBE}

#Vantagens {margin-top:50px}
#Vantagens h3 {margin:0px; padding:0px; font-size:21px; font-weight:700; color:var(--corLogoPrimaria)}
#Vantagens .cont {display:flex; flex-wrap:wrap; width:100%; margin-top:30px; gap:20px}
#Vantagens .box {width:calc(25% - 15px); display:flex; flex-direction:column; flex-wrap:wrap; background-color:var(--corLogoTerciaria); padding:40px 30px; border-radius:10px; gap:10px}
#Vantagens .boxTitulo {display:flex; width:100%; gap:15px; align-items:center}
#Vantagens .boxTitulo span {font-size:50px; font-weight:700; color:#fff}
#Vantagens .box .info {width:100%; font-size:16px; line-height:1.4; font-weight:400; color:var(--corLogoPrimaria); text-align:lefts}
#Vantagens button {background-color:var(--corLogoPrimaria); color:#fff; font-size:16px; font-weight:500; border-radius:100px; padding:20px 40px; border:0px}
#Vantagens .contSimulacao {width:100%; display:flex; flex-direction:column; gap:20px; text-align:center; margin-top:60px}
#Vantagens .contSimulacao span {font-size:26px; color:#111; font-weight:500}

#Atuacao {margin-top:60px; border-top:1px #ddd solid; padding-top:50px}
#Atuacao .contInfo {display:flex; flex-direction:column; gap:20px}

#Projetos {margin:60px 0px}
#Projetos .contFotos {width:100%; display:flex; flex-wrap:wrap; gap:20px; margin-top:20px}
#Projetos .contFotos .box {width:calc(33.33% - 13.33px); height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius:10px}

#Depoimentos {padding:60px 0px; background-color:#eee; margin-top:60px}
#Depoimentos h2 {color:var(--corLogoPrimaria)}
#Depoimentos .containerDepo {display:flex; width:100%; flex-wrap:wrap; gap:30px; justify-content: space-between; margin-top:30px}
#Depoimentos .depoimento {width:calc(25% - 22.5px); background-color:#fff; border-radius:4px; padding:30px; display:flex; flex-direction:column; align-items:center; gap:20px}
#Depoimentos .depoimento span {text-align:center}
#Depoimentos .depoimento .foto {width:70px; height:70px; border-radius:70px; background-repeat:no-repeat; background-position:center center; background-size:cover}
#Depoimentos .depoimento i {color:var(--corLogoPrimaria)}

#Duvidas {margin-top:50px; background-color:#f1f0f0; padding:60px 0px}
#Duvidas .box {border-radius:4px; padding:25px 30px; margin-top:20px; background-color:#fff; border:1px #eee solid}
#Duvidas .box.active {background-color:#fff; border:1px #D4D4D4 solid}
#Duvidas .pergunta {font-size:18px; font-weight:600; background:url('../img/icone-arrow-down.png') no-repeat center right; padding-right:20px; cursor:pointer}
#Duvidas .pergunta.active {background:url('../img/icone-arrow-up.png') no-repeat center right;}
#Duvidas .resposta {font-size:15px; line-height:1.5; margin-top:20px; display:none}

#Parceiros {margin-top:60px}
#Parceiros .contLogos {display:flex; flex-wrap:wrap; width:100%; margin-top:20px}
#Parceiros .box {height:120px; width:16.66%; display:flex; align-items:center; justify-content:center; padding:20px}
#Parceiros .box img {max-width:100%; max-height:100%}

#Contato {margin-top:60px; border-top:1px #eee solid}
#Contato .divImg, #Contato .divForm {width:50%; height:550px; align-items:center; align-content:center}
#Contato .divImg {gap:20px; padding-left:calc((100% - 1120px) / 2)}
#Contato .divImg {background-image:url('../img/img-rodape.jpg'); background-repeat:no-repeat; background-position:right center; background-size:cover}
#Contato .divForm {background-color:#fff; ; padding-right:calc((100% - 1120px) / 2); padding-left:60px}
#Contato .info {width:100%; max-width:600px; padding:50px}
#Contato .contInfo {display:flex; gap:20px; align-items:center; width:100%; margin:15px 0px}
#Contato .contInfo .icon {width:46px; height:46px; display:flex; justify-content: center; align-items:center; background-color:var(--corLogoTerciaria); border-radius:100px}
#Contato .contInfo .conteudo {flex:1; text-align:left}
#Contato .contInfo .conteudo span {color:#fff}
#Contato .contInfo .subtitulo {font-weight:700; display:block; margin-bottom:5px; color:#fff}
#Contato .divForm span {display:block; width:100%; color:#666; margin-top:6px}
#Contato .sucesso {color:var(--corWhatsapp); font-weight:600}
#Contato h3 {margin:0px; padding:0px; font-size:36px; color:var(--corLogoPrimaria)}
#Contato form {margin-top:20px}
#Contato input, #Contato textarea {border:0px; border-bottom:2px var(--corLogoPrimaria) solid; color:var(--corLogoPrimaria); border-radius:0px; padding:12px 0px; outline-style:none}
#Contato input::placeholder, #Contato textarea::placeholder {color:var(--corLogoPrimaria)}
#Contato button {background-color:var(--corLogoPrimaria); padding:16px 40px; border:0px; border-radius:100px; font-size:15px; font-weight:700; color:#fff; margin-top:25px}

#posrodape {height:70px; align-items:center; background-color:#F1F1F1}
#posrodape .container div {margin:5px 0px}
#posrodape .container a {font-weight:600; color:#666}


#pag404 {margin-top:60px}
#pag404 .texto {text-align:center}

#whatsFlutuante {position:fixed; bottom:20px; right:20px; width:60px; height:60px; background-color:#22C046; border-radius:100%; z-index:8; cursor:pointer; display:flex; justify-content:center; align-items:center}
#whatsFlutuante:hover {background-color:#1f973b}
#whatsFlutuante i {color:#fff; font-size:32px}

#menuMobile2 {position:fixed; z-index:9; top:0px; left:0px; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.6); display:none}
#menuMobile1 {position:fixed; z-index:9; top:0px; left:-290px; width:290px; height:100%; background-color:#ffffff; box-sizing:border-box; overflow-y:auto; display:flex; flex-wrap: wrap; align-content: flex-start;}
#menuMobile1 .contLinks {display:flex; flex-wrap:wrap; width:100%; padding:20px; padding-top:0px}
#menuMobile1 .contLinks a {width:100%; text-transform: uppercase; text-decoration: none; color:#222; font-size:17px; margin-top:30px}
#menuMobile1 .contLinks a.categoriaBlog {text-transform: initial; color:#666; font-size:16px; margin-top:15px; padding-left:20px}

.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.customCheck {display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.customCheck input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.customCheck .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee}
.customCheck .checkmark.radio {border-radius:50%}
.customCheck:hover input ~ .checkmark {background-color: #ccc;}
.customCheck input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: "";position: absolute;display: none;}
.customCheck input:checked ~ .checkmark:after {display: block;}
.customCheck .checkmark:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.customCheck .checkmark.radio:after {top: 6px !important;left: 6px !important;width: 5px !important;height: 5px !important;border-radius: 50%;background: white;}


@media screen and (max-width: 1150px) {
    #Contato .divImg {padding-left:20px; padding-right:20px}
    #Contato .divForm {padding-right:20px}
}

@media screen and (max-width: 1040px) {
    #praQuem .separacao {display:none}
}

@media screen and (max-width: 980px) {
    #topo .linhaBanner .colImg img {margin-top:0px}
    #Vantagens .box {width:calc(50% - 10px)}
}

@media screen and (max-width: 920px) {
    #topo .linhaLogo .menu {display:none}
    #topo .linhaLogo {justify-content:center}
    #topo .linhaBanner .colCopy {width:100%; padding:0px; order:2; margin-top:20px; padding-bottom:30px}
    #topo .linhaBanner .colImg {width:100%; order:1}
    #topo .linhaBanner h1 {font-size:26px}
    #topo .linhaBanner h3 {font-size:18px}
    #praQuem {margin-top:30px}
}

@media screen and (max-width: 880px) {
    #Depoimentos .containerDepo {justify-content:center}
    #Depoimentos .depoimento {width:calc(50% - 30px)}
    #Contato .divImg {order:2; width:100%; height:auto; padding:50px 20px}
    #Contato .divForm {order:1; width:100%; height:auto; padding:50px 20px}
    #Projetos .contFotos .box {width:calc(50% - 10px)}
    #Parceiros .box {width:20%}
}

@media screen and (max-width: 660px) {
    #Parceiros .box {width:25%}
}

@media screen and (max-width: 520px) {
    #praQuem .contQuem {padding:20px 30px; gap:20px; justify-content:flex-start; flex-direction:column}
    h2 {font-size:32px}
    #Parceiros .box {width:33.33%}
}

@media screen and (max-width: 480px) {
    #Vantagens .box {width:100%}
    #Projetos .contFotos .box {width:100%}
    #Parceiros .box {width:50%}
}

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

@media screen and (max-width: 600px) {
    #Depoimentos .containerDepo {
        justify-content:space-between;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #Depoimentos .depoimento {
        min-width:220px
    }
}