.delay01 {
    -webkit-transition-delay: .06s !important;
            transition-delay: .06s !important;
  }
  
  .delay02 {
    -webkit-transition-delay: .09s !important;
            transition-delay: .09s !important;
  }
  
  .delay03 {
    -webkit-transition-delay: .12s !important;
            transition-delay: .12s !important;
  }
  
  .delay04 {
    -webkit-transition-delay: .18s !important;
            transition-delay: .18s !important;
  }
  
  .delay05 {
    -webkit-transition-delay: .23s !important;
            transition-delay: .23s !important;
  }
  
  .delay06 {
    -webkit-transition-delay: .28s !important;
            transition-delay: .28s !important;
  }
  
  .delay07 {
    -webkit-transition-delay: .33s !important;
            transition-delay: .33s !important;
  }
  
  .delay08 {
    -webkit-transition-delay: .38s !important;
            transition-delay: .38s !important;
  }
  
  .delay09 {
    -webkit-transition-delay: .43s !important;
            transition-delay: .43s !important;
  }
  
  .delay7 {
    -webkit-transition-delay: .7s !important;
            transition-delay: .7s !important;
  }
  
  .delay9 {
    -webkit-transition-delay: .9s !important;
            transition-delay: .9s !important;
  }
.js-m {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
        -ms-transform: translate(30px, 0);
            transform: translate(30px, 0);
    -webkit-transition: all 1s ease;
            transition: all 1s ease;
  }
  .js-m.animate {
    opacity: 1 !important;
    -webkit-transform: translate(0, 0px) !important;
        -ms-transform: translate(0, 0px) !important;
            transform: translate(0, 0px) !important;
  }
  .js-m2 {
        opacity: 0;
        -webkit-transform: translate(30px, 0);
                -ms-transform: translate(30px, 0);
                transform: translate(30px, 0);
        -webkit-transition: all 1s ease;
                transition: all 1s ease;
        }
        .js-m2.animate {
        opacity: 1 !important;
        -webkit-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0) !important;
                -ms-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0) !important;
                transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0) !important;
        }
        .js-m2.animate {
                opacity: 1;
                -webkit-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0);
                    -ms-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0);
                        transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(0);
              }
  .js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .js-m.animate-left {
    opacity: 0;
    -webkit-transform: translate(-60px, 0px);
        -ms-transform: translate(-60px, 0px);
            transform: translate(-60px, 0px);
    -webkit-transition: .8s ease-in-out;
            transition: .8s ease-in-out;
  }
  .js-m.animate-lf1 {
        opacity: 0;
        -webkit-transform: translate(-80px, 0px);
            -ms-transform: translate(-80px, 0px);
                transform: translate(-80px, 0px);
        -webkit-transition: .8s ease-in-out;
                transition: .8s ease-in-out;
      }
      .js-m.animate-lf2 {
        opacity: 0;
        -webkit-transform: translate(80px, 0px);
            -ms-transform: translate(80px, 0px);
                transform: translate(80px, 0px);
        -webkit-transition: .8s ease-in-out;
                transition: .8s ease-in-out;
      }
  .js-m.animate-left2 {
    opacity: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: .8s ease-in-out;
            transition: .8s ease-in-out;
  }
  .js-m.animate-right100 {
    opacity: 0;
    -webkit-transform: translate(100px, 0px);
        -ms-transform: translate(100px, 0px);
            transform: translate(100px, 0px);
    -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
  }
  
  .js-m.animate-right50 {
    opacity: 0;
    -webkit-transform: translate(50px, 0px);
        -ms-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
    -webkit-transition: opacity 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21), -webkit-transform 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
            transition: opacity 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21), transform 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
  }
  
  .js-m.animate-right2 {
    opacity: 0;
    -webkit-transform: translate(80px, 0px);
        -ms-transform: translate(80px, 0px);
            transform: translate(80px, 0px);
    -webkit-transition: opacity 1.2s cubic-bezier(0.32, 0.6, 0.4, 1.21), -webkit-transform 1.2s cubic-bezier(0.32, 0.6, 0.4, 1.21);
            transition: opacity 1.2s cubic-bezier(0.32, 0.6, 0.4, 1.21), transform 1.2s cubic-bezier(0.32, 0.6, 0.4, 1.21);
  }
  
  .js-m.animate-top {
    opacity: 0;
    -webkit-transform: translate(0, 150px);
        -ms-transform: translate(0, 150px);
            transform: translate(0, 150px);
    -webkit-transition: .6s ease-in-out;
            transition: .6s ease-in-out;
  }
  .js-m.animate-top23 {
        opacity: 0;
        -webkit-transform: translate(0, 100px);
            -ms-transform: translate(0, 100px);
                transform: translate(0, 100px);
        -webkit-transition: 1s ease-in-out;
                transition: 1s ease-in-out;
      }
      .js-m.animate-top24 {
        opacity: 0;
        -webkit-transform: translate(0, 50px);
            -ms-transform: translate(0, 50px);
                transform: translate(0, 50px);
        -webkit-transition: .6s ease-in-out;
                transition: .6s ease-in-out;
      }
      .js-m.animate-yd {
        opacity: 0;
        -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0);
        -webkit-transition: 1s ease-in-out;
                transition: 1s ease-in-out;
      }
  .js-m.animate-bottom {
    opacity: 0;
    -webkit-transform: translate(0, -1.5rem);
        -ms-transform: translate(0, -1.5rem);
            transform: translate(0, -1.5rem);
    -webkit-transition: 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
            transition: 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
  }
  .js-m.animate-bottom1 {
        opacity: 0;
        -webkit-transform: translate(0, -50px);
            -ms-transform: translate(0, -50px);
                transform: translate(0, -50px);
        -webkit-transition: 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
                transition: 0.8s cubic-bezier(0.32, 0.6, 0.4, 1.21);
      }
      .js-m.animate-top200 {
        opacity: 0;
        -webkit-transform: translate(0, 250px);
            -ms-transform: translate(0, 250px);
                transform: translate(0, 250px);
        -webkit-transition: 1s ease-in-out;
                transition: 1s ease-in-out;
      }
      .js-m2.animate-top700 {
        opacity: 0;
        -webkit-transform: translate3d(0, -20%, 0) rotateX(0deg) rotateY(0);
            -ms-transform: translate3d(0, -20%, 0) rotateX(0deg) rotateY(0);
                transform: translate3d(0, -20%, 0) rotateX(0deg) rotateY(0);
        -webkit-transition: 1s ease-in-out;
                transition: 1s ease-in-out;
      }
      .js-m2.animate-top800 {
        
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(12deg)  !important;
            -ms-transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(12deg)  !important;
                transform: translate3d(0, -50%, 0) rotateX(0deg) rotateY(12deg)  !important;
        -webkit-transition: 1s 2s ease-in-out;
                transition: 1s 2s ease-in-out;
      }