/* CSS Document */

/* ### Animations: ### */

@media (min-width: 768px) {

	.ani-delay-0 { transition-delay: 0 !important; }
	.ani-delay-1 { transition-delay: 250ms !important; }
	.ani-delay-2 { transition-delay: 500ms !important; }
	.ani-delay-3 { transition-delay: 750ms !important; }
	.ani-delay-4 { transition-delay: 1000ms !important; }
	.ani-delay-5 { transition-delay: 1250ms !important; }
	.ani-delay-6 { transition-delay: 1500ms !important; }
	.ani-delay-7 { transition-delay: 1750ms !important; }
	.ani-delay-8 { transition-delay: 2000ms !important; }
	.ani-delay-9 { transition-delay: 2250ms !important; }
	.ani-delay-10 { transition-delay: 2500ms !important; }
	.ani-delay-11 { transition-delay: 2750ms !important; }
	.ani-delay-12 { transition-delay: 3000ms !important; }
	.ani-delay-13 { transition-delay: 3250ms !important; }
	.ani-delay-14 { transition-delay: 3500ms !important; }
	.ani-delay-15 { transition-delay: 3750ms !important; }
	.ani-delay-16 { transition-delay: 4000ms !important; }

	.ani-block {
		position: relative;
	}

	body:not(.no-js) .ani-fade {
		opacity: 0;
		transition: all 500ms;
	}
	body:not(.no-js) .ani-active.ani-fade,
	body:not(.no-js) .ani-active .ani-fade {
		opacity: 1;
	}

	body:not(.no-js) .ani-fade-top {
		opacity: 0;
		top: -10vh;
		transition: all 500ms;
	}
	body:not(.no-js) .ani-active.ani-fade-top,
	body:not(.no-js) .ani-active .ani-fade-top {
		opacity: 1;
		top: 0;
	}

	body:not(.no-js) .ani-fade-bottom {
		opacity: 0;
		bottom: -10vh;
		transition: all 500ms;
	}
	body:not(.no-js) .ani-active.ani-fade-bottom,
	body:not(.no-js) .ani-active .ani-fade-bottom {
		opacity: 1;
		bottom: 0;
	}

	body:not(.no-js) .ani-fade-left {
		opacity: 0;
		left: -10vw;
		transition: all 500ms;
	}
	body:not(.no-js) .ani-active.ani-fade-left,
	body:not(.no-js) .ani-active .ani-fade-left {
		opacity: 1;
		left: 0;
	}

	body:not(.no-js) .ani-fade-right {
		opacity: 0;
		right: -10vw;
		transition: all 500ms;
	}
	body:not(.no-js) .ani-active.ani-fade-right,
	body:not(.no-js) .ani-active .ani-fade-right {
		opacity: 1;
		right: 0;
	}

}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
} 

@-webkit-keyframes bounce {
  0%, 30%, 70%, 100% {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-0.5em);}
} 

@keyframes bounce { 
  0%, 30%, 70%, 100% {transform: translateY(0);}
  50% {transform: translateY(-0.5em);}
} 

.bounce { 
  -webkit-animation-name: bounce;
  animation-name: bounce;
}