.fade-out-bck {
    -webkit-animation: fade-out-bck 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: fade-out-bck 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  @-webkit-keyframes fade-out-bck {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-80px);
              transform: translateZ(-80px);
      opacity: 0;
    }
  }
  @keyframes fade-out-bck {
    0% {
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(-80px);
              transform: translateZ(-80px);
      opacity: 0;
    }
  }
  
  .slide-in-right {
      -webkit-animation: slide-in-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: slide-in-right 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
   @-webkit-keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  
  .slide-in-left {
      -webkit-animation: slide-in-left 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: slide-in-left 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  @-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  
  
  .movemain {
      -webkit-animation: movemain 0.5s linear both;
              animation: movemain 0.5s linear both;
  }
  @-webkit-keyframes movemain {
    0% {
      transform: translateX(0px);
      opacity: 1;
    }
    100% {
      transform: translateX(250px);
      opacity: 0.4;
    }
  }
  @keyframes movemain {
    0% {
      transform: translateX(0px);
      opacity: 1;
    }
    100% {
      transform: translateX(250px);
      opacity: 0.4;
    }
  }
  
  .getmain {
      -webkit-animation: getmain 0.5s linear both;
            animation: getmain 0.5s linear both;
            max-width: 100vw;
  }
  @-webkit-keyframes getmain {
    0% {
      transform: translateX(250px);
      opacity: 0.4;
    }
    100% {
         transform: translateX(0px);
      opacity: 1;
    }
  }
  @keyframes getmain {
    0% {
      transform: translateX(250px);
      opacity: 0.4;
    }
    100% {
         transform: translateX(0px);
      opacity: 1;
    }
  }