html, body {
    position: relative;
    height: 100%;
}
body {
    background: #ffffff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
  }
  @font-face {
      font-family: murou;
      src: url(../fonts/MURO.OTF);
  }
  @font-face {
      font-family: tondu;
      src: url(../fonts/TONDU_BETA.TTF);
  }
  @font-face {
      font-family: manksans;
      src: url(../fonts/MANKSANS.TTF);
  }
  @font-face {
      font-family: eligiblesans;
      src: url(../fonts/ELIGIBLESANS-REGULAR.TTF);
  }
  .letraeligible{
    font-family: eligiblesans;

  }
  .letramank{
    font-family: manksans;
  }
  .letratondu{
    font-family: tondu;
  }
  .letramuro{
    font-family: murou;
  }
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #5f1766;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.elementoinvisible{
  visibility: hidden;
}