/*
.sm-slide-In-Up{
  opacity:0;
  transform:translateY(50px);
  transition:all 0.6s ease-out;
}
.sm-slide-In-Up.slide-In-Up{
  opacity:1;
  transform: translateY(0);
} */

.sm-set > .sm-item:nth-child(2){animation-delay:0.05s}
.sm-set > .sm-item:nth-child(3){animation-delay:0.1s}
.sm-set > .sm-item:nth-child(4){animation-delay:0.15s}
.sm-set > .sm-item:nth-child(5){animation-delay:0.2s}
.sm-set > .sm-item:nth-child(6){animation-delay:0.25s}
.sm-set > .sm-item:nth-child(7){animation-delay:0.3s}
.sm-set > .sm-item:nth-child(8){animation-delay:0.35s}
.sm-set > .sm-item:nth-child(9){animation-delay:0.4s}
.sm-set > .sm-item:nth-child(10){animation-delay:0.45s}
.sm-set > .sm-item:nth-child(11){animation-delay:0.5s}
.sm-set > .sm-item:nth-child(12){animation-delay:0.55s}
.sm-set > .sm-item:nth-child(13){animation-delay:0.6s}
.sm-set > .sm-item:nth-child(14){animation-delay:0.65s}
.sm-set > .sm-item:nth-child(15){animation-delay:0.7s}
.sm-set > .sm-item:nth-child(16){animation-delay:0.75s}
.sm-set > .sm-item:nth-child(17){animation-delay:0.8s}
.sm-set > .sm-item:nth-child(18){animation-delay:0.85s}
.sm-set > .sm-item:nth-child(19){animation-delay:0.9s}
.sm-set > .sm-item:nth-child(20){animation-delay:0.95s}

.delay-01{animation-delay:0.1s !important}
.delay-02{animation-delay:0.15s !important}
.delay-04{animation-delay:0.4s !important}
.delay-05{animation-delay:0.5s !important}
.delay-1{animation-delay:1s !important}
.delay-15{animation-delay:1.5s !important}
.delay-2{animation-delay:2s !important}

:root{
  --slide-up:20%;
  --slide-fade-up:20%;
  --zoom-out:1.3;
  --zoom-in:0.9;
  --rotate-scale:-90deg;
}

.In-Up,
.sm-zoom-In,
.sm-slide-Fide-In-Up{opacity:0}

.zoom-wrap{overflow:hidden}
.sm-zoom-Out{-webkit-transform:scale(var(--zoom-out)); transform:scale(var(--zoom-out))}
.sm-slide-In-Up{-webkit-transform:translateY(var(--slide-up)); transform:translateY(var(--slide-up))}
.sm-slide-Fide-In-Up{-webkit-transform:translateY(var(--slide-fade-up)); transform:translateY(var(--slide-fade-up))}
.sm-rotate-scale{-webkit-transform:rotate(var(--rotate-scale)) scale(0); transform:rotate(var(--rotate-scale)) scale(0)}


.rotate-scale{
  -webkit-animation: ani-rotate-scale 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: ani-rotate-scale 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes ani-rotate-scale{
  0%{
    -webkit-transform:rotate(var(--rotate-scale)) scale(0);
            transform:rotate(var(--rotate-scale)) scale(0);
  }
  60%{
    -webkit-transform:rotate(20deg);
            transform:rotate(20deg);
  }
  80%{
    -webkit-transform:rotate(-10deg);
            transform:rotate(-10deg);
  }
  100%{
    -webkit-transform:rotate(0) scale(1);
            transform:rotate(0) scale(1);
  }
}
@keyframes ani-rotate-scale{
  0%{
    -webkit-transform:rotate(var(--rotate-scale)) scale(0);
            transform:rotate(var(--rotate-scale)) scale(0);
  }
  60%{
    -webkit-transform:rotate(20deg);
            transform:rotate(20deg);
  }
  80%{
    -webkit-transform:rotate(-10deg);
            transform:rotate(-10deg);
  }
  100%{
    -webkit-transform:rotate(0) scale(1);
            transform:rotate(0) scale(1);
  }
}


.Up,
.slide-In-Up{
  -webkit-animation: ani-slide-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: ani-slide-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes ani-slide-In-Up{
  0%{
    -webkit-transform:translateY(var(--slide-up));
            transform:translateY(var(--slide-up));
  }
  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@keyframes ani-slide-In-Up{
  0%{
    -webkit-transform:translateY(var(--slide-up));
            transform:translateY(var(--slide-up));
  }
  100%{
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}


.slide-Fade-In-Up{
  -webkit-animation: ani-slide-Fade-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
          animation: ani-slide-Fade-In-Up 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes ani-slide-Fade-In-Up{
  0%{
    opacity:0;
    -webkit-transform:translateY(var(--slide-fade-up));
            transform:translateY(var(--slide-fade-up));
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}
@keyframes ani-slide-Fade-In-Up{
  0%{
    opacity:0;
    -webkit-transform:translateY(var(--slide-fade-up));
            transform:translateY(var(--slide-fade-up));
  }
  100%{
    opacity:1;
    -webkit-transform:translateY(0);
            transform:translateY(0);
  }
}


.zoom-Out{
  -webkit-animation: ani-zoom-Out 1.5s cubic-bezier(0.430, 0.195, 0.020, 1.000);
          animation: ani-zoom-Out 1.5s cubic-bezier(0.430, 0.195, 0.020, 1.000);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes ani-zoom-Out{
  0%{
    -webkit-transform:scale(var(--zoom-out));
            transform:scale(var(--zoom-out));
  }
  100%{
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes ani-zoom-Out{
  0%{
    -webkit-transform:scale(var(--zoom-out));
            transform:scale(var(--zoom-out));
  }
  100%{
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}


.zoom-In{
  -webkit-animation: ani-zoom-In 1s cubic-bezier(0.430, 0.195, 0.020, 1.000);
          animation: ani-zoom-In 1s cubic-bezier(0.430, 0.195, 0.020, 1.000);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes ani-zoom-In{
  0%{
    opacity:0;
    -webkit-transform:scale(var(--zoom-in));
            transform:scale(var(--zoom-in));
  }
  100%{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}
@keyframes ani-zoom-In{
  0%{
    opacity:0;
    -webkit-transform:scale(var(--zoom-in));
            transform:scale(var(--zoom-in));
  }
  100%{
    opacity:1;
    -webkit-transform:scale(1);
            transform:scale(1);
  }
}

/* .intro-visual .hd-page-title,
.head-visual .hd-page-title,
.hd-subtxt{animation-delay:0.05s; opacity:0}
.head-visual .p1{animation-delay:0.1s; opacity:0} */