/*
HEADER ON-SCROLL MINIMIZE $$$$$$START
_______________________________________________________
*/

.hea-child,
.hea-logo-container img,
.hea-cta-container .hea-cta-content img,
.cta-wwm:nth-child(2),
.hea-child.hea-child-mobile,
.hea-logo-container.hea-child-mobile img,
.hea-cta-container.hea-child-mobile .hea-cta-content img,
.hea-cta-container.hea-child-mobile .cta-wwm:nth-child(2),
.hea-cta__animated-content video,
#second-nav,
#second-nav.scrolling {
	will-change: height, width;
	-webkit-transition: all .65s ease-in-out;
	-moz-transition: all .65s ease-in-out;
	-ms-transition: all .65s ease-in-out;
	-o-transition: all .65s ease-in-out;
	transition: all .65s ease-in-out;
}

/*
DESIGNER, DEVELOPER, TYPOGRAPHER, BRANDING $$$$$$START
_______________________________________________________
*/

.branding-bs .scrolling-text {
	opacity: 0;
	-webkit-transform: translateX(15%);
	-moz-transform: translateX(15%);
	-ms-transform: translateX(15%);
	-o-transform: translateX(15%);
	transform: translateX(15%);
	-webkit-animation: anime-branding-bs-tagline 40s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-moz-animation: anime-branding-bs-tagline 40s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-ms-animation: anime-branding-bs-tagline 40s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-o-animation: anime-branding-bs-tagline 40s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation: anime-branding-bs-tagline 40s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-branding-bs-tagline {
	0% {
		opacity: 0;
	}

	10%,
	70% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-moz-keyframes anime-branding-bs-tagline {
	0% {
		opacity: 0;
	}

	10%,
	70% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-ms-keyframes anime-branding-bs-tagline {
	0% {
		opacity: 0;
	}

	10%,
	70% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-o-keyframes anime-branding-bs-tagline {
	0% {
		opacity: 0;
	}

	10%,
	70% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@keyframes anime-branding-bs-tagline {
	0% {
		opacity: 0;
	}

	10%,
	70% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

/*
MINI NAV - ALL WORK $$$$$$START
_______________________________________________________
*/

.mini-nav-inner.all-work-icon-container .icon-ln {
	width: 100%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	will-change: width, transform;
	-webkit-transition: width .2s cubic-bezier(0.4, 0, 0.2, 1) 1s, transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	-moz-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) 1s, transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	-ms-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) 1s, transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	-o-transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) 1s, transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	transition: width 1s cubic-bezier(0.4, 0, 0.2, 1) 1s, transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
}

.mini-nav-inner.all-work-icon-container .icon-ln.active-fs-neon-green {
	width: 7777%;
	/* force width across all devices */
	-webkit-transform: scale(100, 10000);
	-moz-transform: scale(100, 10000);
	-ms-transform: scale(100, 10000);
	-o-transform: scale(100, 10000);
	transform: scale(100, 10000);
	-webkit-transition: width 3s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-moz-transition: width 3s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-ms-transition: width 3s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-o-transition: width 3s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	transition: width 3s cubic-bezier(0.4, 0, 0.2, 1), transform 1.5s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-webkit-animation: anime-all-work-icon-color-change 3s linear forwards;
	-moz-animation: anime-all-work-icon-color-change 3s linear forwards;
	-ms-animation: anime-all-work-icon-color-change 3s linear forwards;
	-o-animation: anime-all-work-icon-color-change 3s linear forwards;
	animation: anime-all-work-icon-color-change 3s linear forwards;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-all-work-icon-color-change {
	0% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--eva-neon);
	}
}

@-moz-keyframes anime-all-work-icon-color-change {
	0% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--eva-neon);
	}
}

@-ms-keyframes anime-all-work-icon-color-change {
	0% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--eva-neon);
	}
}

@-o-keyframes anime-all-work-icon-color-change {
	0% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--eva-neon);
	}
}

@keyframes anime-all-work-icon-color-change {
	0% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--eva-neon);
	}
}

/*
FS INNERPAGE NEON NAVIGATION
_______________________________________________________
*/

.fs-innerpage-neon-nav {
	-webkit-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s; 
	-moz-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	-ms-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	-o-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
	transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1) 1s;
}

.fs-innerpage-neon-nav.neon-nav-active {
	-webkit-transition: opacity 5s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-moz-transition: opacity 5s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-ms-transition: opacity 5s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	-o-transition: opacity 5s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1) 3s;
	transition: opacity 5s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1) 3s;
}


/*
NAV - PROJECT DESCRIPTIONS $$$$$$START
_______________________________________________________
*/

.inner-cat-container {
	opacity: 0;
	-webkit-transform: translateX(calc(10rem + 20%));
	-moz-transform: translateX(calc(10rem + 20%));
	-ms-transform: translateX(calc(10rem + 20%));
	-o-transform: translateX(calc(10rem + 20%));
	transform: translateX(calc(10rem + 20%));
	-webkit-animation: anime-nav-proj-desc 65s cubic-bezier(0.4, 0, 1, 1) infinite;
	-moz-animation: anime-nav-proj-desc 65s cubic-bezier(0.4, 0, 1, 1) infinite;
	-ms-animation: anime-nav-proj-desc 65s cubic-bezier(0.4, 0, 1, 1) infinite;
	-o-animation: anime-nav-proj-desc 65s cubic-bezier(0.4, 0, 1, 1) infinite;
	animation: anime-nav-proj-desc 65s cubic-bezier(0.4, 0, 1, 1) infinite;
}

@media screen and (min-width: 43.75em) {
	.inner-cat-container {
		-webkit-transform: translateX(calc(20rem + 30%));
		-moz-transform: translateX(calc(20rem + 30%));
		-ms-transform: translateX(calc(20rem + 30%));
		-o-transform: translateX(calc(20rem + 30%));
		transform: translateX(calc(20rem + 30%));
	}
}

@media screen and (min-width: 81.25em) {
	.inner-cat-container {
		-webkit-transform: translateX(calc(20rem + 20%));
		-moz-transform: translateX(calc(20rem + 20%));
		-ms-transform: translateX(calc(20rem + 20%));
		-o-transform: translateX(calc(20rem + 20%));
		transform: translateX(calc(20rem + 20%));
	}
}

/*=== ANIMATION DELAYS ===*/
/* Add new delay per project added */

li:nth-child(1).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 0.0s;
}

li:nth-child(2).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 1.5s;
}

li:nth-child(3).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 2.5s;
}

li:nth-child(4).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 3.5s;
}

li:nth-child(5).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 4.5s;
}

li:nth-child(6).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 5.5s;
}

li:nth-child(7).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 6.5s;
}

li:nth-child(8).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 7.5s;
}

li:nth-child(9).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 8.5s;
}

li:nth-child(10).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 9.5s;
}

li:nth-child(11).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 10.5s;
}

li:nth-child(12).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 11.5s;
}

li:nth-child(13).proj-li-child .proj-cat-parent .inner-cat-container {
	animation-delay: 12.5s;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

/*=== NAV - PROJECT DESCRIPTIONS ===*/
@-webkit-keyframes anime-nav-proj-desc {
	0% {
		opacity: 0;
	}

	10%,
	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
}

@-moz-keyframes anime-nav-proj-desc {
	0% {
		opacity: 0;
	}

	10%,
	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}
}

@-ms-keyframes anime-nav-proj-desc {
	0% {
		opacity: 0;
	}

	10%,
	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}
}

@-o-keyframes anime-nav-proj-desc {
	0% {
		opacity: 0;
	}

	10%,
	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-100%);
	}
}

@keyframes anime-nav-proj-desc {
	0% {
		opacity: 0;
	}

	10%,
	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

/*
NAV - PROJECT BG CHANGE MAGENTA $$$$$$START
_______________________________________________________
*/
/* Add new animation per project added */

li:nth-child(1).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 5s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(2).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 10s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(3).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 15s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(4).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 20s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(5).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 25s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(6).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 30s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(7).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 35s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(8).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 40s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(9).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 45s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(10).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 50s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(11).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 55s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(12).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 60s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

li:nth-child(13).proj-li-child .proj-content-el.proj-content-magenta-bg {
	animation: anime-gray-to-magenta 4s 65s 1 cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-gray-to-magenta {
	0% {
		background-color: var(--c--gray-bg);
	}

	20%,
	80% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--gray-bg);
	}
}

@-moz-keyframes anime-gray-to-magenta {
	0% {
		background-color: var(--c--gray-bg);
	}

	20%,
	80% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--gray-bg);
	}
}

@-ms-keyframes anime-gray-to-magenta {
	0% {
		background-color: var(--c--gray-bg);
	}

	20%,
	80% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--gray-bg);
	}
}

@-o-keyframes anime-gray-to-magenta {
	0% {
		background-color: var(--c--gray-bg);
	}

	20%,
	80% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--gray-bg);
	}
}

@keyframes anime-gray-to-magenta {
	0% {
		background-color: var(--c--gray-bg);
	}

	20%,
	80% {
		background-color: var(--c--magenta);
	}

	100% {
		background-color: var(--c--gray-bg);
	}
}

@media screen and (min-width: 81.25em) {
	li.proj-li-child .proj-content-el.proj-content-magenta-bg {
		animation: none !important;
	}
}

/*
HEADER - LOGO TO CTA ANIMATION $$$$$$START
_______________________________________________________
*/

.hea-logo-container {
	-webkit-animation: hide-logo 10s linear infinite;
	-moz-animation: hide-logo 10s linear infinite;
	-ms-animation: hide-logo 10s linear infinite;
	-o-animation: hide-logo 10s linear infinite;
	animation: hide-logo 10s linear infinite;
	animation-delay: 5s;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes hide-logo {

	0%,
	10% {
		opacity: 1;
	}

	15%,
	85% {
		opacity: 0;
		z-index: 0;
	}

	90%,
	100% {
		opacity: 1;
	}
}

@-moz-keyframes hide-logo {

	0%,
	10% {
		opacity: 1;
	}

	15%,
	85% {
		opacity: 0;
		z-index: 0;
	}

	90%,
	100% {
		opacity: 1;
	}
}

@-ms-keyframes hide-logo {

	0%,
	10% {
		opacity: 1;
	}

	15%,
	85% {
		opacity: 0;
		z-index: 0;
	}

	90%,
	100% {
		opacity: 1;
	}
}

@-o-keyframes hide-logo {

	0%,
	10% {
		opacity: 1;
	}

	15%,
	85% {
		opacity: 0;
		z-index: 0;
	}

	90%,
	100% {
		opacity: 1;
	}
}

@keyframes hide-logo {

	0%,
	10% {
		opacity: 1;
	}

	15%,
	85% {
		opacity: 0;
		z-index: 0;
	}

	90%,
	100% {
		opacity: 1;
	}
}

.hea-cta-container {
	-webkit-animation: show-cta 10s linear infinite;
	-moz-animation: show-cta 10s linear infinite;
	-ms-animation: show-cta 10s linear infinite;
	-o-animation: show-cta 10s linear infinite;
	animation: show-cta 10s linear infinite;
	animation-delay: 5s;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes show-cta {

	0%,
	10% {
		opacity: 0;
	}

	15%,
	85% {
		opacity: 1;
		z-index: 1;
	}

	90%,
	100% {
		opacity: 0;
	}
}

@-moz-keyframes show-cta {

	0%,
	10% {
		opacity: 0;
	}

	15%,
	85% {
		opacity: 1;
		z-index: 1;
	}

	90%,
	100% {
		opacity: 0;
	}
}


@-ms-keyframes show-cta {

	0%,
	10% {
		opacity: 0;
	}

	15%,
	85% {
		opacity: 1;
		z-index: 1;
	}

	90%,
	100% {
		opacity: 0;
	}
}

@-o-keyframes show-cta {

	0%,
	10% {
		opacity: 0;
	}

	15%,
	85% {
		opacity: 1;
		z-index: 1;
	}

	90%,
	100% {
		opacity: 0;
	}
}

@keyframes show-cta {

	0%,
	10% {
		opacity: 0;
	}

	15%,
	85% {
		opacity: 1;
		z-index: 1;
	}

	90%,
	100% {
		opacity: 0;
	}
}


/*
NEON FLOWER - ROTATE SELECTED WORKS - $$$$$$START
_______________________________________________________
*/

.select-works.sw-rotate-type {
	-webkit-animation: anime-rotate-selected-works-type 200s linear infinite;
	-moz-animation: anime-rotate-selected-works-type 200s linear infinite;
	-ms-animation: anime-rotate-selected-works-type 200s linear infinite;
	-o-animation: anime-rotate-selected-works-type 200s linear infinite;
	animation: anime-rotate-selected-works-type 200s linear infinite;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-rotate-selected-works-type {
	0% {
		-webkit-transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes anime-rotate-selected-works-type {
	0% {
		-ms-transform: rotate(0);
	}
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-ms-keyframes anime-rotate-selected-works-type {
	0% {
		-moz-transform: rotate(0);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-o-keyframes anime-rotate-selected-works-type {
	0% {
		-o-transform: rotate(0);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}

@keyframes anime-rotate-selected-works-type {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*
NEON FLOWER - FULL MAGENTA - $$$$$$START
_______________________________________________________
*/

.neon-flower.neon-flower__full-magenta {
	-webkit-animation: anime-full-magenta-active 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-moz-animation: anime-full-magenta-active 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-ms-animation: anime-full-magenta-active 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-o-animation: anime-full-magenta-active 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation: anime-full-magenta-active 20s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation-delay: 5s;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-full-magenta-active {
	0%, 10% {
		opacity: 0;
	}
	15%, 75% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@-moz-keyframes anime-full-magenta-active {
	0%, 10% {
		opacity: 0;
	}
	15%, 75% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@-ms-keyframes anime-full-magenta-active {
	0%, 10% {
		opacity: 0;
	}
	15%, 75% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@-o-keyframes anime-full-magenta-active {
	0%, 10% {
		opacity: 0;
	}
	15%, 75% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

@keyframes anime-full-magenta-active {
	0%, 10% {
		opacity: 0;
	}
	15%, 75% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}

/*
NEON FLOWER - FULL MAGENTA BLURS - $$$$$$START
_______________________________________________________
*/

.nf-full-magenta:nth-child(2).nf-full-magenta-blur {
	-webkit-animation: anime-full-magenta-blur-02 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-moz-animation: anime-full-magenta-blur-02 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-ms-animation: anime-full-magenta-blur-02 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-o-animation: anime-full-magenta-blur-02 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation: anime-full-magenta-blur-02 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation-fill-mode: forwards;
	animation-delay: 7s;
}

.nf-full-magenta:nth-child(3).nf-full-magenta-blur {
	-webkit-animation: anime-full-magenta-blur-03 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-moz-animation: anime-full-magenta-blur-03 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-ms-animation: anime-full-magenta-blur-03 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-o-animation: anime-full-magenta-blur-03 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation: anime-full-magenta-blur-03 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation-fill-mode: forwards;
	animation-delay: 7s;
}

.nf-full-magenta:nth-child(4).nf-full-magenta-blur {
	-webkit-animation: anime-full-magenta-blur-04 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-moz-animation: anime-full-magenta-blur-04 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-ms-animation: anime-full-magenta-blur-04 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-o-animation: anime-full-magenta-blur-04 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation-fill-mode: forwards;
	animation-delay: 7s;
}

.nf-full-magenta:nth-child(5).nf-full-magenta-blur {
	-webkit-animation: anime-full-magenta-blur-05 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-moz-animation: anime-full-magenta-blur-05 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-ms-animation: anime-full-magenta-blur-05 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	-o-animation: anime-full-magenta-blur-05 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation: anime-full-magenta-blur-05 3s cubic-bezier(0.4, 0, 0.2, 1) 1;
	animation-fill-mode: forwards;
	animation-delay: 7s;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-full-magenta-blur-02 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(3vw * 2), calc(-3vw * 2));
		z-index: -1;
	}
}

@-moz-keyframes anime-full-magenta-blur-02 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(3vw * 2), calc(-3vw * 2));
		z-index: -1;
	}
}

@-ms-keyframes anime-full-magenta-blur-02 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(3vw * 2), calc(-3vw * 2));
		z-index: -1;
	}
}

@-o-keyframes anime-full-magenta-blur-02 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(3vw * 2), calc(-3vw * 2));
		z-index: -1;
	}
}

@keyframes anime-full-magenta-blur-02 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(3vw * 2), calc(-3vw * 2));
		z-index: -1;
	}
}

@-webkit-keyframes anime-full-magenta-blur-03 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(6vw * 2), calc(-6vw * 2));
		z-index: -1;
	}
}

@-moz-keyframes anime-full-magenta-blur-03 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(6vw * 2), calc(-6vw * 2));
		z-index: -1;
	}
}

@-ms-keyframes anime-full-magenta-blur-03 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(6vw * 2), calc(-6vw * 2));
		z-index: -1;
	}
}

@-o-keyframes anime-full-magenta-blur-03 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(6vw * 2), calc(-6vw * 2));
		z-index: -1;
	}
}

@keyframes anime-full-magenta-blur-03 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(6vw * 2), calc(-6vw * 2));
		z-index: -1;
	}
}

@-webkit-keyframes anime-full-magenta-blur-04 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-3vw * 2), calc(3vw * 2));
		z-index: -1;
	}
}

@-moz-keyframes anime-full-magenta-blur-04 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-3vw * 2), calc(3vw * 2));
		z-index: -1;
	}
}

@-ms-keyframes anime-full-magenta-blur-04 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-3vw * 2), calc(3vw * 2));
		z-index: -1;
	}
}

@-o-keyframes anime-full-magenta-blur-04 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-3vw * 2), calc(3vw * 2));
		z-index: -1;
	}
}

@keyframes anime-full-magenta-blur-04 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-3vw * 2), calc(3vw * 2));
		z-index: -1;
	}
}

@-webkit-keyframes anime-full-magenta-blur-05 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-6vw * 2), calc(6vw * 2));
		z-index: -1;
	}
}

@-moz-keyframes anime-full-magenta-blur-05 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-6vw * 2), calc(6vw * 2));
		z-index: -1;
	}
}

@-ms-keyframes anime-full-magenta-blur-05 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-6vw * 2), calc(6vw * 2));
		z-index: -1;
	}
}

@-o-keyframes anime-full-magenta-blur-05 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-6vw * 2), calc(6vw * 2));
		z-index: -1;
	}
}

@keyframes anime-full-magenta-blur-05 {
	0% {
		opacity: 1;
		transform: translate(0,0);
	}
	100% {
		filter: blur(2px);
		opacity: 0.35;
		transform: translate(calc(-6vw * 2), calc(6vw * 2));
		z-index: -1;
	}
}

/*
NEON FLOWER - STATIC GIFS - $$$$$$START
_______________________________________________________
*/

.nf-static {
	-webkit-transition: all 1.5s cubic-bezier(0.4, 0, 0, 0.75) .5s;
	-moz-transition: all 1.5s cubic-bezier(0.4, 0, 0, 0.75) .5s;
	-ms-transition: all 1.5s cubic-bezier(0.4, 0, 0, 0.75) .5s;
	-o-transition: all 1.5s cubic-bezier(0.4, 0, 0, 0.75) .5s;
	transition: all 1.5s cubic-bezier(0.4, 0, 0, 0.75) .5s;
	will-change: width, height, transform, opacity, z-index;
}

.neon-flower-main:hover .nf-static {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 2s cubic-bezier(0.4, 0, 0, 0.75) .25s;
	-moz-transition: all 2s cubic-bezier(0.4, 0, 0, 0.75) .25s;
	-ms-transition: all 2s cubic-bezier(0.4, 0, 0, 0.75) .25s;
	-o-transition: all 2s cubic-bezier(0.4, 0, 0, 0.75) .25s;
	transition: all 2s cubic-bezier(0.4, 0, 0, 0.75) .25s;
}

.neon-flower-main:hover .nf-static.light-static-speed-100 {
		background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_4x.gif') 4x
	);
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_4x.gif') 4x
	);
	-webkit-transform: translateX(calc(4vw * 2));
	-moz-transform: translateX(calc(4vw * 2));
	-ms-transform: translateX(calc(4vw * 2));
	-o-transform: translateX(calc(4vw * 2));
	transform: translateX(calc(4vw * 2));
	z-index: 6;
}

.neon-flower-main:hover .nf-static.light-static-speed-200 {
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_200_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_200_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_200_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_200_4x.gif') 4x
	);
	background-image: -webkit-image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_200_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_200_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_200_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_200_4x.gif') 4x
	);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	z-index: 6;
}

.neon-flower-main:hover .nf-static.light-static-speed-300 {
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_300_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_300_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_300_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_300_4x.gif') 4x
	);
	background-image: -webkit-image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/light_static_300_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/light_static_300_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/light_static_300_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/light_static_300_4x.gif') 4x
	);
	-webkit-transform: translateX(calc(6.5vw * 2));
	-moz-transform: translateX(calc(6.5vw * 2));
	-ms-transform: translateX(calc(6.5vw * 2));
	-o-transform: translateX(calc(6.5vw * 2));
	transform: translateX(calc(6.5vw * 2));
	z-index: 7;
}

.neon-flower-main:hover .nf-static.dark-static-speed-100 {
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_4x.gif') 4x
	);
	background-image: -webkit-image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_4x.gif') 4x
	);
	-webkit-transform: translateX(calc(-6.15vw * 2));
	-moz-transform: translateX(calc(-6.15vw * 2));
	-ms-transform: translateX(calc(-6.15vw * 2));
	-o-transform: translateX(calc(-6.15vw * 2));
	transform: translateX(calc(-6.15vw * 2));
	z-index: 9;
}

.neon-flower-main:hover .nf-static.dark-static-speed-200 {
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_200_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_200_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_200_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_200_4x.gif') 4x
	);
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_200_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_200_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_200_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_200_4x.gif') 4x
	);
	-webkit-transform: translateX(calc(-3vw * 2));
	-moz-transform: translateX(calc(-3vw * 2));
	-ms-transform: translateX(calc(-3vw * 2));
	-o-transform: translateX(calc(-3vw * 2));
	transform: translateX(calc(-3vw * 2));
	z-index: 7;
}

.neon-flower-main:hover .nf-static.dark-static-speed-300 {
	background-image: image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_300_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_300_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_300_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_300_4x.gif') 4x
	);
	background-image: -webkit-image-set(
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/1x/dark_static_300_1x.gif') 1x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/2x/dark_static_300_2x.gif') 2x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/3x/dark_static_300_3x.gif') 3x,
		url('/Volumes/Macintosh HD/Users/terry/Desktop/★★★ 2025 PORT DIRECTION/2025_gtm_portfolio/media/img/gif/static/4x/dark_static_300_4x.gif') 4x
	);
	-webkit-transform: translateX(calc(-5.25vw * 2));
	-moz-transform: translateX(calc(-5.25vw * 2));
	-ms-transform: translateX(calc(-5.25vw * 2));
	-o-transform: translateX(calc(-5.25vw * 2));
	transform: translateX(calc(-5.25vw * 2));
	z-index: 8;
}

/*
INDEX PROJECT HOVERS - $$$$$$START
_______________________________________________________
*/

.project-hovers {
	-webkit-transition: all .9s cubic-bezier(0, 0, 0.5, 1);
	-moz-transition: all .9s cubic-bezier(0, 0, 0.5, 1);
	-ms-transition: all .9s cubic-bezier(0, 0, 0.5, 1);
	-o-transition: all .9s cubic-bezier(0, 0, 0.5, 1);
	transition: all .9s cubic-bezier(0, 0, 0.5, 1);
}

#proj-ul-parent li:hover ~ #flower-n-project-hovers-special .project-hovers .project-hovers-inner {
	-webkit-animation: anime-proj-hovers-inner-scale 55s linear forwards;
	-moz-animation: anime-proj-hovers-inner-scale 55s linear forwards;
	-ms-animation: anime-proj-hovers-inner-scale 55s linear forwards;
	-o-animation: anime-proj-hovers-inner-scale 55s linear forwards;
	animation: anime-proj-hovers-inner-scale 55s linear forwards;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes anime-proj-hovers-inner-scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.25);
	}
}

@-moz-keyframes anime-proj-hovers-inner-scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.25);
	}
}

@-ms-keyframes anime-proj-hovers-inner-scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.25);
	}
}

@-o-keyframes anime-proj-hovers-inner-scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.25);
	}
}

@keyframes anime-proj-hovers-inner-scale {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.25);
	}
}

/*
FOOTER - GET UP SCROLL $$$$$$START
_______________________________________________________
*/

.get-up-txt .scrolling-text {
	-webkit-transform: translateX(calc(5rem + 25%));
	-moz-transform: translateX(calc(5rem + 25%));
	-ms-transform: translateX(calc(5rem + 25%));
	-o-transform: translateX(calc(5rem + 25%));
	transform: translateX(calc(5rem + 25%));
	-webkit-animation: anime-get-up-scroll 15s cubic-bezier(0.4, 0, 1, 1) infinite;
	-moz-animation: anime-get-up-scroll 15s cubic-bezier(0.4, 0, 1, 1) infinite;
	-ms-animation: anime-get-up-scroll 15s cubic-bezier(0.4, 0, 1, 1) infinite;
	-o-animation: anime-get-up-scroll 15s cubic-bezier(0.4, 0, 1, 1) infinite;
	animation: anime-get-up-scroll 15s cubic-bezier(0.4, 0, 1, 1) infinite;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

/*=== FOOTER - GET UP SCROLL ===*/

@-webkit-keyframes anime-get-up-scroll {
	0% {
		opacity: 0;
	}
	10%,
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-moz-keyframes anime-get-up-scroll {
	0% {
		opacity: 0;
	}
	10%,
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-ms-keyframes anime-get-up-scroll {
	0% {
		opacity: 0;
	}
	10%,
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@-o-keyframes anime-get-up-scroll {
	0% {
		opacity: 0;
	}
	10%,
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

@keyframes anime-get-up-scroll {
	0% {
		opacity: 0;
	}
	10%,
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

/*
PROJECT WORK - IMAGERY & ANIMATION - $$$$$$START
_______________________________________________________
*/

.pw-anime-container {
}

.pw-anime-container.video-n-picture picture,
.pw-anime-container.video-n-picture video {
	opacity: 0;
	transition: opacity 1s linear;
}

.pw-anime-container.aos-animate.video-n-picture picture,
.pw-anime-container.aos-animate.video-n-picture video {
	opacity: 1;
	transition: opacity 1s linear 2s;
	/* ADD DELAYS HERE FOR OPACITY */
}

.pw-anime-el {
	background-color: var(--c--eva-neon);
	opacity: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100%);
}

.pw-anime-el .pw-anime-el-static {
	background-color: blueviolet;
	width: 100px;
}

.pw-anime-container.aos-animate .pw-anime-el {
	animation: anime-pw-fade-in 3s cubic-bezier(0.4, 0, 0.2, 1) .3s forwards;
}


/*
K E Y F R A M E S
_______________________________________________________
*/

@keyframes anime-pw-fade-in {
	0% {
		opacity: 0;
	}
	50%,
	75% {
		opacity: 1;
		transform: translateX(0);
	}
	100% {
		opacity: 0;
		transform: translateX(0);
	}
}

/*
CONTACT FORM - ACTIVE ANIMATION $$$$$$START
_______________________________________________________
*/

#contact-form-bg.form__fs-container.active {
	animation: form-dim-bg-fade-in 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@keyframes form-dim-bg-fade-in {
	0% {
	background-color: rgba(0,0,0,0);
	}
	100% {
		background-color: rgba(0,0,0,.85);
		visibility: visible;
		opacity: 1;
	}
}

#contact-form-bg .form__main-container {
	-webkit-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
	-moz-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
	-ms-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
	-o-transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
	transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
}

#contact-form-bg.form__fs-container.active .form__main-container {
	animation: form-neon-bg-fade-in 2s cubic-bezier(0.4, 0, 0.2, 1) 1.25s forwards;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@keyframes form-neon-bg-fade-in {
	0% {
		background-color: rgba(216, 255, 0, 0);
	}
	100% {
		background-color: var(--c--eva-neon);
		visibility: visible;
		opacity: 1;
	}
}

/*
K E Y F R A M E S
_______________________________________________________
*/


/* DELETE LATER!!!!! */

/*
TEMP PAGE - BLACK CUPID - $$$$$$START
_______________________________________________________
*/

.dois__black-cupid #black-cupid {
	-webkit-animation: black-cupid-float 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-moz-animation: black-cupid-float 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-ms-animation: black-cupid-float 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	-o-animation: black-cupid-float 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation: black-cupid-float 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/*
K E Y F R A M E S
_______________________________________________________
*/

@-webkit-keyframes black-cupid-float {
	0% {
		transform: translateY(-25%);
	}
	45%, 50% {
		transform: translateY(25%);
	}
	95%, 100% {
		transform: translateY(-25%);
	}
}

@-moz-keyframes black-cupid-float {
	0% {
		transform: translateY(-25%);
	}
	45%, 50% {
		transform: translateY(25%);
	}
	95%, 100% {
		transform: translateY(-25%);
	}
}

@-ms-keyframes black-cupid-float {
	0% {
		transform: translateY(-25%);
	}
	45%, 50% {
		transform: translateY(25%);
	}
	95%, 100% {
		transform: translateY(-25%);
	}
}

@-o-keyframes black-cupid-float {
	0% {
		transform: translateY(-25%);
	}
	45%, 50% {
		transform: translateY(25%);
	}
	95%, 100% {
		transform: translateY(-25%);
	}
}

@keyframes black-cupid-float {
	0% {
		transform: translateY(-25%);
	}
	45%, 50% {
		transform: translateY(25%);
	}
	95%, 100% {
		transform: translateY(-25%);
	}
}

@media screen and (orientation: landscape) {
	
	@-webkit-keyframes black-cupid-float {
		0% {
			transform: translateY(-10%);
		}
		45%, 50% {
			transform: translateY(40%);
		}
		95%, 100% {
			transform: translateY(-10%);
		}
	}
	
	@-moz-keyframes black-cupid-float {
		0% {
			transform: translateY(-10%);
		}
		45%, 50% {
			transform: translateY(40%);
		}
		95%, 100% {
			transform: translateY(-10%);
		}
	}
	
	@-ms-keyframes black-cupid-float {
		0% {
			transform: translateY(-10%);
		}
		45%, 50% {
			transform: translateY(40%);
		}
		95%, 100% {
			transform: translateY(-10%);
		}
	}
	
	@-o-keyframes black-cupid-float {
		0% {
			transform: translateY(-10%);
		}
		45%, 50% {
			transform: translateY(40%);
		}
		95%, 100% {
			transform: translateY(-10%);
		}
	}
	
	@keyframes black-cupid-float {
		0% {
			transform: translateY(-10%);
		}
		45%, 50% {
			transform: translateY(40%);
		}
		95%, 100% {
			transform: translateY(-10%);
		}
	}
	
}