.talon__picture {
  margin: 10px 0 0;
  background: url(prikup-anons-stream-bg_fill.jpg) repeat-x;
}

.talon_scene {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1600px;
}

.talon_note {
  position: absolute;
  left: 65%;
  top: 10%;
  width: 25%;
  color: #fff;
  text-align: left;
  font-style: italic;
  font-size: 15px;
  max-width: 300px;
}

.talon_hand {
  position: absolute;
  top: 0;
  left: 71.3%;
  width: 16.75%;

  -webkit-transition: all 1.2s linear 0.7s;
  transition: all 1.2s linear 0.7s;
}

.running .talon_hand {
  -webkit-transform: translate(-310%, 0);
  transform: translate(-310%, 0);
}

.talon_card {
  position: absolute;
  width: 7.6875%;
  height: auto;
  top: 44.5%;
  opacity: 0;
}

.running .talon_card_1 {
  left: 36.1%;

  -webkit-animation: flip 0.5s linear 1.7s forwards;
  animation: flip 0.5s linear 1.7s forwards;
}

.running .talon_card_2 {
  left: 45.7%;

  -webkit-animation: flip 0.5s linear 1.5s forwards;
  animation: flip 0.5s linear 1.5s forwards;
}

.running .talon_card_3 {
  left: 55.3%;

  -webkit-animation: flip 0.5s linear 1.3s forwards;
  animation: flip 0.5s linear 1.3s forwards;
}

.running .talon_card_4 {
  left: 64.9%;

  -webkit-animation: flip 0.5s linear 1.1s forwards;
  animation: flip 0.5s linear 1.1s forwards;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(180deg);
    transform: perspective(400px) rotateY(180deg);
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(-40deg);
    transform: perspective(400px) rotateY(-40deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(30deg);
    transform: perspective(400px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}


@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(180deg);
    transform: perspective(400px) rotateY(180deg);
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }

  60% {
    -webkit-transform: perspective(400px) rotateY(-40deg);
    transform: perspective(400px) rotateY(-40deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(30deg);
    transform: perspective(400px) rotateY(30deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}