@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;	
	z-index:2;

transition: right cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.5s;

}

.animate.is-active.beforeFromRight::after

{

transition: right cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.5s;

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.25, 0.41, 0.32, 0.95) 1.5s;

}

.animate.is-active.beforeFromLeft::after

{

transition: left cubic-bezier(0.25, 0.41, 0.32, 0.95) 1.5s;

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;

}





/******* 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.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.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;

z-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;

z-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 ********/
	
}