.bag1.main-screen-animation {
  animation-name: main-screen-top-right;
  animation-duration: 2.5s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-top-right;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

.bag2.main-screen-animation {
  animation-name: main-screen-top-left;
  animation-duration: 2.55s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-top-left;
  -webkit-animation-duration: 2.55s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

.bag3.main-screen-animation {
  animation-name: main-screen-middle-right;
  animation-duration: 2.6s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-middle-right;
  -webkit-animation-duration: 2.6s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

.bag4.main-screen-animation {
  animation-name: main-screen-middle-left;
  animation-duration: 2.65s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-middle-left;
  -webkit-animation-duration: 2.65s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

.bag5.main-screen-animation {
  animation-name: main-screen-bottom-right;
  animation-duration: 2.7s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-bottom-right;
  -webkit-animation-duration: 2.7s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}

.bag6.main-screen-animation {
  animation-name: main-screen-bottom-left;
  animation-duration: 2.75s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-delay: 0s;
  animation-play-state: running;
  animation-fill-mode: forwards;
  -webkit-animation-name: main-screen-bottom-left;
  -webkit-animation-duration: 2.75s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-delay: 0s;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
}


@keyframes main-screen-top-right {
  0%   {
    transform: translate3d(4000px, -4000px, 0px);
  }

  90% {
    transform: translate3d(-5px, 5px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-top-right {
  0%   {
    -webkit-transform: translate3d(4000px, -4000px, 0px);
  }

  90% {
    -webkit-transform: translate3d(-5px, 5px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}



@keyframes main-screen-top-left {
  0%   {
    transform: translate3d(-4000px, -4000px, 0px);
  }

  90% {
    transform: translate3d(5px, 5px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-top-left {
  0%   {
    -webkit-transform: translate3d(-4000px, -4000px, 0px);
  }

  90% {
    -webkit-transform: translate3d(5px, 5px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}




@keyframes main-screen-middle-right {
  0%   {
    transform: translate3d(4000px, 0px, 0px);
  }

  90% {
    transform: translate3d(-5px, 0px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-middle-right {
  0%   {
    -webkit-transform: translate3d(4000px, 0px, 0px);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}



@keyframes main-screen-middle-left {
  0%   {
    transform: translate3d(-4000px, 0px, 0px);
  }

  90% {
    transform: translate3d(5px, 0px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-middle-left {
  0%   {
    -webkit-transform: translate3d(-4000px, 0px, 0px);
  }

  90% {
    -webkit-transform: translate3d(5px, 0px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}



@keyframes main-screen-bottom-right {
  0%   {
    transform: translate3d(4000px, 4000px, 0px);
  }

  90% {
    transform: translate3d(-5px, -5px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-bottom-right {
  0%   {
    -webkit-transform: translate3d(4000px, 4000px, 0px);
  }

  90% {
    -webkit-transform: translate3d(-5px, -5px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}




@keyframes main-screen-bottom-left {
  0%   {
    transform: translate3d(-4000px, 4000px, 0px);
  }

  90% {
    transform: translate3d(5px, -5px, 0px);
  }

  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes main-screen-bottom-left {
  0%   {
    -webkit-transform: translate3d(-4000px, 4000px, 0px);
  }

  90% {
    -webkit-transform: translate3d(5px, -5px, 0px);
  }

  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
}