@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(270px);
	}

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

@-moz-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-moz-transform: translateY(270px);
	}

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

@-o-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-o-transform: translateY(270px);
	}

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

@keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		transform: translateY(270px);
	}

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


@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}


@-webkit-keyframes cd-click-prev {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
            transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
  }
}

@keyframes cd-click-prev {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
            transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
@-webkit-keyframes cd-click-next {
  0% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(0.8);
            transform: translateX(50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(1);
            transform: translateX(50%) translateY(-50%) scale(1);
  }
}
@keyframes cd-click-next {
  0% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(0.8);
            transform: translateX(50%) translateY(-50%) scale(0.8);
  }
  100% {
    -webkit-transform: translateX(50%) translateY(-50%) scale(1);
            transform: translateX(50%) translateY(-50%) scale(1);
  }
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-webkit-transform: translateY(270px);
	}

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

@-moz-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-moz-transform: translateY(270px);
	}

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

@-o-keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		-o-transform: translateY(270px);
	}

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

@keyframes fadeInUp_custom {
	0% {
		opacity: 0;
		transform: translateY(270px);
	}

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


@-webkit-keyframes article-animation-fade  {
	to {
		opacity: 1;
	}
}

@keyframes article-animation-fade {
	to {
		opacity: 1;
	}
}

@-webkit-keyframes article-animation-slide  {
	to {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes article-animation-slide {
	to {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes article-animation-grow  {
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes article-animation-grow {
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@-webkit-keyframes fa-spin-reverse {
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin-reverse {
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*--------------------------------------------------------------
	# ANIMATIONS
--------------------------------------------------------------*/

/* animate the drops*/
@-webkit-keyframes rain{from{background-position:0em 0em}to{background-position:-400em 1000em, -450em 1050em}}
@-webkit-keyframes cloud1{from{background-position:0 top}to{background-position:-1024px top}}@-webkit-keyframes cloud2{from{background-position:-600px top}to{background-position:-1624px top}}
@-webkit-keyframes light{0%{background-color:#243442}10%{background-color:#243442}11%{background-color:#666}12%{background-color:#243442}30%{background-color:#243442}31%{background-color:gray}32%{background-color:#243442}100%{background-color:#243442}}
@-webkit-keyframes sign404{0%{-webkit-transform:rotate(0deg) translate(20px)}20%{-webkit-transform:rotate(-4deg) translate(-20px)}30%{-webkit-transform:rotate(0deg) translate(20px)}100%{-webkit-transform:rotate(0deg) translate(20px)}} 


.tagline-animation {
  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/ 
  
}

h2.animation{
  animation: h2.animated ease-out 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: h2.animated ease-out 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: h2.animated ease-out 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: h2.animated ease-out 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: h2.animated ease-out 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
  
}

@keyframes h2.animated {
  0% {
    opacity:0;
    transform:  translate(-500px,0px)  ;
  }
  60% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  80% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes h2.animated{
  0% {
    opacity:0;
    -moz-transform:  translate(-500px,0px)  ;
  }
  60% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  80% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes h2.animated { 

 
  0% {
    opacity:0;
    -webkit-transform:  translate(-500px,0px)  ;
  }
  60% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  80% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;

  }
}

@-o-keyframes h2.animated {
  0% {
    opacity:0;
    -o-transform:  translate(-500px,0px)  ;
  }
  60% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  80% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes h2.animated {
  0% {
    opacity:0;
    -ms-transform:  translate(-500px,0px)  ;
  }
  60% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  80% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}

h2.animated {
    position: relative;
    -webkit-animation: h2animation ease 6s 1; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: -2s; /* Safari 4.0 - 8.0 */
    -webkit-transform-origin: 50% 50%;
    animation: h2animation ease 6s 1;
    transform-origin: 50% 50%;
    animation-delay: -2s;
   -moz-animation: h2animation ease 6s 1;
    -moz-animation-delay: -2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes h2animation {
    from {left: -1600px; opacity: 0; }
    to {left: 0px; opacity: 1;}
}
@keyframes h2animation {
     from{left: -1600px; opacity: 0; }
    to {left: 0px; opacity: 1;}
}

/* Article Animation - Fade */
.fluida-article-animation-fade .animated-article {
	opacity: 0;
	-webkit-animation: article-animation-fade 0.8s ease forwards;
	animation: article-animation-fade 0.8s ease forwards;
}


.lp-box.in-direction-left .lp-box-overlay {
	-webkit-animation: .4s in-direction-left forwards;
	        animation: .4s in-direction-left forwards;
}

.lp-box.in-direction-right .lp-box-overlay {
	-webkit-animation: .4s in-direction-right forwards;
	        animation: .4s in-direction-right forwards;
}

.lp-box.in-direction-up .lp-box-overlay {
	-webkit-animation: .4s in-direction-up forwards;
	        animation: .4s in-direction-up forwards;
}

.lp-box.in-direction-down .lp-box-overlay {
	-webkit-animation: .4s in-direction-down forwards;
	        animation: .4s in-direction-down forwards;
}

.lp-box.out-direction-left .lp-box-overlay {
	-webkit-animation: .4s out-direction-left forwards;
	        animation: .4s out-direction-left forwards;
}

.lp-box.out-direction-right .lp-box-overlay {
	-webkit-animation: .4s out-direction-right forwards;
	        animation: .4s out-direction-right forwards;
}  

.lp-box.out-direction-up .lp-box-overlay, .grid-item.out-direction-up .grid-box-overlay {
	-webkit-animation: .4s out-direction-up forwards;
	        animation: .4s out-direction-up forwards;
}

.lp-box.out-direction-down .lp-box-overlay {
	-webkit-animation: .4s out-direction-down forwards;
	        animation: .4s out-direction-down forwards;
}

@-webkit-keyframes in-direction-left {
	from {
		opacity: 1;
		left: 100%;
	}
	to {
		opacity: 1;
		left: 0;
	}
}

@keyframes in-direction-left {
	from {
		opacity: 1;
		left: 100%;
	}
	to {
		opacity: 1;
		left: 0;
	}
}

@-webkit-keyframes in-direction-right {
	from {
		opacity: 1;
		left: -100%;
	}
	to {
		opacity: 1;
		left: 0;
	}
}

@keyframes in-direction-right {
	from {
		opacity: 1;
		left: -100%;
	}
	to {
		opacity: 1;
		left: 0;
	}
}

@-webkit-keyframes in-direction-up {
	from {
		opacity: 1;
		top: 100%;
	}
	to {
		opacity: 1;
		top: 0;
	}
}

@keyframes in-direction-up {
	from {
		opacity: 1;
		top: 100%;
	}
	to {
		opacity: 1;
		top: 0;
	}
}

@-webkit-keyframes in-direction-down {
	from {
		opacity: 1;
		top: -100%;
	}
	to {
		opacity: 1;
		top: 0;
	}
}

@keyframes in-direction-down {
	from {
		opacity: 1;
		top: -100%;
	}
	to {
		opacity: 1;
		top: 0;
	}
}

@-webkit-keyframes out-direction-left {
	from {
		opacity: 1;
		left: 0;
	}
	to {
		opacity: 1;
		left: -100%;
	}
}

@keyframes out-direction-left {
	from {
		opacity: 1;
		left: 0;
	}
	to {
		opacity: 1;
		left: -100%;
	}
}

@-webkit-keyframes out-direction-right {
	from {
		opacity: 1;
		left: 0;
	}
	to {
		opacity: 1;
		left: 100%;
	}
}

@keyframes out-direction-right {
	from {
		opacity: 1;
		left: 0;
	}
	to {
		opacity: 1;
		left: 100%;
	}
}

@-webkit-keyframes out-direction-up {
	from {
		opacity: 1;
		top: 0;
	}
	to {
		opacity: 1;
		top: -100%;
	}
}

@keyframes out-direction-up {
	from {
		opacity: 1;
		top: 0;
	}
	to {
		opacity: 1;
		top: -100%;
	}
}

@-webkit-keyframes out-direction-down {
	from {
		opacity: 1;
		top: 0;
	}
	to {
		opacity: 1;
		top: 100%;
	}
}

@keyframes out-direction-down {
	from {
		opacity: 1;
		top: 0;
	}
	to {
		opacity: 1;
		top: 100%;
	}
}


@-webkit-keyframes a { 
  0%{left:50%}50%{left:100%}51%{left:0}to{left:50%} 
}
@keyframes a {
  0%{left:50%}50%{left:100%}51%{left:0}to{left:50%}
}
@-webkit-keyframes b {
    0%{left:50%}50%{left:0}51%{left:100%}to{left:50%}
}
@keyframes b {
    0%{left:50%}50%{left:0}51%{left:100%}to{left:50%}
}