@charset "UTF-8";


@keyframes header {
    0%{
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}


@keyframes hero-copy {
    0%{
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100;
    }
}
@keyframes slideinL {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes slideinR {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}










.slideinL {
	transition:ease 1s;
    opacity: 0;
}
.slideinL.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.slideinL_d1 {
	transition:ease 1s;
	transition-delay: 0.7s;
    opacity: 0;
}
.slideinL_d1.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d1.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}


.slideinL_d2 {
	transition:ease 1s;
	transition-delay: 1.4s;
}
.slideinL_d2.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d2.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}

.slideinL_d3 {
	transition:ease 1s;
	transition-delay: 2.1s;
}
.slideinL_d3.delighter {
	opacity: 0;
	transform: translateX(-30px);
}
.slideinL_d3.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.slideinR {
   opacity: 0;
	transition:ease 1s;
}
.slideinR.delighter {
	opacity: 0;
	transform: translateX(30px);
}
.slideinR.delighter.started {
	opacity: 1;
	transform: translateX(0px);
}
.upin {
	transition:ease 1s;

}
.upin.delighter {
	opacity:0;
	transform: translateY(10px);

}
.upin.delighter.started {
	opacity:1;
	transform: translateY(0px);
}
.scalein {
    opacity: 0;
	transition:ease 1s;
    transform: scale(0.8);
}
.scalein.delighter {
	opacity: 0;
	transform: scale(0.8);
}
.scalein.delighter.started {
	opacity: 1;
	transform: scale(1);
}
.fadein {
    opacity: 0;
    transition: 0.5s ease;
}
.fadein.delighter {
    opacity: 0;
}
.fadein.delighter.started {
    opacity: 1;
}
.fadeup {
    opacity: 0;
    transform: translateY(40px);
    transition:1s cubic-bezier(0.33, 1, 0.68, 1);
    transition-delay: 0.5s;
}
.fadeup.delighter {
    opacity: 0;
}
.fadeup.delighter.started {
    opacity: 1;
    transform: translateY(0);
}