.AncoraTop {
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  position: absolute; }

.ancoraBot {
  width: 10px;
  height: 10px;
  left: 0;
  bottom: 0;
  position: absolute; }

div {
  position: relative;
  display: block; }

.pixelline {
  top: 40px;
  height: 0px;
  width: 2px;
  background-color: #fedb48;
  float: right;
  right: -60px; }
  @media only screen and (min-width: 980px) and (max-width: 1279px) {
    .pixelline {
      right: -50px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .pixelline {
      right: -50px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .pixelline {
      top: -70px;
      right: 120px; } }
  @media only screen and (max-width: 479px) {
    .pixelline {
      top: -100px;
      right: 100px; } }

.animLineGial {
  top: 40px;
  height: 330px;
  width: 2px;
  background-color: #fedb48;
  float: right;
  right: -60px;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out; }
  @media only screen and (min-width: 980px) and (max-width: 1279px) {
    .animLineGial {
      right: -50px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .animLineGial {
      right: -50px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .animLineGial {
      top: -70px;
      right: 120px; } }
  @media only screen and (max-width: 479px) {
    .animLineGial {
      top: -100px;
      right: 100px; } }

.pallino {
  background-color: #fedb48;
  top: 325px;
  margin-left: -15px;
  animation: pallino 1s forwards;
  animation-delay: 1s; }

@keyframes pallino {
  0% {
    width: 2px;
    height: 2px;
    border-radius: 1px;
    margin-left: 0px; }
  100% {
    width: 30px;
    height: 30px;
    border-radius: 15px; } }
.cont-first-play {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 5px;
  top: 375px;
  margin-left: 537px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media only screen and (min-width: 980px) and (max-width: 1279px) {
    .cont-first-play {
      top: 375px;
      margin-left: 444px; } }
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .cont-first-play {
      top: 375px;
      margin-left: 344px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .cont-first-play {
      top: 265px;
      margin-left: 114px; } }
  @media only screen and (max-width: 479px) {
    .cont-first-play {
      top: 235px;
      margin-left: 104px; } }

.playYellow {
  animation: playYellow 1s forwards;
  position: absolute;
  top: -90px;
  margin-left: -95px; }

@keyframes playYellow {
  0% {
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #fedb48;
    top: 0px;
    margin-left: 0px; }
  100% {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: #fedb48; } }
.txtBallPlayAudioTip {
  width: 250px;
  position: absolute;
  margin-top: 150px;
  margin-left: -120px;
  font-size: 28px;
  color: #fdc714;
  text-align: center;
  display: none;
  animation: txtOneAudiotip 2s forwards; }
  .txtBallPlayAudioTip .audioIco {
    width: 34px;
    height: 31px;
    position: relative;
    float: left; }
  .txtBallPlayAudioTip .txt2 {
    font-size: 23px;
    margin-left: 45px;
    color: #c6c6c6;
    text-decoration: underline;
    float: left;
    position: absolute; }

@keyframes txtOneAudiotip {
  0% {
    margin-left: 0px;
    opacity: 0; }
  100% {
    margin-left: -120px;
    opacity: 1; } }
/* Start Waypoint 2 animatione message1*/
/*animazione pallino audio tip slide 6 */
/* NB 6 */
.contAudioTipSlideSeven {
  width: 70%;
  height: auto;
  position: relative;
  float: left; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .contAudioTipSlideSeven {
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .contAudioTipSlideSeven {
      width: 100%; } }
  .contAudioTipSlideSeven .yelloelineTwo {
    width: 2px;
    height: 0px;
    background-color: #fedb48;
    position: relative;
    left: 50%;
    margin-left: -1px;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
  .contAudioTipSlideSeven .playYellowTipTwo {
    animation: playYellowTwo 1s forwards;
    position: relative;
    top: 141px;
    margin-left: -100px;
    -webkit-animation-delay: 0.4s;
    /* Chrome, Safari, Opera */
    animation-delay: 0.4s; }
@keyframes playYellowTwo {
  0% {
    width: 2px;
    height: 2px;
    border-radius: 1px;
    background-color: #fedb48;
    top: 245px;
    margin-left: 0px; }
  100% {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: #fedb48; } }
.txtBallPlayAudioTipTwo {
  width: 250px;
  position: relative;
  margin-top: 130px;
  left: 50%;
  margin-left: -117px;
  font-size: 28px;
  color: #fdc714;
  display: none;
  text-align: center;
  -webkit-animation-delay: 1s;
  /* Chrome, Safari, Opera */
  animation-delay: 1s;
  animation: txtOneAudiotipTwo 2s forwards; }
@keyframes txtOneAudiotipTwo {
  0% {
    margin-left: -150px;
    opacity: 0; }
  100% {
    margin-left: -117px;
    opacity: 1; } }
  .txtBallPlayAudioTipTwo .audioIco {
    width: 34px;
    height: 31px;
    position: relative;
    float: left; }
  .txtBallPlayAudioTipTwo .txt2 {
    font-size: 23px;
    margin-left: 45px;
    color: #c6c6c6;
    text-decoration: underline;
    float: left;
    position: absolute; }

.boxtxt7 {
  margin-top: 90px;
  width: 100%;
  height: auto;
  float: right;
  display: none;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-animation-delay: 1s;
  /* Chrome, Safari, Opera */
  animation-delay: 1s;
  animation: boxtxt7 2s forwards; }
@keyframes boxtxt7 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .boxtxt7 .txtStandardTilte {
    width: 100%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    animation: txtStandardTilte7 2s forwards; }
@keyframes txtStandardTilte7 {
  0% {
    margin-left: 60px; }
  100% {
    margin-left: 0px; } }
  .boxtxt7 .txtStandardTxt {
    width: 100%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    animation: txtStandardTxt7 2s forwards; }
@keyframes txtStandardTxt7 {
  0% {
    margin-left: -60px; }
  100% {
    margin-left: 0px; } }
.conSliderScopri {
  height: auto;
  width: 100%;
  color: #ffffff;
  font-family: 'PT Sans Caption';
  position: absolute; }
.conSliderScopri .titScopri {
    width: 70%;
    /* left: 50%; */
    /* margin-left: -400px; */
    text-align: center;
    color: #ffffff;
    font-size: 31px;
    position: relative;
    font-family: 'PT Sans Caption';
    margin-top: 60px;
    padding-bottom: 30px;
    -webkit-animation: titScopri 2s;
    margin: auto;
    margin-top: 45px;
    animation: titScopri 2s;
    animation-play-state: paused linear;
}
@keyframes titScopri {
  0% {
    opacity: 0;
    margin-top: 150px; }
  100% {
    opacity: 1;
    margin-top: 45px; } }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      .conSliderScopri .titScopri {
        margin-top: 60px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .conSliderScopri .titScopri {
        margin-top: 30px; } }
    @media only screen and (max-width: 479px) {
      .conSliderScopri .titScopri {
        font-size: 20px;
        width: 200px;
        left: 50%;
        margin-left: -100px;
        margin-top: 30px;
        padding-bottom: 10px; }
      @keyframes titScopri {
        0% {
          opacity: 0;
          margin-left: -60px; }
        100% {
          opacity: 1;
          margin-left: -100px; } } }
  .conSliderScopri .btScopri {
    width: 200px;
    height: 40px;
    padding-top: 8px;
    left: 50%;
    margin-left: -100px;
    font-size: 20px;
    text-align: center;
    color: #fedb48;
    background-color: #ffffff;
    position: relative;
    -webkit-animation: btScopri 2s;
    animation: btScopri 2s;
    animation-play-state: paused linear; }
@keyframes btScopri {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=mywaypoint.css.map */