@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,500,700');



html, body {
  height: 100%;
  width: 100%;
  font-family: 'Noto Sans', sans-serif;
  color: #222;
  background-color: rgb(243, 252, 243);
}

a {
  color: #51b83c;
}

a:hover {
  color: #409230;
}

p {
  font-size: 16px;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://i.imgur.com/3TPT4Ar.gif') 50% 50% no-repeat white;
  size: 50px;
  opacity: 0.65;
}


.navbar {
  background: #2c5238;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
}

@media (max-width: 991.98px) {
  .navbar-collapse-custom {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      width: 80%; /* Largura do menu expandido */
      background-color: #2c5238; /* Cor de fundo do menu */
      overflow-y: auto; /* Habilita scroll vertical se necessário */
      transform: translateX(100%); /* Inicia oculto fora da tela */
      transition: transform 0.3s ease-in-out; /* Animação de transição */
      z-index: 999;
  }

  .navbar-nav {
    margin-top: 60px;
    text-align: center;
  }

  .navbar-collapse-custom.show {
      transform: translateX(0); /* Mostra o menu ao ser expandido */
  }

  .navbar-toggler {
    z-index: 1100;
  }

  .divbotoesMobile {
    margin-left: 50px;
  }
}


#passarostop10 {
  margin-top: 100px;
  position: absolute;
  z-index: -1;
}

#letreiroInicio {
  background-color: #5cac5c;
  height: 30px;
  text-align: center;
  margin: 0px;
}

div.sticky {
  margin-top: 50px;
}

.navbar-nav li {
  color: rgb(61, 155, 42);
  padding-right: 10px;

}

.navbar-nav2 ul {
  justify-content: center;
  text-align: center;

}

.nav-link {
  font-size: 1.1em !important;
}

.divulgar {
  background-image: url(img/fundo2.png);
  background-size: cover;
}

.btn-primary {
  background-color: #499149;
  border: 1px solid #377C52;
}

.btn-primary:hover {
  color: #fcfcfc;
  border: 1px solid #377C52;
}

.btn-primary:focus {
  color: #fcfcfc;
  border: 1px solid #377C52;
}

.btn-outline-primary {
  color: #499149;
  border: 1px solid #377C52;
}

.btn-outline-primary:hover {
  background-color: #499149;
  border: 1px solid #377C52;
}

.btn-outline-primary:focus {
  color: #499149;
  border: 1px solid #377C52;
}

.padding {
  padding-bottom: 2rem;
}

.welcome hr {
  border-top: 2px solid #b4b4b4;
  width: 95%;
}

.fa-registered {
  color: #e54d26;
}

.fa-sign-in-alt {
  color: #2163af;
}

.fa-exclamation-triangle {
  color: rgb(240, 240, 3);
}

.fa-registered, .fa-sign-in-alt, .fa-exclamation-triangle {
  font-size: 4em;
  margin: 1rem;
}

.social a {
  font-size: 4.5em;
  padding: 3rem;
}

.fa-facebook {
  color: #3b5998;
}

.fa-twitter {
  color: #00aced;
}

.fa-google-plus-g {
  color: #dd4b39;
}

.fa-instagram {
  color: #e4405f;
}

.fa-youtube {
  color: #bb0000;
}

.fa-whatsapp {
  color: #34af23;
}

.fa-facebook:hover,
.fa-twitter:hover,
.fa-google-plus-g:hover,
.fa-instagram:hover,
.fa-youtube:hover {
  color: #d5d5d5;
}

hr.light {
  border-top: 1px solid #d5d5d5;
  width: 75%;

}

.footer {
  background-color: #2c5238;
  color: white;
  padding: 20px 0;
  bottom: 0;
  width: 100%;
}

.footer img {
  vertical-align: middle; /* alinha verticalmente a imagem com o texto ao lado */
  opacity: 100%;
}

.iconesfooter {
  color: white;
  text-decoration: none;
  margin-right: 0.5rem;
  font-size: larger;
}

.fa-whatsapp, .fa-instagram, .fa-youtube {
  color: white;
}

@media (max-width: 767.98px) {
  .footer .row {
    text-align: center;
  }
}


hr.light-100 {
  border-top: 1px solid #d5d5d5;
  width: 100%;

}

.link {
  color: #222;
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.nav-brand1 {
  z-index: 1001;
  height: 60px;
  margin: -10px;
  padding: -10px;
  src: url(../../../img/logoFTs.png);
}

.login {
  margin-top: 100px;
  margin-bottom: 200px;
}

.imgLogin {
  height: 300px;
}

.clubes {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.teste1 {
  border: 1px solid #b4b4b4;
}

.teste2 {
  border: 1px solid #b4b4b4;
}

.green {
  background-color: green;
  height: 100px;
}

.clube img {
  height: 200px;
  width: 200px;
}

div.subtitulo {
  padding-top: 10px;
}

.passaro img {
  height: 100px;
  width: 100px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.trofeu {
  height: 80px;
  width: 80px;

}

.trofeu2 {
  height: 80px;
  width: 80px;

}

.box {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  border-radius: 3px;
  background-color: white;
}

.box2 {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-color: white;
}

.fotosClubes img {
  height: 100%;
  width: 100%;
}

.tabelaMobile {
  display: none;
}

.container.gallery-container {
  background-color: #fff;
  color: white;
  min-height: 100vh;
  padding: 30px 50px;
}

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
}

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999;
}

/* .tz-gallery {
  
} */
/* Override bootstrap column paddings */
.tz-gallery .row>div {
  padding: 2px;
}

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative;
}

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: 'Glyphicons Halflings';
  content: '\e003';
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s;
}

.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: '';
  transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1;
}

.baguetteBox-button {
  background-color: transparent !important;
}

.semDecoração {
  text-decoration: none;
  color: black;
}

.nomeClube p {
  font-size: 50px;
}

.marquee {
  width: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}

.ver {
  height: 30px;
  width: 200px;
}

#centralizarImagem {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#centralizarTexto {
  height: 10em;
  display: flex;
  align-items: center
}

.grad {
  background-color: yellow;
}

.grid-container2 {
  display: grid;
  grid-template-columns: 50% 50%;
}

.grid-container3 {
  display: grid;
  grid-template-columns: 100%;
}

.grid-container4 {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.floatLeft li {
  display: inline-block;
}

.containerImagensTabela {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 150px 150px;
}

div.col-md-6 {
  padding-top: 0px;
  padding-bottom: 0px;
}

div.col-md-2 {
  padding-top: 0px;
  padding-bottom: 0px;
}

div.col-12 {
  padding: 8px;
}

.fundoAmarelo {
  background-color: yellow;
}

.whatsapp-share-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 5px;
  background-size: 100% 100%;
  /* ou 'contain' */
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MCA2MCIgd2lkdGg9IjYwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic29pY2FsIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgaWQ9InNvY2lhbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3My4wMDAwMDAsIC01MzguMDAwMDAwKSI+PGcgaWQ9InNsaWNlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTczLjAwMDAwMCwgMTM4LjAwMDAwMCkiLz48ZyBmaWxsPSIjNTdCQTYzIiBpZD0ic3F1YXJlLWZsYXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3My4wMDAwMDAsIDEzOC4wMDAwMDApIj48cGF0aCBkPSJNODAyLjk5NTkzNyw0MDAgTDg1Ny4wMDQwNjMsNDAwIEM4NTguNjU4NjczLDQwMCA4NjAsNDAxLjMzNzMxIDg2MCw0MDIuOTk1OTM3IEw4NjAsNDU3LjAwNDA2MyBDODYwLDQ1OC42NTg2NzMgODU4LjY2MjY5LDQ2MCA4NTcuMDA0MDYzLDQ2MCBMODAyLjk5NTkzNyw0NjAgQzgwMS4zNDEzMjcsNDYwIDgwMCw0NTguNjYyNjkgODAwLDQ1Ny4wMDQwNjMgTDgwMCw0MDIuOTk1OTM3IEM4MDAsNDAxLjM0MTMyNyA4MDEuMzM3MzEsNDAwIDgwMi45OTU5MzcsNDAwIFoiIGlkPSJzcXVhcmUtNDkiLz48L2c+PGcgZmlsbD0iI0ZGRkZGRiIgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi4wMDAwMDAsIDE1MC4wMDAwMDApIj48cGF0aCBkPSJNODIxLjA3MTI2Miw0MzQuMjIxMDQ2IEM4MTguMjEwODMxLDQzNC4yMjEwNDYgODE1LjUyMzU2OSw0MzMuNDg5OTY5IDgxMy4xODU2LDQzMi4yMDY4OTIgTDgwNC4xNTM4NDYsNDM1LjA3NjkyMyBMODA3LjA5ODA5Miw0MjYuMzkxODc3IEM4MDUuNjEzMDQ2LDQyMy45NTIzNjkgODA0Ljc1NzUzOCw0MjEuMDkxNTY5IDgwNC43NTc1MzgsNDE4LjAzMzYgQzgwNC43NTc1MzgsNDA5LjA5MzQxNSA4MTIuMDYxMjkyLDQwMS44NDYxNTQgODIxLjA3MTYzMSw0MDEuODQ2MTU0IEM4MzAuMDgwODYyLDQwMS44NDYxNTQgODM3LjM4NDYxNSw0MDkuMDkzNDE1IDgzNy4zODQ2MTUsNDE4LjAzMzYgQzgzNy4zODQ2MTUsNDI2Ljk3Mzc4NSA4MzAuMDgxMjMxLDQzNC4yMjEwNDYgODIxLjA3MTI2Miw0MzQuMjIxMDQ2IFogTTgyMS4wNzEyNjIsNDA0LjQyNDEyMyBDODEzLjUwNzkzOCw0MDQuNDI0MTIzIDgwNy4zNTU4MTUsNDEwLjUyOTM1NCA4MDcuMzU1ODE1LDQxOC4wMzM2IEM4MDcuMzU1ODE1LDQyMS4wMTE0NDYgODA4LjMyNjUyMyw0MjMuNzY5MjMxIDgwOS45NjgxMjMsNDI2LjAxMzA0NiBMODA4LjI1NDg5Miw0MzEuMDY3MDc3IEw4MTMuNTI1MjkyLDQyOS4zOTE4NzcgQzgxNS42OTEyLDQzMC44MTM3ODUgODE4LjI4NTQxNSw0MzEuNjQzMDc3IDgyMS4wNzEyNjIsNDMxLjY0MzA3NyBDODI4LjYzMzQ3Nyw0MzEuNjQzMDc3IDgzNC43ODY3MDgsNDI1LjUzODIxNSA4MzQuNzg2NzA4LDQxOC4wMzM5NjkgQzgzNC43ODY3MDgsNDEwLjUyOTcyMyA4MjguNjMzNDc3LDQwNC40MjQxMjMgODIxLjA3MTI2Miw0MDQuNDI0MTIzIEw4MjEuMDcxMjYyLDQwNC40MjQxMjMgWiBNODI5LjMwODgsNDIxLjc2MTcyMyBDODI5LjIwODM2OSw0MjEuNTk2Njc3IDgyOC45NDE3ODUsNDIxLjQ5Njk4NSA4MjguNTQyNjQ2LDQyMS4yOTg3MDggQzgyOC4xNDI0LDQyMS4xMDA0MzEgODI2LjE3NTg3Nyw0MjAuMTQwMDYyIDgyNS44MDk5NjksNDIwLjAwODI0NiBDODI1LjQ0Mjk1NCw0MTkuODc2MDYyIDgyNS4xNzYsNDE5LjgwOTIzMSA4MjQuOTA5Nzg1LDQyMC4yMDY1MjMgQzgyNC42NDM1NjksNDIwLjYwMzgxNSA4MjMuODc3MDQ2LDQyMS40OTY5ODUgODIzLjY0MzMyMyw0MjEuNzYxNzIzIEM4MjMuNDA5OTY5LDQyMi4wMjY4MzEgODIzLjE3Njk4NSw0MjIuMDYwMDYyIDgyMi43NzcxMDgsNDIxLjg2MTQxNSBDODIyLjM3NzYsNDIxLjY2MzEzOCA4MjEuMDg4OTg1LDQyMS4yNDQwNjIgODE5LjU2MTEwOCw0MTkuODkyMzA4IEM4MTguMzcyNTU0LDQxOC44NDA3MzggODE3LjU2OTg0Niw0MTcuNTQyNTIzIDgxNy4zMzY4NjIsNDE3LjE0NDg2MiBDODE3LjEwMzUwOCw0MTYuNzQ3OTM4IDgxNy4zMTIxMjMsNDE2LjUzMzQxNSA4MTcuNTEyMjQ2LDQxNi4zMzU4NzcgQzgxNy42OTIwNjIsNDE2LjE1NzkwOCA4MTcuOTEyMTIzLDQxNS44NzI0OTIgODE4LjExMjI0Niw0MTUuNjQwOTg1IEM4MTguMzEyMzY5LDQxNS40MDkxMDggODE4LjM3ODgzMSw0MTUuMjQ0MDYyIDgxOC41MTE3NTQsNDE0Ljk3ODk1NCBDODE4LjY0NTQxNSw0MTQuNzE0MjE1IDgxOC41Nzg1ODUsNDE0LjQ4MjcwOCA4MTguNDc4NTIzLDQxNC4yODM2OTIgQzgxOC4zNzg0NjIsNDE0LjA4NTQxNSA4MTcuNTc4MzM4LDQxMi4xMzI5MjMgODE3LjI0NTI5Miw0MTEuMzM4MzM4IEM4MTYuOTEyMjQ2LDQxMC41NDQ0OTIgODE2LjU3OTU2OSw0MTAuNjc2Njc3IDgxNi4zNDU4NDYsNDEwLjY3NjY3NyBDODE2LjExMjQ5Miw0MTAuNjc2Njc3IDgxNS44NDU5MDgsNDEwLjY0MzQ0NiA4MTUuNTc5MzIzLDQxMC42NDM0NDYgQzgxNS4zMTI3MzgsNDEwLjY0MzQ0NiA4MTQuODc5MjYyLDQxMC43NDI3NjkgODE0LjUxMjYxNSw0MTEuMTM5NjkyIEM4MTQuMTQ2MzM4LDQxMS41MzY5ODUgODEzLjExMzYsNDEyLjQ5Njk4NSA4MTMuMTEzNiw0MTQuNDQ5MTA4IEM4MTMuMTEzNiw0MTYuNDAxNiA4MTQuNTQ1ODQ2LDQxOC4yODggODE0Ljc0NjMzOCw0MTguNTUyMzY5IEM4MTQuOTQ2MDkyLDQxOC44MTY3MzggODE3LjUxMTg3Nyw0MjIuOTUzNiA4MjEuNTc2NzM4LDQyNC41NDI0IEM4MjUuNjQzMDc3LDQyNi4xMzA4MzEgODI1LjY0MzA3Nyw0MjUuNjAwOTg1IDgyNi4zNzYzNjksNDI1LjUzNDg5MiBDODI3LjEwODU1NCw0MjUuNDY4OCA4MjguNzQxMjkyLDQyNC41NzUyNjIgODI5LjA3NTQ0Niw0MjMuNjQ4ODYyIEM4MjkuNDA4MTIzLDQyMi43MjE3MjMgODI5LjQwODEyMyw0MjEuOTI3MTM4IDgyOS4zMDg4LDQyMS43NjE3MjMgTDgyOS4zMDg4LDQyMS43NjE3MjMgWiIgaWQ9IndoYXRzYXBwIi8+PC9nPjwvZz48L2c+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
}

.faixaInicio {
  background-color: #34af23;
}

hr {
  padding: 0px;
  margin: 0px;
}

.fixedd {
  position: fixed;
  z-index: 2;
}

.semdecoracao {
  text-decoration: none;
  color: #222;
}

.verdeFundo {
  background-color: rgb(170, 240, 156);
}

.linhaComTexto {
  width: 100%;
  height: 20px;
  border-bottom: 1px solid black;
  text-align: center;
}

.linhaComTexto>span {
  font-size: 40px;
  background-color: #ffffff;
  padding: 0 10px;
}

.cinza {
  background-color: gray;
}

.col {
  align-self: center;
  width: 600px;
  background-color: rgb(255, 255, 255);
}

.embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}

.img {
  max-width: 100%;
}

.cover img {
  width: 100%;
}

.product_images {
  margin: 10px;
  padding: 30px;
  background: #fff;
}

.thumbs {
  width: 100%;
  margin-top: 20px;
  padding: 2.5px;
  background-color: #fff;
}

.thumbs img {
  float: left;
  width: 20%;
  padding: 2.5px;
  background-color: #fff;
}

.thumbs img:hover,
.thumbs img.active {
  background-color: #99ccff;
}

/*---Media Queries --*/
@media (min-width: 1200px) {
  .logoMobile {
    display: none;
  }

  .card-title {
    font-size: 18px;
    margin: 0;
  }

  .card-text {
    font-size: 16px;
    margin: 0;
  }

  .box {
    text-align: center;
    border-radius: 5px;
    padding: 8%;
  }

  .box2 {
    border-radius: 5px;
    background-color: white;
  }

  .carousel img {
    height: 296px;
    width: 307px;
  }

  .social a {
    font-size: 2.5rem;
    padding: 1rem;
  }

  .mobile {
    display: none;
  }

  .divulgar {
    border-radius: 20px;
    width: 50%;
  }

  #imagemClube {
    width: 150px;
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .funcionamento {
    height: 55px;
  }

  #ciglaClube {
    font-size: 50px;
  }

  #nomeClube {
    font-size: 22px;
  }

  #letreiroInicio {
    height: 30px;
    text-align: center;
  }

  .imagemPodium {
    height: 150px;
    margin-top: -60px;
  }

  .carouselBlog img {
    height: 400px;
  }

  .botaoResultados {
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .novocontainer {
    margin-left: 10%;
    margin-right: 10%;
  }

  .imgClubeResultadosAtualizados {
    height: 50px;
  }

  .imagemZepe {
    height: 60%;
    width: 60%;
  }

  .imagemBindhtml img {
    height: 850px;
    width: auto;
  }

  .fotosevideosinicial {
    padding: 20px;
  }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .logoMobile {
    display: none;
  }

  .social a {
    font-size: 2.5rem;
    padding: 1rem;
  }

  .mobile {
    display: none;
  }

  .divulgar {
    border-radius: 20px;
    width: 50%;
  }

  #imagemClube {
    width: 160px;
    height: 160px;
    margin-top: 50px;
  }

  .carousel img {
    height: 296px;
    width: 307px;
  }

  .funcionamento {
    height: 55px;
  }

  #ciglaClube {
    margin-top: 50px;
    font-size: 30px;
  }

  #nomeClube {
    font-size: 20px;
  }

  #cigla {
    font-size: 30px;
  }

  #letreiroInicio {
    height: 30px;
    text-align: center;
  }

  .imagemPodium {
    height: 150px;
    margin-top: -60px;

  }

  .carouselBlog img {
    height: 300px;
  }

  .botaoResultados {
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .imgClubeResultadosAtualizados {
    height: 50px;
  }

  .imagemZepe {
    height: 150px;
    width: 150px;
  }

  .imagemBindhtml img {
    height: 850px;
    width: auto;
  }

  .fotosevideosinicial {
    padding: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .social a {
    font-size: 4rem;
    padding: 2rem;
  }


  .box {
    text-align: center;
    border-radius: 5px;
    padding: 8%;
  }

  .box2 {
    border-radius: 5px;
    background-color: white;
  }

  .mobile {
    display: none;
  }

  .divulgar {
    border-radius: 20px;
    width: 50%;
  }

  #imagemClube {
    width: 160px;
    height: 160px;
  }

  .funcionamento {
    height: 55px;
  }

  #ciglaClube {
    font-size: 30px;
  }

  #nomeClube {
    font-size: 20px;
  }

  #cigla {
    font-size: 30px;
  }

  #letreiroInicio {
    height: 30px;
    text-align: center;
  }

  .imagemPodium {
    height: 150px;
    margin-top: -50px;

  }

  .carouselBlog img {
    height: 200px;
  }

  .botaoResultados {
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .imgClubeResultadosAtualizados {
    height: 50px;
  }

  .imagemZepe {
    height: 150px;
    width: 150x;
  }

  .imagemBindhtml img {
    height: 650px;
    width: auto;
  }

  .fotosevideosinicial {
    padding: 10px;
  }

  .logoDesktop {
    display: none;
  }


}

@media (min-width: 576px) and (max-width: 767.98px) {
  .display-4 {
    font-size: 200%;
  }

  .social a {
    font-size: 2.5rem;
    padding: 1.2rem;
  }

  .clubes {
    margin: auto;
  }

  .box {
    text-align: center;
    border-radius: 5px;
    padding: 8%;
  }

  .box2 {
    border-radius: 5px;
    background-color: white;
  }

  .mobile {
    display: block;
  }

  .divulgar {
    margin-bottom: 10px;
    text-align: center;
    border-radius: 20px;
    width: 90%;
  }

  #imagemClube {
    width: 160px;
    height: 160px;
    margin-left: 80px;
  }

  .funcionamento {
    height: 55px;
  }

  #ciglaClube {
    font-size: 15px;
  }

  #nomeClube {
    font-size: 15px;
  }

  .botaoClube {
    margin-top: 10px;
  }

  #letreiroInicio {
    height: 50px;
    text-align: center;
  }

  .imagemPodium {
    height: 100px;
    margin-top: -50px;

  }

  .carouselBlog img {
    height: 200px;
  }

  .botaoResultados {
    height: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .imgClubeResultadosAtualizados {
    height: 50px;
  }

  .imagemZepe {
    height: 150px;
    width: 150px;
  }

  .imagemBindhtml img {
    height: 850px;
    width: auto;
  }

  .fotosevideosinicial {
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .logoDesktop {
    display: none;
  }

  h4 {
    font-size: 17px;
  }

  p {
    font-size: 14px;
  }

  h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 20px;
  }

  .display-5 {
    font-size: 25px;
  }

  h5 {
    font-size: 15px;
  }

  .carousel-indicators {
    display: none;
  }

  .vanish {
    display: none;
  }

  .display-4 {
    font-size: 150%;
    padding: 0;
    margin: 0;
  }

  .social a {
    font-size: 2rem;
    padding: .7rem;
  }

  .imgLogin {
    height: 150px;
    margin-top: -50px;
  }

  .clubes {
    margin: auto;
  }

  .clubes {
    width: 100%;
  }

  .box {
    border-radius: 5px;
    padding: 8%;
  }

  .box2 {
    border-radius: 5px;
    background-color: white;
  }

  .tabelaMobile {
    display: block;
  }

  .tabela {
    display: none;
  }

  .divulgar {
    margin-bottom: 10px;
    text-align: center;
    border-radius: 20px;
    width: 90%;
  }

  .fotosClubes img {
    height: 130px;
    width: 130px;
  }

  .carousel img {
    height: 296px;
    width: 307px;
  }

  .trofeu {
    float: left;
  }

  .mobile {
    display: block;
  }

  #imagemClube {
    width: 130px;
    height: 130px;
    display: block;
    margin: auto;
  }

  #ciglaClube {
    font-size: 20px;
  }

  #nomeClube {
    font-size: 15px;
  }

  #funcionamento {
    font-size: 13px;
  }

  .funcionamento {
    height: 55px;
  }

  .botaoClube {
    margin-top: 10px;
  }

  #cigla {
    font-size: medium;
  }

  #letreiroInicio {
    height: 50px;
    text-align: center;
  }

  .imagemPodium {
    height: 100px;
    margin-top: -50px;

  }

  .tamanhoFonte {
    font-size: 17px;
  }

  .carouselBlog img {
    height: 200px;
  }

  .imgBlog img {
    height: 120px;
    width: 120px;
  }

  .imgBlog {
    height: 120px;
    width: 120px;

  }

  .botaoResultados {
    height: 60px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .imgClubeResultadosAtualizados {
    height: 50px;
  }

  .imagemZepe {
    margin-top: 10px;
    height: 50%;
    width: 60%;
  }

  .imagemBindhtml img {
    height: 80%;
    width: 80%;
  }

  .fotosevideosinicial {
    padding: 5px;
  }
}

/*--- Fixed bug Firerox --*/
.carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}

/*--- fixed bug do background --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0 !important;
}

.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#fixed {
  background-image: url('img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
  padding: 1rem;
}

.img-responsive {
  max-width: 100% !important;
}


@media (max-width: 800px) {
  .videoEvento {
    width: 90%;
    height: 300px;
    text-align: center;
  }
}

@media screen and (min-width: 800px) {
  .videoEvento {
    width: 800px;
    height: 500px;
  }
}

/*PARTE DOS BOTOES E IMAGENS DE CERTIFICADOS E HOMENAGENS*/
td.acaoEtapa, td.acaoHistorico {
  padding: 1px;
}

.botaoAcaoCertificado, .botaoAcaoHomenagem {
  margin: 1px !important;
  padding: 1px !important;
  font-size: 12px;
}

.divImagemCertificado, .divImagemHomenagem {
  width: 100%;
}

.divImagemCertificado img, .divImagemHomenagem img {
  max-width: 100%;
}

.menuLabel {
  border: 1px solid;
  color: #ffffff;
  text-align: right;
}

.oculto{
  display: none !important;
}

.botaoMenu1 {
  background-color: #d8b805;
  color: #2C5238;
  text-align: center;
  margin-right: 10px;
}

.botaoMenu2 {
  background-color: white;
  color: #2C5238;
  text-align: center;
  right: 0;
}

.carousel-item img {
  max-height: 300px;
  object-fit: cover;
}

/* esconde o carrossel mobile por padrão */
.mobile-carousel {
  display: none;
}

/* mostra o carrossel desktop por padrão */
.desktop-carousel {
  display: block;
}

/* verifica se a tela é menor que 768px e esconde o carrossel desktop e mostra o carrossel mobile */
@media (max-width: 767.98px) {
  .desktop-carousel {
    display: none;
  }
  .mobile-carousel {
    display: block;
  }
}