/* .scrollwrapper-pagination.style-01 [tooltip="Happy People"],
.scrollwrapper-pagination.style-01 [tooltip="Percorso Terapeutico 2"],
.scrollwrapper-pagination.style-01 [tooltip="neurostimolatore"],
.scrollwrapper-pagination.style-01 [tooltip="Video Teaser"] {
  display: none;
} */

.header {
  /* background: linear-gradient(to bottom, #ffffff, #f0f0f000); */
}

.title-color {
  color: #242e7c;
}

.contact-bg {
  background: #242e7c;
}

#nervoOne,
#nervoTwo,
#nervoThree,
#nervoFour,
#terapiaOne,
#terapiaTwo,
#terapiaThree,
#terapiaFour,
#terapiaFive,
#terapiaSix,
#medicinaOne,
#medicinaTwo,
#medicinaThree,
#medicinaSix,
#medicinaSeven,
#medicinaEight,
#percorsoFaqOne,
#percorsoFaqTwo,
#neurostimolatoreOne,
#neurostimolatoreTwo,
#neurostimolatoreThree,
#neurostimolatoreFour {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 20px;
  box-sizing: border-box;
  z-index: 1;
  height: 100%;
}

.visible-content {
  display: block !important;
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hidden-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  padding: 20px;
  font-size: 22px;
  transition: all 0.5s;
  z-index: 10;
}

#closeBtn,
#closeBtnTwo,
#closeBtnThree,
#closeBtnFour,
#closeBtnFive,
#closeBtnSix {
  position: absolute;
  top: 15%;
  right: 40px;
  cursor: pointer;
  z-index: 10000;
}
#closeBtn,
#closeBtnTwo .fa,
#closeBtnThree .fa,
#closeBtnFour .f,
#closeBtnFive .fa,
#closeBtnSix .fa {
  font-size: 26px;
}

#closeBtnTwo {
  right: 28px;
}

#contentContainer {
  height: 100%;
  position: relative;
}

#contentToShow,
#contentToShowTwo,
#contentToShowThree,
#contentToShowFour,
#contentToShowFive,
#contentToShowSix {
  position: absolute;
  top: 20%;
  left: 5%;
  padding: 20px 40px 20px 20px;
  box-sizing: border-box;
  z-index: 1;
  height: auto;
  font-size: 18px;
  width: 90%;
}

@media (min-width: 200px) and (max-width: 991px) {

  .scrollwrapper-pagination.style-01 [tooltip="Happy People"],
  .scrollwrapper-pagination.style-01 [tooltip="Percorso Terapeutico 2"],
  .scrollwrapper-pagination.style-01 [tooltip="neurostimolatore"],
  .scrollwrapper-pagination.style-01 [tooltip="Video Teaser"] {
    display: block;
  }

  .header {
    height: 95px;
  }
  .scrollwrapper-pagination.style-01 {
    right: 12px !important;
  }

  .op-mb {
    color: #000;
  }

  .bg-mb-none {
    display: none;
  }

  .bg-custom::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
  }

  #closeBtn,
  #closeBtnTwo,
  #closeBtnThree,
  #closeBtnFour,
  #closeBtnFive,
  #closeBtnSix {
    position: absolute;
    top: 10%;
    right: 20px;
    cursor: pointer;
    z-index: 10000;
  }

  #contentToShow,
  #contentToShowTwo,
  #contentToShowThree,
  #contentToShowFour,
  #contentToShowFive,
  #contentToShowSix {
    position: absolute;
    top: 7%;
    left: 0%;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
    height: auto;
    font-size: 18px;
    width: 100%;
  }
}