/* Content block animations */
.data-appear,
.data-appear-group > * ,
.data-appear-group-sm > * ,
.h-delay > * {
	transform: translateY(30px);
	opacity: 0;
	transition: opacity 1s cubic-bezier(.215,.61,.355,1),transform 0.8s cubic-bezier(.215,.61,.355,1);
}

.data-appear.is-appeared,
.data-appear-group.is-appeared > *,
.data-appear-group-sm.is-appeared > *,
.header-is-on .h-delay > *  {
	transform: none;
	opacity: 1;
}

.data-img-zoom .data-img {
	transform: scale(1.2);
	transition: transform 1.2s cubic-bezier(.215,.61,.355,1);
}

.data-img-zoom.is-appeared .data-img {
	transform: scale(1);
}

.cta-wave-top.data-appear,
.cta-wave-bottom.data-appear {
	opacity: 1;
}

.cta-wave-top.data-appear img {
	opacity: 1;
	transform: scale(1.8) rotate(-2deg);
	transition: transform 1.2s cubic-bezier(.215,.61,.355,1);
}

.cta-wave-bottom.data-appear img {
	opacity: 1;
	transform: scale(1.2) rotate(0deg);
	transform-origin: bottom;
	transition: transform 1.2s cubic-bezier(.215,.61,.355,1);
}

.cta-wave-top.data-appear.is-appeared img,
.cta-wave-bottom.data-appear.is-appeared img {
	opacity: 1;
	transform: scale(1) rotate(0);
}

.has-delay-1 {
	transition-delay: 0.2s;
}

.has-delay-2 {
	transition-delay: 0.4s;
}

.has-delay-3 {
	transition-delay: 0.6s;
}

.has-delay-4 {
	transition-delay: 0.8s;
}



/* Header animations */
.header-hero-img {
	opacity: 0;
	transform: scale(1) rotate(-2deg);
	transition: opacity 1s cubic-bezier(.215,.61,.355,1), transform 8s ease-out;
}

.header-is-on .header-hero-img {
	opacity: 1;
	transform: scale(1.1)rotate(-2deg);
}

.nav-top > .container {
	transform: translateY(-20%);
	opacity: 0;
	transition: opacity 1s cubic-bezier(.215,.61,.355,1),transform 0.8s cubic-bezier(.215,.61,.355,1);
	transition-delay: .2s;
}

.header-is-on .nav-top > .container {
	transform: translateY(0);
	opacity: 1;
}

/* ------------------------------------------------------------------------ */
/*  SCROLL EFFECTS
/* ------------------------------------------------------------------------ */
.fade-up,
.fade-up-stagger > * {
	transform: translateY(25px);
	opacity: 0;
	transition: all .3s ease-in-out;
}

.fade-up.is-active,
.fade-up-stagger.is-active > * {
	transform: translateY(0px);
	opacity: 1;
}


/* ------------------------------------------------------------------------ */
/*  Elements
/* ------------------------------------------------------------------------ */
.fade-down-load,
.fade-up-load {
	transform: translateY(0px);
	opacity: 1;
	transition: all .4s ease-in-out;
}

.is-loading .fade-down-load {
	transform: translateY(-50px);
	opacity: 0;
}

.is-loading .fade-up-load {
	transform: translateY(50px);
	opacity: 0;
}