@charset "utf-8";

@media screen and (max-width: 1473px) {
	html{
		overflow: auto;
	}
	body{
		overflow: hidden;
		min-width: calc(100vw - 18px);
	}
}
/* .sc-animate, .sc-animate-child{ */
/* 	opacity: 0; */
/* } */

/* .sc-animate.sc-animate-t, .sc-animate-child.sc-animate-t{ */
/* 	transform: translateY(-10vh); */
/* } */

/* .sc-animate.sc-animate-b, .sc-animate-child.sc-animate-b{ */
/* 	transform: translateY(10vh); */
/* } */

/* .sc-animate.sc-animate-r, .sc-animate-child.sc-animate-r{ */
/* 	transform: translateX(-10vw); */
/* } */

/* .sc-animate.sc-animate-l, .sc-animate-child.sc-animate-l{ */
/* 	transform: translateX(10vw); */
/* } */

/* /* active */ */

/* .sc-animate.active, .sc-animate-child.active{ */
/* 	opacity: initial; */
/* 	transition-duration:1.2s ; */
/* 	transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); */
/* } */

/* .sc-animate-t.active, .sc-animate-b.active{ */
/* 	transform: translateY(0); */
/* 	transition-duration:1.2s ; */
/* 	transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); */
/* } */
/* .sc-animate-r.active, .sc-animate-l.active{ */
/* 	transform: translateX(0); */
/* 	transition-duration:1.2s ; */
/* 	transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); */
/* } */

/* .sc-animate.wait-400, .sc-animate-child.wait-400{ */
/* 	transition-delay: .4s; */
/* } */
/* .sc-animate.wait-700, .sc-animate-child.wait-700{ */
/* 	transition-delay: .7s; */
/* } */
/* .sc-animate.wait-1000, .sc-animate-child.wait-1000{ */
/* 	transition-delay: 1.0s; */
/* } */
/* .sc-animate.wait-1300, .sc-animate-child.wait-1300{ */
/* 	transition-delay: 1.3s; */
/* } */













.parallax-wraper{
	position: relative;
	height: 90%;
}

.parallax-image{
	position: absolute;
}






















@keyframes animateIn {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}
@keyframes animateInT {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}
@keyframes animateInB {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}
@keyframes animateInL {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}
	100%{
		opacity: 1;
		transform:translateX(0);
	}
}
@keyframes animateInR {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	100%{
		opacity: 1;
		transform:translateX(0);
	}
}

.sc-animate/* , .sc-animate-child */{
	opacity: 0;
}

/* active */

.sc-animate.active /*, .sc-animate-child.active */{
	opacity: 1;
	animation-name: animateIn;
	-webkit-animation-name: animateIn;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}

.sc-animate-t.active{
	animation-name: animateInT;
	-webkit-animation-name: animateInT;
}
.sc-animate-b.active{
	animation-name: animateInB;
	-webkit-animation-name: animateInB;
}
.sc-animate-r.active{
	animation-name: animateInR;
	-webkit-animation-name: animateInR;
}
.sc-animate-l.active{
	animation-name: animateInL;
	-webkit-animation-name: animateInL;
}

/* .sc-animate.wait-400, .sc-animate-child.wait-400{ */
/* 	animation-delay: .4s; */
/* } */
/* .sc-animate.wait-700, .sc-animate-child.wait-700{ */
/* 	animation-delay: .7s; */
/* } */
/* .sc-animate.wait-1000, .sc-animate-child.wait-1000{ */
/* 	animation-delay: 1.0s; */
/* } */
/* .sc-animate.wait-1300, .sc-animate-child.wait-1300{ */
/* 	animation-delay: 1.3s; */
/* } */





/**
	ANIMATION AREA
**/
.yogaLessonList:before, .eventBanner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	transition: .2s;
}

.yogaLessonList:hover:before, .eventBanner:hover:before {
	background-color: rgba(0, 0, 0, 0.3);
	transition: .2s;
}

@keyframes animateIn {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100%{
		opacity: 1;
		transform:translateY(0);
	}
}
.animateIn {
	opacity: 0;
}

.animateIn.is-active {
	opacity: 1;
	animation-name: animateIn;
	-webkit-animation-name: animateIn;
	animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
}

@keyframes animateInFade {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform:translateX(100%);
	}
}
@keyframes animateInFadeTxt {
	0% {
		color: transparent;
	}

	100%{
		color: #444444;
	}
}
@keyframes animateInFadeTxtPink {
	0% {
		color: transparent;
	}
	100% {
		color: #f07580;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
		height: 0;
	}

	1%{
		opacity:0;
		height:100%;
	}
	100% {
		opacity:1;
		height:100%;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
		height: 100%;
	}

	99% {
		opacity:0;
		height:100%;
	}
	100%{
		opacity:0;
		height:0;
	}
}