@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');

:root{
    --fTema:#011128; /* Azul Petróleo */
    --fTema2:#FEBF48; /* Amarela */
    --fTema3:#545454; /* Cinza */
    --fTema4:;    
}

* { box-sizing: border-box; }

::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar {
    width: 6px;
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background: var(--fTema);
}

:focus{ outline: none;}
/* force scrollbar */
html { overflow-y: scroll; }

body { background:#fff; font-family: 'Roboto', sans-serif; overflow-x: hidden; font-size: 16px; }

a { color: unset;}

/* Quebras */
.quebra   { clear:both; }
.quebra10 { clear:both; height:10px; }
.quebra15 { clear:both; height:15px; }
.quebra20 { clear:both; height:20px; }
.quebra30 { clear:both; height:30px; }
.quebra50 { clear:both; height:50px; }
.quebra70 { clear:both; height:70px; }
.quebra80 { clear:both; height:80px; }
.quebra100 { clear:both; height:100px; }
.quebraPalavra { word-wrap: break-word; }


/* Display */
.cp { cursor:pointer; }

.db { display:block; }
.dn { display:none; }
.di { display:inline; }
.dib { display:inline-block; }
.dif { display: inline-flex;}
.dtc { display:table-cell; }
.dt { display: table;}
.df { display: flex; }

.ovf { overflow:hidden; }

.pa { position:absolute; }
.pf { position:fixed; }
.pr { position:relative; }

.float { float:left; position:relative; }
.floatD { float:right; position:relative; }
.floatF { float:left; position:relative; width:100%; }
.floatN { float: none; }


/* Espaçamento (Margin e Padding) */
.m0 { margin: 0px; } .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } .m35 { margin: 35px; } .m40 { margin: 40px; } .m45 { margin: 45px; } .m50 { margin: 50px; } .m55 { margin: 55px; } .m60 { margin: 60px; } .m65 { margin: 65px; } .m70 { margin: 70px; } .m75 { margin: 75px; } .m80 { margin: 80px; } .m85 { margin: 85px; } .m90 { margin: 90px; } .m95 { margin: 95px; } .m100 { margin: 100px; }
.ml0  { margin-left:0; } .ml5  { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml35 { margin-left:35px; } .ml40 { margin-left:40px; } .ml45 { margin-left:45px; } .ml50 { margin-left:50px; } .ml55 { margin-left:55px; } .ml60 { margin-left:60px; } .ml65 { margin-left:65px; } .ml70 { margin-left:70px; } .ml75 { margin-left:75px; } .ml80 { margin-left:80px; } .ml85 { margin-left:85px; } .ml90 { margin-left:90px; } .ml95 { margin-left:95px; } .ml100 { margin-left:100px; }
.mr0  { margin-right:0; } .mr5  { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr35 { margin-right:35px; } .mr40 { margin-right:40px; } .mr45 { margin-right:45px; } .mr50 { margin-right:50px; }.mr55 { margin-right:55px; } .mr60 { margin-right:60px; } .mr65 { margin-right:65px; } .mr70 { margin-right:70px; } .mr75 { margin-right:75px; } .mr80 { margin-right:80px; } .mr85 { margin-right:85px; } .mr90 { margin-right:90px; } .mr95 { margin-right:95px; } .mr100 { margin-right:100px; }
.mt0  { margin-top:0; } .mt5  { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt35 { margin-top:35px; } .mt40 { margin-top:40px; } .mt45 { margin-top:45px; } .mt50 { margin-top:50px; } .mt55 { margin-top:55px; } .mt60 { margin-top:60px; } .mt65 { margin-top:65px; } .mt70 { margin-top:70px; } .mt75 { margin-top:75px; } .mt80 { margin-top:80px; } .mt85 { margin-top:85px; } .mt90 { margin-top:90px; } .mt95 { margin-top:95px; } .mt100 { margin-top:100px; }
.mb0  { margin-bottom:0; } .mb5  { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb35 { margin-bottom:35px; } .mb40 { margin-bottom:40px; } .mb45 { margin-bottom:45px; } .mb50 { margin-bottom:50px; } .mb55 { margin-bottom:55px; } .mb60 { margin-bottom:60px; } .mb65 { margin-bottom:65px; } .mb70 { margin-bottom:70px; } .mb75 { margin-bottom:75px; } .mb80 { margin-bottom:80px; } .mb85 { margin-bottom:85px; } .mb90 { margin-bottom:90px; } .mb95 { margin-bottom:95px; } .mb100 { margin-bottom:100px; } .mb150 { margin-bottom: 150px;} .mb200 { margin-bottom: 200px;} .mb250 { margin-bottom: 250px;}
.mbN20  {margin-bottom: -20px}
.mtb25 { margin-bottom: 25px; margin-top: 25px;}
.mtb20 { margin-bottom: 20px; margin-top: 20px;}

.p0 { padding: 0px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .p85 { padding: 85px; } .p90 { padding: 90px; } .p95 { padding: 95px; } .p100 { padding: 100px; }
.pl0  { padding-left:0; } .pl5  { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .pl25 { padding-left:25px; } .pl30 { padding-left:30px; } .pl35 { padding-left:35px; } .pl40 { padding-left:40px; } .pl45 { padding-left:45px; } .pl50 { padding-left:50px; } .pl55 { padding-left:55px; } .pl60 { padding-left:60px; } .pl65 { padding-left:65px; } .pl70 { padding-left:70px; } .pl75 { padding-left:75px; } .pl80 { padding-left:80px; } .pl85 { padding-left:85px; } .pl90 { padding-left:90px; } .pl95 { padding-left:95px; } .pl100 { padding-left:100px; }
.pr0  { padding-right:0; } .pr5  { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pr25 { padding-right:25px; } .pr30 { padding-right:30px; } .pr35 { padding-right:35px; } .pr40 { padding-right:40px; } .pr45 { padding-right:45px; } .pr50 { padding-right:50px; }.pr55 { padding-right:55px; } .pr60 { padding-right:60px; } .pr65 { padding-right:65px; } .pr70 { padding-right:70px; } .pr75 { padding-right:75px; } .pr80 { padding-right:80px; } .pr85 { padding-right:85px; } .pr90 { padding-right:90px; } .pr95 { padding-right:95px; } .pr100 { padding-right:100px; }
.pt0  { padding-top:0; } .pt5  { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pt35 { padding-top:35px; } .pt40 { padding-top:40px; } .pt45 { padding-top:45px; } .pt50 { padding-top:50px; } .pt55 { padding-top:55px; } .pt60 { padding-top:60px; } .pt65 { padding-top:65px; } .pt70 { padding-top:70px; } .pt75 { padding-top:75px; } .pt80 { padding-top:80px; } .pt85 { padding-top:85px; } .pt90 { padding-top:90px; } .pt95 { padding-top:95px; } .pt100 { padding-top:100px; }
.pb0  { padding-bottom:0; } .pb5  { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb35 { padding-bottom:35px; } .pb40 { padding-bottom:40px; } .pb45 { padding-bottom:45px; } .pb50 { padding-bottom:50px; } .pb55 { padding-bottom:55px; } .pb60 { padding-bottom:60px; } .pb65 { padding-bottom:65px; } .pb70 { padding-bottom:70px; } .pb75 { padding-bottom:75px; } .pb80 { padding-bottom:80px; } .pb85 { padding-bottom:85px; } .pb90 { padding-bottom:90px; } .pb95 { padding-bottom:95px; } .pb100 { padding-bottom:100px; } .pb200{ padding-bottom: 200px; } .pb250{ padding-bottom: 250px; }
.ptb5 { padding-top:5px; padding-bottom:5px; } .ptb10 { padding-top:10px; padding-bottom:10px; } .ptb15 { padding-top:15px; padding-bottom:15px; } .ptb20 { padding-top:20px; padding-bottom:20px; } .ptb25 { padding-top:25px; padding-bottom:25px; } .ptb30 { padding-top:30px; padding-bottom:30px; } .ptb35 { padding-top:35px; padding-bottom:35px; } .ptb40 { padding-top:40px; padding-bottom:40px; } .ptb45 { padding-top:45px; padding-bottom:45px; } .ptb50 { padding-top:50px; padding-bottom:50px; } .ptb55 { padding-top:55px; padding-bottom:55px; } .ptb60 { padding-top:60px; padding-bottom:60px; } .ptb65 { padding-top:65px; padding-bottom:65px; } .ptb70 { padding-top:70px; padding-bottom:70px; } .ptb75 { padding-top:75px; padding-bottom:75px; } .ptb80 { padding-top:80px; padding-bottom:80px; } .ptb85 { padding-top:85px; padding-bottom:85px; } .ptb90 { padding-top:90px; padding-bottom:90px; } .ptb95 { padding-top:95px; padding-bottom:95px; } .ptb100 { padding-top:100px; padding-bottom:100px; }

.mtN20 { margin-top: -20px; }
.mtN40 { margin-top: -40px; }

.resetMargin, p, h1, h2, h3, h4, h5, h6, span { margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; }

.mAuto { margin: auto; }
.mLRAuto { margin-left: auto; margin-right: auto; }

/* Fonte */
.e6 { font-size:0.375em; }
.e8 { font-size:0.500em; }
.e10 { font-size:0.625em; }
.e12 { font-size:0.750em; }
.e14 { font-size:0.875em; }
.e16 { font-size:1.000em; }
.e18 { font-size:1.125em; }
.e20 { font-size:1.250em; }
.e22 { font-size:1.375em; }
.e24 { font-size:1.500em; }
.e26 { font-size:1.625em; }
.e28 { font-size:1.175em; }
.e30 { font-size:1.875em; }
.e32 { font-size:2.000em; }
.e36 { font-size:2.250em; }
.e40 { font-size:2.500em; }
.e50 { font-size:3.125em; }
.e60 { font-size:3.750em; }
.e70 { font-size:4.375em; }
.e80 { font-size:5.000em; }
.e90 { font-size:5.625em; }
.fFluida { font-size: calc(48px + (60 - 48) * ((100vw - 280px) / (1600 - 280))) }
.fFluidaP { font-size: calc(30px + (40 - 30) * ((100vw - 280px) / (1600 - 280))) }

.fSpace { font-family: monospace; }
.ff { font-family: Roboto, sans-serif; }
.fTimes { font-family:"Times New Roman", Times, serif; }

.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fFina { font-weight: lighter; }
.fFina2 { font-weight: 300; }
.fBlack { font-weight: 700; }
.fw500 { font-weight: 500; }

.fi { font-style:italic; }

.fMax { text-transform:uppercase; }
.fMin { text-transform:lowercase; }

.tdn {text-decoration: none; }
.tdu { text-decoration: underline;}

.lSpace5 { letter-spacing: 5px; }

.fAzul { color:#337ab7; }
.fAmarelo { color:#F5AB00; }
.fBranco { color:#fff; }
.fBranco2 { color:#F1F1F1; }
.fCinza { color: #7F7F7F; }
.fPreto { color:#000; }
.fPreto2 { color:#444444; }
.fPreto3 { color:#322B2A; }
.fRodape { color:#DFD7E5; }
.fRosa { color: #FF0090; }
.fSkype { color:#00A7E5; }
.fTema { color:var(--fTema); }
.fTema2 { color:var(--fTema2); }
.fTema3 { color:var(--fTema3); }
.fVerde { color:#A2BC36; }
.fVermelho { color:#F00; }
.fWhats { color:#3A9903; }


/* Tamanho */
.lhn { line-height:normal; }
.lh24 { line-height:1.500em; }
.lh26 { line-height:1.625em; }
.lh30 { line-height:1.875em; }

.h0 { min-height:0px; }

.w25{ width: 25%; }
.wf40 { width: 40%;}
.w50 { width: 50%;}
.w58 { width: 58%;}
.w60 { width: 60%;}
.w75 { width: 75%;}
.w80 { width: 80%;}
.w90 { width: 90%; }
.w95 { width: 95%; }
.full { width:100%; }
.wAuto { width: auto; }
.wFit { width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; }

/* Alinhamento */
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCappitalize { text-transform: capitalize; }

.jcSpaceBetween { justify-content: space-between; }
.jcCenter { justify-content: center; }
.jcEnd { justify-content: end; }
.jcFlexEnd { justify-content: flex-end; }
.jcSpaceEvenly { justify-content: space-evenly; }

.alignItemsCenter { align-items: center; }
.alignItemsBaseline { align-items: baseline; }
.alignItemsFlexEnd { align-items: flex-end; }
.alignItemsEnd { align-items: end; }

.flexWrap { flex-wrap: wrap; }

.vat { vertical-align:top; }

/* Bordas */
.b0 { border: 0px;}
.bb { border-bottom: 1px solid #fff;}

.bTop40 { border-radius: 40px 40px 0px 0px; -webkit-border-radius: 40px 40px 0px 0px; -moz-border-radius: 40px 40px 0px 0px; -ms-border-radius: 40px 40px 0px 0px; -o-border-radius: 40px 40px 0px 0px; }
.bdR3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.bdR5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.bdR10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.bdR20 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.bdR30 { border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.bdR40 { border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }

.bdR{ border-right: 1px solid;}

.bdBTema { border-bottom: 5px solid var(--fTema); }
.bdTTema { border-top: 12px solid var(--fTema); }
.bdB5Tema2 { border-bottom: 5px solid var(--fTema2); }
.bdT10Tema { border-top: 10px solid var(--fTema); }
.bdT10Tema2 { border-top: 10px solid var(--fTema2); }
.bdTema3 { border: 2px solid var(--fTema3); }

/* Backgrounds */
.bgBranco { background:#FFF; }
.bgPreto { background: #000; }
.bgVerde { background: #199C0E; }
.bgCinza { background: #3E3E3E; }
.bgWhats { background:#00a64e; }
.bgTema { background:var(--fTema); }
.bgTema2 { background:var(--fTema2); }
.bgTema3 { background:var(--fTema3); }
.bgTema4 { background:var(--fTema4); }

.banner { background: url('../img/layout/banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 30% 50%; height: 75vh; min-height: 600px; }
.bannerInterna { background: url('../img/layout/banner.jpg'); background-size: cover; background-repeat: no-repeat; background-position: 33% 50%; height: 50vh; min-height: 400px; }
.bgAjuda { background: url('../img/layout/bg-ajuda.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.bgRodape { background: url('../img/layout/bg-rodape.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }

/* Centralizar */
.divCenter { margin:0 auto; flex: auto; margin: 0 auto; flex-basics: auto; display: flex; justify-content: center; }
.divCentro { float: none; margin: 0 auto; }
.centerCol { display:inline-flex; float:none; text-align:left; margin-right:-4px; }
.centerRow { text-align:center; }

/* Menu */
.menuFlex { z-index: 9; }
.menuFlex ul { list-style: none; margin: 0; padding: 0px 10px; display: flex; background: var(--fTema2); height: 53px; border-radius: 10px; }
.menuFlex li { flex: 1; padding: 15px; transition: background 0.2s; margin: 0 -1px; flex-basis: auto; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; }
.menuFlex li a { text-decoration: none;  display: block; color: var(--fTema); }
.menuFlex li { text-align: -webkit-center; position: relative; }
.menuFlex li a:hover, .menuFlex li.atual a { border-bottom: 1px solid var(--fTema); }

.menuFlex li:not(:last-child):after { content: ''; position: absolute; width: 2px; height: 20px; top: 16px; right: -1px; background: var(--fTema); }

.menuFlex .subMenus { display: none; position: absolute; top: 100%; left: -15%; margin-top: 0; min-width: calc(30%); background: var(--fTema); padding: 13px; z-index: 99999; width: max-content; border-radius: 0px 0px 10px 10px; }
.menuFlex ul.subMenus { height: auto; }
.menuFlex li .subMenus a:hover, .menuFlex li.atual .subMenus a:hover { border: none; color: var(--fTema2)!important; }
.menuFlex li.atual .subMenus a { border: none; }
.menuFlex li:hover .subMenus { display: block; }
.subMenus li a { color: #fff !important; }

#menuAtivar { z-index: 100; background: var(--fTema); width: fit-content;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; padding: 15px 40px; }
#menuAtivar .fas { cursor: pointer; font-size:1em; }

/* Fim Menu */.

/* Formulário */
#formContato { border: 1px solid var(--fTema); }
#logoTopo { left: -40px; top: -50px; }
.lNone { list-style: none;}

.form-group { margin-bottom: 10px; }

.form-control {
  display: block;
  width: 100%;
  height: 30px;
  padding: 2px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  font-weight: 700;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border: 1px solid var(--fTema);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-color: var(--fTema);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(8 107 60);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(8 107 60);
}

::-webkit-input-placeholder {
    font-size: 12px;
    color: #000!important;
 }
 :-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    color: #000!important;  
 }
 ::-moz-placeholder {  /* Firefox 19+ */
    font-size: 12px;
    color: #000!important;  
 }
 :-ms-input-placeholder {  
    font-size: 12px;
    color: #000!important;  
}

input { border-width:0;}

textarea { min-width: 100%; max-width: 100%; min-height: 60px; }

#formContato .form-control-feedback {
        top: 25px;
        right: 0px;
    }

.paddingFormInterna { padding: 10px 20px; }
/* Fim Formulário */

/* Links */

a.linkSunset:hover { color: var(--fTema2); }

a img { background:none; border-width: 0; text-decoration:none; }
a:focus { outline: none; outline: none; outline-offset: 0px; }
a:focus, a:hover { color: inherit; text-decoration: none; }
a.lRodape:link, a.lRodape:visited { color:inherit; text-decoration:none; }
a.lRodape:hover { color: var(--fTema) }

a.lNeutro:link, a.lNeutro:visited { color:inherit; text-decoration:none; }
a.lNeutro:hover { color: inherit; }

/* Sombras, Hover */
.bxShadow { box-shadow: 0px 20px 28px 10px rgb(0 0 0 / 0.05); }


/* WhatsRodape */
.whatsAppRodapeBotao {
    position: fixed;
    bottom: 13px;
    right: -120px;
    z-index: 999;
}
.whatsAppRodapeBotao img {
    width: 30%;
}

.whatsAppRodape { position: fixed; left: 0; bottom: 0px; padding: 12px 15px 10px; width: 100%;background: #089c4c; color: #fff; z-index: 999; }

/* Classes Especificas Site */

/* Geral */

.btnWhatsServico {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 88%;
    transform: translate(-50%, 6%);
    padding: 15px 20px;
    color: #fff;
    box-shadow: 0px 0px 15px 0px #009846;
    background-color: #009846;
    border-radius: 10px;
    text-decoration: none!important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.sobre { z-index: 2; }
.sobre:before { content: ''; background: url(../img/layout/fundo.png); position: absolute; width: 1002px; height: 369px; background-repeat: no-repeat; top: 50%; background-size: cover; right: 20%; transform: translate(40%, -50%); opacity: 0.08; }


.boxSvg { transition: 0.3s background linear; background: var(--fTema2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bordaIcone { transition: 0.3s border linear; position: relative; border-radius: 50%; padding: 10px; border: 1px solid var(--fTema2); width: 40%; margin: -100px auto 20px auto; }
.bordaServico { transition: 0.3s height linear; border: 1px solid var(--fTema2); position: absolute; width: 100%; height: 80%; bottom: 0%; z-index: -1; }
.servicoLink:hover .bordaServico { height: 105%; }
.servicoLink:hover .boxSvg { background: var(--fTema); }
.servicoLink:hover .bordaIcone { border: 1px solid var(--fTema); }
.servicoLink:hover .boxSvg svg { fill: var(--fTema2); }

.btnWhats { width: 50%; position:absolute; left: 50%; top: 94%; transform: translate(-50%, 6%); padding: 15px 20px; color: #fff; box-shadow: 0px 0px 15px 0px #009846; background-color: #009846; border-radius: 10px; text-decoration: none!important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.btnWhats:hover, .btnWhatsServico:hover { color: #fff; box-shadow: 0px 0px 55px 0px #009846; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }


.btnClique { border: 2px solid var(--fTema); border-radius: 30px; width: fit-content; width: -moz-fit-content; font-size: 22px; padding: 5px 30px 5px 0px; }
.clique { background: var(--fTema); border-radius: 18px 22px 22px 18px; padding: 8px 30px 8px 30px; color: #fff; margin-right: 79px; }
.iconeWhats:after { content: ''; background: url(../img/layout/whats-icone.png); position: absolute; width: 100px; height: 100px; background-repeat: no-repeat; top: -30px; background-size: cover; right: -72px; }
.mobileOnly.fa { display: none; }

.imgAjuda { margin-top: -30px; }

/* Títulos */

.fTopo { width: 40%; font-size: 14px; line-height: 1; text-align: center; }

.fPoppins { font-family: 'Poppins', sans-serif; }
.fTitulo { font-family: 'Poppins', sans-serif; font-size: 55px; }
.fAjuda { font-family: 'Poppins', sans-serif; font-size: 45px; font-weight: 900; line-height: 1.3; }

/* SVG */

.boxSvg svg { fill: var(--fTema); width: 55%; transition: 0.3s fill linear; }

.sociais svg { fill: var(--fTema2); width: 22px; }

/* Menu */

.headline { top: 50%; transform: translate(0%, -50%); left: 0%; width: 100%; }
.headline h1 { font-family: 'Montserrat', sans-serif; }

.botaoGeral { font-size: 1em; padding: 0.6em 2em; border-radius: 30px; display: flex; justify-content: center; font-family: 'Roboto', sans-serif; align-items: center; width: fit-content; width: -moz-fit-content; width: -webkit-fit-content; color: #fff; transition: all 0.3s linear; }
.botaoGeral svg { width: 1.111em; margin-left: 5px; }
.botaoGeral.bgBranco svg { fill: var(--fTema); }
.botaoGeral.bgWhats svg, .botaoGeral.bgTema svg { fill: #fff; }
.botaoGeral:hover, .botaoGeral:visited { color: #fff; }

.linhaTopo {
    margin: 0px;
    height: 2px;
    background: var(--fTema);
    width: 100%;
    border: none;
    font-weight: 900;
    font-family: 'Impact';
}

.overflow { overflow: hidden; height: 100%; }

.button_container { position: relative; height: 27px; width: 35px; cursor: pointer; z-index: 100; transition: opacity 0.25s ease; }
.button_container:hover { opacity: 0.7; }
.button_container.active .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container span { background: #fff; border: none; height: 5px; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.35s ease; cursor: pointer; }
.button_container span:nth-of-type(2) { top: 11px; }
.button_container span:nth-of-type(3) { top: 22px; }

.overlay { position: fixed; background: var(--fTema); top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden; z-index: 99; }
.overlay.open { opacity: 0.9; visibility: visible; height: 100%; }
.overlay.open li { -webkit-animation: fadeInRight 0.5s ease forwards; animation: fadeInRight 0.5s ease forwards; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.overlay.open li:nth-of-type(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.overlay.open li:nth-of-type(3) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.overlay.open li:nth-of-type(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.overlay nav { position: relative; height: 60%; top: 57%; transform: translateY(-57%); font-size: 30px; font-weight: 400; text-align: center; }
.overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; }
.overlay ul li { display: block; padding: 15px 0; position: relative; opacity: 0; }
.overlay ul li a { display: block; position: relative; color: #FFF; text-decoration: none; overflow: hidden; }
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after, .overlay ul li.atual a:after { width: 100%; }
.overlay ul li a:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #FFF; transition: 0.35s; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

/* Rodapé */

/* Fim Classes especificas */

/* MEDIA QUERIES --------------------*/
@media (max-width: 485px){
    .btnClique { border: 2px solid var(--fTema); border-radius: 30px; width: fit-content; width: -moz-fit-content; font-size: 12px; color: var(--fTema); padding: 5px 29px 5px 0px; }
    .clique { background: var(--fTema); border-radius: 18px 22px 22px 18px; padding: 8px 20px 8px 20px; color: #fff; }
    .iconeWhats:after { display: none; }
}
@media all and (max-width: 767px) {
    .menuFlex { display: none; transition: all 0.2s linear 0s; position: absolute; left: 50%; transform: translateX(-50%); width: 90%; }
    .menuFlex .ptb30 { padding: 20px 0px; }
    .menuFlex ul { flex-wrap: wrap; background: var(--fTema2); padding-left: 10px; padding-right: 10px; font-size: 14px; } 
    .menuFlex li { flex-basis: 100%; padding: 0; }
    .menuFlex { border: none; z-index: 999; }
    .menuFlex ul li:not(:last-child):after { display: none; }
    .menuFlex li.atual .linhaMenu { width: 25%; }

    .bordaNoneXs { border: none;}
    .mtNoneXs { margin-top: 0px;} .mt15Xs { margin-top: 15px;} .mt20Xs { margin-top: 20px;} .mt50Xs { margin-top: 50px;}
    .mbNoneXs { margin-bottom: 0px;}  .mb15Xs { margin-bottom: 15px;} .mb20Xs { margin-bottom: 20px;} .mb50Xs { margin-bottom: 50px;}
    .pNoneXs { padding: 0px;} .pb15Xs { padding-bottom: 15px;} .pb20Xs { padding-bottom: 20px;}
    .txtCenterXs { text-align: center; }
    .bdRNoneXs { border-radius: 0px; }
    .dbXs { display: block;}
    .dfXs { display: flex; }
    .dfSmXs { display: flex; }
    .dbSmXs { display: block; }
    .mtbXs { margin-top: 10px; margin-bottom: 10px;}
    .mb20xs { margin-bottom: 20px; }
    .mb10SmXs { margin-bottom: 10px; }
    .mb30Xs { margin-bottom: 30px; }
    .jcCenterXs { justify-content: center; }
    .jcFlexEndXs { justify-content: flex-end; }
    .jcStartXs { justify-content: flex-start;}
    .ml40Xs { margin-left: 40px; }
    .mb40Xs { margin-bottom: 40px; }
    .mb40SmXs { margin-bottom: 40px; }
    .divCentroXs { float: none; margin: 0 auto; }
    .divCentroSmXs { float: none; margin: 0 auto; }
    .ptb20SmXs { padding: 20px 0px; }
    .txtCenterSmXs { text-align: center; }
    .fullSmXs { width: 100%; }
    .floatNoneXs { float: none; }
    .divCenterXs { display: block; margin-left: auto; margin-right: auto; }
    .wAutoSmXs { width: auto; }

    .fTitulo { font-size: 38px; }

    .btnClique { margin-left: auto; margin-right: auto; }
    .clique { margin-right: 10px; }
    .iconeWhats:after { display: none; }
    .mobileOnly.fa { display: inline-block; }
    .fMobile { font-size: calc(45px + (70 - 45) * ((100vw - 320px) / (767 - 320))); }

    .fAjuda { font-size: calc(23px + (45 - 23) * ((100vw - 320px) / (767 - 320))); margin-bottom: 10px; }
    .ajuda .mb50 { margin-bottom: 30px; }

    .maxWidthXs { max-width: 450px; }

    .btnWhats { width: calc(60% + (50 - 60) * ((100vw - 320px) / (767 - 320))); }
    .btnWhatsServico { width: calc(75% + (55 - 75) * ((100vw - 320px) / (767 - 320))); }

    .fTopo { width: 100%; }
    .linhaTopo { width: calc(20% + (600 - 20) * ((100vw - 320px) / (767 - 320))); }

    .headline { top: 50%; left: 0; width: 100%; justify-content: center; }
    .headline h1 { font-size: 23px; }

}
@media (min-width: 768px) and (max-width: 991px) {
    .menu { display: block;}
    .menuFlex { display: block !important;}
    .menuFlex .subMenus { left: -11px; }

    .dfSmXs { display: flex; }
    .dbSmXs { display: block; }
    .mb10SmXs { margin-bottom: 10px; }
    .mb40SmXs { margin-bottom: 40px; }
    .mb90Sm { margin-bottom: 90px; }
    .divCentroSmXs { float: none; margin: 0 auto; }
    .ptb20SmXs { padding: 20px 0px; }
    .txtCenterSmXs { text-align: center; }
    .fullSmXs { width: 100%; }
    .wAutoSmXs { width: auto; }

    .fTitulo { font-size: 38px; }

    .btnClique { font-size: 13px; padding: 5px 10px 5px 0px; }
    .clique { margin-right: 36px; }
    .iconeWhats:after { width: 50px; height: 50px; top: -12px; right: -31px; }
    .fAjuda { font-size: 25px; }
    .imgAjuda { width: 100%; }
    .ajuda.ptb40 { padding-top: 25px; padding-bottom: 25px; }
    .ajuda .mb50 { margin-bottom: 15px; }

    .fTopo { width: 65%; }

    .headline { top: 54%; left: 0%; }
    .headline h1 { font-size: 30px; }

}
@media (min-width: 992px) and (max-width: 1199px) {
    .menuFlexifivel{ width: 100%;}
    .menu { display: block;}
    .menuFlex { display: block !important;}

    .w90LgMd { width: 90%; }
    .dbMd { display: block; }


    .imgAjuda { width: 100%; }
    .fAjuda { font-size: 30px; }
    .btnClique { font-size: 18px; }
    .btnWhats { width: 60%; }

    .fTopo { width: 50%; }

    .headline h1 { font-size: 30px; }
}
@media (min-width: 1200px){
    .menuFlex { display: block !important;}

    .w90LgMd { width: 90%; }
    .w90Lg { width: 90%; }
    .mb60Lg { margin-bottom: 60px; }

    .marginTopIndex { margin-top: -500px; }
}