/* /state-animate/ CSS Document */
/*THIS IS A CSS PAGE FOR THE SCROLLING ANIMATIONS.*/
/* show objects being animated */
/*----------------*/
/* Small devices */
/*----------------*/

.utility-header 
	{
	transition: background 0.4s;
	}
.navigation-search
	{
	transition: background 0.4s;
	}


.animatable
	{
	animation: none;
	}
.animated
	{
	/*animation: none;*/
	}

.main-content .a-transition-wipe
	{
	position: fixed;
	background: rgb(24,103,165);
	z-index: 6;
	transition: 0.4s;
	width: 100vw;
	top: 0px;
	height: 0vh;
	overflow: hidden;
	}

.loading
	{
	transform: translate(-50%,-50%);
	position: absolute;
	top: 50vh;
	left: 50%;
	color: rgba(255,255,255,0.6);
	font-size: 1.1rem;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1rem;
	opacity: 0;
	transition: opacity 0.3s;
	}
.is-animating .a-transition-wipe .loading
	{
	opacity: 1;
	transition-delay: 0.6s;

	}

.is-animating .main-content .a-transition-wipe
	{
	height: 100vh;
	transition: 0.4s;
	}

body.state .main-content .a-transition-wipe
	{
	background: rgb(29,100,64);
	}
body.region .main-content .a-transition-wipe
	{
	background: rgb(167,63,59);
	}
body.tech-reports .main-content .a-transition-wipe
	{
	background: rgb(80,102,165);
	}
body.tools .main-content .a-transition-wipe
	{
	background: rgb(182,97,42);
	}
body.media .main-content .a-transition-wipe
	{
	background: rgb(117,26,87);
	}

body.events .main-content .a-transition-wipe
	{
	background: rgb(0,146,144);
	}


.animated.ca-loading 
	{
	-webkit-animation-name: ca-loading;
	animation-name: ca-loading;
	animation-timing-function: ease-in-out;
	animation-duration: 1.2s;
	animation-iteration-count:infinite;
  -webkit-transform-origin: center;
  transform-origin: center;
	}
.animated.ca-loading.ca-loading-delay-1
	{
	animation-delay: 0.3s;
	}
.animated.ca-loading.ca-loading-delay-2
	{
	animation-delay: 0.6s;
	}
.animated.ca-loading.ca-loading-delay-3
	{
	animation-delay: 0.9s;
	}
.animated.ca-pulse,
.animated .key-findings-heat-wave-4
	{
	-webkit-animation-name: ca-pulse;
	-moz-animation-name: ca-pulse;
	-o-animation-name: ca-pulse;
	animation-name: ca-pulse;
	animation-duration: 2.5s;
	transform-origin: 138px 105px;
	animation-timing-function: ease-in-out;

	}
@media (min-width: 768px) { 

.animated 
	{
	visibility: visible;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-duration: .65s;
	-moz-animation-duration: .65s;
	-ms-animation-duration: .65s;
	-o-animation-duration: 65s;
	animation-duration: .65s;

	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
	}

.animatable 
	{
	/* initially hide animatable objects */
	visibility: hidden;
	/* initially pause animatable objects their animations */
	-webkit-animation-play-state: paused;   
	-moz-animation-play-state: paused;     
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused; 
	}

	.animated.ca-animationDelay{
		animation-delay:.4s;
		-webkit-animation-delay:.4s;
	}
	.animated.ca-animationDelayShort{
		animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
	}
	.animated.ca-animationDelayMed{
		animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
	}
	.animated.ca-animationDelayLong{
		animation-delay:1.6s;
		-webkit-animation-delay:1.6s;
	}
	.animated.ca-fadeBgColor {
		-webkit-animation-name: ca-fadeBgColor;
		-moz-animation-name: ca-fadeBgColor;
		-o-animation-name: ca-fadeBgColor;
		animation-name: ca-fadeBgColor;
	}
	.animated.ca-bounceIn {
		-webkit-animation-name: ca-bounceIn;
		-moz-animation-name: ca-bounceIn;
		-o-animation-name: ca-bounceIn;
		animation-name: ca-bounceIn;
	}
	.animated.ca-bounceInRight {
		-webkit-animation-name: ca-bounceInRight;
		-moz-animation-name: ca-bounceInRight;
		-o-animation-name: ca-bounceInRight;
		animation-name: ca-bounceInRight;
	}
	.animated.ca-bounceInLeft {
		-webkit-animation-name: ca-bounceInLeft;
		-moz-animation-name: ca-bounceInLeft;
		-o-animation-name: ca-bounceInLeft;
		animation-name: ca-bounceInLeft;
	}
	.animated.ca-fadeIn {
		-webkit-animation-name: ca-fadeIn;
		-moz-animation-name: ca-fadeIn;
		-o-animation-name: ca-fadeIn;
		animation-name: ca-fadeIn;
	}
	.animated.ca-fadeInDown {
		-webkit-animation-name: ca-fadeInDown;
		-moz-animation-name: ca-fadeInDown;
		-o-animation-name: ca-fadeInDown;
		animation-name: ca-fadeInDown;
	}
	.animated.ca-fadeInUp {
		-webkit-animation-name: ca-fadeInUp;
		-moz-animation-name: ca-fadeInUp;
		-o-animation-name: ca-fadeInUp;
		animation-name: ca-fadeInUp;
	}
	.animated.ca-moveUp {
		-webkit-animation-name: ca-moveUp;
		-moz-animation-name: ca-moveUp;
		-o-animation-name: ca-moveUp;
		animation-name: ca-moveUp;
	}

	.animated.ca-moveInRight {
		-webkit-animation-name: ca-moveInRight;
		-moz-animation-name: ca-moveInRight;
		-o-animation-name: ca-moveInRight;
		animation-name: ca-moveInRight;
	}

	.animated.ca-moveInLeft {
		-webkit-animation-name: ca-moveInLeft;
		-moz-animation-name: ca-moveInLeft;
		-o-animation-name: ca-moveInLeft;
		animation-name: ca-moveInLeft;
	}

	.animated.ca-photofadeInUp {
		-webkit-animation-name: ca-photofadeInUp;
		-moz-animation-name: ca-photofadeInUp;
		-o-animation-name: ca-photofadeInUp;
		animation-name: ca-photofadeInUp;
	}

	.animated.ca-bounce {
		-webkit-animation-name: ca-loading;
		-moz-animation-name: ca-loading;
		-o-animation-name: ca-loading;
		animation-name: ca-loading;
		animation-timing-function: ease-in-out;
		}
	
	.animated #summary-graphic-Disk path
		{
		-webkit-animation-name: graphic-disk-spin;
		-moz-animation-name: graphic-disk-spin;
		-o-animation-name: graphic-disk-spin;
		animation-name: graphic-disk-spin;
		-webkit-animation-timing-function: cubic-bezier(.13,.64,.86,1.04);
		animation-timing-function: cubic-bezier(.13,.64,.86,1.04);
		animation-duration: 1.2s;
		transform-origin: 250px 250px;

		}
	.animated #Summary-Graphic-Text path
		{
		-webkit-animation-name: graphic-disk-text-fade;
		-moz-animation-name: graphic-disk-text-fade;
		-o-animation-name: graphic-disk-text-fade;
		animation-name: graphic-disk-text-fade;
		-webkit-animation-timing-function: cubic-bezier(.13,.64,.86,1.04);
		animation-timing-function: cubic-bezier(.13,.64,.86,1.04);
		animation-duration: 1.6s;
		}

}



@-webkit-keyframes ca-pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes ca-pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  80% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  90% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

}

.animated.ca-bottle-dim-1,
.animated .ca-bottle-dim-1
	{
	-webkit-animation-name: ca-bottle-dim-1;
	-moz-animation-name: ca-bottle-dim-1;
	-o-animation-name: ca-bottle-dim-1;
	animation-name: ca-bottle-dim-1;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-duration: 1.2s;
	}
@-webkit-keyframes ca-bottle-dim-1
	{
	0% {fill:#1867a5;}
	66% {fill:#1867a5;}
	100% {fill:#bac8ce;}
	}
@keyframes ca-bottle-dim-1
	{
	0% {fill:#1867a5;}
	66% {fill:#1867a5;}
	100% {fill:#bac8ce;}
	}
.animated.ca-bottle-dim-2,
.animated .ca-bottle-dim-2
	{
	-webkit-animation-name: ca-bottle-dim-2;
	-moz-animation-name: ca-bottle-dim-2;
	-o-animation-name: ca-bottle-dim-2;
	animation-name: ca-bottle-dim-2;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-duration: 1.6s;
	}
@-webkit-keyframes ca-bottle-dim-2
	{
	0% {fill:#1867a5;}
	75% {fill:#1867a5;}
	100% {fill:#bac8ce;}
	}
@keyframes ca-bottle-dim-2
	{
	0% {fill:#1867a5;}
	75% {fill:#1867a5;}
	100% {fill:#bac8ce;}
	}

.animated #rising-temp
	{
	-webkit-animation-name: rising-temp;
	-moz-animation-name: rising-temp;
	-o-animation-name: rising-temp;
	animation-name: rising-temp;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	animation-duration: 10s;
	}
@-webkit-keyframes rising-temp
	{
	0% 
		{
		-webkit-transform: translateY(90px);
		transform: translateY(90px);
		}
	100% 
		{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		}
	}
@keyframes rising-temp
	{
	0% 
		{
		-webkit-transform: translateY(90px);
		transform: translateY(90px);
		}
	100% 
		{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		}
	}





@-webkit-keyframes graphic-disk-spin
	{
		0%   {-webkit-transform: rotate(120deg);transform: rotate(120deg);}
		100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	}
@keyframes graphic-disk-spin
	{
		0%   {-webkit-transform: rotate(120deg);transform: rotate(120deg);}
		100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
	}

@-webkit-keyframes graphic-disk-text-fade
	{
		0%	{opacity: 0;}
		75%   {opacity: 0;}
		100% {opacity:1;}
	}
@keyframes graphic-disk-text-fade
	{
		0%	{opacity: 0;}
		75%   {opacity: 0;}
		100% {opacity:1;}
	}


@-webkit-keyframes bounce 
	{
	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}

}


/* Bounce */
@keyframes bounce {
	from,
	20%,
	53%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);
	}
}


/*--LOADING TRANSITION--*/
@-webkit-keyframes ca-loading {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}

	12.5% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 1;
	 }

	25% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}
	100% {
		opacity: 0.5;
		}
	}

@-moz-keyframes ca-loading {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}

	12.5% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 1;
	 }

	25% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}
	100% {
		opacity: 0.5;
		}
	}

@-o-keyframes ca-loading {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}

	12.5% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 1;
	 }

	25% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}
	100% {
		opacity: 0.5;
		}
	}

@keyframes ca-loading {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}

	12.5% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2);
		transform: scale3d(1.2, 1.2, 1.2);
		opacity: 1;
	 }

	25% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.5;
		}
	100% {
		opacity: 0.5;
		}
	}

/*--FADE IN TRANSITION--*/
@-webkit-keyframes ca-fadeIn {
	0% 
		{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.8;
		}

	12.5% 
		{
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
		opacity: 1;
	 }

	25% 
		{
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 0.8;
		}
	}

@-moz-keyframes ca-fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes ca-fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes ca-fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}


/*------FADE IN (UP) TRANSITION------*/
@-moz-keyframes ca-fadeInUp {
0% {
	opacity: 0;
	-moz-transform: translateY(50px);
	}

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

@-o-keyframes ca-fadeInUp {
0% {
	opacity: 0;
	-o-transform: translateY(50px);
	}


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

@keyframes ca-fadeInUp {
0% {
	opacity: 0;
	transform: translateY(50px);
	}

100% {
	opacity: 1;
	transform: translateY(0);
	}
}



/*-------BOUNCE IN RIGHT TRANSITION----------*/
@-webkit-keyframes ca-bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(300px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(-5px);
	}

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

@-moz-keyframes ca-bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(300px);
	}
	/*
	60% {
		-moz-transform: translateX(0px);
	}
	*/
	80% {
		-moz-transform: translateX(-5px);
	}

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

@-o-keyframes ca-bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(300px);
	}
	/*
	60% {
		-o-transform: translateX(-8px);
	}
*/
	80% {
		-o-transform: translateX(-5px);
	}

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

@keyframes ca-bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(300px);
	}
	/*
	60% {
		transform: translateX(0px);
	}
	*/
	80% {
		transform: translateX(-5px);
	}

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




/*-------BOUNCE IN LEFT TRANSITION ----------*/
@-webkit-keyframes ca-bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(5px);
	}

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

@-moz-keyframes ca-bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(5px);
	}

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

@-o-keyframes ca-bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(5px);
	}

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

@keyframes ca-bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(5px);
	}

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


/*----MOVE UP TRANSITION------*/
@-webkit-keyframes ca-moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(1000px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes ca-moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(1000px);
	}

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

@-o-keyframes ca-moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(1000px);
	}

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

@keyframes ca-moveUp {
	0% {
		opacity: 1;
		transform: translateY(1000px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/*-----FADE IN (DOWN) TRANSITION-----*/
@-o-keyframes ca-fadeInDown 
{
	0% {
	opacity: 0;
	-o-transform: translateY(-20px);
}

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

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


/*-------MOVE IN RIGHT TRANSITION----------*/
@-webkit-keyframes ca-moveInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(150px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes ca-moveInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(150px);
	}
	/*
	60% {
		-moz-transform: translateX(0px);
	}
	*/
	80% {
		-moz-transform: translateX(0);
	}

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

@-o-keyframes ca-moveInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(150px);
	}
	/*
	60% {
		-o-transform: translateX(-8px);
	}
*/
	80% {
		-o-transform: translateX(0);
	}

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

@keyframes ca-moveInRight {
	0% {
		opacity: 0;
		transform: translateX(150px);
	}
	/*
	60% {
		transform: translateX(0px);
	}
	*/
	80% {
		transform: translateX(0);
	}

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

/*-------MOVE IN LEFT TRANSITION----------*/
@-webkit-keyframes ca-moveInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-150px);
	}
	/*
	60% {
		-webkit-transform: translateX(0px);
	}
	*/
	80% {
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes ca-moveInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-150px);
	}
	/*
	60% {
		-moz-transform: translateX(0px);
	}
	*/
	80% {
		-moz-transform: translateX(0);
	}

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

@-o-keyframes ca-moveInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-150px);
	}
	/*
	60% {
		-o-transform: translateX(-8px);
	}
*/
	80% {
		-o-transform: translateX(0);
	}

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

@keyframes ca-moveInLeft {
	0% {
		opacity: 0;
		transform: translateX(-150px);
	}
	/*
	60% {
		transform: translateX(0px);
	}
	*/
	80% {
		transform: translateX(0);
	}

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

/*------PHOTO BAR FADE UP TRANSITION------*/
@-moz-keyframes ca-photofadeInUp {
0% {
	opacity: 0;
	-moz-transform: translateY(0);
	}

30% {
	opacity: 0;
	transform: translateY(20px);
	}

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

@-o-keyframes ca-photofadeInUp {
0% {
	opacity: 0;
	-o-transform: translateY(0);
	}

30% {
	opacity: 0;
	transform: translateY(20px);
	}

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

@keyframes ca-photofadeInUp {
0% {
	opacity: 0;
	-o-transform: translateY(0);
	}

30% {
	opacity: 0;
	transform: translateY(20px);
	}

100% {
	opacity: 1;
	transform: translateY(0);
	}
}