@charset "utf-8";
/* CSS Document */

/******* ANIMATION CLASSES ********/

.animate.fromLeft, .animate.fromRight, .animate.fromBottom, .animate.fromTop {

	opacity: 0;

	

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.fromLeft.is-active, .animate.fromTop.is-active, .animate.fromBottom.is-active, .animate.fromRight.is-active {

	opacity: 1;



	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.fadeInLong {

	opacity: 0;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 4s;

}

.animate.fadeInLong.is-active {

	opacity: 1;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 4s;

}

.animate.fadeIn {

	opacity: 0;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.fadeIn.is-active {

	opacity: 1;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.beforeFromRight::after

{

position:absolute;

top:0;

left:0;

bottom:0;

right:0;

background-color:#fff;

content:" ";

display:block;	

transition: right cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}
.animate.beforeFromRight.long::after,
.animate.beforeFromLeft.long::after,
.animate.is-active.beforeFromRight.long::after,
.animate.is-active.beforeFromLeft.long::after
{
	transition-duration:3s;
}

.animate.is-active.beforeFromRight::after

{

transition: right cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

right:100%;	

}



.animate.beforeFromLeft::after

{

position:absolute;

top:0;

left:0;

bottom:0;

right:0;

background-color:#fff;

content:" ";

display:block;	

transition: left cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

}

.animate.is-active.beforeFromLeft::after

{

transition: left cubic-bezier(0.805, 0.015, 0.105, 0.910) 1s;

left:100%;	

}





/* reveal helper */

.revealRelPos

{

overflow:hidden;

position:relative;	

}

/* end reveal helper */

.animate.revealUp {

	transform: translateY(100%);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.is-active.revealUp {

	transform: translateY(0);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.revealDown {

	transform: translateY(-100%);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.is-active.revealDown {

	transform: translateY(0);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.is-active.delay-0-8 {

	transition-delay: 0.8s!important;

}

.is-active.delay-0-6 {

	transition-delay: 0.6s!important;

}

.is-active.delay-0-4 {

	transition-delay: 0.4s!important;

}

.is-active.delay-0-3 {

	transition-delay: 0.3s!important;

}

.is-active.delay-0-2 {

	transition-delay: 0.2s!important;

}

.animate.beforeFade::before{
	opacity:0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.is-active.beforeFade::before{
	opacity:1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.afterFade::after{
	opacity:0;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}
.animate.is-active.afterFade::after{
	opacity:1;
	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;
}




/******* END ANIMATION CLASSES ********/


@media(min-width:768px)
{
	
	/******* ANIMATION CLASSES ********/

.animate.fromLeft {

	transform: translateX(-80px);

  opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fromLeft.is-active {

	transform: translateX(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}
	
	.animate.fromLeftLong {

	transform: translateX(-80px);

  opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.fromLeftLong.is-active {

	transform: translateX(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 2.1s;

}

.animate.fromRight {

	transform: translateX(80px);

	opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fromRight.is-active {

	transform: translateX(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}
	.animate.fromRightLong {

	transform: translateX(80px);

	opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;

}

.animate.fromRightLong.is-active {

	transform: translateX(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 2.1s;

}

.animate.fromBottom {

	transform: translateY(80px);

	opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fromBottom.is-active {

	transform: translateY(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fromTop {

	transform: translateY(-80px);

	opacity: 0;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fromTop.is-active {

	transform: translateY(0);

	opacity: 1;

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fadeInLong {

	opacity: 0;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 3s;

}

.animate.fadeInLong.is-active {

	opacity: 1;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 3s;

}

.animate.fadeIn {

	opacity: 0;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.fadeIn.is-active {

	opacity: 1;

	transition: opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.revealUp {

	transform: translateY(100%);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.is-active.revealUp {

	transform: translateY(0);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.revealDown {

	transform: translateY(-100%);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.is-active.revealDown {

	transform: translateY(0);

	transition: transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.1s;

}

.animate.beforeToLeft::before

{

display:block;

left:0;

top:0;

bottom:0;

width:100%;

content:" ";

background-color:#fff;

position:absolute;

s-index:5;

transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	

}

.animate.is-active.beforeToLeft::before

{

opacity:1;

width:0;

transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	

}

.animate.beforeToRight::before

{

display:block;

right:0;

top:0;

bottom:0;

width:100%;

content:" ";

background-color:#fff;

position:absolute;

s-index:5;

transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	

}

.animate.is-active.beforeToRight::before

{

opacity:1;

width:0;

transition: width cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s,opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 1s;	

}



.is-active.delay-0-8 {

	transition-delay: 0.8s!important;

}

.is-active.delay-0-4 {

	transition-delay: 0.4s!important;

}



/******* END ANIMATION CLASSES ********/
	
}