@charset "UTF-8";
/* CSS Animation Document - nx-animate-style.css*/
/************************************************
*** Powered by NETSOLEX www.netsolex.com
***	Version 1.2
*** Under license - https://www.netsolex.com/licenses/
***	Copyright (c) 2024 nx-animate-style.css
***********************************************/
:root{
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animated-element {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}


/********** KeyFrames Animation **********/
@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}
.animated-element.bounceInUp {
  opacity: 1;
  visibility: visible;
	animation-name:bounceInUp;
	-webkit-animation: bounceInUp 0.8s ease-in-out;
  animation: bounceInUp 0.8s ease-in-out;
	-webkit-animation-iteration-count: calc(var(--animate-repeat) * 1);
  animation-iteration-count: calc(var(--animate-repeat) * 1);
}

@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
.bounceInDown{animation-name:bounceInDown}

@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}
.title-bounceIn{
	animation: bounceIn 1.5s ease-in-out;
	-moz-animation: bounceIn 1.5s ease-in-out;
	-webkit-animation: bounceIn 1.5s ease-in-out;
	-o-animation: bounceIn 1.5s ease-in-out;
}

/*********** Hamburger In Out *****/
@keyframes hamburger-in {
						from {
							left: 0;
							right: 0;
						}
						to {
							left: 20%;
							right: 20%;
						}
					}
	@keyframes hamburger-out {
						from {
							left: 20%;
							right: 20%;
						}
						to {
							left: 0;
							right: 0
						}
					}