/* Taken from W3C Schools - http://www.w3schools.com/css/css3_animations.asp */

div#owl_underline {
	margin-top: 0;
	height: 3px;
	background: #003fff;
	position: relative;

	/* animation name, referred to later in css */
    animation-name: owl_underline;
    -webkit-animation-name: owl_underline;	/* Safari 4.0 - 8.0 */

	/* animation duration, from start to finish in seconds */
    animation-duration: 5s;
    -webkit-animation-duration: 5s;	/* Safari 4.0 - 8.0 */

	/* delay before start of animation */
    animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;		/* Safari 4.0 - 8.0 */

	/* number of animation iterations - a defined number or infinite*/
	animation-iteration-count: infinite;
	xanimation-iteration-count: 1;

	/* animation direction - normal, reverse or alternate */
	animation-direction: normal;
	xanimation-direction: reverse;
	xanimation-direction: alternate;

	/* animation timing function, defines speed of start and finish
		ease - specifies an animation with a slow start, then fast, then end slowly (this is default)
		linear - specifies an animation with the same speed from start to end
		ease-in - specifies an animation with a slow start
		ease-out - specifies an animation with a slow end
		ease-in-out - specifies an animation with a slow start and end
		cubic-bezier(n,n,n,n) - lets you define your own values in a cubic-bezier function */
	xanimation-timing-function: linear;
	xanimation-timing-function: ease;
	xanimation-timing-function: ease-in;
	xanimation-timing-function: ease-out;
	animation-timing-function: ease-in-out;
}

/* Standard syntax */
@keyframes owl_underline {
	0%		{	width: 0;	}
	100%	{	width: 100%; }
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes owl_underline {
	0%		{	width: 0;	}
	100%	{	width: 100%; }
}

h2.fadein_h	{
	text-align: center;
	height: 80px;
}

h2.fadein_h span.fadein {
	/* animation name, referred to later in css */
	height: 80px;
	display: block;
	opacity: 0.3;
	text-align: center;
	margin-top: -40px;
	animation-name: fadein;
	-webkit-animation-name: fadein;	/* Safari 4.0 - 8.0 */

	/* animation duration, from start to finish in seconds */
	animation-duration: 2s;
	-webkit-animation-duration: 2s;	/* Safari 4.0 - 8.0 */

	/* delay before start of animation */
	animation-delay: 2s;
	-webkit-animation-delay: 2s;		/* Safari 4.0 - 8.0 */

	/* number of animation iterations - a defined number or infinite*/
	animation-iteration-count: 1;

	/* animation direction - normal, reverse or alternate */
	animation-direction: normal;

	/* animation timing function, defines speed of start and finish
		ease - specifies an animation with a slow start, then fast, then end slowly (this is default)
		linear - specifies an animation with the same speed from start to end
		ease-in - specifies an animation with a slow start
		ease-out - specifies an animation with a slow end
		ease-in-out - specifies an animation with a slow start and end
		cubic-bezier(n,n,n,n) - lets you define your own values in a cubic-bezier function */
	animation-timing-function: ease-in-out;
	
	/* Maintain Final State of Animation */
	animation-fill-mode: forwards;
}

/* Standard syntax */
@keyframes fadein {
    0%		{	opacity:0.3; margin-top:-40px;	}
    100%	{	opacity:1; margin-top:0;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadein {
    0%		{	opacity:0.3; margin-top:-40px;	}
    100%	{	opacity:1; margin-top:0;}
}