/*
Css Animations
---------------------------------------------------------------------------------------------------- */

/*header animations */

body.siteorigin-panels-before-js #home-hero,
body.siteorigin-panels-before-js .subPageHeader,
body:not(.siteorigin-panels-before-js) .subPageHeader h1 span {
	opacity: 0;
}
body:not(.siteorigin-panels-before-js) #home-hero,
body:not(.siteorigin-panels-before-js) .subPageHeader,
body:not(.siteorigin-panels-before-js) .subPageHeader h1 span {
    opacity: 1;
}

body:not(.siteorigin-panels-before-js) #home-hero,
body:not(.siteorigin-panels-before-js) .subPageHeader {
	-webkit-animation: 	fade-in 2s ease-out;
    animation: 			fade-in 2s ease-out;
}
@-webkit-keyframes fade-in
{
    0% {
        opacity: 0;
	}
	50% {
        opacity: 0;
	}
    100% {
        opacity: 1;
	}
}
@keyframes fade-in
{
    0% {
        opacity: 0;
    }
	50% {
        opacity: 0;
	}
    100% {
        opacity: 1;
    }
}

body:not(.siteorigin-panels-before-js) .subPageHeader h1 span:first-child {
	-webkit-animation: 	fade-in-h1s1 2.5s ease-out;
	animation: 			fade-in-h1s1 2.5s ease-out;
}
body:not(.siteorigin-panels-before-js) .subPageHeader h1 span:nth-child(2) {
	-webkit-animation: 	fade-in-h1s2 2.5s ease-out;
	animation: 			fade-in-h1s2 2.5s ease-out;
}
body:not(.siteorigin-panels-before-js) .subPageHeader h1 span:nth-child(3) {
	-webkit-animation: 	fade-in-h1s3 5s ease-out;
	animation: 			fade-in-h1s3 5s ease-out;
}
@-webkit-keyframes fade-in-h1s1
{
    0% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
    }
    50% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
	}
    100% {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
	}
}
@keyframes fade-in-h1s1
{
    0% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
    }
    50% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
	}
    100% {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
	}
}

@-webkit-keyframes fade-in-h1s2
{
    0% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
    }
    60% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
	}
    100% {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
	}
}
@keyframes fade-in-h1s2
{
    0% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
    }
    60% {
        opacity: 0;
		-webkit-transform: translatey(15px);
            -ms-transform: translatey(15px);
                transform: translatey(15px);
	}
    100% {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
	}
}

@-webkit-keyframes fade-in-h1s3
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fade-in-h1s3
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}







/*  */
.test {
    -webkit-animation: fade-in-top 1.5s ease-out;
            animation: fade-in-top 1.5s ease-out;
}

@-webkit-keyframes fade-in-top
{
    0%
    {
        opacity: 0;
		-webkit-transform: translatey(-15px);
            -ms-transform: translatey(-15px);
                transform: translatey(-15px);
	}
    100%
    {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
	}
}
@keyframes fade-in-top
{
    0%
    {
        opacity: 0;
		-webkit-transform: translatey(-15px);
            -ms-transform: translatey(-15px);
                transform: translatey(-15px);
    }

    100%
    {
        opacity: 1;
		-webkit-transform: translatey(0px);
            -ms-transform: translatey(0px);
                transform: translatey(0px);
    }
}

.test
{
    -webkit-animation: slide-in .6s ease-out;
    animation: slide-in .6s ease-out;
}

@-webkit-keyframes slide-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translatex(100px);
        -ms-transform: translatex(100px);
        transform: translatex(100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translatex(0px);
        -ms-transform: translatex(0px);
        transform: translatex(0px);
    }
}
@keyframes slide-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translatex(100px);
        -ms-transform: translatex(100px);
        transform: translatex(100px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translatex(0px);
        -ms-transform: translatex(0px);
        transform: translatex(0px);
    }
}