/* page motion */
.add-fadeScroll:not(.play-mo) {transform:translateY(0px) ;opacity:0;}
.play-mo.add-fadeScroll ,.play-mo .add-fadeScroll {animation: add-fadeScroll 1s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay10 ,.play-mo .add-fadeScroll.delay10 {animation: add-fadeScroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay20 ,.play-mo .add-fadeScroll.delay20 {animation: add-fadeScroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay30 ,.play-mo .add-fadeScroll.delay30 {animation: add-fadeScroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay40 ,.play-mo .add-fadeScroll.delay40 {animation: add-fadeScroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay50 ,.play-mo .add-fadeScroll.delay50 {animation: add-fadeScroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay60 ,.play-mo .add-fadeScroll.delay60 {animation: add-fadeScroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay70 ,.play-mo .add-fadeScroll.delay70 {animation: add-fadeScroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-fadeScroll.delay80 ,.play-mo .add-fadeScroll.delay80 {animation: add-fadeScroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-fadeScroll {
	0%		{transform:translateY(0px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-upscroll:not(.play-mo) {transform:translateY(70px) ;opacity:0;}
.play-mo.add-upscroll ,.play-mo .add-upscroll {animation: add-upscroll 0.7s 0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay10 ,.play-mo .add-upscroll.delay10 {animation: add-upscroll 0.8s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay20 ,.play-mo .add-upscroll.delay20 {animation: add-upscroll 0.8s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay30 ,.play-mo .add-upscroll.delay30 {animation: add-upscroll 0.8s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay40 ,.play-mo .add-upscroll.delay40 {animation: add-upscroll 0.8s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay50 ,.play-mo .add-upscroll.delay50 {animation: add-upscroll 0.8s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay60 ,.play-mo .add-upscroll.delay60 {animation: add-upscroll 0.8s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay70 ,.play-mo .add-upscroll.delay70 {animation: add-upscroll 0.8s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-upscroll.delay80 ,.play-mo .add-upscroll.delay80 {animation: add-upscroll 0.8s 0.8s ease-in-out;animation-fill-mode: both;}
@keyframes add-upscroll {
	0%		{transform:translateY(70px);opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

.add-downscroll:not(.play-mo) {transform:translateY(-70px) ;opacity:0;}
.play-mo.add-downscroll ,.play-mo .add-downscroll {animation: add-downscroll 1s 0.0s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay10 ,.play-mo .add-downscroll.delay10 {animation: add-downscroll 1s 0.1s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay20 ,.play-mo .add-downscroll.delay20 {animation: add-downscroll 1s 0.2s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay30 ,.play-mo .add-downscroll.delay30 {animation: add-downscroll 1s 0.3s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay40 ,.play-mo .add-downscroll.delay40 {animation: add-downscroll 1s 0.4s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay50 ,.play-mo .add-downscroll.delay50 {animation: add-downscroll 1s 0.5s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay60 ,.play-mo .add-downscroll.delay60 {animation: add-downscroll 1s 0.6s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay70 ,.play-mo .add-downscroll.delay70 {animation: add-downscroll 1s 0.7s ease-in-out;animation-fill-mode: both;}
.play-mo.add-downscroll.delay80 ,.play-mo .add-downscroll.delay80 {animation: add-downscroll 1s 0.8s ease-in-out;animation-fill-mode: both;}

@keyframes add-downscroll {
	0%		{transform: translateY(-70px) ;opacity:0;}
	100%	{transform: translateY(0px);opacity:1;}
}

header.show {animation: showMenu 0.3s ease-out;animation-fill-mode: both;}
@keyframes showMenu {

	100%{
		opacity:1;
		top:0px;
	}

}

.add-qzoom:not(.play-mo) {transform:scale(0) ;opacity:0;}
.play-mo.add-qzoom ,.play-mo .add-qzoom {animation: add-qzoom 1s 0.0s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay10 ,.play-mo .add-qzoom.delay10 {animation: add-qzoom 1s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay20 ,.play-mo .add-qzoom.delay20 {animation: add-qzoom 1s 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay30 ,.play-mo .add-qzoom.delay30 {animation: add-qzoom 1s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay40 ,.play-mo .add-qzoom.delay40 {animation: add-qzoom 1s 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay50 ,.play-mo .add-qzoom.delay50 {animation: add-qzoom 1s 1.6s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay60 ,.play-mo .add-qzoom.delay60 {animation: add-qzoom 1s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay70 ,.play-mo .add-qzoom.delay70 {animation: add-qzoom 1s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}
.play-mo.add-qzoom.delay80 ,.play-mo .add-qzoom.delay80 {animation: add-qzoom 1s 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode: both;}

/* @keyframes add-qzoom {
	0%		{transform: scale(0);opacity:0.5;}
	100%	{transform: scale(1);opacity:1;}
} */

@keyframes add-qzoom {
	0%		{transform: translateX(50px);opacity:0;}
	100%	{transform: translateX(0);opacity:1;}
}

@keyframes scrollAni {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

.heartbeat {animation: heartbeat 3s 1s ease-in-out infinite both;}
.heartbeat.delay10 {animation: heartbeat 2.5s 0.2s ease-in-out infinite both;}
.heartbeat.delay20 {animation: heartbeat 2.5s 2s ease-in-out infinite both;}

/* .motion-keyvisual {animation:machine 0.8s 0.5s cubic-bezier(0.92, -0.01, 1, 1) both;} */
/* .motion-keyvisual {animation:machine 1.2s 0.5s cubic-bezier(0.22, 0.08, 0.1, 1) both;} */

 @keyframes heartbeat {
  from {
    transform: scale(1) translateY(0);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.97);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.99);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.95) translateY(-10px);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}


.headingWrap .head-text {animation: add-rupscroll1 3s 0s ;animation-fill-mode: both;transform-origin: center 50%;}
.headingWrap h2 {animation: add-rupscroll2 3s 1.0s ;animation-fill-mode: both;opacity:0;transform-origin: center 50%;}
.headingWrap .date-text {animation: add-rupscroll3 3s 2.5s ;animation-fill-mode: both;opacity:0;transform-origin: center 50%;}
@keyframes add-rupscroll1 {
	0%		{opacity:0;}
	100%	{opacity:1;}
}
@keyframes add-rupscroll2 {
	0%		{transform: perspective(1000px) translate3d(0px, 0px, 0px) rotateX(-66deg);opacity:0;}
	100%	{transform: perspective(1000px) translate3d(0px, 0px, 0px) rotateX(0deg);opacity:1;}
}
@keyframes add-rupscroll3 {
	0%		{opacity:0;}
	30%	{transform: perspective(1000px) translate3d(0px, 0px, 0px) rotateX(0deg);opacity:1;}
	100%	{transform: perspective(1000px) translate3d(0px, 0px, 0px) rotateX(0deg);opacity:1;}
}


.play-mo t{will-change: transform}
.typing_txt:not(.play-mo) t {opacity:0;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(1) {animation:  add-typing_txt 0.1s 0.0s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(2) {animation:  add-typing_txt 0.1s 0.05s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(3) {animation:  add-typing_txt 0.1s 0.1s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(4) {animation:  add-typing_txt 0.1s 0.15s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(5) {animation:  add-typing_txt 0.1s 0.20s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(6) {animation:  add-typing_txt 0.1s 0.25s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(7) {animation:  add-typing_txt 0.1s 0.3s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(8) {animation:  add-typing_txt 0.1s 0.35s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(9) {animation:  add-typing_txt 0.1s 0.4s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(10) {animation:  add-typing_txt 0.1s 0.45s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(11) {animation:  add-typing_txt 0.1s 0.5s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(12) {animation:  add-typing_txt 0.1s 0.55s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(13) {animation:  add-typing_txt 0.1s 0.6s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(14) {animation:  add-typing_txt 0.1s 0.65s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(15) {animation:  add-typing_txt 0.1s 0.7s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(16) {animation:  add-typing_txt 0.1s 0.75s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(17) {animation:  add-typing_txt 0.1s 0.8s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(18) {animation:  add-typing_txt 0.1s 0.85s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(19) {animation:  add-typing_txt 0.1s 0.9s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(20) {animation:  add-typing_txt 0.1s 0.95s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(21) {animation:  add-typing_txt 0.1s 1.0s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(22) {animation:  add-typing_txt 0.1s 1.05s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(23) {animation:  add-typing_txt 0.1s 1.1s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(24) {animation:  add-typing_txt 0.1s 1.15s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(25) {animation:  add-typing_txt 0.1s 1.20s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(26) {animation:  add-typing_txt 0.1s 1.25s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(27) {animation:  add-typing_txt 0.1s 1.3s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(28) {animation:  add-typing_txt 0.1s 1.35s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(29) {animation:  add-typing_txt 0.1s 1.4s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(30) {animation:  add-typing_txt 0.1s 1.45s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(31) {animation:  add-typing_txt 0.1s 1.50s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(32) {animation:  add-typing_txt 0.1s 1.55s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(33) {animation:  add-typing_txt 0.1s 1.60s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(34) {animation:  add-typing_txt 0.1s 1.65s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(35) {animation:  add-typing_txt 0.1s 1.70s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(36) {animation:  add-typing_txt 0.1s 1.75s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(37) {animation:  add-typing_txt 0.1s 1.80s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(38) {animation:  add-typing_txt 0.1s 1.85s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(39) {animation:  add-typing_txt 0.1s 1.90s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(40) {animation:  add-typing_txt 0.1s 1.95s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(41) {animation:  add-typing_txt 0.1s 2.0s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(42) {animation:  add-typing_txt 0.1s 2.05s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(43) {animation:  add-typing_txt 0.1s 2.1s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(44) {animation:  add-typing_txt 0.1s 2.15s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(45) {animation:  add-typing_txt 0.1s 2.20s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(46) {animation:  add-typing_txt 0.1s 2.25s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(47) {animation:  add-typing_txt 0.1s 2.3s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(48) {animation:  add-typing_txt 0.1s 2.35s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(49) {animation:  add-typing_txt 0.1s 2.4s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(50) {animation:  add-typing_txt 0.1s 2.45s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(51) {animation:  add-typing_txt 0.1s 2.50s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(52) {animation:  add-typing_txt 0.1s 2.55s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(53) {animation:  add-typing_txt 0.1s 2.60s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(54) {animation:  add-typing_txt 0.1s 2.65s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(55) {animation:  add-typing_txt 0.1s 2.70s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(56) {animation:  add-typing_txt 0.1s 2.75s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(57) {animation:  add-typing_txt 0.1s 2.80s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(58) {animation:  add-typing_txt 0.1s 2.85s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(59) {animation:  add-typing_txt 0.1s 2.90s ease-in-out both;}
.play-mo.typing_txt ,.play-mo .typing_txt t:nth-of-type(60) {animation:  add-typing_txt 0.1s 2.95s ease-in-out both;}
@keyframes add-typing_txt {
	0% 	{opacity:0;}
	100% 	{opacity:1;}
}

.aware-button {
  -webkit-transition: -webkit-transform 3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: transform 3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes target_image {
	0%{
		transform:  translateY(0px);
	}
	100%{
		transform: translateY(10px);
	}
}
