/* 
    Animation
*/
.animation {
	opacity: 0;
	transform: scale(0.5);
	transition: all 1s;

	&.animationActive {
		opacity: 1;
		transform: scale(1);
	}

	img {
		position: absolute;
		top: 0;
		left: 0;
		&.main {
			position: relative;
			display: none;
		}
		&:nth-child(2){
			position: relative;
		}
	}
}

.img_flotng_prtclestpbtm_add_cls {
	/* -webkit-animation: hmebannr_floatingtpbtm 5s ease-in-out infinite;
    animation: hmebannr_floatingtpbtm 5s ease-in-out infinite; */
	animation-name: hmebannr_floatingtpbtm;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: hmebannr_floatingtpbtm;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}
.img_flotng_prtclesleftrght_add_cls {
	/* -webkit-animation: hmebannr_floatinglftrght 5s ease-in-out infinite;
    animation: hmebannr_floatinglftrght 5s ease-in-out infinite; */
	animation-name: hmebannr_floatinglftrght;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-name: hmebannr_floatinglftrght;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
}

.holostic_img_cls8 {
	-webkit-animation: icn_crcle_bounce 4s infinite alternate;
	animation: icn_crcle_bounce 4s infinite alternate;
}

@keyframes hmebannr_floatingtpbtm {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-25px);
	}
	100% {
		transform: translatey(0px);
	}
}
@-webkit-keyframes hmebannr_floatingtpbtm {
	0% {
		-webkit-transform: translatey(0px);
	}
	50% {
		-webkit-transform: translatey(-25px);
	}
	100% {
		-webkit-transform: translatey(0px);
	}
}
@keyframes hmebannr_floatinglftrght {
	0% {
		transform: translatex(0px);
	}
	50% {
		transform: translatex(-25px);
	}
	100% {
		transform: translatex(0px);
	}
}
@-webkit-keyframes hmebannr_floatinglftrght {
	0% {
		-webkit-transform: translatex(0px);
	}
	50% {
		-webkit-transform: translatex(-25px);
	}
	100% {
		-webkit-transform: translatex(0px);
	}
}
@keyframes icn_crcle_bounce {
	from {
		transform: translateY(0px);
	}
	to {
		transform: translateY(-25px);
	}
}
@-webkit-keyframes icn_crcle_bounce {
	from {
		-webkit-transform: translateY(0px);
	}
	to {
		-webkit-transform: translateY(-25px);
	}
}

/*  */

.postnmove_down_cls {
	animation-delay: 3s;
	animation: translteUpDownFloatAnim 15s ease-in-out infinite;
}
.leavef_trnslte_cls {
	animation: transltetrghtleaveFloatAnim 15s ease-in-out infinite;
}
.tparrwpostnmove_down_cls {
	animation-delay: 3s;
	animation: transltetparrwFloatAnim 15s ease-in-out infinite;
}
.plyr_trnslte_cls {
	animation: transltetplyrFloatAnim 15s ease-in-out infinite;
}
.catvenre_and_prtects_trnslte {
	animation: transltetcatcrclerFloatAnim 15s ease-in-out infinite;
}
@keyframes translteUpDownFloatAnim {
	0% {
		transform: translate3d(-53vw, 16rem, 0px);
	}
	50% {
		transform: translate3d(-53vw, 5rem, 0px);
	}
	100% {
		transform: translate3d(-53vw, 16rem, 0px);
	}
}

@keyframes transltetparrwFloatAnim {
	0% {
		transform: translate3d(34vw, 6rem, 0px);
	}
	50% {
		transform: translate3d(34vw, 16rem, 0px);
	}
	100% {
		transform: translate3d(34vw, 6rem, 0px);
	}
}

@keyframes transltetrghtleaveFloatAnim {
	0% {
		transform: translate3d(24vw, 40rem, 0px);
		transition: all 12s;
	}
	50% {
		transform: translate3d(24vw, -14rem, 0px);
		transition: all 12s;
	}
	100% {
		transform: translate3d(24vw, 40rem, 0px);
		transition: all 12s;
	}
}

@keyframes transltetplyrFloatAnim {
	0% {
		transform: translate3d(20vw, 40rem, 0px);
		transition: all 14s;
	}
	50% {
		transform: translate3d(20vw, -14rem, 0px);
		transition: all 14s;
	}
	100% {
		transform: translate3d(20vw, 40rem, 0px);
		transition: all 14s;
	}
}

@keyframes transltetcatcrclerFloatAnim {
	0% {
		transform: translate3d(-68vw, 34rem, 0px);
		transition: all 8s;
	}
	50% {
		transform: translate3d(-68vw, -7rem, 0px);
		transition: all 8s;
	}
	100% {
		transform: translate3d(-68vw, 34rem, 0px); 
		transition: all 8s;
	}
}

.bottom-to-top{
	&.card, &.el-blog-post, &.service-post, &.iconBox {
		top: 0;
		transition: all .5s;
		position: relative;
		&:hover{
			top: -10px;
		}
	}
	
} 


/**
Lazy Loader Animation
*/
img[data-src] {
	opacity: 0;
	transition: opacity .25s ease-in-out;
	will-change: opacity;
}
  
  /* appear animation */
img[data-src][src] {
	opacity: 1; 
}



/* 
Lottie Animation
 */
 .e-lottie__container{
	 p, h3{
		 pointer-events: none;
	 }
	&.style-2{
		.e-lottie__animation {
			max-width: 100px;
			margin: 20px auto;
			display: inline-block;
		}
		p.e-lottie__caption {
			color: #555;
		}
		a.btn.e-lottie__container__link{
			color: #fff;
		}
	}	 
	&.style-3{
		.e-lottie__animation {
			margin: 20px auto;
			display: inline-block;
		}
	}	 
 }