:root {
  --txColor:      #5C5B5A;
	--aText:        #5C5B5A;
  --aHover:       #1789FC;
  --fundoBot:     #EDEDED;
  --fundoBotH:    #cfcfcf;
	--notifica:     #e02929;
	--corBranca:    #fff;
	--bkRodape:     #5C5B5A;
	--riscoHr:      #848484;
	--boxRound:			#ededed;
	--txBxsHome:    #1789FC;
	--botHover:			#006bd6;
	--botHCinza:    #999999;
	--bPruc:        #0A6175;
	--botVd:        #25BF5A;
	--vrdTit:       #169d68;
	--vemTit:       #F72C1B;
	--azlTit:       #094F9F;
	--azlTit2:      #020C7E;
	--mrmTit:       #311E0E;
	--corSaude:     #169D68;
	--corGier:      #F72C1B;
	--corBenef:     #FD0F45;
	--corNota:      #004F9F;
	--corPaga:      #020C7E;
	--corObra:      #741F1F;
	--corAlvara:    #311E0E;
	--corCovid:     #E50A19;
	--corTransp:    #105AF8;
	--corEmpreend:  #93BE3F;
	--corImoveis:   #6A1857;
	--corVerde:     #129015;
	--corAz:        #084A9C;
	--corAz2:       #0087CF;
}
.adesabilita {pointer-events:none;}
.areabilita {pointer-events:none;}
html, body {overflow-x:hidden;}
body, p, a, input, li, label, h3, h4, h5, h6 {font-family:open_sansregular; font-weight: normal;}
p {margin-bottom: 0px;}
h1 {font-family:open_sansbold;}
h2 {font-family:open_sanslight; font-size: 22px;}
h3 {font-family:open_sansbold;  font-size: 22px;}
body, p, a, input, li, input, select {font-size:12px; line-height: 20px; color:var(--txColor);}
a:hover {color:var(--aHover); text-decoration: none;}

.alinhdir {text-align:right;}
.mobile {display:none;}
.desktop {display: block;}
.backtot {display:none;}
.desktopTop {display:flex; margin-top:80px;}
.mobileTop {display:none;}

.font-20 {font-size: 20px;}
.font-25 {font-size: 25px;}
.font-30 {font-size: 30px;}
.font-35 {font-size: 35px;}


/*******************alinha modal ao centro************************/
.modal {text-align: center; padding: 0!important;}
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
.modal-body {padding: 10px!important;}
.modal-body h2 {font-size: 18px; margin-bottom: 0px;}
.modal-body p, .modal-body a {margin-top: 20px;}
.modal-content {border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
#inboxrecaptcha {width: 348px;}
.mdsenha {width: 45px!important; display: inline-block!important; margin: 0 5px!important; padding: 10px!important;}
.titleVd {color: #25BF5A; font-size: 32px!important; text-align: center;}
.titleCz {color: #707070; font-size: 38px!important; text-align: center;}
/*******************alinha modal ao centro************************/


/*******************modal do javascript************************/
.popmodal {display: none; position: absolute; z-index: 2000; top: calc(50vh - 160px); left: calc(50vw - 280px); background-color: #fff; padding: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.popmodal div:nth-child(2) {width:500px; height: 315px; font-size: 18px; display:flex; align-items: center; justify-content: center;}
.bg-cinza {position: fixed; display: none; top:0px; z-index: 1999; width: 100%; height: 100vh; background-color:rgba(0,0,0,0.7);}
.fechar p {color: var(--corAz); cursor: pointer; margin-bottom: 10px;}
.fechar p:hover {color: var(--corAz2);}
/*******************modal do javascript************************/




/*******************espacos/formatos************************/
.relt {position: relative;}
.zeraPadl {padding-left: 0px!important;}
.zeraPadr {padding-right: 0px!important;}
.ladoalado {float: left;}
.espaco1Rm {margin-right: 10px;} 
.alinhaDir {text-align: right;}
.alinhCet {text-align: center;}
.alinhCetgeral {margin: 0px auto; display: block;}
.fonte12 {font-size: 12px;}

@media only screen and (min-width: 769px) {
	.margemBZero {margin-bottom: 0px!important;} /*desliga no mobile*/
}
.margemT0 {margin-top: 0px;}
.margemB0 {margin-bottom: 0px;}
.margemT10 {margin-top: 10px!important;}
.margemB10 {margin-bottom: 10px;}
.margemB10A a {margin-bottom: 10px;}
.margemT12 {margin-top: 12px;}
.margemB12 {margin-bottom: 12px;}
.margemT18 {margin-top: 18px;}
.margemB18 {margin-bottom: 18px;}
.margemT20 {margin-top: 20px;}
.margemB20 {margin-bottom: 20px;}
.margemT30 {margin-top: 30px;}
.margemB30 {margin-bottom: 30px;}
.margemT40 {margin-top: 40px;}
.margemB40 {margin-bottom: 40px;}
.margemT50 {margin-top: 50px;}
.margemB50 {margin-bottom: 50px;}
.margemT60 {margin-top: 60px;}
.margemB60 {margin-bottom: 60px;}
.margemT70 {margin-top: 70px;}
.margemB70 {margin-bottom: 70px;}
.margemT100 {margin-top: 100px;}
.margemB100 {margin-bottom: 100px;}
.margemT118 {margin-top: 118px;}
.margemB118 {margin-bottom: 118px;}
.margemT150 {margin-top: 150px;}
.margemB150 {margin-bottom: 150px;}
.margemT190 {margin-top: 190px;}
.margemB190 {margin-bottom: 190px;}
.margemB400 {margin-bottom: 400px;}
.wdt100 {width: 100%;}

.margemPT20 {padding-top: 20px;}
.margemPB20 {padding-bottom: 20px;}
.margemPT30 {padding-top: 30px;}
.margemPB30 {padding-bottom: 30px;}
.margemPT40 {padding-top: 40px;}
.margemPB40 {padding-bottom: 40px;}
.margemPT50 {padding-top: 50px;}
.margemPB50 {padding-bottom: 50px;}

.margem0input {margin-top: -20px;}

.titVrd {color: var(--vrdTit);}
.titVem {color: var(--vemTit);}
.titAzl {color: var(--corAz);}
.titAzl2 {color: var(--azlTit2);}
.titMrm {color: var(--mrmTit);}

.tamSecao {min-height: 100vh;}

.legenda {display:flex; align-items: center; justify-content: center;}
.legenda div {display: flex; margin-right: 10px; margin-top: 20px;}
.square1 {height: 20px; width: 28px; background-color: #aaa; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.square2 {height: 20px; width: 28px; background-color: #25BF5A; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.square3 {height: 20px; width: 28px; background-color: #0044cc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

.caixaFlex {display: flex; margin: 0 auto; align-items: center; justify-content: center;}
.caixaFlex div {display: flex; width: fit-content; margin-right: 10px;}
.caixaFlex div img {margin-top: 0px!important; margin-bottom: 0px!important;}
.caixaFlex div p {width: fit-content;}
.ahrefNormal {color: var(--txBxsHome);}
.ahrefNormal:hover {color: var(--botHover);}
.ladoalado.espaco1Rm img {width: 38px;}

.bordaimg {border-bottom: 1px solid var(--riscoHr);}
.corAzTx {color: var(--corAz2); text-decoration: underline;}
.altBotao {height: 60px;}
/*******************espacos/formatos************************/


/*******************sombra************************/
.sombra {
	-webkit-box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 21%);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.21);
  box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 21%);
  background: #eee;
}
/*******************sombra************************/


/*******************botoes************************/
.botFale {background: url(../../assets/img/ico_fale.svg);}
.botPadrao {background-color:var(--fundoBot); padding:8px 10px 8px 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 12px; background-repeat: no-repeat; background-position: 10px; background-size: 18px;}
.botPadrao:hover {background-color:var(--aHover); color: var(--corBranca);}
.botPadrao2 {background-color:var(--aHover); padding:10px 20px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 12px; width: 270px; display: block; color: var(--corBranca); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.botPadrao2 span {font-weight: bold;}
.botPadrao2:hover {background-color:#0050a1; color: var(--corBranca);}
.botPadrao3 {background-color:var(--fundoBot); padding:10px 20px 12px 45px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 12px; width: 270px; background-repeat: no-repeat; background-position: 17px; background-size: 18px; display: flex; width: fit-content;}
.botPadrao3:hover {background-color:var(--aHover); color: var(--corBranca);}
.botPadrao4 {background-color:var(--aHover); padding:10px 20px 12px 45px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 12px; background-repeat: no-repeat; background-position: 17px; background-size: 18px; color: var(--corBranca); display: flex; width: fit-content;}
.botPadrao4:hover {background-color: #0050a1; color: var(--corBranca);}
.botPadrao5 {background-color:var(--aHover); padding:10px 20px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 12px; width: 270px; color: var(--corBranca); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:flex; align-items: center; justify-content: center; width: 100%; height: 70px; text-align: center;}
.botPadrao5 span {font-weight: bold;}
.botPadrao5:hover {background-color:#0050a1; color: var(--corBranca);}
.botPadrao6 {background-color:var(--aHover); padding-left:20px; padding-right:  20px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; width: 270px; display:flex; align-items: center; justify-content: center; width: 100%; height: 90px; text-align: center; font-size: 15px;  color: var(--corBranca); font-weight: bold;}
.botPadrao6 p {font-size: 15px;  color: var(--corBranca); font-weight: bold;}
.botPadrao6 p b {font-size: 20px;}
.botPadrao6 span {color:#FFF500;}
.botPadrao6:hover {background-color:#0050a1; color: var(--corBranca);}
.botPadrao7 {background-color:var(--fundoBot); padding:10px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; font-size: 12px; width: 100%; display: block; text-align: center;}
.botPadrao7:hover {background-color:var(--aHover); color: var(--corBranca);}
.botPadrao8 {background-color:#eee; background-repeat: no-repeat; background-position: center; padding-left:95px; padding-right: 20px; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; width: 100%; display:flex; align-items: center; height: 137px; font-family: open_sanslight; font-size: 28px; line-height: 30px;  color: var(--corAz);}
.botPadrao8:hover {background-color: #0050a1; color: var(--corBranca);}
.botPadrao9 {background-color: #0087CF; text-align: center; padding: 6px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 10px 0; cursor: pointer;}
.botPadrao9:hover {background-color: #0050a1;}
.botPadrao9 {color: var(--corBranca);}
.botPadrao9 a {color: var(--corBranca);}
.botPadrao11 {color: var(--corBranca);}
.botPadrao11 {background-color: #0087CF; text-align: center; padding: 6px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin: 30px 0; cursor: pointer;}
.botPadrao11:hover {background-color: #0050a1;}
.botPadrao11 a {color: var(--corBranca);}
.faq {cursor: pointer}

.botPadrao10 {background-color:#eee; padding:10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 100%; display:flex; align-items: center; justify-content: center; font-family: open_sanslight; font-size: 13px; color: var(--corAz)!important; text-align: center;}
.botPadrao10:hover {background-color: #ddd;}


.botPadrao100 {width: 100%!important; display: block;}
.botNormal {background-color:var(--txBxsHome); color: var(--corBranca); padding:8px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 14px; text-align: center; min-width: 120px; display: block; width: fit-content;}
.botNormal:hover {background-color:var(--botHover); color: var(--corBranca);}
.botCinza {background-color:var(--fundoBot); color:#000; padding:8px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 14px; text-align: center; min-width: 120px; display: block; width: fit-content;}
.botCinza:hover {background-color:var(--botHCinza); color: var(--corBranca);}
.botNormalimg {background-color:var(--txBxsHome); color: var(--corBranca); padding:8px 10px 8px 40px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 14px; text-align: center; min-width: 120px; display: block; width: fit-content; background-image: url(../../assets/img/check.svg); background-repeat: no-repeat; background-position: 10px;}
.botNormalimg:hover {background-color:var(--botHover); color: var(--corBranca);}
.botPadraoVd {color: var(--corBranca); display: block; background-color:var(--botVd); padding:8px 10px 8px 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 12px; background-repeat: no-repeat; background-position: 10px; background-size: 18px;}
.botPadraoVd:hover {background-color:var(--aHover); color: var(--corBranca);}
input[type="file"] {display: none;}
.custom-file-upload {display: inline-block; padding: 6px 12px; cursor: pointer;	border: none;}
.custom-file-upload:hover {color: var(--botHover);}
.custom-file-upload2 {display: inline-block; padding: 6px 12px 6px 30px; cursor: pointer;	border: none; background-color: #ededed; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-image: url(../../assets/img/figura.svg); background-repeat: no-repeat; background-position: 8px; font-size: 12px;}
.custom-file-upload2:hover {color: var(--botHover); background-image: url(../../assets/img/figurab.svg);}
#botConf {display: none;}

.botSlider {display: block; height: 137px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider div {position: absolute; width: 100%; top: 130px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider:hover {height: 255px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider:hover div:nth-child(2) {top: 135px;}
.botSlider:hover div:nth-child(3) {top: 175px;}

/*para 3 botões*/
.botSlider2 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider2 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider2:hover {height: 150px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider2:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider2:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider2:hover div:nth-child(4) {top: 105px; height: unset;}

/*para 8 botões*/
.botSlider3 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider3 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider3:hover {height: 325px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider3:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider3:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider3:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider3:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider3:hover div:nth-child(6) {top: 175px; height: unset;}
.botSlider3:hover div:nth-child(7) {top: 210px; height: unset;}
.botSlider3:hover div:nth-child(8) {top: 245px; height: unset;}
.botSlider3:hover div:nth-child(9) {top: 280px; height: unset;}

/*para 10 botões*/
.botSlider010 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider010 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider010:hover {height: 395px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider010:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider010:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider010:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider010:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider010:hover div:nth-child(6) {top: 175px; height: unset;}
.botSlider010:hover div:nth-child(7) {top: 210px; height: unset;}
.botSlider010:hover div:nth-child(8) {top: 245px; height: unset;}
.botSlider010:hover div:nth-child(9) {top: 280px; height: unset;}
.botSlider010:hover div:nth-child(10) {top: 315px; height: unset;}
.botSlider010:hover div:nth-child(11) {top: 350px; height: unset;}


/*para 7 botões*/
.botSlider4 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider4 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider4:hover {height: 290px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider4:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider4:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider4:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider4:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider4:hover div:nth-child(6) {top: 175px; height: unset;}
.botSlider4:hover div:nth-child(7) {top: 210px; height: unset;}
.botSlider4:hover div:nth-child(8) {top: 245px; height: unset;}

/*para 4 botões*/
.botSlider5 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider5 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider5:hover {height: 170px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider5:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider5:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider5:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider5:hover div:nth-child(5) {top: 140px; height: unset;}

/*para 4 botões com 1 botão de 2 linhas*/
.botSlider6 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider6 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider6:hover {height: 205px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider6:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider6:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider6:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider6:hover div:nth-child(5) {top: 140px; height: unset;}

/*para 5 botões*/
.botSlider7 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider7 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider7:hover {height: 220px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider7:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider7:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider7:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider7:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider7:hover div:nth-child(6) {top: 175px; height: unset;}

/*para 5 botões com 2 botões de 2 linhas*/
.botSlider8 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider8 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider8:hover {height: 260px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider8:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider8:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider8:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider8:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider8:hover div:nth-child(6) {top: 175px; height: unset;}

/*para 2 botões*/
.botSlider9 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider9 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider9:hover {height: 115px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider9:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider9:hover div:nth-child(3) {top: 70px; height: unset;}

/*para 1 botões*/
.botSlider10 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider10 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider10:hover {height: 80px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider10:hover div:nth-child(2) {top: 35px; height: unset;}

/*para 6 botões*/
.botSlider11 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider11 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider11:hover {height: 250px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider11:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider11:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider11:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider11:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider11:hover div:nth-child(6) {top: 175px; height: unset;}
.botSlider11:hover div:nth-child(7) {top: 210px; height: unset;}

/*para 3 botões com 1 botão de 2 linhas*/
.botSlider12 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider12 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider12:hover {height: 170px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider12:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider12:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider12:hover div:nth-child(4) {top: 105px; height: unset;}

/*para 2 botões*/
.botSlider13 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider13 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider13:hover {height: 115px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider13:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider13:hover div:nth-child(3) {top: 70px; height: unset;}


/*para 9 botões*/
.botSlider14 {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
.botSlider14 div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
.botSlider14:hover {height: 325px; /*position: absolute; width: calc(100% - 30px);*/}
.botSlider14:hover div:nth-child(2) {top: 35px; height: unset;}
.botSlider14:hover div:nth-child(3) {top: 70px; height: unset;}
.botSlider14:hover div:nth-child(4) {top: 105px; height: unset;}
.botSlider14:hover div:nth-child(5) {top: 140px; height: unset;}
.botSlider14:hover div:nth-child(6) {top: 175px; height: unset;}
.botSlider14:hover div:nth-child(7) {top: 210px; height: unset;}
.botSlider14:hover div:nth-child(8) {top: 245px; height: unset;}
.botSlider14:hover div:nth-child(9) {top: 280px; height: unset;}
.botSlider14:hover div:nth-child(10) {top: 305px; height: unset;}

.voltar {cursor: pointer; width: fit-content;}
.voltar:hover {color: var(--aHover);}
/*******************botoes************************/


/*******************calendario************************/
.calendario {border: solid 1px var(--fundoBotH); width: fit-content; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin: 0 auto; display: block;}
.datepicker-inline {width: 350px!important;}
.datepicker table {border-collapse: separate!important; border-spacing: 12px 10px!important;}
.datepicker th {width: 30px!important; padding: 0px 8px!important;}
.datepicker th.prev, .datepicker th.next {visibility: hidden;}
.datepicker td {width: 30px!important; padding: 0px 8px!important;}
.datepicker td.disabled {background-color: var(--fundoBot)!important; color: var(--corBranca)!important;}
.datepicker td.disabled.disabled-date.day:hover {background-color: var(--fundoBot)!important;}
.datepicker td.day {background-color: #25BF5A; color: var(--corBranca)!important;}
.datepicker td.day:hover {background-color: var(--botHover)!important;}
.datepicker td.old.day, .datepicker td.new.day {visibility:hidden;}
.datepicker tfoot {display: none;}
.datepicker .datepicker-switch {font-size: 18px;}
.datepicker .dow {padding: 0!important;}
.owl-next:focus, .owl-prev:focus {outline: none;}
/*******************calendario************************/


/*******************menu topo************************/
.menutotal {padding-left: 80px; padding-right: 80px;}
.menutotal2 {padding-left: 55px; padding-right: 55px;}
.menu_fixed {-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.4);}
.riscovert {position:absolute; width:1px; height:370px; background:#aaa; left:-19px; top:20px;}/*copiar*/
.dropdown-menu-topo a {line-height:1em;}/*copiar*/
.dropdown-menu-topo a.dropdown-item {padding: 10px 0px !important;}/*copiar*/
.dropdown-menu-topo {border-radius: 0px; width:100%; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);}/*copiar*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff; background-color: var(--main-color);}
.dropdown-menu.final {margin-top: 0px!important; margin-left:17px;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {background-color: var(--main-color)!important;}
.dropdown .dropdown-menu.final .dropdown-item:hover {color: #fff!important;}
input[type=submit] {font-size:20px;}
.dropdown-menu-topo a:first-child {margin-top: 30px;}
.dropdown-menu-topo a {display: block; height: 50px; font-family: open_sansregular; color:var(--aText);}
.dropdown-menu-topo a:hover {color:var(--aHover);}
.dropdown-menu-topo a span {font-weight:normal; font-size:12px; color:#aaa;}
.dropdown-menu-topo a {font-family:open_sanssemibold!important;}
.dropdown-menu-topo a span {font-weight:normal; font-size:12px; color:#aaa; font-family:open_sansregular;}
.cabecalhomenu {-webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.2); box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.2); background:#fff;}
.dropdown-menu-topo {width: auto; left: 0px; right: 0px; background: #eee; position: absolute; display: none; text-align: left; margin-top: 16px; z-index: -1; padding-top: 18px; padding-left: 65px;  padding-right: 65px;}
.dropdown-menu-topo p {padding:5px 22px 0px 22px; color:var(--main-color)!important;}
.banner_part .banner_text {width: 90%;}
.espacoProd {margin-top:30px;}
.contato_part {margin-top:-150px;}
.contato_part_img {margin:20px 0; width:50px;}
.dropdown .dropdown-menu {border:1px solid #ddd!important; overflow:visible;}
.main_menu .main-menu-item ul li .nav-link {font-size: 14px;}
.dropdown-menu {font-size: 14px;} 
.dropdown {position: static;}
.barrTop {width: 100%; min-height: 50px; background: #fff; padding: 20px 68px;}
.sobe {text-align: center;}
.sobe i {font-size: 20px;	background: #989696;	padding: 0 10px; color: #fff; cursor: pointer;}
.navbar-light .navbar-nav .nav-link {color:var(--aText);}
.navbar-light .navbar-nav .nav-link:hover {color:var(--aHover);}
.buscaMenu {position: relative;}
.buscaMenuBk input {border: none; width: 400px!important; margin-top: -2px!important; background-image: url(../../assets/img/ico_lupa.png); background-repeat: no-repeat; background-position: right 10px bottom 4px!important; font-size: 14px;}
.buscaMenu input {border: none; max-width: 400px!important; width: 100%!important; margin-top: -2px!important; font-size: 14px;}
.buscaMenu img {position: absolute; top:5px; right: 12px;}
.montamenu li:last-child {width: 100%;  text-align: right;}
.montamenu li {white-space: nowrap; text-align: left;}
/*******************menu topo************************/


/***********menu acessibilidade***********/
.menuacess {background:#eee; width:100%; display:block; padding:3px 0;}
.menuacess a {color:#555; font-size:12px;}
.menuacess a {margin:0 3px;}
.menuacess a:hover {color:#000;}
/***********menu acessibilidade***********/


/***********bread crumb***********/
.bread-crumb div {border: 1px solid #ccc; font-size: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; padding: 2px 5px; width: fit-content; display: inline-block; margin-right: 5px;}
.bread-crumb i {margin-right: 5px;}
.bread-crumb a {font-size: 10px;}
.bc-active {border: 1px solid var(--bPruc)!important; color: var(--bPruc);}
.bc-activeS {border: 1px solid var(--corSaude)!important; color: var(--corSaude);}
.bc-activeG {border: 1px solid var(--corGier)!important; color: var(--corGier);}
.bc-activeB {border: 1px solid var(--corBenef)!important; color: var(--corBenef);}
.bc-activeN {border: 1px solid var(--corNota)!important; color: var(--corNota);}
.bc-activeP {border: 1px solid var(--corPaga)!important; color: var(--corPaga);}
.bc-activeO {border: 1px solid var(--corObra)!important; color: var(--corObra);}
.bc-activeA {border: 1px solid var(--corAlvara)!important; color: var(--corAlvara);}
.bc-activeC {border: 1px solid var(--corCovid)!important; color: var(--corCovid);}
.bc-activeE {border: 1px solid var(--corEmpreend)!important; color: var(--corEmpreend);}
.bc-activeI {border: 1px solid var(--corImoveis)!important; color: var(--corImoveis);}
.bc-activeV {border: 1px solid var(--corVerde)!important; color: var(--corVerde);}
/***********bread crumb***********/


/***********go to top***************/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 50px;
	right: 3%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../../assets/img/setaUp.svg) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/***********go to top***************/


/***********notificacao***************/
.notifica {font-size: 10px; font-family: open_sanssemibold; background:var(--notifica); color: var(--corBranca); width: 20px; 	border-radius: 50%;	-moz-border-radius: 50%;	-webkit-border-radius: 50%; text-align: center; position: absolute; top: -5px; left: 45px;}
.notifica-2 {font-size: 10px; font-family: open_sanssemibold; background:var(--notifica); color: var(--corBranca); width: 20px; border-radius: 50%;	-moz-border-radius: 50%;	-webkit-border-radius: 50%; text-align: center; position: absolute; top: -8px; right: 8px; border: none!important;}
.notifica-3 {font-size: 10px; font-family: open_sanssemibold; background:#EF7123; color: var(--corBranca); width: 20px; 	border-radius: 50%;	-moz-border-radius: 50%;	-webkit-border-radius: 50%; text-align: center; position: absolute; top: -8px; right: 8px; border: none!important;}
.notifica-4 {font-size: 10px; font-family: open_sanssemibold; background:#EF7123; color: var(--corBranca); width: 20px; 	border-radius: 50%;	-moz-border-radius: 50%;	-webkit-border-radius: 50%; text-align: center; position: absolute; top: -5px; right: -5px; border: none!important;}
.notificao {border-color: #EF4123;}
.notificao::before {
	content: "2";
	background-color: #EF4123;
	width: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
	position: absolute;
  top: -8px;
  right: 8px;
	color: #fff;
	font-size: 12px;
}
/***********notificacao***************/


/***********pag-inicial***************/
.pag-inicial {margin-top: 50px; margin-bottom: 400px;}
.pag-inicial .box-round {border-radius: 20px; -moz-border-radius: 20px;	-webkit-border-radius: 20px; background-color: var(--boxRound); width: 100%; padding: 30px;}
.pag-inicial h3 {font-size: 25px; text-align: center; width: 100%;}
.pag-inicial h3 span {font-family: open_sansbold;}
.pag-inicial h2 {font-size: 20px;}
.pi-box2 h3 {font-size: 20px; text-align: left; margin-bottom: 30px;;}
.pag-inicial .box-icons>div>div>a {border-radius: 10px; -moz-border-radius: 10px;	-webkit-border-radius: 10px; background-color: var(--corBranca); padding: 25px 18px; display: flex;}
/*.pag-inicial .box-icons div div img {width: auto; height: 38px;}
.pag-inicial .box-icons div div p {display: inline-block; margin-left: 10px; line-height: 18px;}*/
.pag-inicial .box-icons div div a div:first-child {width: 45px; height: 38px; display: flex;}
.pag-inicial .box-icons div div a div:first-child img {max-width: 95%;}
.pag-inicial .box-icons div div a div:nth-child(2) {margin-left: 10px; width: auto; display: flex; align-items: center; }
.pag-inicial .box-icons div div p span{font-size: 12px;}
.pag-inicial .bx-margins {margin: 0 0 30px 0;}
.pag-inicial .bx-margins30 {margin: 30px 0}
.pag-inicial .bx-margins50 {margin: 50px 0}
.pag-inicial.container h2, .pag-inicial.container .row.box-icons>div {margin: 0 0 25px 0;}
.pag-inicial .buscaimgbk {margin-top: 0px!important; border: 1px solid #B4B4B4!important; background: url(../../assets/img/ico_lupa.png) no-repeat!important; background-position: right 10px bottom 4px!important;}
.pag-inicial .busca {margin-top: 0px!important; border: 1px solid #B4B4B4!important;}
.pag-inicial .buscalupa {position: absolute; top:7px; right: 25px;}
.pag-inicial .backSilver {background-color: var(--fundoBot);}
.pi-box2 .box-round {background-color: var(--corBranca);}
.pi-box2 .box-icons div div a {background-color: var(--boxRound);}
.pi-box4 h2 {text-align: center; width: 100%;}
.pag-inicial .boxNot {margin-bottom: 28px; padding-left: 40px;}
.pag-inicial .boxNot div div:first-child {padding-right: 0px!important; padding-left: 30px;}
.pag-inicial .boxNot div div:first-child img {width: 100%; max-height: 151px;}
.pag-inicial .boxNot div div:nth-child(2) {background-color: var(--corBranca); padding-top: 15px; padding-bottom: 15px;}
.pag-inicial .box-round .col-md-3 {padding-left: 10px; padding-right: 10px;}
.pi-box1 p, .pi-box2 p {line-height: 18px;}
.pi-box4 p {line-height: 25px;}
.pi-box4 a {font-size: 12px;}
.pi-box4>img {margin-bottom: -1px;}
/***********pag-inicial***************/




/**********box cookie**************/
.boxcookie {position:fixed; bottom:0px; width:100%; z-index:1000; display:none;}
.boxcookie-ct {margin:0px 15%; width:auto;}
.boxcookie-cx {
	background: #707070; 
	
	height:100px; 
	width:100%; 
	padding:20px 40px;
	position:relative;
	-webkit-box-shadow: 3px -3px 10px 0px rgba(0,0,0,0.3); 
  box-shadow: 3px -3px 10px 0px rgba(0,0,0,0.3);
}
.boxcookie-cx p {font-size:15px!important; color:#fff;}
.botaoCookie {
	background: #e84426;
	color: #fff;
	border: 0px;
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin: 0 auto;
	display: block;
}
.boxcookie-fecha {
	position:absolute; 
	color:#fff; 
	right:0px; 
	top:-30px; 
	width:30px; 
	height:30px; 
	background: #707070; 
	font-size:20px; 
	text-align:center; 
	cursor:pointer;
}
/**********box cookie**************/


/*******************rodape*******************/
.rodape {background-color: #eee; position: fixed; bottom: 0px; width: 100%;}
.rodape .container {padding: 30px 0 30px 0;}
.rodape .container, .rodape a, .rodape p {font-size: 12px; white-space: nowrap;}
.rodape a:hover {color: var(--aHover);}
.rodape hr {border-bottom: 2px groove var(--riscoHr);}
/*******************rodape*******************/


/**************Plecehoder sobe o texto*******************/
input[type=text], select, textarea, input[type=password], input[type=email] {
	outline: none;
	width:100%; 
	padding:8px 10px; 
	/*border:1px solid #0F58FB;*/
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-weight:normal;
	border: 1px solid #aaa;
	/*transition: border-color 0.5s ease-in-out;*/
	margin:20px auto 0 auto;
}

input[type=text]:focus, select:focus, textarea:focus, input[type=password]:focus, input[type=email]:focus {border:1px solid var(--txBxsHome);}

.textoLabel {width:100%;}

label {
  margin:0px;
  position:relative;
  display:inline-block;
}

label span {font-weight:normal;}

span.texto {
  padding-left:10px;
	padding-right:5px;
	margin-top:30px;
	margin-left:15px;
  pointer-events: none;
  position:absolute;
  left:0;
  top:0;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity:0.8;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	background:#fff;
}

input[type=text]:focus + span, input:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

/* For IE Browsers*/
input[type=text]:focus + span, input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

input[type=email]:focus + span, input:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

/* For IE Browsers*/
input[type=email]:focus + span, input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

select + span, select:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

/* For IE Browsers*/
select + span, select:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}


textarea:focus + span, textarea:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

/* For IE Browsers*/
textarea:focus + span, textarea:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

input[type=password]:focus + span, input:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

/* For IE Browsers*/
input[type=password]:focus + span, input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(1) translateY(-110%) translateX(0px);
	font-size:12px;
}

input.js-switch:not(:placeholder-shown) + span {transform: scale(1) translateY(-0%) translateX(0px)!important;}
input[type=checkbox].js-switch {margin-top: 0px; display:block!important;}

.select-custom {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%), linear-gradient(to right, transparent, transparent)!important;	
	background-position: calc(100% - 22px) calc(1em - 0px), calc(100% - 14px) calc(1em - 0px), 100% 0!important;
	background-size: 8px 8px, 8px 8px, 32px 40px!important;
	background-repeat: no-repeat!important;
	background-color: #fff;
}
.arredoda20 {border-radius: 20px!important;	-moz-border-radius: 20px!important;	-webkit-border-radius: 20px!important;}
/**************Plecehoder sobe o texto*******************/


/*****Radio Button*******************/
/* The container */
.containerR {
    position: absolute;
    top:22px;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.containerR input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.containerRP {padding-left: 30px;}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 50%;
	/*border:1px solid #999;*/
}

/* On mouse-over, add a grey background color */
.containerR:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.containerR input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerR input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerR .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	/*background: #777;*/
}

.pag-educacao .checkmark {border:1px solid var(--corGier);}
.pag-educacao .containerR .checkmark:after {background: var(--corGier);}
.pag-obra .checkmark {border:1px solid var(--corObra);}
.pag-obra .containerR .checkmark:after {background: var(--corObra);}
/*****Radio Button*******************/



/*******************Rede Sociais************************/
.redesSc {
  background: #fff;
  padding: 8px 8px 8px 8px;
  width: 160px;
  position: fixed;
  right: -123px;
  z-index: 1000;
  /*font: normal normal 10px Arial;*/
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor:pointer;
	-webkit-box-shadow: -3px 3px 7px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -3px 3px 7px -3px rgba(0,0,0,0.4);
	box-shadow: -3px 3px 7px -3px rgba(0,0,0,0.4);
	/*border:1px solid #aa2913;*/
}
.redesSc img {height:25px;}
.redesSc:hover {right: 0;}
.redesSc a {
  color: #707070 !important;
  text-decoration: none;
  text-align: center;
  vertical-align: top!important;
	margin-left:10px;
  font-size:14px;
}

.float-wp {
  top: 280px;
}
.float-lk {
  top: 325px;
}
.float-fb {
  top: 370px;
}
.float-it {
  top: 415px;
}
.float-yt {
  top: 460px;
}
.float-bl {
  top: 505px;
}
.float-ch {
  background:#707070;
  top: 550px;
}
.float-ch a{
  color:#fff!important;
}
/*******************Rede Sociais************************/


/*******************Carrossel************************/
.carousel.slide {margin-top:190px;}
/*.carousel.slide {width: 70%;}
.carousel-item {background-color: #169d68;}*/

.owl-next {position: absolute; right: 0px; top: 40%;}
.owl-prev {position: absolute; left: 0px; top: 40%;}
.owl-next span:visited, .owl-next span:active {border: none;}
.owl-next span, .owl-prev span  {font-size: 50px;}
/*******************Carrossel************************/


/*******************Responsivo************************/
@media only screen and (min-width: 769px) and (max-width: 991px) {
	.navbar-nav {flex-direction: row!important;}
}

@media only screen and (max-width: 1100px) {
	.montamenu li a {white-space: normal; text-align: left;}
}

@media only screen and (max-width: 768px) {
	.mobile {display:block;}
  .desktop {display:none!important;}
	body, p, a, input, li, input {font-size: 14px;}
	.bread-crumb div {font-size: 8px;}
	.barrTop {padding: 20px 10px;}
	#m-button {width: 90%;}

	/*para 5 botões com 2 botões de 2 linhas*/
	.botSlider8M {display: block; height: 40px; position: relative; transition-property: height; transition-duration:.5s; transition-timing-function: ease-out; overflow: hidden; /*border:2px solid #ff00ff;*/}
	.botSlider8M div {position: absolute; width: 100%; top: 30px; transition-property: all; transition-duration:.5s; transition-timing-function: ease-out;}
	.botSlider8M:hover {height: 225px; /*position: absolute; width: calc(100% - 30px);*/}
	.botSlider8M:hover div:nth-child(2) {top: 35px; height: unset;}
	.botSlider8M:hover div:nth-child(3) {top: 70px; height: unset;}
	.botSlider8M:hover div:nth-child(4) {top: 105px; height: unset;}
	.botSlider8M:hover div:nth-child(5) {top: 140px; height: unset;}
	.botSlider8M:hover div:nth-child(6) {top: 155px; height: unset;}

	.popmodal {
    position:  fixed;
		width: 90%;
  	height: 380px;
   	top: calc(50vh - 190px);
		left: calc(50vw - 45%);
   	z-index: 2000;	
	}
	.popmodal div:nth-child(2) {width:100%; font-size: 18px; display:flex; align-items: center; justify-content: center;}
	.bg-cinza {position: fixed;}

	/*menu top*/
	.margemTMob75 {margin-top: 75px;}
	.margemTMob10 {margin-top: 10px;}
	.margemTMob20 {margin-top: 20px!important;}
	.margemTMob30 {margin-top: 30px!important;}
	.margemTMob40 {margin-top: 40px!important;}
	.margemTMob110 {margin-top: 110px;}
	.margemBMob20 {margin-bottom: 20px!important;}
	.pd-LM15 {padding-left: 15px!important;}
	.pd-RM15 {padding-right: 15px!important;}

	.logosmob {display: flex; margin-left: 15px;}
	.logosmob div {display: flex; width: 75%;}
	.logosmob div {width: 50%;}
	.logosmob div:first-child img {width: 95%;}
	.logosmob div:nth-child(2) img {width: 60%; margin: 0 auto; display: block;}
	.main_menu {position: fixed; background-color: var(--corBranca); -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);}
	.main_menu .container-fluid.zeraPadl.zeraPadr>div  {padding-right: 0px;}
	.main_menu .navbar {padding: 18px 0px;}
	.toggler-icon {background-image: url(../../assets/img/bars-solidb.svg); background-size: cover; background-repeat: no-repeat; position: absolute; z-index: 50; right: -15px; width: 20px; height: 20px;}
	#menuTop {position: fixed; z-index: 1000; top: 0px; background: rgba(255,255,255,0.9); left: 0px; width:240px; height: 100vh; padding-top: 0px; padding-left: 0px; padding-right: 0px; display: none; overflow-y: auto; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);}
	.navbar.navbar-expand-lg.navbar-light {background: var(--corBranca); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	.navbar-nav a {color: #333!important; white-space: nowrap;}
	.dropdown-menu-topo {background: none;}
	#m-dropdown a {font-size: 20px; font-weight: bold;}
	#m-dropdown {margin-top: 20px; display: none;}
	#m-dropdown div div {padding: 5px 10px;}
	.rodape {position: relative;}
	.bordaimg {border-bottom: none;}
	.sec-2>div>div {margin-bottom: 20px;}
	
	
	.dropdown-menu-topo {position: relative; z-index: 2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0px; padding: 0 0 0 10px;}
	.sobe {display: none;}
	.dropdown-menu-topo a:first-child {margin-top: 0px;}
	.dropdown-menu-topo a {height: 30px; font-family: open_sansregular!important; font-size: 14px;}
	.dropdown-menu-topo a span {display: none;}
	.main_menu .main-menu-item .nav-item a {padding: 5px 0px !important;}
	.align-items-center {align-items: normal!important;}
	.menuMob .align-items-center {align-items: center!important;}
	.show_hide {display:none;}
	hr {border-bottom: 2px groove rgba(255, 255, 255, 0.5);}
	#menuBot {cursor: pointer;}
	#menuBot2 {width: 15px;}
	.logoprefm {margin-left: 10px; width: 82px;}
	.avatar {width: 100%; padding: 35px 0; background-color: var(--bPruc);}
	.avatar a img {width: 80px; border:1px solid #aaa; height: 80px; border-radius: 50%; -moz-border-radius: 50%;	-webkit-border-radius: 50%; margin: 0 auto; display: block;}
	.avatar>p {color: var(--corBranca); font-size: 18px; text-align: center; margin-top: 10px;}
	.avatar>p>i {font-size: 12px;}
	.fechamenu {position: absolute; top:15px; left: 15px; z-index: 100;}
	.montamenu {margin-top: 20px;}
	/*menu top*/

	/*carossel*/
	.carousel.slide {margin-top: 60px;}
	.carousel-img {overflow-x: hidden;}
	.carousel-img img {height: 80vw; width: auto!important; margin-left: -50%!important;}
	/*carossel*/

	/*rodape*/
	.rodape .container {padding: 15px;}
	.rodape p {white-space: normal;}
	/*rodape*/

	/*pag inicial*/
	/*efeito de polimorfismo*/
	/*.pag-inicial .box-icons>div>div>a {display: block; text-align: center; padding: 12px 10px; border-radius: 10px; background: linear-gradient(145deg, #dddddd, #ffffff); box-shadow:  3px 3px 5px #cccccc, -3px -3px 5px #ffffff;}*/
	.pag-inicial .box-icons>div>div>a {display: block; text-align: center; padding: 12px 10px; border-radius: 10px;}
	.pag-inicial .box-icons div div a div:first-child {width: 100%; height: 52px; display: block; margin-bottom: 10px; align-items: center;}
	.pag-inicial .box-icons div div a div:first-child img {max-width: 100%;}
	.pag-inicial .box-icons div div a div:nth-child(2) {margin-left: 0px; width: auto; display: block; align-items: center; line-height: 12px;}
	.pag-inicial .box-icons div div a div:nth-child(2) p span {display: none;}
	.pag-inicial .box-icons div div a {height: 110px; overflow-y: hidden;}
	.pag-inicial .box-icons a, .pag-inicial .box-icons p {font-size: 12px; line-height: 12px;}
	.pag-inicial .boxNot {padding-left: 0px; margin-bottom: 0px;}
	.pag-inicial .boxNot div div:first-child img {max-height: 100%;}
	.boxNot div div:nth-child(2) {padding-left: 30px; padding-bottom: 50px!important;}
	.pi-box1, .pi-box2, .pi-box4 {margin-bottom: 0px;}
	.box-round.bx-margins50.margemBZero {margin-bottom: 0px;}
	.pi-box2, .pi-box3 {margin-top: 0px;}
	.pi-box3 p {text-align: center; margin: 10px 0;}
	.logopref2m {width: 170px; margin: 10px auto;}
	.pag-inicial .bx-margins50 {margin: 20px 0;}
	.pag-inicial {margin-top: 0px;}
	.pi-box1 h3 {font-size: 18px;}
	.pag-inicial .box-round {padding: 20px 30px;}
	.pag-inicial h2 {font-size: 16px; text-align: center;}
	.pag-inicial .box-icons a {-webkit-box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 20%);}
	.pag-inicial {margin-bottom: 50px;}
	/*pag inicial*/


	/*pag cadastro*/
	.pag-cadastro.container.sessao1 {padding-left: 0px; padding-right: 0px;}
	.pag-cadastro.container.sessao1.margemB40 {margin-top: 61px;}
	.pag-cadastro .barTitle {width: 100%; background-color: var(--bPruc); border-radius: 0; -moz-border-radius: 0;	-webkit-border-radius: 0; padding: 15px 15px; position: relative;}
	.pag-cadastro .barTitle {display: flex;}
	.pag-cadastro .barTitle div {display: flex; align-items: center;}
	.pag-cadastro .barTitle div {width: 50%;}
	.pag-cadastro .barTitle div:nth-child(2) img { margin-left: auto;}
	.toggler-icon {background-image: url(../../assets/img/bars-solid.svg);}
	.pag-cadastro h2 {font-size: 14px;}
	.pag-cadastro.container.sessao1.margemB40 {margin-bottom: 20px;}
	/*pag cadastro*/


	


	/*modal*/
	.modal {text-align: center; padding: 0!important; margin-top: 28px;}
	.modal:before {display: none;}
	.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
	.modal-body {padding: 20px!important;}
	#inboxrecaptcha {width: 250px;}
	.botsmodal {text-align: center; padding: 20px 0;}
	.botsmodal a {margin-right: 10px;}
	.botNormal, .botCinza {display: inline; margin-top: 40px!important; font-size: 12px;}
	/*pag inicial*/
}
/*******************Responsivo************************/


/*******************Effects************************/
/*mouse over*/
.bntColor {
  background-position: 0 100%;
  background-size: 100% 200%;
  transition: all .15s ease-in;
}
.bntColor:hover {
	background-image: linear-gradient(to top,transparent,transparent 50%,var(--txBxsHome) 50%,var(--txBxsHome));
  background-position: 0 0;
  color:#fff;
}
.bntColor:hover p {
  color:#fff;
}
/*.bntColor:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(353deg) brightness(104%) contrast(101%);
}*/

.bntColor2 {
  background-position: 0 100%;
  background-size: 100% 200%;
  transition: all .15s ease-in;
}
.bntColor2:hover {
	background-image: linear-gradient(to top,transparent,transparent 50%,var(--txBxsHome) 50%,var(--txBxsHome));
  background-position: 0 0;
  color:#fff;
}
.bntColor2:hover p {
  color:#fff;
}
/*mouse over*/


/*image over zoom*/
.imgOver {
	overflow: hidden;
	padding: 0px!important;
}

.imgOver img {
	width: 100%;
	transition: 0.5s all ease-in-out;
}

.imgOver:hover img {
	transform: scale(1.2);
}
/*image over zoom*/

/*barra de scroll*/
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #ccc; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #bbb!important; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #777;}

.boxScroll::-webkit-scrollbar {width: 5px;}
.boxScroll::-webkit-scrollbar-track {box-shadow: none;}
.boxScroll::-webkit-scrollbar-thumb {background: #777!important; border-radius: 10px;}
.boxScroll::-webkit-scrollbar-thumb:hover {background: var(--botHover)!important;}

.menuScroll::-webkit-scrollbar {width: 5px;}
.menuScroll::-webkit-scrollbar-track {box-shadow: none;}
.menuScroll::-webkit-scrollbar-thumb {background: #aaa!important; border-radius: 10px;}
.menuScroll::-webkit-scrollbar-thumb:hover {background: var(--botHover)!important;}
/*barra de scroll*/
/*******************Effects************************/