.index-header .beam-bg img {
  transition: 3s; }

.index-target .desktop-animation img {
  transition: 1s; }

.index-target .desktop-animation img:nth-of-type(1) {
  transition-delay: 1.5s; }

.index-target .desktop-animation img:nth-of-type(2) {
  transition-delay: 1s; }

.index-target .desktop-animation img:nth-of-type(3) {
  transition-delay: 0.5s; }

.index-target .desktop-animation img:nth-of-type(4) {
  transition-delay: 0s; }

@-webkit-keyframes cloud {
  0% {
    left: -20%;
    opacity: 0; }
  10% {
    left: -6%;
    opacity: 1; }
  90% {
    left: 106%;
    opacity: 1; }
  100% {
    left: 120%;
    opacity: 0; } }

@keyframes cloud {
  0% {
    left: -20%;
    opacity: 0; }
  10% {
    left: -6%;
    opacity: 1; }
  90% {
    left: 106%;
    opacity: 1; }
  100% {
    left: 120%;
    opacity: 0; } }

@-webkit-keyframes cloudRight {
  0% {
    right: -20%;
    opacity: 0; }
  10% {
    right: -6%;
    opacity: 1; }
  90% {
    right: 106%;
    opacity: 1; }
  100% {
    right: 120%;
    opacity: 0; } }

@keyframes cloudRight {
  0% {
    right: -20%;
    opacity: 0; }
  10% {
    right: -6%;
    opacity: 1; }
  90% {
    right: 106%;
    opacity: 1; }
  100% {
    right: 120%;
    opacity: 0; } }

@-webkit-keyframes BaloonMove {
  0% {
    transform: translateY(0px); }
  25% {
    transform: translateY(5px); }
  50% {
    transform: translateY(0px); }
  75% {
    transform: translateY(-8px); }
  100% {
    transform: translateY(0px); } }

@keyframes BaloonMove {
  0% {
    transform: translateY(0px); }
  25% {
    transform: translateY(5px); }
  50% {
    transform: translateY(0px); }
  75% {
    transform: translateY(-8px); }
  100% {
    transform: translateY(0px); } }

@-webkit-keyframes BaloonSmudges1 {
  0% {
    top: 8%; }
  25% {
    top: 10%; }
  50% {
    top: 8%; }
  75% {
    top: 6%; }
  100% {
    top: 8%; } }

@keyframes BaloonSmudges1 {
  0% {
    top: 8%; }
  25% {
    top: 10%; }
  50% {
    top: 8%; }
  75% {
    top: 6%; }
  100% {
    top: 8%; } }

@-webkit-keyframes BaloonSmudges2 {
  0% {
    top: 20%; }
  25% {
    top: 22%; }
  50% {
    top: 20%; }
  75% {
    top: 18%; }
  100% {
    top: 20%; } }

@keyframes BaloonSmudges2 {
  0% {
    top: 20%; }
  25% {
    top: 22%; }
  50% {
    top: 20%; }
  75% {
    top: 18%; }
  100% {
    top: 20%; } }

@-webkit-keyframes BaloonSmudges3 {
  0% {
    top: 35%; }
  25% {
    top: 37%; }
  50% {
    top: 35%; }
  75% {
    top: 33%; }
  100% {
    top: 35%; } }

@keyframes BaloonSmudges3 {
  0% {
    top: 35%; }
  25% {
    top: 37%; }
  50% {
    top: 35%; }
  75% {
    top: 33%; }
  100% {
    top: 35%; } }

@-webkit-keyframes BaloonSmudges4 {
  0% {
    bottom: 10%; }
  25% {
    bottom: 12%; }
  50% {
    bottom: 10%; }
  75% {
    bottom: 8%; }
  100% {
    bottom: 10%; } }

@keyframes BaloonSmudges4 {
  0% {
    bottom: 10%; }
  25% {
    bottom: 12%; }
  50% {
    bottom: 10%; }
  75% {
    bottom: 8%; }
  100% {
    bottom: 10%; } }

@-webkit-keyframes BaloonSmudges5 {
  0% {
    bottom: 35%; }
  25% {
    bottom: 37%; }
  50% {
    bottom: 35%; }
  75% {
    bottom: 33%; }
  100% {
    bottom: 35%; } }

@keyframes BaloonSmudges5 {
  0% {
    bottom: 35%; }
  25% {
    bottom: 37%; }
  50% {
    bottom: 35%; }
  75% {
    bottom: 33%; }
  100% {
    bottom: 35%; } }

@-webkit-keyframes Bird1 {
  0% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  5% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  10% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  15% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  20% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  25% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  30% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  60% {
    transform: translateX(110%) translateY(-70%) rotate(-10deg); }
  100% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); } }

@keyframes Bird1 {
  0% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  5% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  10% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  15% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  20% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  25% {
    transform: translateX(110%) translateY(-40%) rotate(-40deg); }
  30% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); }
  60% {
    transform: translateX(110%) translateY(-70%) rotate(-10deg); }
  100% {
    transform: translateX(110%) translateY(-80%) rotate(0deg); } }

@-webkit-keyframes Bird2 {
  0% {
    transform: translateX(0%) translateY(0%); }
  5% {
    transform: translateX(5%) translateY(-40%); }
  10% {
    transform: translateX(7%) translateY(-20%); }
  15% {
    transform: translateX(10%) translateY(-80%); }
  20% {
    transform: translateX(12%) translateY(-60%); }
  25% {
    transform: translateX(15%) translateY(-120%); }
  30% {
    transform: translateX(18%) translateY(-100); }
  60% {
    transform: translateX(9%) translateY(-50%); }
  100% {
    transform: translateX(0%) translateY(0%); } }

@keyframes Bird2 {
  0% {
    transform: translateX(0%) translateY(0%); }
  5% {
    transform: translateX(5%) translateY(-40%); }
  10% {
    transform: translateX(7%) translateY(-20%); }
  15% {
    transform: translateX(10%) translateY(-80%); }
  20% {
    transform: translateX(12%) translateY(-60%); }
  25% {
    transform: translateX(15%) translateY(-120%); }
  30% {
    transform: translateX(18%) translateY(-100); }
  60% {
    transform: translateX(9%) translateY(-50%); }
  100% {
    transform: translateX(0%) translateY(0%); } }

@-webkit-keyframes rotatePlay {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotatePlay {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes lata11 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata11 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata10 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(50px) translateX(100px) rotate(2deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-40px) translateX(-10px) rotate(-25deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata10 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(50px) translateX(100px) rotate(2deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-40px) translateX(-10px) rotate(-25deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata9 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata9 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata8 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(-25px) rotate(25deg); }
  50% {
    transform: translateY(50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(50px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata8 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(-25px) rotate(25deg); }
  50% {
    transform: translateY(50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(50px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata7 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata7 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata6 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata6 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata5 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata5 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(120px) rotate(25deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata4 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(50px) translateX(100px) rotate(2deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-40px) translateX(-10px) rotate(-25deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata4 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(100px) rotate(2deg); }
  50% {
    transform: translateY(-100px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-40px) translateX(-10px) rotate(-25deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata3 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata3 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata2 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(-25px) rotate(25deg); }
  50% {
    transform: translateY(50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(50px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata2 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-50px) translateX(-25px) rotate(25deg); }
  50% {
    transform: translateY(50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(-60px) translateX(50px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes lata1 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@keyframes lata1 {
  0% {
    transform: translateY(0px) translateX(0px) rotate(0deg); }
  25% {
    transform: translateY(-20px) translateX(-50px) rotate(25deg); }
  50% {
    transform: translateY(-50px) translateX(0px) rotate(0deg); }
  75% {
    transform: translateY(60px) translateX(80px) rotate(-15deg); }
  100% {
    transform: translateY(0px) translateX(0px) rotate(0deg); } }

@-webkit-keyframes screen-1-txt-cursor-blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes screen-1-txt-cursor-blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes screen-1-cursor {
  0% { }
  10% {
    top: 46%;
    left: 24%; }
  20% {
    top: 46%;
    left: 24%; }
  30% {
    top: 59%;
    left: 12%; }
  80% {
    top: 59%;
    left: 12%; }
  90% {
    top: 80%;
    left: 42%; }
  100% {
    top: 80%;
    left: 42%; } }

@keyframes screen-1-cursor {
  0% { }
  10% {
    top: 46%;
    left: 24%; }
  20% {
    top: 46%;
    left: 24%; }
  30% {
    top: 59%;
    left: 12%; }
  80% {
    top: 59%;
    left: 12%; }
  90% {
    top: 80%;
    left: 42%; }
  100% {
    top: 80%;
    left: 42%; } }

@-webkit-keyframes screen-1-check {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes screen-1-check {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes screen-1-input-active {
  0% {
    opacity: 0; }
  35% {
    opacity: 0; }
  98% {
    opacity: 1; } }

@keyframes screen-1-input-active {
  0% {
    opacity: 0; }
  35% {
    opacity: 0; }
  98% {
    opacity: 1; } }

@-webkit-keyframes screen-1-txt-cursor {
  0% {
    opacity: 0; }
  35% {
    opacity: 0; }
  38% {
    opacity: 1;
    left: 13%; }
  41% {
    opacity: 1;
    left: 16.7%; }
  44% {
    opacity: 1;
    left: 19.7%; }
  47% {
    opacity: 1;
    left: 22.5%; }
  50% {
    opacity: 1;
    left: 23.2%; }
  53% {
    opacity: 1;
    left: 25.5%; }
  56% {
    opacity: 1;
    left: 27.9%; }
  59% {
    opacity: 1;
    left: 30%; }
  62% {
    opacity: 1;
    left: 31.7%; }
  65% {
    opacity: 1;
    left: 33.2%; }
  68% {
    opacity: 1;
    left: 34%; }
  71% {
    opacity: 1;
    left: 36.2%; }
  74% {
    opacity: 1;
    left: 38.5%; }
  77% {
    opacity: 1;
    left: 39.5%; }
  80% {
    opacity: 1;
    left: 42%; }
  83% {
    opacity: 1;
    left: 44%; }
  95% {
    opacity: 1;
    left: 44%; }
  100% {
    opacity: 0;
    left: 44%; } }

@keyframes screen-1-txt-cursor {
  0% {
    opacity: 0; }
  35% {
    opacity: 0; }
  38% {
    opacity: 1;
    left: 13%; }
  41% {
    opacity: 1;
    left: 16.7%; }
  44% {
    opacity: 1;
    left: 19.7%; }
  47% {
    opacity: 1;
    left: 22.5%; }
  50% {
    opacity: 1;
    left: 23.2%; }
  53% {
    opacity: 1;
    left: 25.5%; }
  56% {
    opacity: 1;
    left: 27.9%; }
  59% {
    opacity: 1;
    left: 30%; }
  62% {
    opacity: 1;
    left: 31.7%; }
  65% {
    opacity: 1;
    left: 33.2%; }
  68% {
    opacity: 1;
    left: 34%; }
  71% {
    opacity: 1;
    left: 36.2%; }
  74% {
    opacity: 1;
    left: 38.5%; }
  77% {
    opacity: 1;
    left: 39.5%; }
  80% {
    opacity: 1;
    left: 42%; }
  83% {
    opacity: 1;
    left: 44%; }
  95% {
    opacity: 1;
    left: 44%; }
  100% {
    opacity: 0;
    left: 44%; } }

@-webkit-keyframes screen-1-txt-curtine {
  0% {
    opacity: 1;
    left: 13%; }
  35% {
    opacity: 1;
    left: 13%; }
  38% {
    opacity: 1;
    left: 13%; }
  41% {
    opacity: 1;
    left: 16.7%; }
  44% {
    opacity: 1;
    left: 19.7%; }
  47% {
    opacity: 1;
    left: 22.5%; }
  50% {
    opacity: 1;
    left: 23.2%; }
  53% {
    opacity: 1;
    left: 25.5%; }
  56% {
    opacity: 1;
    left: 27.9%; }
  59% {
    opacity: 1;
    left: 30%; }
  62% {
    opacity: 1;
    left: 31.7%; }
  65% {
    opacity: 1;
    left: 33.2%; }
  68% {
    opacity: 1;
    left: 34%; }
  71% {
    opacity: 1;
    left: 36.2%; }
  74% {
    opacity: 1;
    left: 38.5%; }
  77% {
    opacity: 1;
    left: 39.5%; }
  80% {
    opacity: 1;
    left: 42%; }
  83% {
    opacity: 1;
    left: 44%; }
  90% {
    opacity: 1;
    left: 44%; }
  100% {
    opacity: 1;
    left: 44%; } }

@keyframes screen-1-txt-curtine {
  0% {
    opacity: 1;
    left: 13%; }
  35% {
    opacity: 1;
    left: 13%; }
  38% {
    opacity: 1;
    left: 13%; }
  41% {
    opacity: 1;
    left: 16.7%; }
  44% {
    opacity: 1;
    left: 19.7%; }
  47% {
    opacity: 1;
    left: 22.5%; }
  50% {
    opacity: 1;
    left: 23.2%; }
  53% {
    opacity: 1;
    left: 25.5%; }
  56% {
    opacity: 1;
    left: 27.9%; }
  59% {
    opacity: 1;
    left: 30%; }
  62% {
    opacity: 1;
    left: 31.7%; }
  65% {
    opacity: 1;
    left: 33.2%; }
  68% {
    opacity: 1;
    left: 34%; }
  71% {
    opacity: 1;
    left: 36.2%; }
  74% {
    opacity: 1;
    left: 38.5%; }
  77% {
    opacity: 1;
    left: 39.5%; }
  80% {
    opacity: 1;
    left: 42%; }
  83% {
    opacity: 1;
    left: 44%; }
  90% {
    opacity: 1;
    left: 44%; }
  100% {
    opacity: 1;
    left: 44%; } }

@-webkit-keyframes screen-1-btn {
  0% {
    transform: scale(1); }
  96% {
    transform: scale(1); }
  97% {
    transform: scale(0.95); }
  98% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }

@keyframes screen-1-btn {
  0% {
    transform: scale(1); }
  96% {
    transform: scale(1); }
  97% {
    transform: scale(0.95); }
  98% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes screen-2-graph {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@keyframes screen-2-graph {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

@-webkit-keyframes screen-2-cloud-1 {
  0% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  40% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  43% {
    opacity: 1;
    transform: translateY(0%) scale(1.05); }
  44% {
    opacity: 1;
    transform: translateY(0%) scale(1); }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1); } }

@keyframes screen-2-cloud-1 {
  0% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  40% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  43% {
    opacity: 1;
    transform: translateY(0%) scale(1.05); }
  44% {
    opacity: 1;
    transform: translateY(0%) scale(1); }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1); } }

@-webkit-keyframes screen-2-cloud-2 {
  0% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  70% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  73% {
    opacity: 1;
    transform: translateY(0%) scale(1.05); }
  74% {
    opacity: 1;
    transform: translateY(0%) scale(1); }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1); } }

@keyframes screen-2-cloud-2 {
  0% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  70% {
    opacity: 0;
    transform: translateY(-30%) scale(0.5); }
  73% {
    opacity: 1;
    transform: translateY(0%) scale(1.05); }
  74% {
    opacity: 1;
    transform: translateY(0%) scale(1); }
  100% {
    opacity: 1;
    transform: translateY(0%) scale(1); } }

@-webkit-keyframes screen-2-price-1 {
  0% {
    opacity: 1;
    transform: scale(1); }
  45% {
    opacity: 1;
    transform: scale(1); }
  48% {
    opacity: 0;
    transform: scale(1.2); }
  49% {
    opacity: 0;
    transform: scale(1); }
  75% {
    opacity: 0;
    transform: scale(1); }
  78% {
    opacity: 0;
    transform: scale(1.2); }
  79% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }

@keyframes screen-2-price-1 {
  0% {
    opacity: 1;
    transform: scale(1); }
  45% {
    opacity: 1;
    transform: scale(1); }
  48% {
    opacity: 0;
    transform: scale(1.2); }
  49% {
    opacity: 0;
    transform: scale(1); }
  75% {
    opacity: 0;
    transform: scale(1); }
  78% {
    opacity: 0;
    transform: scale(1.2); }
  79% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }

@-webkit-keyframes screen-2-price-2 {
  0% {
    opacity: 0;
    transform: scale(1); }
  45% {
    opacity: 0;
    transform: scale(1); }
  48% {
    opacity: 1;
    transform: scale(1.2); }
  49% {
    opacity: 1;
    transform: scale(1); }
  75% {
    opacity: 1;
    transform: scale(1); }
  78% {
    opacity: 0;
    transform: scale(1.2); }
  79% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }

@keyframes screen-2-price-2 {
  0% {
    opacity: 0;
    transform: scale(1); }
  45% {
    opacity: 0;
    transform: scale(1); }
  48% {
    opacity: 1;
    transform: scale(1.2); }
  49% {
    opacity: 1;
    transform: scale(1); }
  75% {
    opacity: 1;
    transform: scale(1); }
  78% {
    opacity: 0;
    transform: scale(1.2); }
  79% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }

@-webkit-keyframes screen-2-price-3 {
  0% {
    opacity: 0;
    transform: scale(1); }
  45% {
    opacity: 0;
    transform: scale(1); }
  48% {
    opacity: 0;
    transform: scale(1.2); }
  49% {
    opacity: 0;
    transform: scale(1); }
  75% {
    opacity: 0;
    transform: scale(1); }
  78% {
    opacity: 1;
    transform: scale(1.2); }
  79% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes screen-2-price-3 {
  0% {
    opacity: 0;
    transform: scale(1); }
  45% {
    opacity: 0;
    transform: scale(1); }
  48% {
    opacity: 0;
    transform: scale(1.2); }
  49% {
    opacity: 0;
    transform: scale(1); }
  75% {
    opacity: 0;
    transform: scale(1); }
  78% {
    opacity: 1;
    transform: scale(1.2); }
  79% {
    opacity: 1;
    transform: scale(1); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@-webkit-keyframes scren-3-nav-top {
  0% {
    opacity: 0;
    transform: scale(0.95);
    transform-origin: 50% 50%; }
  50% {
    opacity: 1;
    transform: scale(1.025);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: 50% 50%; } }

@keyframes scren-3-nav-top {
  0% {
    opacity: 0;
    transform: scale(0.95);
    transform-origin: 50% 50%; }
  50% {
    opacity: 1;
    transform: scale(1.025);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: 50% 50%; } }

@-webkit-keyframes scren-3-graph {
  0% {
    opacity: 0;
    transform: scale(0.5);
    transform-origin: 50% 50%; }
  50% {
    opacity: 1;
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: 50% 50%; } }

@keyframes scren-3-graph {
  0% {
    opacity: 0;
    transform: scale(0.5);
    transform-origin: 50% 50%; }
  50% {
    opacity: 1;
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1);
    transform-origin: 50% 50%; } }

@-webkit-keyframes scren-3-nav-left {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0%);
    transform-origin: 50% 50%; } }

@keyframes scren-3-nav-left {
  0% {
    opacity: 0;
    transform: scale(1) translateX(-20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1) translateX(0%);
    transform-origin: 50% 50%; } }

@-webkit-keyframes scren-3-content {
  0% {
    opacity: 0;
    transform: scale(1.05) translateY(20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0%);
    transform-origin: 50% 50%; } }

@keyframes scren-3-content {
  0% {
    opacity: 0;
    transform: scale(1.05) translateY(20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0%);
    transform-origin: 50% 50%; } }

@-webkit-keyframes screen-4-info {
  0% {
    opacity: 0;
    transform: translateY(-20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: translateY(0%);
    transform-origin: 50% 50%; } }

@keyframes screen-4-info {
  0% {
    opacity: 0;
    transform: translateY(-20%);
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform: translateY(0%);
    transform-origin: 50% 50%; } }

@-webkit-keyframes screen-4-heart {
  0% {
    opacity: 0;
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform-origin: 50% 50%; } }

@keyframes screen-4-heart {
  0% {
    opacity: 0;
    transform-origin: 50% 50%; }
  100% {
    opacity: 1;
    transform-origin: 50% 50%; } }

@-webkit-keyframes screen-4-pulse {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  15% {
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  30% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  45% {
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  90% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%; } }

@keyframes screen-4-pulse {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  15% {
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  30% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  45% {
    transform: scale(1.1);
    transform-origin: 50% 50%; }
  90% {
    transform: scale(1);
    transform-origin: 50% 50%; }
  100% {
    transform: scale(1);
    transform-origin: 50% 50%; } }