.meiar{
  position: relative;
  /*background-color:  rgba(254,254,254,0.4);*/
  padding-right: 45px;
  padding-left: 45px;
  /*display: flex;*/
  flex-wrap: wrap;
  display: inline-flex;
}

.sumon {
  /* Add shadows to create the "card" effect */
  position: relative;
  background: linear-gradient(to right, #9900ff 0%, #66ccff 100%);
  transition-duration: 2s;
  width: 100%;
  height: 160px;
  text-align: center;
  vertical-align: center;
}

.centermodal{
  text-align: center;
}

.csumon:hover {
  background: linear-gradient(to right, #a011ff 0%, #81d5ff 100%);
}

.cardo {
  /* Add shadows to create the "card" effect */
  position: relative;
  box-shadow: 0px 0px 1px 1px rgba(210, 210, 210, 0.8);
  /*background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%);*/
  background: rgb(255,255,255);
  transition: 0.15s;
  border-radius: 1px;
  width: 280px;
  height: 240px;
  text-align: auto;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: rgba(235,235,235,1);
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin: 0px;

}

/* On mouse-over, add a deeper shadow */
.cardo:hover {
  box-shadow: 0px 0px 1px 1px rgba(230, 230, 230, 0.8);
  /*background: linear-gradient(225deg, rgba(240,240,240,1) 0%, rgba(250,250,250,1) 100%);*/
  /*background: linear-gradient(0deg,rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);*/
  /*background: rgb(246,246,246);*/
  background: linear-gradient(0deg, rgba(238,238,238,0.4) 0%, rgba(238,238,238,0.4) 100%);
  border-radius: 7px;
  /*border-color: rgba(200,200,200,1);*/
  /*border-width: 0px 0px 0px 0px;*/
  /*border-style: hidden;*/
}

/*Imagem do card*/
.imgindex {
width: 55px;
margin-left: 0px;
margin-bottom: 10px;
}

.imgindex:hover {
width: 55px;
}
/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
  line-height: 1.1;
}

h6 {
font-size: 16px;
}

h7 {
  font-size: 13px;
  margin: 0 0 10px 0;
 }

.containerx {
  padding-top: 8px;
  height: 80px;
  margin: 1px;
  font-size: 15px;
  width: 100%;
}


.containerx:hover {
  height: 80px;
}

.containery {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  width: 100%;
  text-align: center;
  
}

.containerz {
  position: absolute;
  bottom: 0;
  font-size: 13px;
  width: 100%;
  text-align: center;
}

.col{
  padding-right: 30px;
}

.glowgreen{

  -webkit-animation: glow 0.5s ease-in-out infinite alternate;
  -moz-animation: glow 0.5s ease-in-out infinite alternate;
  animation: glow 0.5s ease-in-out infinite alternate;

}

.containerTy {
  position: absolute;
  bottom: 0;
  font-size: 13px;
}

.left{
  left: 5px;
}
.right{
  align-self: right;
}

.bronzetk{
  color: rgb(156, 128, 0);
}
.silvetk{
  color: rgb(211, 211, 211);
}
.goldtk{
  color: rgb(255, 196, 0);
}



.mid {
  
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 0px #ffffff;
  }
  to {
    text-shadow: 0 0 3px #74ff74b9;
  }
}

.containerform {
max-width: 500px;
}

.containerform2 {
max-width: 800px;
}
.containerform2:hover {
max-width: 800px;
color: rgb(0, 51, 0);
}

.capitchao {
max-width: 350px;
}


.fonta {
  position: relative;
    font-size: 14px;

}

#txtbusca{
width: 350px;
}