/* animate .animation_left
 * ------------------------------------------------------------------- */
 .animation_left {
    position: absolute;
    /* left: 0px;
    top: 100px;
    padding-right: 0px;
    padding-left:  0px; */
    /* width: 100vw; */
    /* height: 100vh; */
    opacity: 0.8;
  }
  
   .animation_left.preload {
    opacity: 0;
  }
  
  .animation_left.moveIn {
    animation-duration: 0.5s;
    -webkit-animation-name: left_moveIn;
    animation-name: left_moveIn;
  }
  
  @-webkit-keyframes left_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes left_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_left.moveOut {
    animation-duration: 2s;
    -webkit-animation-name: left_moveOut;
    animation-name: left_moveOut;
  }
  
  @-webkit-keyframes left_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
  }
  
  @keyframes left_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_right
   * ------------------------------------------------------------------- */
   .animation_right {
    position: absolute;
    right: 0px;
    top: 35%;
    padding-right: 0px;
    /* width: 100%; */
    /* height: 100%; */
    float:right;
  }
  
   .animation_right.preload {
    opacity: 0;
  }
  
  .animation_right.moveIn {
    animation-duration: 1s;
    -webkit-animation-name: right_moveIn;
    animation-name: right_moveIn;
  }
  
  @-webkit-keyframes right_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  
  }
  
  @keyframes right_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  }
  
  .animation_right.moveOut {
    animation-duration: 1.5s;
    -webkit-animation-name: right_moveOut;
    animation-name: right_moveOut;
  }
  
  @-webkit-keyframes right_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  
  }
  
  @keyframes right_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_bottom
   * ------------------------------------------------------------------- */
   .animation_bottom {
    position: absolute;
    top:105%;
    left: 0px;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_bottom.preload {
    opacity: 0;
  }
  
  .animation_bottom.moveIn {
    animation-duration: 1.5s;
    -webkit-animation-name: bottom_moveIn;
    animation-name: bottom_moveIn;
  }
  
  @-webkit-keyframes bottom_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes bottom_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_bottom.moveOut {
    animation-duration: 1s;
    -webkit-animation-name: bottom_moveOut;
    animation-name: bottom_moveOut;
  }
  
  @-webkit-keyframes bottom_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
  }
  
  @keyframes bottom_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_car1
   * ------------------------------------------------------------------- */
   .animation_car1 {
    position: absolute;
    top: 40%;
    left: 20%;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_car1.preload {
    opacity: 0;
  }
  
  .animation_car1.moveIn {
    animation-duration: 1.5s;
    -webkit-animation-name: car1_moveIn;
    animation-name: car1_moveIn;
  }
  
  @-webkit-keyframes car1_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes car1_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_car1.moveOut {
    animation-duration: 1s;
    -webkit-animation-name: car1_moveOut;
    animation-name: car1_moveOut;
  }
  
  @-webkit-keyframes car1_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
  }
  
  @keyframes car1_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_car2
   * ------------------------------------------------------------------- */
   .animation_car2 {
    position: absolute;
    top:65%;
    left: 43%;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_car2.preload {
    opacity: 0;
  }
  
  .animation_car2.moveIn {
    animation-duration: 1.5s;
    -webkit-animation-name: car2_moveIn;
    animation-name: car2_moveIn;
  }
  
  @-webkit-keyframes car2_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes car2_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_car2.moveOut {
    animation-duration: 1s;
    -webkit-animation-name: car2_moveOut;
    animation-name: car2_moveOut;
  }
  
  @-webkit-keyframes car2_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  
  }
  
  @keyframes car2_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, 300%, 0);
      -ms-transform: translate3d(0, 300%, 0);
      transform: translate3d(0, 300%, 0);
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_moto1
   * ------------------------------------------------------------------- */
   .animation_moto1 {
    position: absolute;
    top:55%;
    left: 85%;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_moto1.preload {
    opacity: 0;
  }
  
  .animation_moto1.moveIn {
    animation-duration: 1.5s;
    -webkit-animation-name: moto1_moveIn;
    animation-name: moto1_moveIn;
  }
  
  @-webkit-keyframes moto1_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes moto1_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_moto1.moveOut {
    animation-duration: 1s;
    -webkit-animation-name: moto1_moveOut;
    animation-name: moto1_moveOut;
  }
  
  @-webkit-keyframes moto1_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
  }
  
  @keyframes moto1_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  }
  /* -------------------------------------------------------------------*/
  
  /* animate .animation_label2
   * ------------------------------------------------------------------- */
   .animation_label2 {
    position: absolute;
    top:30%;
    left: 55%;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_label2.preload {
    opacity: 0;
  }
  
  .animation_label2.moveIn {
    animation-duration: 2s;
    -webkit-animation-name: label2_moveIn;
    animation-name: label2_moveIn;
  }
  
  @-webkit-keyframes label2_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, -200%, 0);
      -ms-transform: translate3d(0, -200%, 0);
      transform: translate3d(0, -200%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes label2_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, -200%, 0);
      -ms-transform: translate3d(0, -200%, 0);
      transform: translate3d(0, -200%, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_label2.moveOut {
    animation-duration: 0.5s;
    -webkit-animation-name: label2_moveOut;
    animation-name: label2_moveOut;
  }
  
  @-webkit-keyframes label2_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, -200%, 0);
      -ms-transform: translate3d(0, -200%, 0);
      transform: translate3d(0, -200%, 0);
    }
  
  }
  
  @keyframes label2_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(0, -200%, 0);
      -ms-transform: translate3d(0, -200%, 0);
      transform: translate3d(0, -200%, 0);
    }
  }
  /*------------------------------------------------------------------- */
  
  /* animate .animation_label3
   * ------------------------------------------------------------------- */
   .animation_label3 {
    position: absolute;
    top:80%;
    left: 85%;
    /* right: 0px; */
    /* width: 100%; */
    /* height: 100%; */
  } 
  
   .animation_label3.preload {
    opacity: 0;
  }
  
  .animation_label3.moveIn {
    animation-duration: 2s;
    -webkit-animation-name: label3_moveIn;
    animation-name: label3_moveIn;
  }
  
  @-webkit-keyframes label3_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
  }
  
  @keyframes label3_moveIn {
    from {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
    to {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .animation_label3.moveOut {
    animation-duration: 0.5s;
    -webkit-animation-name: label3_moveOut;
    animation-name: label3_moveOut;
  }
  
  @-webkit-keyframes label3_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  
  }
  
  @keyframes label3_moveOut {
    from {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translate3d(400%, 0, 0);
      -ms-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0);
    }
  }
  /* -------------------------------------------------------------------*/