.desvanecer{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-fill-mode: both;

}

.desvanecer2{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: .5s;

  animation-fill-mode: both;

}

.desvanecer3{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: 1s;

  animation-fill-mode: both;

}

.desvanecer4{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: 1.5s;

  animation-fill-mode: both;

}

.desvanecer5{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: 2s;

  animation-fill-mode: both;

}

.desvanecer6{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: 2.5s;

  animation-fill-mode: both;

}

.desvanecer7{

  background-size: 500px 72px;

  width: 500px;

  height: 72px;

  animation-duration: .5s;

  animation-name: slidein;

  animation-delay: 3s;

  animation-fill-mode: both;

}


.desvanecer:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer2:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer3:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer4:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer5:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer6:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}
.desvanecer7:hover{
  border-radius: 13px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  box-shadow: 0px 0px 10px 6px #02a6ea80
}

.opaco{

  background-size: 82%;

  background-repeat: no-repeat;

  width: 413px;

  height: 492px;

  animation-duration: 4s;

  animation-name: slidein2;

  animation-fill-mode: both;

}


@keyframes aopaco{

  0%    { opacity: 0; }

  100%  { opacity: 1; }

}


@keyframes slidein {

  0%{width:0px;}

  100%{width: 500px;}

}

@keyframes slidein2 {

  0%{height:0px;}

  100%{height: 492px;}

}




/* FIN EFECTOS */

.h3Index{
  padding: 3%;
  width: 100%;
  border: 9px solid;
  font-size: 30pt;
  font-family: fantasy;
}


.section{

  text-align:center;
  height: 120vh;
}



hr {

  height: 1px;

  background-color: white;

}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {

  height: auto !important;

}


.circuloEmpresa{
  width: 422px;
  height:500px;
  background-size: contain;
  background-repeat: no-repeat;
}

.semicirculo{
  display: block;
}

/* holdingNovaGroup */
.holdingNovaGroup{
  padding-top: 10% !important;
}

.seccionInicioTexto{
  padding-top: 23%;
}

.holdingWeb{
  display: block;
}

.holdingMobile{
  display: none;
}

.circuloEmpresa img#logo{
  width:100%;
  align-self: center;
}

.contCirculo{
  z-index: 1;
  position: absolute;
  left: 20px;
  top: 32px;
}

/* mobile */

@media screen and (max-width: 600px) {

  .holdingWeb{
    display: none;
  }

  .holdingMobile{
    display: block;
  }

  .seccionInicioTexto {
    padding-top: 58%;
  }

  .seccionHoldings{
    height: auto !important;
  }

  .holdingNova{
    position: inherit !important;
  }

  .fp-tableCell{
    height: auto !important;
  }

  .fp-scrollable{
    height: auto !important;
  }

  .contCirculo{
    position: initial !important;
    height: 200px !important;
  }

  .circuloEmpresa{
    width: 250px;
    position: absolute;
    top: 7%;
    left: 30%;
    height: 150px;
  }

  .semicirculo{
    display: block;
  }

  .holdingNova{
    position: inherit;
  }

  .circuloEmpresa img#logo{
    width:70%;
    align-self: auto !important;
    position: absolute;
    left: -5%;
    top: 10px;
  }

  .circuloEmpresa h2{
    position: absolute;
    left: 11%;
    top: 96px;
    font-size: 16pt;
  }

  .holdingMobile img{
    width: 95%;
    height: 60px;
    margin-bottom: 2%;

  }

  .holdingNovaGroup{
    padding: 0px;
  }

}

@media screen and (orientation:landscape)
and (min-device-width: 300px)
and (max-device-width: 850px) {

  .h3Index{
    padding: 2%;
    width: 100%;
    border: 7px solid;
    font-size: 26pt;
    font-family: fantasy;
  }

  .holdingWeb{
    display: none;
  }

  .holdingMobile{
    display: block;
  }

  .seccionInicioTexto {
    padding-top: 22%;
  }

  .seccionHoldings{
    height: auto !important;
  }

  .holdingNova{
    position: inherit !important;
  }

  .fp-tableCell{
    height: auto !important;
  }

  .fp-scrollable{
    height: auto !important;
  }

  .contCirculo{
    position: initial !important;
    height: 200px !important;
  }

  .circuloEmpresa{
    width: 250px;
    position: absolute;
    top: 7%;
    left: 30%;
    height: 150px;
  }

  .semicirculo{
    display: none;
  }

  .holdingNova{
    position: inherit;
  }

  .circuloEmpresa img#logo{
    width:70%;
    align-self: auto !important;
    position: absolute;
    left: -5%;
    top: 10px;
  }

  .circuloEmpresa h2{
    position: absolute;
    left: 11%;
    top: 96px;
    font-size: 16pt;
  }

  .holdingMobile img{
    width: 95%;
    height: 60px;
    margin-bottom: 2%;
  }

  .holdingNovaGroup{
    padding: 0px;
  }
}

/* tablet portrait*/
@media (min-width: 800px) and (max-width: 1199px) and (orientation:portrait) {

  .txtIndex{
    margin-left: 50%;
    width: 100%;
  }
  /* fuerzo a que no aparesca la linea */
  .d-sm-block{
    display: none !important;
  }

  .h3Index{
    padding: 2%;
    width: 200%;
    border: 7px solid;
    font-size: 26pt;
    font-family: fantasy;
  }

  .holdingWeb{
    display: none;
  }

  .holdingMobile{
    display: block;
    position: relative;
    height: 50vh; /*600px*/
    /* width: 121%; */
    left: -38%;
    top: 169px;
  }

  .seccionInicioTexto {
    padding-top: 58%;
  }

  .seccionHoldings{
    height: auto !important;
  }

  .holdingNova{
    position: inherit !important;
  }

  .fp-tableCell{
    height: auto !important;
  }

  .fp-scrollable{
    height: auto !important;
  }

  .contCirculo{
    position: relative !important;
    height: 200px !important;
    left: 23%;
    top: -62px;
  }

  .circuloEmpresa{
    width: 250px;
    position: absolute;
    top: 7%;
    left: 30%;
    height: 150px;
  }

  .semicirculo{
    display: block;
  }

  .holdingNova{
    position: inherit;
  }

  .circuloEmpresa img#logo{
    width:70%;
    align-self: auto !important;
    position: absolute;
    left: -5%;
    top: 10px;
  }

  .circuloEmpresa h2{
    position: absolute;
    left: 11%;
    top: 96px;
    font-size: 16pt;
  }

  .holdingMobile img {
    width: 427px;
    height: 60px;
    margin-bottom: 7%;
  }

  .holdingNovaGroup{
    padding: 0px;
  }

}