.Page {
  display: none;
}

.Page.Active {
  display: inline-flex;
}

.Box {
  visibility: hidden;
}

.Box.Active {
  visibility: visible;
}

.section {
  display: none;
  min-height: 700px;
}

.section.Active {
  display: block;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.Lb1 {
  margin: 0;
  font-size: 24px;
}

@media (max-width: 420px) {
  .Lb1 {
    font-size: 14px;
  }
}

.Lbactive {
  background-color: red;
}

ul {
  list-style-image: url('../../assets/img/point.png');
}

.Ul {
  list-style-image: none;
  list-style-type: none;
}

.Ul.Active {
  list-style-image: url('../../assets/img/point.png');
  list-style-type: initial;
}

.Txt {
  display: none;
  overflow: hidden;
}

.Txtanim {
  display: block;
  animation: Textup 12s ease;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

@keyframes Textup {
  0% {
    transform: translateY(100%);
    /*opacity: 0;*/
  }
  100% {
    transform: translateY(-100%);
    /*opacity: 0;*/
  }
}