.grid {
  display: grid;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.row-span-3 {
  grid-row: span 3 / span 3;
}
.align-content-evenly {
  align-content: space-evenly;
}
.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}
.gap-5 {
  gap: 3rem !important;
}
.standStampa,
.standDigital,
.standSteel,
.standBronze,
.standSilver,
.standGold,
.standPlatinum,
.standPartner {
  background-color: #fff;
  color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: all 0.2s ease-in-out;
}
.salaPlanaria {
  background-color: #ebf4ef; /*eeeeee*/
  /* background-image: radial-gradient(
      #a4b0ba 0.8500000000000001px,
      transparent 0.8500000000000001px
    ),
    radial-gradient(#a4b0ba 0.8500000000000001px, #c3d0d8 0.8500000000000001px);
  background-size: 34px 34px;
  background-position: 0 0, 17px 17px; */
  padding: 20px 0;
}
.standStampa:hover,
.standDigital:hover,
.standSteel:hover,
.standBronze:hover,
.standSilver:hover,
.standGold:hover,
.standPlatinum:hover,
.standPartner:hover {
  /* filter: contrast(120%); */
  transform: scale(1.3);
}
.standStampa {
  padding: 2px;
  border: 3px solid #3fa535;
  color: #000;
  height: 70px;
  width: 70px;
  animation: zoomIn;
  animation-duration: 0.5s;
}
.standDigital {
  padding: 2px;
  border: 3px solid #00adef;
  color: #000;
  height: 70px;
  width: 70px;
  animation: zoomIn;
  animation-duration: 0.5s;
}
.standSteel {
  padding: 2px;
  border: 3px solid #cccccc;
  color: #000;
  height: 70px;
  width: 70px;
  animation: zoomIn;
  animation-duration: 0.5s;
}
.standBronze {
  padding: 2px;
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(#7f3600, #c19a76) 30;
  color: #000;
  height: 70px;
  width: 70px;
  animation: zoomIn;
  animation-duration: 0.5s;
}
.standSilver {
  padding: 4px;
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(#2e2a2b, #c3c2c2) 30;
  /* background-image: linear-gradient(to right, #2e2a2b, #c3c2c2); */
  height: 90px;
  width: 90px;
  animation: zoomIn;
  animation-duration: 1s;
}
.standGold {
  padding: 5px;
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(#8b750b, #d7cb67) 30;
  /* background-image: linear-gradient(to right, #7b5b04, #cfc84e); */
  height: 120px;
  width: 120px;
  animation: flipInX;
  animation-duration: 1.5s;
}
.standPlatinum {
  padding: 5px;
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(#778c93, #d4d4d2) 30;
  /* background-image: linear-gradient(to right, #7e7e7e, #d1cece); */
  height: 140px;
  width: 140px;
  animation: flipInY;
  animation-duration: 2s;
}
.standPartner {
  border-style: solid;
  border-width: 3px;
  border-image: linear-gradient(#026c36, #95c3ab) 30;
  /* background-image: linear-gradient(to right, #026c36, #95c3ab); */
  height: 180px;
  width: 180px;
  animation: bounceIn;
  animation-duration: 2.5s;
  padding: 10px;
}
.bgStand {
  /* background-image: linear-gradient(#177f4e, #ffffff); */
  /* background-color: #eeeff3;
  background-image: radial-gradient(
      #a4b0ba 0.8500000000000001px,
      transparent 0.8500000000000001px
    ),
    radial-gradient(#a4b0ba 0.8500000000000001px, #c3d0d8 0.8500000000000001px);
  background-size: 34px 34px;
  background-position: 0 0, 17px 17px; */
  /*background-image: url("/img/stand-background.jpg");
  background-size: cover;*/
  background-color: #ebf4ef; /*eeeeee*/
  overflow: hidden;
}
.bgBrochure {
  /* background-color: #fff3cd; */
  /* background-image: linear-gradient(#ffe188, #a59157); */
  /* background-color: #fec109; */
  padding-top: 20px;
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
}
.bgVideo {
  /* background-image: linear-gradient(#88d3ff, #4c7b96); */
  padding-top: 20px;
  border-bottom: 1px solid silver;
}
.bgChat {
  /* background-image: linear-gradient(#82ffbe, #3c7e5c); */
  border-right: 1px solid silver;
  padding-top: 20px;
  padding-bottom: 20px;
}
.bgBiglietto {
  /* background-image: linear-gradient(#82ffbe, #3c7e5c); */
  padding-top: 20px;
  padding-bottom: 20px;
}
.shaftFlag {
  background-color: rgb(100, 100, 100);
  height: 1.5rem;
  width: 0.5rem;
  margin: 0 auto;
}
.footFlag {
  border-radius: 50px;
  background-color: black;
  height: 0.3rem;
  width: 3rem;
  margin: 0 auto;
}
.videoStand {
  border-radius: 20px;
  border: 15px solid black;
  width: 92%;
  margin: 0 20px;
  background: #000;
}
.playVideo {
  color: #ddd;
  font-size: 60px;
  display: block;
  z-index: 101;
  width: 12%;
  height: 21%;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.h-300 {
  height: 300px;
}

.contentGridStand {
  min-height: 320px;
}

@media (max-width: 640px) {
  .contentGridStand > div {
    display: block !important;
    width: 100%;
  }
  .grid {
    display: unset !important;
  }
  .bgBrochure {
    border-right: 0;
  }
  .bgChat {
    border-right: 0;
    border-bottom: 1px solid silver;
  }
  .bgBiglietto {
    border-bottom: 1px solid silver;
    border-right: 0;
  }
}