@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "poppins", sans-serif;
}
@font-face {
  font-family: "robotobold";
  src: url("../fonts/roboto-black-webfont.woff2") format("woff2"),
    url("../fonts/roboto-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotolight";
  src: url("../fonts/roboto-thin-webfont.woff2") format("woff2"),
    url("../fonts/roboto-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoregular";
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"),
    url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(245, 12, 44, 0.5);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(245, 12, 44, 0);
  }
}

/* ANIMAÇÃO NO BODY */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation: fadeIn 3s ease-in-out;
  -moz-animation: fadeIn 3s ease-in-out;
  -o-animation: fadeIn 3s ease-in-out;
  animation: fadeIn 3s ease-in-out;
}
/* FIM DA ANIMAÇÃO */

.menuMobile00 {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #aa2d25;
}
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: "montserrat" !important;
  width: 100%;
  height: 100%;
  color: #fff !important;
  font-size: 100%;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
html,
body {
  height: 100%;
}
p {
  margin: 0px;
}
.pc {
  display: block;
}
.mobile {
  display: none;
}
.voltarTopo {
  bottom: 20px !important;
  display: block;
  position: fixed;
  right: 30px;
  background: url(../imagens/voltar_ao_topo.png) no-repeat top center;
  width: 95px;
  height: 60px;
  border: none;
  cursor: pointer;
  z-index: 99;
}
img,
picture,
video,
embed {
  max-width: 100%;
  border: 0 !important;
}
img.acende:hover {
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: Alpha(Opacity=85);
}
img.acende {
  opacity: 1;
  -moz-opacity: 1;
  filter: Alpha(Opacity=100);
}
img.zoom {
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
}
img.zoom:hover {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0.3;
}
img.zoom2 {
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
  overflow: hidden;
}
img.zoom2:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
img.zoom3 {
  -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 1;
  overflow: hidden;
}
img.zoom3:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.3;
}
:focus {
  outline: 0 !important;
}
input,
select,
textarea {
  outline: 0 none;
}
input:focus {
  outline: none;
}
img:focus {
  outline: none;
}
button {
  border: none !important;
}
.textoInterno {
  padding: 10px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  min-height: 300px;
  line-height: 22px;
  color: #4d4d4d;
}
.barraadmin {
  background: #333;
  padding: 3px;
  display: none;
}
.barraadmin a {
  color: #fff;
  font-size: 12px;
  margin-left: 20px;
}
.saibaMais {
  background: #007a44;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 8px 20px;
  float: right;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  margin: 10px;
}
.saibaMais:hover {
  background: #666666;
}
.saibaMais a {
  color: #fff !important;
  text-decoration: none;
}
.buttonSaibaMais {
  width: 100%;
}
.siteCenter {
  width: 700px;
  margin: 0 auto;
  position: relative;
}
a {
  text-decoration: none;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
a:hover {
  text-decoration: none !important;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Barra de Rolagem da Página Personalizada */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none;
}

::-webkit-scrollbar-track-piece {
  background-color: #3b3b3b;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: var(--main-color);
}
.coluna100 {
  width: 100%;
  clear: both;
  position: relative;
}
.coluna50 {
  width: 50%;
  float: left;
  position: relative;
}
.coluna33 {
  width: 33%;
  float: left;
  position: relative;
}
.coluna30 {
  width: 30%;
  float: left;
  position: relative;
}
.coluna70 {
  width: 70%;
  float: left;
  position: relative;
}
/*.coluna33:nth-child(odd) {
	width: 34%;
	float: left;
}*/
.coluna75 {
  width: 75%;
  float: left;
  position: relative;
}
.coluna25 {
  width: 25%;
  float: left;
  position: relative;
}
.coluna20 {
  width: 20%;
  float: left;
  position: relative;
}
.coluna80 {
  width: 80%;
  float: left;
  position: relative;
}
.coluna60 {
  width: 60%;
  float: left;
  position: relative;
}
.coluna40 {
  width: 40%;
  float: left;
  position: relative;
}
/* --------------------------------------------------- */
.obs {
  font-size: 12px;
  color: #ff0000;
}
/* LOGIN HTML5 */

.login {
  width: 400px;
  height: 300px;
  background: #fff;
  color: #9e9e9e;
  border-radius: 5px;
  margin: 30px auto;
}
.loginTitulo {
  height: 63px;
  width: 375px;
  background: #191a4a;
  line-height: 62px;
  color: #fff;
  font-weight: bold;
  padding-left: 25px;
  border-radius: 5px 5px 0px 0px;
  position: relative;
}
.loginCorpo {
  width: 375px;
  padding-left: 25px;
  position: relative;
  border: 1px solid #ccc;
}
.logoLogin {
  width: 100%;
  text-align: center;
  margin: 0px 0px 0px 0px;
}
.campo {
  position: relative;
}
.campo input {
  margin: 20px 10px 0px 10px;
  width: 290px;
  line-height: 50px;
  background: none;
  border: 1px solid #ccc;
  padding: 0px 15px;
}
.campo textarea {
  margin: 20px 10px 0px 10px;
  width: 290px;
  line-height: 50px;
  background: none;
  border: 1px solid #ccc;
  padding: 0px 15px;
  font-family: Arial, Helvetica, sans-serif;
}
.campoNew {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.campoNewT {
  display: block;
  width: 100%;
  height: 300px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.newButton {
  background: #7cb63e;
  border: none;
  padding: 12px 25px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.newButton:hover {
  background: #333333;
  color: #fff;
}
.login #botao {
  width: 100px;
  height: 40px;
  margin: 20px 10px;
  cursor: pointer;
  border: none;
  color: #fff;
  background: #191a4a;
  border-radius: 5px;
}
.login #botao:hover {
  background: #333333;
}
.loginX {
  position: absolute;
  top: 13px;
  right: 13px;
  cursor: pointer;
}
.loginIco {
  position: absolute;
  bottom: 18px;
  right: 50px;
}
.linkSenha {
  cursor: pointer;
  position: absolute;
  bottom: 23px;
  right: 43px;
}
.linkSenha a {
  color: #666;
  text-decoration: none;
}
.logoLogin img {
  margin-top: 40px;
  border-radius: 10px;
}
/* --------------------------------------------------- */
.clear {
  clear: both;
}
/* ----------------------------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* .clearfix {
	*zoom: 1;
} */
.container {
  width: 100%;
}
.header {
  position: relative;
  height: 768px;
  background: #ededed;
}
.header .siteCenter {
  position: relative;
  background: url(../imagens/bg_topo.png) top center no-repeat;
}
.principal {
  flex: 1;
  font-size: 1.4em;
  /* margn-top: 7px; */
}
.selo {
  width: 250px;
  margin: 0 auto;
}
.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 85px;
  right: 24px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 40;
  cursor: pointer;
  display: none;
}
.whatsapp a {
  line-height: 52px;
}
.whatsappcontent {
  position: relative;
  margin-top: 2px;
}
.notificacao {
  font-family: Arial;
  line-height: 1.5;
  font-size: 12px;
  font-weight: bold;
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: red;
  cursor: pointer;
  box-shadow: 0 0 0 #e91e63;
  animation: shadow-pulse 2s infinite;
  -webkit-animation-name: shadow-pulse;
  animation-name: shadow-pulse;
  z-index: 9999;
  position: absolute;
  color: #fff;
  top: -5px;
  right: 2px;
}
.titulointerno {
  color: #0d0d17;
  font-size: 34px;
  margin: 15px 0px;
}
.linetitulo {
  content: "";
  background-color: #e97615;
  width: 80px;
  height: 3px;
  display: block;
  margin-top: 10px;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
/* TABS */
#tabs {
  font-size: 14px;
  text-align: justify;
  color: #6e6e6e;
}
#tabs ul {
  margin: 0px;
  padding: 0px;
}
#tabs ul li {
  float: left;
  list-style: none;
  background: #1b1b1b;
  padding: 5px 15px;
  cursor: pointer;
  margin: 10px 5px;
}
#tabs ul li:hover {
  background: #1b8dd3;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-disabled,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading {
  background: #1b8dd3 !important;
}
#tabs ul li a {
  color: #fff;
  font-family: "dancing_script";
  font-size: 40px;
}
/* #aba-1 {

}
#aba-2 {

}
#aba-3 {

}
#aba-4 {

} */
/* FORMULÁRIO DE CONTATO */
/* .imgForm {
	
} */
.colunaForm {
  padding: 0px 0px 0px 0px;
  font-size: 13px;
}
.colunaContatos {
  background: url(../imagens/bg-contatos.png) top center no-repeat;
  padding: 105px 85px;
  font-size: 14px;
  min-height: 530px;
}
.colunaContatosTitulo {
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.line2 {
  float: left;
  width: 50%;
  padding: 5px;
  line-height: 46px;
  font-style: italic;
}
.line3 {
  text-align: center;
  width: 100%;
  margin: 10px auto;
  border: 3px solid #333;
}
#simulacaoButton {
  background: #ff0000;
  border: none;
  cursor: pointer;
  height: 60px;
  width: 100%;
  color: #fff;
  font-size: 26px;
}
#simulacaoButton:hover {
  background: #333;
}
.formulario {
  text-align: left;
}
.formImg {
  margin-top: 10px;
}
.formImg,
.formImg img {
  width: 100%;
}
.formitem2 input {
  background: url(../imagens/ico-form-1.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px;
}
.formitem3 input {
  background: url(../imagens/ico-form-2.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px;
}
.formitem4 {
  padding-left: 0px;
  width: 100%;
}
.formitem6 {
  float: left;
  width: 50%;
  padding: 0px 5px 0px 0px;
}
.formitem7 {
  float: right;
  width: 49%;
}
.formitem10 {
  float: left;
  width: 50%;
}
.formitem8 {
  width: 100%;
  height: 35px;
  float: left;
  padding-left: 5px;
}
.formitem8 input {
  background: none;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 5px;
  color: #333;
  width: 100%;
}
.formitem18 {
  width: 100%;
  height: 35px;
  float: left;
  padding-left: 5px;
}
.formitem18 #filename {
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
}
.formitem18 #fakeBrowse {
  background: #235d97;
  margin: 2px;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 5px 10px;
  color: #fff;
}
.formitem6 select {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 10px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px 5px 0px;
}
.formitem7 input {
  background: url(../imagens/ico-form-3.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px 5px 0px;
}
.formitem10 input {
  background: url(../imagens/ico-form-4.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px 5px 0px;
}
.formitem11 input {
  background: url(../imagens/ico-form-4.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 100%;
  margin: 5px 0px;
}
.formitem4 textarea {
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 10px 5px 10px;
  height: 180px;
  width: 100%;
  margin: 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.formitem5 {
  text-align: center;
  width: 250px;
  margin: 0 auto;
  border: 3px solid #333;
}
.formitem5 #formButton {
  background: #97342e;
  border: none;
  cursor: pointer;
  height: 60px;
  width: 100%;
  color: #fff;
}
.formitem5 #formButton:hover {
  background: #333;
}
.formitem9 input {
  background: url(../imagens/ico-form-4.jpg) no-repeat top right;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 5px 46px 5px 10px;
  height: 46px;
  width: 98%;
  margin: 5px 0px;
}
#buttonn {
  width: 50%;
  margin: 0 auto;
  padding: 15px 25px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: #235d97;
  margin: 5px 0px;
  text-transform: uppercase;
  font-size: 18px;
  border: none;
}
/* #buttonn:hover {

} */
.foto {
  float: left;
  border: 1px solid #eee;
  padding: 5px;
  background: #fff;
  width: 169px;
  height: 169px;
  overflow: hidden;
}
.foto img {
  width: 100%;
  min-height: 100%;
}
/* ------------------------------------------------ */

/* NOTÍCIAS */
.ops {
  font-size: 23px;
  color: #cccccc;
  text-align: center;
  line-height: 80px;
}
.ops strong {
  font-weight: normal;
  text-align: center;
  font-size: 120px;
}
.blogItem {
  min-height: 209px;
  width: 100%;
  margin: 20px 0px;
  overflow: hidden;
}
.blogData {
  background: #6a1252;
  font-size: 14px;
  color: #fff;
  padding: 0px 10px;
  width: 200px;
  line-height: 25px;
}
.blogDados {
  width: 100%;
}
.blogImg {
  float: left;
  width: 30%;
  overflow: hidden;
  max-height: 183px;
}
.blogTexto {
  float: left;
  border: 1px solid #bfbfbf;
  background: #fff;
  width: 69%;
}
.blogTexto img {
  max-width: 100%;
}
.blogTitulo {
  font-size: 24px;
  color: #4d4d4d;
  overflow: hidden;
  height: 30px;
  padding-left: 10px;
}
.blogTexto2 {
  color: #939393;
  text-align: left;
  line-height: 25px;
  font-size: 14px;
  padding-left: 10px;
  min-height: 117px;
}
/* .blogButtonContainer {
	
} */
.blogButtonn {
  float: right;
  background: #3b5998;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
  margin: 0px 3px;
}
.blogButton {
  float: right;
  background: #4d4d4d;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
}

.blogButtonn a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.blogButton a {
  font-size: 16px;
  color: #fff;
  text-decoration: none;
}
.blogButtonn:hover {
  background: #2b4274;
}
.blogButton:hover {
  background: #6a1252;
}
.titulo6 {
  font-size: 28px;
}
.textoInterno {
  text-align: justify;
}
.textoInterno a {
  color: #0000cc;
}
/* -------------------------------------------------------- */
/* CAROUSSEL */
.noticias {
  position: relative;
  width: 100%;
  min-height: 300px;
}
.buttonNoticias {
  background: #6a1252;
  color: #fff;
  text-align: center;
  line-height: 40px;
  padding: 0px 30px;
}
.buttonNoticias:hover {
  background: #333;
}
.noticias img {
  max-width: 100%;
}
.noticiaInterna .notItem {
  float: left;
  width: 48%;
  margin: 1%;
}
.noticiaInterna .notImg {
  height: auto;
  overflow: inherit;
}
.noticiaInterna .notTitulo {
  height: 40px;
}
.noticiaInterna .notItem img {
  width: 100%;
  max-height: 217px;
}
.notImg {
  border: 1px solid #ccc;
  border-bottom: none;
  height: 138px;
  overflow: hidden;
}
.notDados {
  width: 100%;
  border: 1px solid #ccc;
  border-top: none;
  padding: 0px 6px;
}
.notTitulo {
  color: #007a44;
  font-weight: bold;
  font-size: 15px;
  height: 60px;
  overflow: hidden;
  line-height: 20px;
}
.notCat {
  font-size: 10px;
  color: #999;
}
.notDesc {
  font-size: 10px;
  text-align: justify;
  color: #333;
  height: 80px;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 17px;
}
.notButton {
  width: 100%;
  color: #999;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #ccc;
  border-top: none;
}
.notButton a {
  color: #999;
}
.notButton:hover {
  background: #007a44;
}
.notButton:hover a {
  color: #fff;
}
.clearout {
  height: 20px;
  clear: both;
}
#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
  display: none;
}
.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}
.nbs-flexisel-ul {
  position: relative;
  width: 99999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
/* .noticias .nbs-flexisel-inner {
	margin-left: 70px !important;
} */
.nbs-flexisel-inner {
  overflow: hidden;
  float: left;
  width: 100%;
}
.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px 5px;
  cursor: pointer;
  position: relative;
}
.nbs-flexisel-item img {
  width: 100%;
  cursor: pointer;
  position: relative;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  width: 34px;
  height: 34px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.nbs-flexisel-nav-left {
  right: 35px;
  top: -40px !important;
  background: url(../imagens/arrow-left.png) no-repeat;
}
.nbs-flexisel-nav-right {
  right: 0px;
  top: -40px !important;
  background: url(../imagens/arrow-right.png) no-repeat;
}

/* --------------------------------------------- */
.barraTopo {
  background: #6a1252;
  min-height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
}
.barraTopoMobile {
  display: none;
  background: #6a1252;
  min-height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-align: center;
}
#slidePrincipal #test2 {
  width: 100%;
  min-height: 768px;
}
.preenchedor {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 768px;
  background: url(../imagens/preenchedor.png) top center repeat;
  z-index: 999;
  display: none;
}
.boxTopo {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  color: #fff;
  font-size: 20px;
  text-align: center;
}
.setaTopo {
  margin-top: 2em;
}
.mapa {
  cursor: pointer;
  padding: 0px 0px;
}
.mapa a {
  font-size: 1em;
  color: #0000cc;
}
.caixa {
  width: 42.553191489362%; /* 264px / 1128px */
  padding: 2.4em 4em 2.4em 4em;
  position: absolute;
  top: 48px;
  background: rgba(0, 0, 0, 0.6); /* Preto transparente */
}
.rotuloLogin {
  text-align: right;
}
.rotuloLogin a {
  background: #00cc33;
  padding: 10px 20px;
  color: #fff;
}
.rotuloLogin a:hover {
  color: #000;
}
.coluna {
  float: left;
}
.coluna:last-child {
  margin-right: 0;
}
.coluna_img {
  cursor: pointer;
  overflow: hidden;
  width: 100%;
}
.coluna_dados {
  height: 140px;
  overflow: hidden;
}
.coluna_nome {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 40px;
}
.coluna_desc {
  text-align: justify;
  line-height: 20px;
  height: 100px;
  overflow: hidden;
}
c {
  font-size: 0.8em;
  font-weight: bold;
  line-height: 10px;
}
.boxNoticia {
  float: left;
  width: 278px;
  margin: 0px 15px;
  height: 326px;
  overflow: hidden;
}
.imgboxNoticia {
  max-width: 278px;
  overflow: hidden;
}
.imgboxNoticia img {
  height: 183px;
}
.tituloboxNoticia {
  font-weight: bold;
  color: #4c4d4f;
  font-size: 18px;
  line-height: 27px;
}
.descboxNoticia {
  text-align: justify;
  font-size: 11px;
}
.outrasNoticias {
  background: url(../imagens/ico7.jpg) top right no-repeat;
  padding-right: 26px;
  text-align: right;
  margin: 10px 0px;
}
.outrasNoticias a {
  color: #4c4d4f;
  text-decoration: none;
  font-size: 14px;
}
.outrasNoticias a:hover {
  color: #ff3300;
}
/* NOTÍCIA INTERNA */
.notItem {
  float: left;
  margin: 5px 5px;
  width: 230px;
  border: 1px solid #a6b035;
  padding-bottom: 10px;
}
.notImg {
  cursor: pointer;
}
.notImg img {
  width: 100%;
}
.notDados {
  padding: 10px;
  height: 200px;
  overflow: hidden;
}
.notTitle {
  font-weight: bold;
  font-size: 14px;
}
.notCat {
  font-style: italic;
  font-size: 12px;
}
.notTexto,
.notTexto p,
.notTexto span {
  text-align: justify;
  line-height: 21px;
  font-size: 14px !important;
}
.notLink {
  padding: 0px 10px;
  margin-top: 3px;
}
.notLink a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  background: #dbdbdb;
  padding: 0px 8px;
}
.notLink a:hover {
  background: #1771d7;
  color: #fff;
}
.notInterna {
  border-top: 1px dashed #999;
  margin-top: 15px;
}
.notInternaData {
  font-size: 14px;
  color: #1771d7;
}
.notInternaTitulo {
  font-size: 26px;
  text-align: left;
  color: #000;
  font-weight: bold;
}
.notInternaTexto {
  text-align: justify;
}
.notInternaTexto img {
  height: auto;
}
.notInternaAutor {
  clear: both;
}
/* .notInternaCat {
	
} */
.notInternaBarra {
  height: 40px;
  background: #1771d7;
  width: 100%;
}
.notLine {
  margin: 8px 0px;
}
.notLine a {
  text-decoration: none;
  color: #000;
  font-size: 14px;
  background: #dbdbdb;
  padding: 0px 8px;
}
.notLine a:hover {
  background: #1771d7;
  color: #fff;
}
/* ------------------------------------------------------ */
/* CSS ESPECÍFICA */

.topo {
  width: 100%;
  background: #000000cc;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
}
.faixa_name {
  background: #ffffff1c;
  font-size: 30px;
  font-weight: bold;
  padding: 10px;
  height: 65px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #ffffff2e;
  border-bottom: 1px solid #ffffff2e;
  margin-bottom: 5px;
  line-height: 47px;
  rotate: -3deg;
  white-space: nowrap;
  margin-bottom: 0px;
  color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: -100px;
  backdrop-filter: blur(10px);
}
.corpo {
  background: #101010;
}
.logo {
  float: left;
}
.colCenter {
  min-height: 300px;
  padding: 25px 15px 10px 15px;
  text-align: justify;
}
.colRight {
  padding: 15px 0px;
}
.menu {
  float: right;
}
.menu ul {
  padding: 0px;
  margin: 0px;
}
.menu ul li {
  list-style: none;
  float: left;
  padding: 28px 10px;
  position: relative;
}
.linkconsult {
  background: url(../img/new.png) 50% 25% no-repeat;
}
/* .menu ul li:hover {
	
} */
.menu ul li:hover a {
  color: var(--white);
}
.menu ul li:hover ul {
  display: block;
}
.menu ul li a {
  color: #000;
  background: var(--white);
  padding: 7px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
}
.menu ul li a:hover {
  background: #000;
}
.menu ul #painelcliente {
  background: #6f00ad;
  border-radius: 10px;
  margin: 26px 10px;
  padding: 10px 20px;
}
.menu ul #painelcliente:hover {
  background: #600096;
}
.menu ul #painelcliente a {
  color: #fff;
}
#modallogin {
  display: none;
}
.menu .submenu {
  position: absolute;
  z-index: 999;
  background: url(../img/setamenu.png) top center no-repeat;
  top: 65px;
  left: -33px;
  padding-top: 10px;
  display: none;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.menu .submenu2 {
  position: absolute;
  z-index: 999;
  background: url(../img/setamenu.png) top center no-repeat;
  top: 65px;
  left: -13px;
  padding-top: 10px;
  display: none;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.menu .submenu li,
.menu .submenu2 li {
  padding: 10px;
  width: 180px;
  text-align: center;
  background: #6f00ad;
}
.menu .submenu li a,
.menu .submenu2 li a {
  color: #fff !important;
  font-size: 14px;
}
.menu .submenu li:hover,
.menu .submenu2 li:hover {
  background: #600096;
}
.menu .submenu #selecttop,
.menu .submenu2 #selecttop {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.menu .submenu #selectmini,
.menu .submenu2 #selectmini {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.box1 {
  background: url(../img/bg-slide.jpg) top center no-repeat;
  width: 100%;
  min-height: 580px;
  background-size: cover;
}
.text1 {
  font-size: 45px;
  color: #000;
  text-align: center;
  padding: 55px 0px 35px 0px;
}
.text1 #log {
  font-family: "robotobold";
  border-bottom: 8px solid #3dbb3d;
  display: inline;
}
.text5 {
  font-size: 45px;
  color: #000;
  text-align: center;
  padding: 55px 0px 10px 0px;
}
.text5 span {
  font-family: "robotobold";
  border-bottom: 8px solid #fff;
}
.text6 {
  color: #000;
  font-size: 17px;
}
.video {
  margin: 0 auto;
  width: 800px;
}
.text2 {
  font-size: 45px;
  color: #000;
  text-align: center;
  padding: 55px 0px 35px 0px;
  line-height: 50px;
}
.text2 span {
  font-family: "robotobold";
}
.box2 {
  padding-top: 50px;
}
.solucaoitem {
  text-align: center;
  padding: 30px;
}
/* .solucaoimg {
	
} */
.solucaotitulo {
  /*font-size: 28px;*/
  font-size: 22px;
}
.solucaotitulo a,
.solucaotitulo a:hover {
  color: #000;
}
.solucaotitulo span {
  color: #6f00ad;
  font-family: "robotobold";
}
.solucaotexto {
  color: #666;
}
.text3 {
  color: #3cbb3c;
  font-size: 26px;
  margin-top: 30px;
}
.text4 {
  font-size: 45px;
  line-height: 40px;
  color: #000;
  text-align: center;
  padding: 20px 0px 50px 0px;
}
.text4 span {
  font-family: "robotobold";
  border-bottom: 8px solid #3dbb3d;
}
.passoitem {
  padding: 15px;
  text-align: center;
  margin: 30px 0px;
}
.passoi00 {
  border: 1px solid #666;
  width: 100%;
  padding: 45px 10px 20px 10px;
}
.passonome {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.passonome span {
  background: #6f00ad;
  padding: 8px 20px;
  border-radius: 8px;
  color: #fff;
}
/* .passoico {
	
} */
.passonome2 {
  font-size: 25px;
  color: #000;
  font-family: "robotobold";
}
/* .passotexto {
	
} */
.passoseta {
  position: absolute;
  right: -60px;
  top: 50%;
}
.box3 {
  min-height: 500px;
}
.colunablack {
  width: 475px;
  top: 200px;
  left: -440px;
  position: absolute;
}
.blackbox {
  font-size: 36px;
  line-height: 40px;
}
.blackboxtexto {
  font-size: 16px;
  margin-top: 10px;
}
.colunanote {
  width: 57.6%;
  float: right;
  position: relative;
}
.box5 {
  background-image: -webkit-linear-gradient(-90deg, #18c170 0%, #37cf48 100%);
  width: 100%;
  padding-bottom: 80px;
}
.depoitem {
  color: #000;
  text-align: center;
  padding: 0px 20px;
}
.depoimg {
  background: #000;
  border-radius: 180px;
  padding: 0px 8px 2px 0px;
  width: 224px;
  margin: 20px auto;
}
.depoimg img {
  border-radius: 180px;
}
.deponome {
  font-family: "robotobold";
}
/* .depoig {
	
} */
.depotexto {
  font-size: 12px;
}
.box6 {
  text-align: center;
  color: #000;
  padding: 50px 0px;
}
.box6,
.box7 {
  display: none;
}
.t1 {
  font-size: 34px;
  line-height: 40px;
}
.t2 {
  color: #600096;
  font-size: 48px;
  line-height: 50px;
  margin: 20px 0px;
}
.t3 {
  color: #600096;
  font-size: 122px;
}
.t4 {
  font-size: 48px;
  line-height: 50px;
}
.t5 {
  font-size: 29px;
  line-height: 40px;
}
.news {
  padding: 20px;
}
/* .linecampo {
	
} */
.linecampo input {
  -webkit-box-shadow: inset 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: inset 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
  box-shadow: inset 1px 1px 5px 0 rgba(50, 50, 50, 0.75);
  /* -webkit-appearance: none;	 */
  background: #fff;
  padding: 10px 18px;
  margin-bottom: 8px;
  font-size: 1.2rem;
  line-height: 18px;
  font-weight: 400;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 45%;
}
/* .linebutton {
	
} */
.linebutton input {
  display: block;
  /* vertical-align: top; */
  text-align: center;
  font-size: 1.2rem;
  line-height: 20px;
  color: #fff;
  background-color: #6f00ad;
  padding: 20px 0;
  font-weight: 600;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 5px auto;
  width: 45%;
}
.linknews {
  font-size: 11px;
  color: #000;
  text-decoration: underline;
}
.duvidas .card {
  width: 48%;
  margin: 5px;
  border: 2px solid #999 !important;
  float: left;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.duvidas .card:hover {
  background: #a2e7a2 !important;
}
.duvidas #card1 {
  background: #3dbb3d !important;
}
.duvidas .btn-link {
  color: #000 !important;
  font-size: 18px;
}
.box7 {
  background-color: #6f00ad;
  min-height: 500px;
  text-align: center;
  color: #fff;
  padding: 50px 0px;
}
.box7 .linebutton input {
  display: block;
  /* vertical-align: top; */
  text-align: center;
  font-size: 1.2rem;
  line-height: 20px;
  color: #000;
  border: none;
  background-color: #3dbb3d;
  padding: 20px 0;
  font-weight: 600;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 5px auto;
  width: 45%;
}
.box7 .linknews {
  font-size: 11px;
  color: #fff;
  text-decoration: underline;
}
.t6 {
  font-size: 45px;
  font-family: "robotobold";
}
.t7 {
  font-size: 20px;
  font-size: 20px;
  position: relative;
  display: inline;
}
.setat7 {
  position: absolute;
  top: -75px;
  right: -110px;
}
.t7 span {
  color: #3dbb3d;
  font-family: "robotobold";
}
/* .rodape {
	position: fixed;
	bottom: 0px;
	left:0px;
	z-index: 9999;
	width: 100%;
}
.menu__rodape {
	background: #000;
	border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.menu__rodape ul {
	padding: 15px;
	margin: 0px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.menu__rodape ul li {
	list-style: none;
	text-align: center;
    padding: 0px 20px;
    font-size: 13px;
}
.menu__rodape ul li a {
	color: #ffee0a;
}
.menu__rodape ul li a:hover {
	color: #fff;
} */
.logomenu {
  background: #000;
  width: 80px;
  padding: 10px;
  border-radius: 100px;
  margin-top: -35px;
}
.icoapp a {
  padding: 10px;
}
.icosocial {
  padding: 7px;
}
.icosocial a {
  padding: 20px 10px;
}
.textfooter {
  color: #666;
  font-size: 12px;
}
.icolinks {
  text-align: left;
  display: inline;
  cursor: pointer;
}
.log {
  display: inline;
}
#bio_ep_bg {
  z-index: 9999999 !important;
  opacity: 0.5 !important;
}
#bio_ep {
  z-index: 99999999 !important;
  border-radius: 8px;
}
#bio_ep_content span:nth-child(1) {
  font-size: 33px;
  font-family: "robotobold";
  color: #36332b;
  display: block;
  text-align: right;
  padding: 25px 80px 0px 0px;
}
#bio_ep_content span:nth-child(2) {
  font-family: "robotolight";
  font-size: 33px;
  color: #36332b;
  padding: 50px 0px 0px 0px;
}
#bio_ep_content span:nth-child(3) {
  font-size: 16px;
  padding: 20px 0px;
}
#bio_ep_content .campo {
  width: 50%;
}
/* @-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
} */
/* .blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
} */
/* .imgsolucao {
	background: url(../img/bg-solucoes.png) center center no-repeat;
} */
.solucaodados {
  padding: 20px 0px 0px 40px;
}
.solucaotxt1 {
  color: #6d6d6d;
  font-size: 17px;
}
.solucaocarac {
  background: url(../img/setasolucao.png) top left no-repeat;
  height: 30px;
  color: #3acb60;
  font-size: 17px;
  padding-left: 23px;
}
.solucaobutton {
  color: #18c170;
  padding: 10px 30px;
  border-radius: 30px;
  border: 1px solid #18c170;
}
.solucaobutton:hover {
  background-image: -webkit-linear-gradient(-90deg, #37cf48 0%, #18c170 100%);
  color: #fff;
}
.solucaobutton2 {
  margin-top: 20px;
}
.solucaobutton2 {
  background: #18c170;
  color: #fff;
  padding: 10px 30px;
  border-radius: 30px;
}
.solucaobutton2:hover {
  background: #333;
  color: #fff;
}
.mapadosite {
  text-align: right;
  font-size: 12px;
  margin: 20px 0px;
}
.mapadosite a {
  color: #236d36;
}
.modal {
  z-index: 9999999 !important;
}
.modal-backdrop {
  z-index: 999999 !important;
}
.termos {
  font-size: 12px;
  text-align: justify;
}
.planos .card-header {
  background-image: -webkit-linear-gradient(-90deg, #18c170 0%, #37cf48 100%);
  padding: 40px 10px;
  color: #fff;
}
.planos .card-header span {
  font-size: 14px;
  font-family: "robotolight";
}
.planos .card-header h4 {
  font-family: "robotobold";
  font-size: 35px;
  line-height: 25px;
}
/* .planos .card-title {
	
}  */
.planos .line02 {
  font-size: 13px;
}
.planos .line03 {
  text-align: left;
  font-weight: bold;
  padding: 5px 0px;
  border-bottom: 1px dotted #999;
}
.planos .card-body ul {
  margin: 0px !important;
}
.planos .card-body ul li {
  text-align: left;
  padding: 5px 0px;
  border-bottom: 1px dotted #999;
}
.planos .btn-lg {
  background-color: #236d36 !important;
}
.noticiaItem {
  padding: 0px 10px;
}
.divisor {
  width: 100%;
  float: left;
}
.noticiaImg {
  width: 100%;
  padding-top: 60%;
  float: left;
  background-size: cover;
}
.noticiaDados {
  width: 100%;
  float: left;
  padding: 5px 0px 5px 10px;
}
.noticiaTitulo {
  text-align: left;
  font-size: 11px;
  line-height: 15px;
}
.noticiaTitulo a {
  font-size: 16px;
  color: #bf1f24;
  font-weight: bold;
}
.noticiaTexto {
  color: #9d9b9c;
  font-size: 12px;
}
.noticiaTxt {
  color: #9d9b9c;
  font-size: 12px;
  text-align: left;
  line-height: 15px;
}
.noticiaData {
  font-size: 11px;
  margin: 5px 0px;
  color: #242424;
}
.noticiaButton {
  text-align: left;
}
.noticiaButton a {
  color: #f3d009;
  font-size: 12px;
  text-align: left;
}
.noticiaButton a:hover {
  color: #fff;
}
.pagination1 {
  margin: 0px;
  padding: 0px;
}
.pagination1 li {
  list-style: none;
}
.noticiaItem .card-title {
  font-size: 20px;
  text-align: left;
  font-weight: bold;
  color: #000033;
  line-height: 25px;
  height: 75px;
  overflow: hidden;
}
.noticiaItem .btn {
  border: 1px solid #828282 !important;
  margin-right: 8px;
}
.conteudo {
  padding-left: 20px;
}
.titulo2 {
  font-size: 22px;
  margin: 10px 0px 10px 0px;
  text-align: center;
  font-weight: bold;
}
.lineForm input,
.lineForm input,
.lineForm select {
  width: 100%;
  padding: 10px 10px;
  margin-bottom: 10px;
  background: none;
  border: 1px solid #b3b3b3;
}
.lineForm input:hover {
  background: #eee;
}
.lineForm input:focus {
  background: #eee;
}
.lineForm textarea {
  width: 100%;
  padding: 10px 10px;
  background: none;
  border: 1px solid #b3b3b3;
}
.lineForm textarea:hover {
  background: #eee;
}
.lineForm textarea:focus {
  background: #eee;
}
.rotuloForm {
  width: 20%;
  line-height: 44px;
  float: left;
}
.rotulo4 {
  font-weight: bold;
  padding: 0px 5px;
  line-height: 30px;
}
.rotulo4 span {
  font-size: 11px;
}
.lineForm4 {
  padding: 5px;
}
.lineForm4 input,
.lineForm4 select,
.lineForm4 textarea {
  width: 100%;
  padding: 3px 5px;
}
.lineForm4 select {
  height: 32px;
}
.lineForm4 input[type="radio"],
.lineForm4 input[type="checkbox"] {
  width: auto;
}
.lineForm4 .nav-link {
  padding: 0px;
  display: inline;
}
.lineForm2 {
  margin-bottom: 10px;
  float: left;
  width: 80%;
}
.rotuloForm3 {
  width: 20%;
  float: left;
  font-weight: bold;
}
.rotuloForm3,
.lineForm3 {
  background: #f3f5cf;
  padding: 0px 10px;
  line-height: 30px;
}
.lineForm3 {
  float: left;
  width: 80%;
}
.lineForm2 input {
  width: 100%;
  padding: 10px 10px;
  background: none;
  border: 1px solid #b3b3b3;
}
.lineForm2 select {
  width: 100%;
  padding: 10px 10px;
  background: none;
  border: 1px solid #b3b3b3;
}
.lineForm2 select:hover {
  background: #fefefe;
}
.lineForm2 input:hover {
  background: #fefefe;
}
.lineForm2 input:focus {
  background: #fefefe;
}
.lineForm2 textarea {
  width: 100%;
  float: left;
  padding: 10px 10px;
  background: none;
  border: 1px solid #b3b3b3;
}
.lineForm2 textarea:hover {
  background: #fefefe;
}
.lineForm2 textarea:focus {
  background: #fefefe;
}
.obs2 {
  color: #000;
  line-height: 10px;
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  float: left;
  width: 100%;
  text-align: center;
}
.obs2 a {
  display: inline;
  padding: 0px;
  font-size: 11px;
}
#buttonForm {
  width: 250px;
  padding: 16px 0px;
  background: #3dbb3d;
  color: #fff;
  border: none;
  font-weight: bold;
  cursor: pointer;
  margin: 10px 0px;
}
#buttonForm:hover {
  background: #333;
}
.linkgroup {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 0px;
  padding: 10px 5px;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
/* .linkitem {
	
} */
.linkitem a {
  font-size: 13px;
  color: #333;
  padding: 5px 10px;
  box-shadow: 2px 2px 4px #000000;
  display: table;
  margin: 10px 0px;
}
.icomenu {
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 3px;
  background: #fff;
  padding: 5px 0px;
}
.icoavatar {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px;
  background: #fff;
  padding: 5px 0px;
}
.parceiros {
  padding-bottom: 20px;
}
.icoparceiro {
  filter: grayscale(100%);
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.icoparceiro:hover {
  filter: grayscale(0%);
}
.barra {
  background: #6f00ad;
  padding: 4px 0px;
}
.barra a {
  color: #fff;
  font-size: 12px;
}
.barra a:hover {
  color: #fff;
  text-decoration: underline !important;
}
.maq1 {
  padding: 1%;
  max-height: 577px;
}
.maq1 img {
  max-height: 557px;
}
.maq2 {
  padding: 5%;
}
.maq3 {
  padding: 5%;
}
.maquinas {
  float: left;
  width: 33%;
  text-align: center;
}
.colunamedidas {
  width: 80%;
  margin: 40px auto;
}
.linee input,
.linee select {
  border: 1px solid #ccc;
}
.linee input {
  width: 100%;
  margin: 10px;
  text-align: right;
  padding: 8px;
}
.linee select {
  width: 100%;
  margin: 10px;
  padding: 8px;
}
.linee {
  position: relative;
}
.cifrao {
  color: #2e8a2e;
  line-height: 37px;
  width: 2ch;
  position: absolute;
  top: 1px;
  left: 8px;
  height: 40px;
  width: 40px;
  padding: 12px;
  pointer-events: none;
}
.valor {
  font-size: 32px;
  font-weight: bold;
  color: #000;
}
.logo2 {
  width: 150px;
  float: right;
}
.modal-header .close {
  padding: 0px !important;
  margin: 0px !important;
  position: absolute;
  top: -20px;
  right: -20px;
  color: #ffffff !important;
  font-size: 35px;
}
.modal-header {
  position: relative;
  padding: 0px !important;
}
.modal-dialog {
  max-width: 600px !important;
  margin: 9rem auto !important;
}
/* .carousel-control-next, .carousel-control-prev {
	opacity:0 !important;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	opacity:.1 !important;
} */
.titulo {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
}
.txt-line00 {
  padding: 50px 0px 160px 0px;
}
.txt-line1 {
  color: #f3e642;
  font-weight: bold;
}
.txt-line2 {
  color: #f3e642;
}
.list__games {
  padding: 30px 0px;
  margin-bottom: 100px;
}
.game__item {
  width: 33%;
  padding: 10px;
  float: left;
}
.game__img00 {
  background: #000;
  position: relative;
}
/* .game__img {

} */
.game__img00:hover img {
  opacity: 0.3;
}
.game__img00:hover .game__link {
  display: block;
}
.game__link {
  display: none;
  position: absolute;
  width: 100%;
  top: 60px;
  left: 0px;
  text-align: center;
}
.game__link a {
  background-image: linear-gradient(180deg, #fff300 0%, #ffcb00 100%);
  color: #000000;
  text-align: center;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 50px;
}
.game__link a:hover {
  background-image: linear-gradient(180deg, #fff300 0%, #ffcb00 100%);
  color: #000000;
  padding: 12px 44px;
}
.game__percent {
  background: #fff;
  border-radius: 50px;
  position: relative;
  height: 28px;
  overflow: hidden;
  margin: 10px 5px;
}
.game__percent--prog {
  height: 28px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
  transition: width 0.6s ease;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.game__percent--number {
  text-align: center;
  color: #000;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  width: 100%;
  height: 24px;
}
.game__name {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.2rem;
  padding: 0px 0px 10px 0px;
}
.game__minuto {
  text-align: center;
  font-size: 12px;
  display: none;
}
/* .nomes__pix{
	overflow: hidden;
	width: 100%;
	height: 20px;
	margin-bottom:20px;
	margin-top:100px;
} */
.nomes_pix--text {
  color: #fff;
  font-size: 11px;
  padding-left: 15px;
  background: url(../img/ico-pix.png) center left no-repeat;
  height: 20px;
  float: left;
  line-height: 20px;
  margin-right: 20px;
}
.nomes_pix--text span {
  color: #319400;
}
.minutos__titulo {
  color: #319400;
  text-align: center;
  padding: 10px 0px 0px 0px;
  display: none;
}
.minutos__titulo span {
  color: #fff;
  padding: 10px;
  font-weight: bold;
  font-size: 24px;
  line-height: 60px;
}
.titulo20 {
  color: #319400;
  text-align: center;
  padding: 10px 0px 0px 0px;
  text-transform: capitalize;
}
.titulo20 span {
  color: #000;
  padding: 10px;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
}
/* .list__games .active {
	background: #319400;
	color: #fff;
} */
.linkaba {
  background: none;
  border: 1px solid #319400 !important;
  padding: 15px 30px;
  margin: 0px 10px;
  color: #fff;
  border-radius: 10px;
  text-transform: capitalize;
}
.linkaba:hover {
  background: #319400;
  color: #fff;
}
.list__games .tab-content {
  border: 1px solid #414141;
  padding: 10px;
  text-align: center;
}
.tab-content-logo {
  width: 100%;
  padding: 25px 0px;
  /* position: relative; */
}
/* .tab-content-logos {
	position: absolute;
	left: 35%;
	width: 345px;
	height:140px;
	padding: 20px 0px;
	background: #8CB9BD;
	border-radius: 53% 47% 52% 48% / 40% 39% 61% 60% ;
    opacity: 25%;
} */
.not__post {
  background: #a9a9a9;
  border-radius: 20px;
  padding: 20px;
  margin: 70px 0px 80px 0px;
}
.not__img {
  text-align: center;
  margin: 20px 0px;
}
.not__text {
  text-align: justify;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}
.not__text img {
  height: auto;
}
/* FIM DA CSS ESPECÍFICA */

/* Media Queries */

@media screen and (max-width: 1200px) {
  .siteCenter {
    width: 100%;
    padding: 0px 10px;
  }
}
@media screen and (max-width: 900px) {
  .pesquisaBox {
    display: none;
  }
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 790px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 690px) {
}
@media screen and (max-width: 520px) {
  .coluna100,
  .coluna80,
  .coluna75,
  .coluna60,
  .coluna50,
  .coluna40,
  .coluna33,
  .coluna30,
  .coluna25,
  .coluna70,
  .coluna20,
  .coluna10,
  .itemservico {
    width: 100%;
  }
  .linkconsult {
    background: url(../img/new2.png) 17% 58% no-repeat;
  }
  .whatsapp {
    right: 12px;
    width: 55px;
    height: 54px;
    bottom: 75px;
  }
  .whatsapp a {
    line-height: 46px;
  }
  .menu ul #painelcliente {
    width: 92%;
  }
  .topo {
    min-height: 77px;
    z-index: 99999;
  }
  /* .menu__rodape ul li {
    padding: 0px 10px;
    font-size: 11px;
} */
  .titulo {
    font-size: 1em;
  }
  .game__item {
    width: 50%;
  }
  .fixou {
    position: fixed;
  }
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
  .menu ul li:last-child {
    margin: 0px 10px 26px 10px;
  }
  .solucaobutton,
  .solucaobutton2 {
    display: block;
    margin-bottom: 20px;
  }
  .solucaodados {
    padding: 20px 10px 0px 10px;
  }
  .coluna,
  .siteCenter {
    width: 100%;
    margin-right: 0;
  }
  /* .logo {
	float: none;
	margin: 0 auto;
	text-align: center;
} */
  .menu {
    height: inherit;
    width: 100%;
    position: absolute;
    top: 77px;
    background: #fff;
    z-index: 99999;
  }
  .linebutton input {
    font-size: 1rem;
  }
  .t3 {
    font-size: 82px;
  }
  .menu ul li {
    float: none;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    padding: 10px;
  }
  .itemFoto {
    float: left;
    margin: 1px !important;
    width: 19%;
  }
  .foto {
    width: 50%;
    height: auto;
  }
  .foto img {
    width: 100%;
  }
  .menu00 {
    background: none;
    position: absolute;
    right: 0px;
    top: 20px;
  }
  .menu2 {
    height: 80px;
  }
  .contenthoverslider h1 {
    font-size: 18px;
  }
  .contenthoverslider p {
    font-size: 12px;
  }
  .contenthoverslider {
    top: 20px;
  }
  .contenthoverslider .slidelink1,
  .contenthoverslider .slidelink2 {
    display: none;
  }
  .footer2 {
    font-size: 10px;
  }
  .rotuloInterno h1 {
    font-size: 18px;
    line-height: 18px;
  }
  .rotuloInterno a {
    font-size: 12px;
  }
  .rotuloInterno {
    top: 10px;
  }
  .produtoImg2 {
    left: inherit;
    position: inherit;
    top: inherit;
    z-index: inherit;
  }
  .produtoTitulo {
    font-size: 24px;
  }
  .produtoTitulo span {
    display: table;
  }
  .parceiroitem {
    width: 48%;
  }
  .containerReceitas .receitalateral {
    width: 100%;
  }
  .text1 {
    font-size: 22px;
    padding: 35px 0px 35px 0px;
  }
  .t5 {
    margin: 40px;
  }
  .video,
  .video iframe {
    width: 100%;
    height: 272px;
  }
  .box1 {
    min-height: initial;
    background: none;
    padding: 0px;
  }
  .maquinas {
    width: 100%;
  }
  .text2 {
    font-size: 22px;
    padding: 25px 0px 35px 0px;
    line-height: 30px;
  }
  .box2 {
    padding-top: 0px;
  }
  .solucaoitem {
    padding: 0px 0px 30px 0px;
  }
  .text4 {
    font-size: 22px;
    padding: 0px 0px 0px 0px;
  }
  .passoseta,
  .box4,
  .setat7 {
    display: none;
  }
  .linecampo input,
  .linebutton input,
  .box7 .linebutton input {
    width: 100%;
  }
  .duvidas .card {
    width: 98%;
  }
  .t6 {
    font-size: 22px;
  }
  .icoapp a img {
    width: 40%;
  }
  .imgsolucao {
    margin-top: 30px;
  }
  .box3 {
    max-width: 100%;
    overflow: hidden;
    min-height: 350px;
  }
  .logo video {
    width: 170px;
  }
  .box6 {
    padding: 50px 0px 0px 0px;
  }
  .campomestre .cifrao {
    display: none;
  }
  .campomestre input {
    border: 0;
    color: #fff;
    height: 0px;
    margin: 0px;
    padding: 0px;
  }
}

@media screen and (max-width: 320px) {
  itemFoto {
    float: left;
    margin: 1px !important;
    width: 32%;
  }
}
:root {
  --main-color: #A8A196;
  --clr: #101010;
  --white: #fff;
}
.linkaba {
  background: none;
  border: 1px solid var(--main-color) !important;
  padding: 15px 30px;
  margin: 0px 10px;
  color: #fff;
  border-radius: 10px;
  text-transform: capitalize;
}
.linkaba:hover {
  background: var(--main-color);
  color: #fff;
}
.list__games .tab-content {
  border: 2px solid #fff;
  border-top: 6px solid #FFF;
  padding: 10px;
  text-align: center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1289%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%230e2a47'%3e%3c/rect%3e%3cpath d='M1377 488L1553 312' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M400 156L807 -251' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M606 68L775 -101' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M691 366L346 711' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M860 211L565 506' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1421 499L1832 88' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M376 34L712 -302' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1360 5L1645 -280' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1356 424L1706 74' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M369 117L219 267' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1084 86L1473 -303' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M330 32L744 -382' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M616 93L929 -220' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M412 34L1 445' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M548 436L300 684' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1266 6L1657 -385' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M866 480L1107 239' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M115 79L301 -107' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1048 129L790 387' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M564 155L190 529' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M397 427L814 10' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M832 380L1238 -26' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1183 211L1553 -159' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M869 15L527 357' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M933 447L522 858' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1142 105L1337 -90' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M64 162L-315 541' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M788 309L998 99' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M88 519L294 313' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M133 335L284 184' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M463 8L293 178' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M170 378L-205 753' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M1411 332L1178 565' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M728 185L1084 -171' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1247 195L902 540' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1370 459L1621 208' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3cpath d='M910 319L1284 -55' stroke-width='8' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1004 427L716 715' stroke-width='10' stroke='url(%26quot%3b%23SvgjsLinearGradient1291%26quot%3b)' stroke-linecap='round' class='TopRight'%3e%3c/path%3e%3cpath d='M1181 117L1335 -37' stroke-width='6' stroke='url(%26quot%3b%23SvgjsLinearGradient1290%26quot%3b)' stroke-linecap='round' class='BottomLeft'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1289'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='100%25' y1='0%25' x2='0%25' y2='100%25' id='SvgjsLinearGradient1290'%3e%3cstop stop-color='rgba(168%2c 161%2c 150%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(168%2c 161%2c 150%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1291'%3e%3cstop stop-color='rgba(168%2c 161%2c 150%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(168%2c 161%2c 150%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");


}
.list__games {
  padding-top: 0;
}
/*----------bootstrap-navbar-css------------*/

.navbar-mainbg {
  background-color: var(--main-color);
  padding: 0px;
}
#navbarSupportedContent {
  overflow: hidden;
  position: relative;
}
#navbarSupportedContent ul {
  padding: 0 30px;
  margin: 0px;
}

#navbarSupportedContent li {
  list-style-type: none;
  float: left;
}
#navbarSupportedContent ul li a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: clamp(0.75rem, 0.4375rem + 1vw, 1rem);
  display: block;
  padding: 20px 20px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
}
#navbarSupportedContent > ul > li.active > a {
  color: var(--main-color);
  background-color: transparent;
  transition: all 0.7s;
}
#navbarSupportedContent a:not(:only-child):after {
  content: "\f105";
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 900;
  transition: 0.5s;
}
#navbarSupportedContent .active > a:not(:only-child):after {
  transform: rotate(90deg);
}
.hori-selector {
  display: inline-block;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 130px;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  background-color: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: 10px;
}
.hori-selector .right,
.hori-selector .left {
  position: absolute;
  width: 30px;
  height: 25px;
  background-color: #fff;
  bottom: 10px;
}
.hori-selector .right {
  right: -25px;
}
.hori-selector .left {
  left: -25px;
}
.hori-selector .right:before,
.hori-selector .left:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--main-color);
}

.hori-selector .right:before {
  bottom: 0;
  right: -25px;
}
.hori-selector .left:before {
  bottom: 0;
  left: -25px;
}
.navbars {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: center;
  padding-top: 11px;
}
.game__item {
  border: 1px solid var(--main-color);
}
#navbarSupportedContent ul li a i {
  margin-right: 4px;
}
@media (min-width: 992px) {
  .navbar-expand-custom {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: center;
  }
  .navbar-expand-custom .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-custom .navbar-toggler {
    display: none;
  }
  .navbar-expand-custom .navbar-collapses {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}
@media (max-width: 991px) {
  .navbar-expand-custom {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: center;
  }
  .navbar-expand-custom .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-custom .navbar-toggler {
    display: none;
  }
  .navbar-expand-custom .navbar-collapses {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  #navbarSupportedContent ul li a {
    text-align: center;
    padding: 20px 10px;
    font-size: clamp(0.75rem, 0.4375rem + 1vw, 1rem);
  }
}

/* start swiper */
.swiper {
  width: 100%;
  height: 100%;
}
.slider {
  padding-bottom: 30px;
  padding-right: 0;
  color: #fff;
  overflow: hidden;
}
.slider .swiper-container {
  width: 100%;
  height: 100%;
}
.slider__flex {
  display: flex;
  align-items: center;
}
.slider__col {
  display: flex;
  flex-direction: column;
  width: 150px;
  margin-right: 32px;
}
.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider__prev:focus,
.slider__next:focus {
  outline: none;
}
.slider__thumbs {
  height: calc(400px - 96px);
}
.slider__thumbs .slider__image {
  transition: 0.25s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.slider__thumbs .slider__image:hover {
  opacity: 1;
}
.slider__thumbs .swiper-slide-thumb-active .slider__image {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.slider__images {
  height: 400px;
}
.slider__images .slider__image img {
  transition: 3s;
}
.slider__images .slider__image:hover img {
  transform: scale(1.1);
}
.slider__image {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}
.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
}
@media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }
}
/* end of swiper */
.sampleMarquee {
  color: #7b767f;
  background-color: transparent;
  font-size: 23px;
  line-height: 20px;
  margin-top: 85px;
  padding: 0;
  height: 20px;
  display: flex;
  flex-wrap: nowrap;
}

/* start of rodape */
.navigation {
  position: relative;
  width: 695px;
  height: 70px;
  background: var(--main-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.navigation ul {
  display: flex;
  width: 350px;
}
.navigation ul li {
  position: relative;
  list-style: none;
  width: 70px;
  height: 70px;
  z-index: 1;
}
.navigation ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.navigation ul li a .icon {
  position: relative;
  display: block;
  line-height: 88px;
  font-size: 1.8rem;
  text-align: center;
  transition: 0.5s;
  color: var(--white);
}
.navigation ul li.active a .icon {
  transform: translateY(-32px);
  color: var(--main-color);
}
.navigation ul li a .text {
  position: absolute;
  color: var(--white);
  font-weight: 500;
  font-size: 0.75em;
  letter-spacing: 0.05em;
  transition: 0.5s;
  opacity: 0;
  transform: translateY(20px);
}
.navigation ul li.active a .text {
  opacity: 1;
  transform: translateY(10px);
}
.indicator {
  position: absolute;
  top: -50%;
  width: 70px;
  height: 70px;
  background: var(--white);
  border-radius: 50%;
  /* border: 6px solid var(--clr); */
  transition: 0.5s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1.1px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.navigation ul li:nth-child(1).active ~ .indicator {
  transform: translateX(calc(70px * 0));
}
.navigation ul li:nth-child(2).active ~ .indicator {
  transform: translateX(calc(70px * 1));
}
.navigation ul li:nth-child(3).active ~ .indicator {
  transform: translateX(calc(70px * 2));
}
.navigation ul li:nth-child(4).active ~ .indicator {
  transform: translateX(calc(70px * 3));
}
.navigation ul li:nth-child(5).active ~ .indicator {
  transform: translateX(calc(70px * 4));
}
.rodape {
  position: fixed;
  display: flex;
  justify-content: center;
  bottom: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
}
.menu ul li a {
  color: #fff;
  background: var(--main-color);
}
.menu ul li {
  padding: 16px 19px;
}
.featureds {
  padding-top: 18rem;
}
@media screen and (max-width: 1200px) {
  .navigation {
    width: 100%;
  }
  .topo {
    width: 100vw !important;
    background: #fff;
    position: fixed;
    z-index: 999;
    top: 5vh;
    left: 50vw;
    transform: translate(-50%, -50%);
  }
}
.topo {
  height: 55px;
  width: fit-content;
  background: #fff;
  position: fixed;
  z-index: 999;
  top: 3vh;
  left: 49.73vw;
  transform: translate(-50%, -50%);
}
.topo .logo .zoom2 {
  padding-top: 5px;
  max-width: 105px;
  padding: 7px 0 0 20px;
}
@media screen and (max-width: 520px) {
  .logo {
    padding-top: 5px;
  }
  .topo .logo .zoom2 {
    padding-top: 9px;
    max-width: 120px;
    padding: 15px 0 0 20px;
  }
  .featureds {
    padding-top: 34rem;
  }
}
@media screen and (max-width: 460px) {
  .featureds {
    padding-top: 31rem;
  }
}
@media screen and (max-width: 220px) {
  #navbarSupportedContent ul {
    padding: 0 0;
  }
}