img {
	pointer-events: none;
}

/*-----------------------------------------------------------*/
/* Textreveals                                               */
/*-----------------------------------------------------------*/


[cb-textreveal-element=text]:not(.cb-ts__active, .cb-ts__visible) {
	opacity: 0;
}


.utl__h1 .cb-ts__item {
	transform: translate(0, 100%)
}

.utl__h1 .cb-ts__item,
.utl__h1.cb-ts__active .cb-ts__item {
	transition-duration: 1s;
	transition-delay: calc(0.05s * var(--index));
}


.utl-lead__block.scrollreveal {
	transform: translateY(100px);
	opacity: 0;
	transition-delay: 0.3s;
	transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity 1s cubic-bezier(.23, 1, .32, 1)
}

.utl-lead__block.scrollreveal.cb-inview {
	transform: translateY(0px);
	opacity: 1;
}


/*-----------------------------------------------------------*/
/* Team Video                                                */
/*-----------------------------------------------------------*/


.teamvid__section.transition {
	opacity: 0;
	transform: scaleY(1.2) translateY(200px);
}




/*-----------------------------------------------------------*/
/* Testimonial Videos                                        */
/*-----------------------------------------------------------*/


.tvid__video__item {
	opacity: 0;
}



/*-----------------------------------------------------------*/
/* Footer                                                    */
/*-----------------------------------------------------------*/


.foo:not(.foo__visible) .foo__rows__block:not(:last-child):after {
	transform: scaleX(0);
	transition: transform 0.2s cubic-bezier(.165, .84, .44, 1);
}

.foo:not(.foo__visible) .foo__icon-wrapper {
	transform: scale(0.5);
	opacity: 0;
	transition: transform 0.2s cubic-bezier(.165, .84, .44, 1), opacity 0.2s ease;
}



/*-----------------------------------------------------------*/
/* History                                                   */
/*-----------------------------------------------------------*/


.his-lightbox .his-img__item:not(.active),
.his-lightbox .his-img__item:not(.active) .his-img__img,
.his-lst__heading-wrapper {
	pointer-events: none;
}

[cb-history-video=focustoggle] {
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s linear;
}

.barba__main:not(.his-vid-playing) .his-hero__scroll__wrapper {
	opacity: 0;
}




/*-----------------------------------------------------------*/
/* Transition                                                */
/*-----------------------------------------------------------*/



body.first-load .barba__main:not(.page-loaded) {
	transform: translateY(100%);
}

body.first-load .barba__main:not(.page-loaded) .utl__scroller {
	transform: scale(1);
}

.nav__link,
.nav-logo {
	transition-delay: calc(0.1s * var(--index));
}

body:not(.body-ready) .nav__link,
body:not(.body-ready) .nav-logo {
	transform: translateY(120%);
}

body:not(.body-ready) .nav * {
	pointer-events: none;
}

body:not(.body-ready) .j-hero__img-container,
body:not(.body-ready) .j-cms-hero__img,
body:not(.body-ready) .work__hero__img-container,
.barba__main:not(.page-loaded) .his-hero__img-wrapper {
	opacity: 0;
}

body:not(.body-ready) .nav__burger__line {
	width: 0px;
}



.barba__main:not(.page-loaded) .con__img {
	transform: translateY(-50%);
}

.barba__main:not(.page-loaded) .con__img-overlay {
	transform: translateY(100%);
}

.barba__main:not(.page-loaded) .con__section {
	background-color: black;
}

.vcd-box__wrapper,
.vcd-box__block {
	transition-delay: calc(0.1s * var(--index));
}

.barba__main:not(.page-loaded) .vcd-box__wrapper,
.barba__main:not(.page-loaded) .vcd-box__block {
	transform: translateY(100px);
	opacity: 0;
}

.barba__main:not(.page-loaded) .web-shw__collection-container {
	transform: translateY(200px);
	opacity: 0;
}

.barba__main:not(.page-loaded) .blg-cms__article {
	transform: translateY(50px);
	opacity: 0;
}

.blg-cms__article {
	transition-delay: .7s;
}





.barba__main:not(.page-loaded) .blg-cms__hero-img {
	transform: translateY(50%);
}

.barba__main:not(.page-loaded) .blg-cms__hero-overlay {
	transform: translateY(0%);
}

.blg-lst__info-wrapper .cb-ts-el__wrapper {
	overflow: hidden;
}

.blg-lst__info-wrapper .cb-ts-el__item {
	transform: translateY(0%);
	transition-duration: 1s;
	transition-delay: calc(0.2s + 0.05s * var(--index));
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-property: transform;
}

.barba__main:not(.page-loaded) .blg-lst__info-wrapper .cb-ts-el__item {
	transform: translateY(100%);
}




/*-----------------------------------------------------------*/
/* Agency                                                    */
/*-----------------------------------------------------------*/



.hh2-heading__h1-dummy:not(.cb-ts__visible),
.hh2-heading__h3-wrapper:not(.cb-ts__visible) {
	opacity: 0;
}

.tem-tsr__collection-wrapper {
	animation-name: tickerSingle;
	animation-duration: calc(50s);
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@media (max-width: 767px) {
	.tem-tsr__collection-container {
		transform: translate(0px) !important;
	}
}






/*-----------------------------------------------------------*/
/* Content Marketing                                         */
/*-----------------------------------------------------------*/


.s__tt__wrapper {
	transition-delay: calc(0.2s * var(--index));
}

.barba__main:not(.page-loaded) .s__tt__wrapper {
	transform: scale(.35);
	opacity: 0;
}

.barba__main:not(.page-loaded) .s__home-bg,
.barba__main:not(.page-loaded) .s__home__bg-gradient {
	opacity: 0;
}

.barba__main:not(.page-loaded) .s__home-bg-wrapper:not(.foreground) {
	transform: scale(1.2);
}

.s__slogan-container .s__tt__wrapper {
	transform: scale(0.35);
	opacity: 0;
	transition-delay: calc(0.2s * var(--index));
}

.s__slogan-container.cb-inview .s__tt__wrapper {
	transform: scale(1);
	opacity: 1;
}

.s__icon__img {
	animation-name: socialFloating1;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.5, 0.01, 0.48, 0.99);
	animation-delay: calc(1s * var(--index));
	transform: translateY(-10%)
}

@keyframes socialFloating1 {
	0% {
		transform: translateY(-10%)
	}

	50% {
		transform: translateY(10%)
	}

	100% {
		transform: translateY(-10%)
	}
}

@keyframes socialFloating2 {
	0% {
		transform: translateY(10%)
	}

	50% {
		transform: translateY(-10%)
	}

	100% {
		transform: translateY(10%)
	}
}





/*-----------------------------------------------------------*/
/* Work                                                      */
/*-----------------------------------------------------------*/


.wrk-list__item,
.tem__collection-item,
.blg-lst__collection-item {
	transform: translateY(50%) scale(1);
	transition: all 0.5s cubic-bezier(0.53, 0.03, 0.83, 0.25);
	opacity: 0;
	transition-delay: calc(3s / var(--length) * var(--index));
}

.blg-lst__collection-item {
	transition-delay: calc(0.1s * var(--index));
}

.barba-back .wrk-list__item {
	transition-delay: calc(1s / var(--length) * var(--index));
}

.wrk-flt__list .cb-ts-el__wrapper {
	overflow: hidden;
}

.wrk-flt__list .cb-ts-el__item {
	transform: translateY(100%);
	transition-property: transform;
	transition-delay: calc(0.4s + 0.05s * var(--index));
	transition-timing-function: cubic-bezier(.23, 1, .32, 1);
	transition-duration: 1s;
}

.barba__main:not(.page-loaded) .wrk-flt__list {
	opacity: 0;
}

.barba__main:not(.page-loaded) .utl__line {
	transform: scaleX(0);
}



/*-----------------------------------------------------------*/
/* Team                                                      */
/*-----------------------------------------------------------*/


body:not(.first-load) .cms-ang__hero__img {
	opacity: 0;
}





/*-----------------------------------------------------------*/
/* Webflow Landing Page                                      */
/*-----------------------------------------------------------*/

.wlp__overlay {
	opacity: 0;
}

.page-loaded .wlp__overlay {
	opacity: 1;
}

.barba__main:not(.page-loaded) [cb-textreveal-style=h1] [cb-wlpbox-element]::after,
.barba__main:not(.page-loaded) [cb-textreveal-style=h1] [cb-wlpbox-element]::before {
  opacity: 0;
}