@media screen and (min-width: 768px) {

@-webkit-keyframes slideInUp{
    from{transform: translateY(150px);opacity: 0;}
    to{transform: translateY(0);opacity: 1;}
}

@keyframes slideInUp{
    from{transform: translateY(150px);opacity: 0;}
    to{transform: translateY(0);opacity: 1;}
}

.animation-action .slideInUp{
    -webkit-animation: slideInUp 0.8s ease-in-out;
    animation: slideInUp 0.8s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideInDown{
    from{transform: translateY(-150px);opacity: 0;}
    to{transform: translateY(0);opacity: 1;}
}

@keyframes slideInDown{
    from{transform: translateY(-150px);opacity: 0;}
    to{transform: translateY(0);opacity: 1;}
}

.animation-action .slideInDown{
    -webkit-animation: slideInDown 0.8s ease-in-out;
    animation: slideInDown 0.8s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideInRight{
    from{transform: translateX(300px);opacity: 0;}
    to{transform: translateX(0);opacity: 1;}
}

@keyframes slideInRight{
    from{transform: translateX(300px);opacity: 0;}
    to{transform: translateX(0);opacity: 1;}
}

.animation-action .slideInRight{
    -webkit-animation: slideInRight 0.8s ease-in-out;
    animation: slideInRight 0.8s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes slideInLeft{
    from{transform: translateX(-300px);opacity: 0;}
    to{transform: translateX(0);opacity: 1;}
}

@keyframes slideInLeft{
    from{transform: translateX(-300px);opacity: 0;}
    to{transform: translateX(0);opacity: 1;}
}

.animation-action .slideInLeft{
    -webkit-animation: slideInLeft 0.8s ease-in-out;
    animation: slideInLeft 0.8s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes zoomIn{
    from{transform: scale(0.3);opacity: 0;}
    to{transform: scale(1);opacity: 1;}
}

@keyframes zoomIn{
    from{transform: scale(0.3);opacity: 0;}
    to{transform: scale(1);opacity: 1;}
}

.animation-action .zoomIn{
    -webkit-animation: zoomIn 0.8s ease-in-out;
    animation: zoomIn 0.8s ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}

.animation-action .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: flipInX 1.5s ease-in-out;
  animation: flipInX 1.5s ease-in-out;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.animation-action .fadeInRight {
  -webkit-animation: fadeInRight 1s ease;
  animation: fadeInRight 1s ease;
}

.animation-action .delay2{
	-webkit-animation-delay: 200ms !important;
	animation-delay: 200ms !important;
}

.animation-action .delay4{
	-webkit-animation-delay: 400ms !important;
	animation-delay: 400ms !important;
}

.animation-action .delay6{
	-webkit-animation-delay: 600ms !important;
	animation-delay: 600ms !important;
}

.animation-action .delay8{
	-webkit-animation-delay: 800ms !important;
	animation-delay:  800ms !important;
}

.animation-action .delay10{
	-webkit-animation-delay: 1000ms !important;
	animation-delay:  1000ms !important;
}

.animation-action .delay12{
	-webkit-animation-delay: 1200ms !important;
	animation-delay:  1200ms !important;
}

.animation-action .delay14{
	-webkit-animation-delay: 1400ms !important;
	animation-delay:  1400ms !important;
}

.animation-action .delay16{
	-webkit-animation-delay: 1600ms !important;
	animation-delay:  1600ms !important;
}

.animation-action .delay18{
	-webkit-animation-delay: 1800ms !important;
	animation-delay:  1800ms !important;
}

.animation-action .delay20{
	-webkit-animation-delay: 2000ms !important;
	animation-delay:  2000ms !important;
}

.animation-sec .animated{
    opacity: 0;
}

.animation-action .animated{
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}

.animation-action .animated.faster{
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
}

.animation-action .animated.slower{
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}

}<!--ºÄʱ1763402046.3311Ãë-->