/*Home Effects*/
@media all and (min-width:992px)
{
	.banner.home-banner .pane-wrap h1[class*="animated"]
	{
		opacity:0;
		position:relative;
		animation:banner-header-h1 1s ease-out;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	.banner.home-banner .pane-wrap h1.animated1
	{
		animation-delay:0s;
	}
	.banner.home-banner .pane-wrap h1.animated2
	{
		animation-delay:0.6s;
	}
	.banner.home-banner .pane-wrap h1.animated3
	{
		animation-delay:1.2s;
	}
	.banner.home-banner .pane-wrap h3.animated
	{
		opacity:0;
		position:relative;
		animation:banner-header-h3 1s ease-out;
		animation-iteration-count:1;
		animation-delay:2s;
		animation-fill-mode:forwards;
	}
	.banner.home-banner .pane-wrap p.animated
	{
		opacity:0;
		position:relative;
		animation:banner-header-p 1s ease-out;
		animation-iteration-count:1;
		animation-delay:3s;
		animation-fill-mode:forwards;
	}
	.banner.home-banner .pane-wrap .btn-empty.animated
	{
		opacity:0;
		position:relative;
		animation:banner-header-btn 1s ease-out;
		animation-iteration-count:1;
		animation-delay:4s;
		animation-fill-mode:forwards;
	}
	.banner.home-banner .flex-end-row [class*="col-"].animated::after
	{
		animation:banner-header-line 1.2s ease-out;
		animation-iteration-count:1;
		animation-delay:0s;
		animation-fill-mode:forwards;
	}
}

/*Keyframes*/
@keyframes banner-header-h1
{
	0%
	{
		left:50px;
		opacity:0;
	}
	100%
	{
		left:0;
		opacity:1;
	}
}
@keyframes banner-header-h3
{
	0%
	{
		top:-50px;
		opacity:0;
	}
	100%
	{
		top:0;
		opacity:1;
	}
}
@keyframes banner-header-p
{
	0%
	{
		left:-50px;
		opacity:0;
	}
	100%
	{
		left:0;
		opacity:1;
	}
}
@keyframes banner-header-btn
{
	0%
	{
		opacity:0;
	}
	100%
	{
		opacity:1;
	}
}
@keyframes banner-header-line
{
	0%
	{
		height:0;
	}
	100%
	{
		height:70%;
	}
}