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


/* Inview */
.js-fadeBottom {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeBottom.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.js-fadeTop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeTop.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.js-fadeLeft {
    opacity: 0;
    visibility: hidden;
    transform: translateX(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeLeft.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}


.js-fadeRight {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeRight.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}


.js-fadeModal {
    opacity: 0;
    visibility: hidden;
    transform: translateY(1000px);
    transition: opacity 1.5s,visibility 1.5s, transform 1.5s;
}

.js-fadeModal.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



.js-fadeDelay1 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay1.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
	 transition-delay: 0.5s; 
}

.js-fadeDelay2 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay2.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
	 transition-delay: 1s; 
}


.js-fadeDelay3 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay3.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
	 transition-delay: 1.5s; 
}


.js-fadeDelay4 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay4.inview {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
	 transition-delay: 2s; 
}



.js-fadeDelay1Right {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay1Right.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
	transition-delay: 0.5s; 
}



.js-fadeDelay2Right {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay2Right.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
	transition-delay: 1s; 
}



.js-fadeDelay3Right {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-80px);
    transition: opacity 1s,visibility 1s, transform 1s;
}
.js-fadeDelay3Right.inview {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
	transition-delay: 1.5s; 
}