/*
Theme Name: Hello Child Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: This is child theme of Hello Elementor
Author: Internest Team
Author URI: https://internest.agency
Version: 1.0
Text Domain: hello-elementor
Template: hello-elementor
*/


/* Slide From Left */
.slide-from-left {
  animation-name: slide-from-left;
}

@keyframes slide-from-left {
  0% {
    transform: translateX(-75px);
	opacity: 0;
  }
  100% {
    transform: translateX(0px);
	opacity: 1;
	  
  }
}

/* Slide From Right */
.slide-from-right {
  animation-name: slide-from-right;
}

@keyframes slide-from-right {
  0% {
    transform: translateX(75px);
	opacity: 0;
  }
  100% {
    transform: translateX(0px);
	opacity: 1;
  }
}
/* Slide From Top */
.slide-from-top {
  animation-name: slide-from-top;
}

@keyframes slide-from-top {
  0% {
    transform: translateY(-75px);
	opacity: 0;
  }
  100% {
    transform: translateY(0px);
	opacity: 1;
  }
}
/* Slide From Bottom */
.slide-from-bottom {
  animation-name: slide-from-bottom;
}

@keyframes slide-from-bottom {
  0% {
    transform: translateY(75px);
	opacity: 0;
  }
  100% {
    transform: translateY(0px);
	opacity: 1;
  }
}

/* Bounce In */
.bounce-in {
  animation: bounce-in;
}

@keyframes bounce-in {
  0% {
    transform: scale(0.7);
	opacity: 0;
  }
  100% {
    transform: scale(1);
	opacity: 1;
  }
}

.sticky-active{
	background-color: var(--e-global-color-accent );
}
.slider-content .e-con-inner{
	margin: 0 !important;
}
.slider-title h1 span {
    color: var(--e-global-color-secondary );
}

.animate-x{
	animation: animate-x 10s infinite linear;
}
@keyframes animate-x{
	0%{
		transform: translatex(-50px);
	}
	50%{
		transform: translatex(50px);
	}
	100%{
		transform: translatex(-50px);
	}
}

.animate-y{
	animation: animate-y 10s infinite linear;
}
@keyframes animate-y{
	0%{
		transform: translatey(-50px);
	}
	50%{
		transform: translatey(50px);
	}
	100%{
		transform: translatey(-50px);
	}
}

.animate-rotate{
	animation: animate-rotate 20s infinite linear;
}
@keyframes animate-rotate{
	0%{
		transform: translate3d(-150px, -50px, 50px) rotate(0deg);
	}
	50%{
		transform: translate3d(150px, 50px, 0px) rotate(180deg);
	}
	100%{
		transform: translate3d(-150px, -50px, -50px) rotate(360deg);
	}
}

.animate-globe{
	animation: animate-globe 40s infinite linear;
}
@keyframes animate-globe{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(180deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.animate-astro{
	animation: animate-astro 30s infinite linear;
}
.animate-reverse{
	animation-direction: reverse;
}
@keyframes animate-astro{
	0%{
		transform: translate(0px, 0px) rotate(0deg);
	}
	10%{
		transform: translate(-50px, -30px) rotate(180deg);
	}
	20%{
		transform: translate(-80px, -80px) rotate(360deg);
	}
	30%{
		transform: translate(-50px, -130px) rotate(360deg);
	}
	50%{
		transform: translate(0px, -160px) rotate(360deg);
	}
	60%{
		transform: translate(50px, -130px) rotate(360deg);
	}
	70%{
		transform: translate(80px, -80px) rotate(360deg);
	}
	80%{
		transform: translate(50px, 50px) rotate(360deg);
	}
	100%{
		transform: translate(0px, 0px) rotate(360deg);
	}
}

.animate-glow{
	animation: animate-glow 3s infinite linear;
}
@keyframes animate-glow{
	0%{
		transform: scale(0.8);
	}
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(0.8);
	}
}