body{
	--animation-timing-1: cubic-bezier(0.55, 0.01, 0.02, 1.03);
}

.animated{
/*	overflow-x: hidden;*/
	--i: 0s;
}
	.animated.animate-me,
	.animated .animate-me{
		transition: all .6s;
		transition-timing-function: var(----animation-timing-1);
		opacity: 0;
		transform: translateY(-10%);
		transition-delay: var(--i);
	}
	.animated.animate-me.child-delay,
	.animated .animate-me.child-delay{ transition-delay: calc(var(--i) * .2s); }

	.animated.animate-me.down,
	.animated .animate-me.down,
	.animated.animate-me.up,
	.animated .animate-me.up,
	.animated.animate-me.left,
	.animated .animate-me.left,
	.animated.animate-me.right,
	.animated .animate-me.right{ transform: initial; }

	.animated.animate-me.down,
	.animated .animate-me.down{ transform: translateY(-10%); }
	.animated.animate-me.up,
	.animated .animate-me.up{ transform: translateY(+10%); }
	.animated.animate-me.left,
	.animated .animate-me.left{ transform: translateX(-10%); }
	.animated.animate-me.right,
	.animated .animate-me.right{ transform: translateX(+10%); }

	.animated.visible .animate-me,
	.animated.visible.animate-me,
	.animated.visible.animate-me.down,
	.animated.visible .animate-me.down
	.animated.visible.animate-me.up,
	.animated.visible .animate-me.up
	.animated.visible.animate-me.left,
	.animated.visible .animate-me.left
	.animated.visible.animate-me.right,
	.animated.visible .animate-me.right{
		opacity: 1;
		transform: translate(0,0);
	}


/* WP BLOCK COLUMN */
.wp-block-columns.animated .wp-block-column:first-child,
.wp-block-group-is-layout-flex.animated > .animate-me:first-child{}
.wp-block-columns.animated .wp-block-column:nth-child(2),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(2){ transition-delay: .2s; }
.wp-block-columns.animated .wp-block-column:nth-child(3),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(3){ transition-delay: .4s; }
.wp-block-columns.animated .wp-block-column:nth-child(4),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(4){ transition-delay: .6s; }
.wp-block-columns.animated .wp-block-column:nth-child(5),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(5){ transition-delay: 0.8s; }
.wp-block-columns.animated .wp-block-column:nth-child(6),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(6){ transition-delay: 1.0s; }
.wp-block-columns.animated .wp-block-column:nth-child(7),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(7){ transition-delay: 1.2s; }
.wp-block-columns.animated .wp-block-column:nth-child(8),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(8){ transition-delay: 1.4s; }
.wp-block-columns.animated .wp-block-column:nth-child(9),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(9){ transition-delay: 1.6s; }
.wp-block-columns.animated .wp-block-column:nth-child(10),
.wp-block-group-is-layout-flex.animated > .animate-me:nth-child(10){ transition-delay: 1.8s; }


/* HERO BANNER */
.hero-banner-main.animated .bg{
	transition: opacity 1s, top 1s;
	transition-timing-function: var(----animation-timing-1);
	top: -20%;
	opacity: 0;
}
.hero-banner-main.animated.visible .bg{
	top: -10%;
	opacity: 1;
}

.hero-banner-main.animated .hero-banner-inner .logo-image,
.hero-banner-main.animated .hero-banner-inner .title,
.hero-banner-main.animated .hero-banner-inner p,
.hero-banner-main.animated .hero-banner-inner a.btn{
	transition-duration: .7s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	position: relative;
	transform: translateX(-10%);
}

.hero-banner-main.animated .hero-banner-inner .title{ transition-delay: .4s; }
.hero-banner-main.animated .hero-banner-inner p{ transition-delay: .5s; }
.hero-banner-main.animated .hero-banner-inner a.btn{ transition-delay: 0.7s; }

.hero-banner-main.animated.visible .hero-banner-inner .logo-image,
.hero-banner-main.animated.visible .hero-banner-inner .title,
.hero-banner-main.animated.visible .hero-banner-inner p,
.hero-banner-main.animated.visible .hero-banner-inner a.btn{
	opacity: 1;
	transform: translateX(0);
}


/* BLOGS SECTION */
.blog-section.animated{}
.blog-section.animated.visible{}
.blog-section.animated .blogs > div{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
}
.blog-section.animated .blogs > div:nth-child(2){ transition-delay: 0.2s; }
.blog-section.animated .blogs > div:nth-child(3){ transition-delay: 0.4s; }
.blog-section.animated.visible .blogs > div{
	opacity: 1;
	transform: translateX(0);
}
.blog-section.animated .blogs > div .readmore{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
}
.blog-section.animated.visible .blogs > div .readmore{
	opacity: 1;
	transform: translateX(0);
}
.blog-section.animated .blogs > div:nth-child(1) .readmore{ transition-delay: 0.3s; }
.blog-section.animated .blogs > div:nth-child(2) .readmore{ transition-delay: 0.5s; }
.blog-section.animated .blogs > div:nth-child(3) .readmore{ transition-delay: 0.7s; }


/* HSIA SERVICES */
/*.hsia-services-section.animated .logo{
	transition: all .6s;
	opacity: 0;

}
.hsia-services-section.animated.visible .logo{
	opacity: 1;
}

.hsia-services-section.animated .service{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
	transition-delay: .2s;
}
.hsia-services-section.animated.visible .service{
	opacity: 1;
	transform: translateX(0);
}
.hsia-services-section.animated.visible .service:nth-child(2){ transition-delay: 0.4s; }
.hsia-services-section.animated.visible .service:nth-child(3){ transition-delay: 0.6s; }

.hsia-services-section.animated .background .title{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
	transition-delay: .6s;
}
.hsia-services-section.animated.visible .background .title{
	opacity: 1;
	transform: translateX(0);
}

.hsia-services-section.animated .background .text{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
	transition-delay: .8s;
}
.hsia-services-section.animated.visible .background .text{
	opacity: 1;
	transform: translateX(0);
}*/




/* TEAM MEMBERS */
.team-members-section.animated .header{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
}
.team-members-section.animated.visible .header{
	opacity: 1;
	transform: translateX(0);
}
.team-members-section.animated .members .member{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translatey(-10%);
	transition-delay: .2s;
}
.team-members-section.animated.visible  .members .member{
	opacity: 1;
	transform: translateX(0);
	transform: initial;
}
.team-members-section.animated.visible  .members .member{
	transition-delay: calc(var(--i) * .2s);
}



/* IMAGE SURROUND */
.image-surround-section.animated .column{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
}
.image-surround-section.animated .column:nth-child(1){
	transform: translateX(-10%);
}
.image-surround-section.animated .column:nth-child(2){
	transition-delay: .4s;
	transform: translateX(+10%);
}
.image-surround-section.animated.visible .column:nth-child(1),
.image-surround-section.animated.visible .column:nth-child(2){
	opacity: 1;
	transform: translateX(0);
}


/* MDY WHAT WE DO */
.mdu-what-we-do-section.animated .column{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
}
.mdu-what-we-do-section.animated .column:nth-child(1){
	transition-delay: .4s;
	transform: translateX(-10%);
}
.mdu-what-we-do-section.animated .column:nth-child(2){
	transform: translateX(+10%);
}
.mdu-what-we-do-section.animated.visible .column:nth-child(1),
.mdu-what-we-do-section.animated.visible .column:nth-child(2){
	opacity: 1;
	transform: translateX(0);
}


/* MDU WHY WERE DIFFERENT */
.mdu-why-were-different.animated .title,
.mdu-why-were-different.animated .content,
.mdu-why-were-different.animated a.btn{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
}
.mdu-why-were-different.animated.visible .title,
.mdu-why-were-different.animated.visible .content,
.mdu-why-were-different.animated.visible a.btn{
	opacity: 1;
	transform: translateX(0);
}
.mdu-why-were-different.animated.visible .title{}
.mdu-why-were-different.animated.visible .content{ transition-delay: .4s; }
.mdu-why-were-different.animated.visible a.btn{ transition-delay: .8s; }


/* MDU SERVICES SECTION */
.mdu-services-section.animated .title,
.mdu-services-section.animated .subtitle{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
}
.mdu-services-section.animated.visible .title,
.mdu-services-section.animated.visible .subtitle{
	opacity: 1;
	transform: translateX(0);
}

.mdu-services-section.animated .mdu-services .mdu-service{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
	transition-delay: calc(var(--i) * .2s);
}
.mdu-services-section.animated.visible .mdu-services .mdu-service{
	opacity: 1;
	transform: translateX(0);
}
.mdu-services-section.animated a.btn{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
	transition-delay: calc(calc(var(--i) * .2s) + .2s);
}
.mdu-services-section.animated.visible a.btn{
	opacity: 1;
	transform: translateX(0);
}


/* BEST SOLUTIONS */
.best-solutions-section.animated .text-center{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
}
.best-solutions-section.animated.visible .text-center{
	opacity: 1;
	transform: translateX(0);
}

.best-solutions-section.animated .all-solutions .solution{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
	transition-delay: calc(var(--i) * .2s);
}
.best-solutions-section.animated.visible  .all-solutions .solution{
	opacity: 1;
	transform: translateX(0);
}


/* POSTS */
.blog-list.animated .post-type-box > div{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
	transition-delay: calc(var(--i) * .2s);
}
.blog-list.animated.visible .post-type-box > div{
	opacity: 1;
	transform: translateX(0);
}


/* SERVICE POINTS */
.service-points.animated .top.text{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
}
.service-points.animated.visible .top.text{
	opacity: 1;
	transform: translateX(0);
}

.service-points.animated .points-box .point{
	transition: all .6s;
	transition-timing-function: var(----animation-timing-1);
	opacity: 0;
	transform: translateY(-10%);
	transition-delay: calc(var(--i) * .2s);
}
.service-points.animated.visible  .points-box .point{
	opacity: 1;
	transform: translateX(0);
}