:root{ /**************  DECLARAÇÃO DE VARIAVEIS (CUSTOM PROPERTIES) GLOBAIS CSS  *******************/
	/* CORES PRIMARIAS */
	--corpri1: #3AB3EC;
	--corpri2: #989898;
	--corpri3: #848484;
	--corpri4: #676767;
	--corpri5: #7E7E7E;
	--corpri6: #585858;
	--corpri7: #91A494;

	--themecolor: var(--corpri1);

	--verde: var(--corpri2);

	--cinzaclaro: #e8e8e8;
	--cinza9d: #9d9d9d;
	--cinza2: #d0d0d0;
	--cinza3: #d3d3d3;
	--cinza4: #DDDDDD;
	--cinza5: #ACACAC;
	--corpricinza: #e8e8e8;
	--cinza: var(--corpri4);


	--cinzaescuro: #363636;
	--cinzaescuro2: #292929;

	--skewdefault: 0deg;

	/* FUNDOS */
	--corfundoavisos: var(--corpri1);
	--corfundo1: #000;
	--corfundo2: var(--cinzaescuro);
	--columncountmenu: 3;
	--shadowbox: 0px 0px 4px -2px var(--corpri3);
	--widthlinksmenu: 260px;

	--screenHeight:100vh;
	--heightbarraavisos: 30px;
}

.btndefault,
.input__label-content, .flex-prev, .flex-next,
.busubmit, .animate, .animate::after, .animate::before, .animate05{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.dialogcartmain .ui-dialog-buttonset .ui-button,
.btneffect, .btneffect::after, .btneffect .infobtn, .btneffect .infobtn span,  .btneffect .infobtn2, .btneffect .infobtn2 span,
.input__label-content, .flex-prev, .flex-next, .busubmit,
.animate, .animate::before, .animate::after,
.animatechilds, .animatechilds > *{ -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

.bandeira{ color: #D5D5D5; text-decoration:none; font-weight: 700; font-size: 13px; opacity: 1; letter-spacing: 2.6px; }
.bandeira2{ color: #fff; text-decoration:none; font-weight: 700; letter-spacing: 2.6px; font-size: 13px; opacity: 1; }

.corpri1{color:var(--corpri1);}
.corpri2{color:var(--corpri2);}
.corpri3{color:var(--corpri3);}
.corpri4{color:var(--corpri4);}
.corpri5{color:var(--corpri5);}
.branco{color: #ffffff; }
.cinzaescuro{color:var(--cinzaescuro);}

.riscado{ text-decoration: line-through; }
.underline{ text-decoration: underline; }
.thin{ font-weight: 100; }
.extralight, .lighter{ font-weight: 200; }
.light{ font-weight: 300; }
.regular{ font-weight: 400; }
.medio{ font-weight:500; }
.bold{ font-weight:700; }
.black{ font-weight:900; }
.semibold, .sbold{ font-weight:600; }
.italic, .italico{ font-style: italic; }
.noitalic{ font-style:normal; }

.centro{text-align: center;}

input[name="confirmorobot"]{ position: absolute; transform: scale(0); }


.logo{z-index: 10001; cursor: pointer; margin-left: 0; pointer-events: all;}

a{outline:none; }

.adefault{ text-decoration:none; color:inherit; }

.pointer{ cursor: pointer; }

.wrapmarcas{ position: relative; float: left; z-index: 1; }

.logocopy{-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: url(../imgs/logocopy.png) no-repeat center center/contain;
opacity: 1;}

.logocopy:hover {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: url(../imgs/logocopylr.png) no-repeat center center/contain;
  opacity: 1;
}

.logocopy{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: url(../imgs/logocopyciz.png) no-repeat center center/contain; opacity: 1; }
.logocopy.screen{background: #fff url(../imgs/logocopy.png) no-repeat center center/contain; background-blend-mode: screen;}
.logocopy:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: url(../imgs/logocopylr.png) no-repeat center center/contain; opacity: 1; }


.fundobranco{ background: #fff; z-index: 10; }

button{ appearance: none; background: none; border:0; border-radius: 0; }

.popuperros{ display: none; }

.wraplang:last-child{margin-right: 0;}

*{ outline:none; box-sizing: border-box;}
h1, h2{padding:0; margin:0; font-weight:normal; font-style: normal; }
p{ padding:0; margin:0; }
a{text-decoration: none; }

.grecaptcha-badge { visibility: hidden; pointer-events: none; }

*::-webkit-scrollbar { width: 6px; }

/* Track */
*::-webkit-scrollbar-track { background: transparent; box-shadow: inset 0 0 5px #ffffff80; border-left: 2px solid transparent; border-right: 2px solid transparent; }

/* Handle */
*::-webkit-scrollbar-thumb { background: #ffffff; }

.screenHeight, .heightScreen{ height: var(--screenHeight); }

.wraplogo{ display: flex; align-items: center; z-index: 1000;}

.cssiconmenu{transition: all .5s;}
.cssiconmenu > *{transition: all .5s;}

.cssiconmenu span:nth-child(3n+1){position: relative; float: right; width: 32px; height: 1px; background: #fff; clear: both; margin-bottom: 8px; transform-origin: 50% 50%;}
.cssiconmenu span:nth-child(3n+2){position: relative; float: right; width: 37px; height: 1px; background: #fff; clear: both; margin-bottom: 8px; transform-origin: 50% 50%;}
.cssiconmenu span:nth-child(3n+3){position: relative; float: right; width: 32px; height: 1px; background: #fff; clear: both; transform-origin: 50% 50%;}

.collapsed .cssiconmenu span:nth-child(3n+1){position: relative; float: right; width: 32px; height: 1px; background: #fff; clear: both; margin-bottom: 8px; transform-origin: 50% 50%;}
.collapsed .cssiconmenu span:nth-child(3n+2){position: relative; float: right; width: 37px; height: 1px; background: #fff; clear: both; margin-bottom: 8px; transform-origin: 50% 50%;}
.collapsed .cssiconmenu span:nth-child(3n+3){position: relative; float: right; width: 32px; height: 1px; background: #fff; clear: both; transform-origin: 50% 50%;}

.cssiconmenu.open span{background: #fff;}

.cssiconmenu:hover span:nth-child(3n+1){width: 37px;}
.cssiconmenu:hover span:nth-child(3n+3){width: 37px;}

.cssiconmenu.open span:nth-child(3n+1){animation: animatemenutopin .8s forwards; }
.cssiconmenu.open span:nth-child(3n+2){animation: animatemenumiddlein .8s forwards; }
.cssiconmenu.open span:nth-child(3n+3){animation: animatemenubottomin .8s forwards; }
.cssiconmenu.close span:nth-child(3n+1){animation: animatemenutopout .8s forwards; }
.cssiconmenu.close span:nth-child(3n+2){animation: animatemenumiddleout .8s forwards; }
.cssiconmenu.close span:nth-child(3n+3){animation: animatemenubottomout .8s forwards; }

@keyframes animatemenutopin {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(9px);
	}
	100% {
		transform: translateY(9px) rotateZ(45deg);
	}
}

@keyframes animatemenumiddlein {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	51% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes animatemenubottomin {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-9px);
	}
	100% {
		transform: translateY(-9px) rotateZ(135deg);
	}
}

@keyframes animatemenutopout {
	0% {
		transform: translateY(9px) rotateZ(45deg);
	}
	50% {
		transform: translateY(9px) rotateZ(0deg);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes animatemenumiddleout {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	51% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

@keyframes animatemenubottomout {
	0% {
		transform: translateY(-9px) rotateZ(135deg);
	}
	50% {
		transform: translateY(-9px) rotateZ(0deg);
	}
	100% {
		transform: translateY(0px);
	}
}

.destaqueindex{height: 100vh;}
@media only screen and (min-width:769px){
  .menuitem{position: relative; float: left; padding: 0 18px;}
  .menuitem .divdefault::before{content: ""; background: #7EC4C4; width: 0%; height: 2px; position: absolute; bottom: -30px; left: 0; transition: width .5s; z-index: 1}
  .menuitem.open .divdefault::before{width: 100%;}


.setamenumobile{position: absolute; right: 0; width: 21px; height: 21px;}
  .setamenumobile.open{transform: rotateZ(180deg);}
  .artigosdropdown{margin-top: 20px;}
}