@charset "utf-8";

@keyframes fedein1 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes popup {
	0% {
		transform: translateY(-20px);
		opacity: 0;
	}
	60% {
		transform: translateY(3px);
		opacity: 1;
	}
	99% {
		transform: translateY(0px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes ups {
	0% {
		transform: translateY(20px);
		opacity: 0;
	}
	99% {
		transform: translateY(0px);
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes downs {
	0% {
		transform: scale(0.8, 1.4) translate(0%, -100%);
		opacity: 0;
	}
	10% {
		transform: scale(0.8, 1.4) translate(0%, -15%);
		opacity: 0;
	}
	20% {
		transform: scale(1.4, 0.6) translate(0%, 30%);
		opacity: 1;
	}
	30% {
		transform: scale(0.9, 1.1) translate(0%, -10%);
		opacity: 1;
	}
	40% {
		transform: scale(0.95, 1.2) translate(0%, -30%);
		opacity: 1;
	}
	50% {
		transform: scale(0.95, 1.2) translate(0%, -10%);
		opacity: 1;
	}
	60% {
		transform: scale(1.1, 0.9) translate(0%, 5%);
		opacity: 1;
	}
	70% {
		transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 1;
	}
	100% {
		transform: scale(1.0, 1.0) translate(0%, 0%);
		opacity: 1;
	}
}
@keyframes bounce {
	0% {
		transform: scaleX(0.6) scaleY(0.6) translateY(70%);
		opacity: 0;
	}
	50% {
		transform: scaleX(1) scaleY(1) translateY(-40%);
		opacity: 1;
	}
	60% {
		transform: scaleX(1.05) scaleY(0.95) translateY(-45.0%);
		opacity: 1;
	}
	70% {
		transform: scaleX(0.95) scaleY(1.05) translateY(-20%) rotate(-5deg);
		opacity: 1;
	}
	92% {
		transform: scaleX(1) scaleY(0.9) translateY(-10%) rotate(5deg);
		opacity: 1;
	}
	100% {
		transform: scaleX(1) scaleY(1) translateY(-12.5%);
		opacity: 1;
	}
}
@keyframes bound-loop {
	71% {
		transform: scale(0.98, 0.9) translate(0, 5px);
	}
	76% {
		transform: scale(1.02, 1.0) translate(0, 16px);
	}
	82% {
		transform: scale(0.98, 1.05) translate(0, -8px);
	}
	89% {
		transform: scale(1.0, 0.9) translate(0, 5px);
	}
	66%,
	100% {
		transform: scale(1.0, 1.0) translate(0, 0);
	}
}
@keyframes imgeffect {
	0% {
		left: 0%;
		right: 100%;
	}
	50% {
		left: 0%;
		right: 0%;
	}
	100% {
		left: 100%;
		right: 0%;
	}
}
@keyframes imgopacity {
	0% {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes imgeffect02 {
	0% {
		top: 0%;
		bottom: 100%;
	}
	50% {
		top: 0%;
		bottom: 0%;
	}
	100% {
		top: 100%;
		bottom: 0%;
	}
}
@keyframes imgeffect03 {
	0% {
		top: 100%;
		bottom: 0%;
	}
	50% {
		top: 0%;
		bottom: 0%;
	}
	100% {
		top: 0%;
		bottom: 100%;
	}
}
@keyframes opening-animation_bg {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
	}
}
@keyframes opening-animation {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadezoom {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@keyframes text-ups {
	0% {
		transform: translateY(20px);
		opacity:0;
	}
	100% {
		transform: translateY(0);
		opacity:1;
	}
}
@media screen {

	.popup {
		opacity: 0;
		transform: translateY(-20px)
	}
	.once.popup {
		animation: popup 1.4s forwards;
	}
	.ups {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.ups {
		animation: ups 1.8s forwards;
	}
	.downs>* {
		opacity: 0;
		transform: scale(0.8, 1.4) translate(0%, -100%);
		transform-origin: bottom center;
	}
	.once.downs>* {
		animation: downs 0.6s forwards;
	}
	.once.popups {
		animation: none;
		opacity: 1;
		transform: translateY(0);
	}
	.popups>* {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.popups>* {
		animation: popup 1.4s forwards;
	}
	.feder,
	.feder_row {
		opacity: 0;
	}
	.once.feder {
		animation: fedein1 1.2s forwards;
	}
	.once.feder_row {
		animation: fedein1 2.0s ease-out forwards;
	}
	.feders>* {
		opacity: 0;
	}
	.once.feders>* {
		animation: fedein1 1.8s forwards;
	}
	.bounce {
		transform: scaleX(0.6) scaleY(0.6) translateY(70%);
		opacity: 0;
	}
	.bounce.once {
		animation: bounce 0.5s 0.50s forwards;
	}
	.bound-loop {
		animation: bound-loop 3s ease-in-out infinite;
	}
	.once.delay_set>*:nth-child(2),
	.once.delay_1,
	.once.delay_1>*,
	.animationDelay_1 {
		animation-delay: 0.2s;
	}
	.once.delay_set>*:nth-child(3),
	.once.delay_2,
	.once.delay_2>*,
	.animationDelay_4 {
		animation-delay: 0.4s;
	}
	.once.delay_set>*:nth-child(4),
	.once.delay_3,
	.once.delay_3>*,
	.animationDelay_3 {
		animation-delay: 0.6s;
	}
	.once.delay_set>*:nth-child(5),
	.once.delay_4,
	.once.delay_4>*,
	.animationDelay_4 {
		animation-delay: 0.8s;
	}
	.once.delay_set>*:nth-child(6),
	.once.delay_5,
	.once.delay_5>*,
	.animationDelay_5 {
		animation-delay: 1.0s;
	}
	.once.delay_set>*:nth-child(7),
	.once.delay_6,
	.once.delay_6>*,
	.animationDelay_6 {
		animation-delay: 1.2s;
	}
	.once.delay_set>*:nth-child(8),
	.once.delay_7,
	.once.delay_7>*,
	.animationDelay_7 {
		animation-delay: 1.4s;
	}
	.once.delay_set>*:nth-child(9),
	.once.delay_8,
	.once.delay_8>*,
	.animationDelay_8 {
		animation-delay: 1.6s;
	}
	.once.delay_set>*:nth-child(10),
	.once.delay_9,
	.once.delay_9>*,
	.animationDelay_9 {
		animation-delay: 1.8s;
	}
	.once.delay_set>*:nth-child(11),
	.once.delay_10,
	.once.delay_10>*,
	.animationDelay_10 {
		animation-delay: 2.0s;
	}
	.vertical_open,
	.holizon_open,
	.bg_flash,
	.bg_blackout {
		position: relative;
		overflow: hidden;
	}
	.vertical_open:before,
	.vertical_open:after,
	.holizon_open:before,
	.holizon_open:after,
	.bg_blackout:before {
		content: "";
		width: 100%;
		height: 100%;
		z-index: 20;
		background: #b08b1a;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		transition: height .2s;
	}
	.vertical_open:after {
		top: auto;
		bottom: 0;
	}
	.vertical_open.once:before,
	.vertical_open.once:after {
		height: 0;
	}
	.holizon_open:before,
	.holizon_open:after {
		bottom: 0;
		right: 0;
		left: auto;
		transition: width .4s 1s ease-out;
	}
	.holizon_open:after {
		left: 0;
		right: auto;
	}
	.holizon_open.once:before,
	.holizon_open.once:after {
		width: 0;
	}
	.slide-in,
	.slide-down,
	.slide-up {
		position: relative;
	}
	.slide-in>*,
	.slide-down>*,
	.slide-up>* {
		opacity: 0;
	}
	.slide-in.once>*,
	.slide-down.once>*,
	.slide-up.once>* {
		animation-duration: 0s;
		animation-delay: 1.4s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	.slide-in::before,
	.slide-down::before,
	.slide-up::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0%;
		right: 100%;
		z-index: 100;
		height: 100%;
		background-color: #b08b1a;
	}
	.slide-down::before {
		top: 0;
		bottom: 100%;
		left: 0;
		right: 0;
		height: auto;
		width: 100%;
	}
	.slide-up::before {
		top: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		width: 100%;
	}
	.slide-in.once::before,
	.slide-down.once::before,
	.slide-up.once::before {
		animation-duration: 1.4s;
		animation-delay: 0.6s;
		animation-timing-function: cubic-bezier(0.78, 0.07, 0, 1);
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	}
	.slide-in.once>*,
	.slide-down.once>*,
	.slide-up.once>* {
		animation-name: imgopacity;
	}
	.slide-in.once:before {
		animation-name: imgeffect;
	}
	.slide-down.once:before {
		animation-name: imgeffect02;
	}
	.slide-up.once:before {
		animation-name: imgeffect03;
	}
	.slide-animation {
		animation: fadezoom 18s 0s forwards;
	}
	.text-ups{
		display:flex;
		justify-content:center;
		align-items:baseline;
	}
	.text-ups > *{
		display:inline-block;
		transform:translateY(20px);
		opacity:0;
	}
	.once.text-ups >* {
		animation: text-ups 1.2s forwards;
	}
	.once.text-ups > .text-ups_delay01 {
		animation-delay: 0s;
	}
	.once.text-ups > .text-ups_delay02 {
		animation-delay: 0.2s;
	}
	.once.text-ups > .text-ups_delay03 {
		animation-delay: 0.4s;
	}
	.once.text-ups > .text-ups_delay04 {
		animation-delay: 0.6s;
	}
	.once.text-ups > .text-ups_delay05 {
		animation-delay: 0.8s;
	}
	.once.text-ups > .text-ups_delay06 {
		animation-delay: 0.8s;
	}
	.once.text-ups > .text-ups_delay07 {
		animation-delay: 1.0s;
	}
	.once.text-ups > .text-ups_delay08 {
		animation-delay: 1.2s;
	}
	.once.text-ups > .text-ups_delay09 {
		animation-delay: 1.4s;
	}
	.once.text-ups > .text-ups_delay10 {
		animation-delay: 1.6s;
	}
	.once.text-ups > .text-ups_delay11 {
		animation-delay: 1.8s;
	}
	.once.text-ups > .text-ups_delay12 {
		animation-delay: 2.0s;
	}
	.once.text-ups > .text-ups_delay13 {
		animation-delay: 2.2s;
	}
	.once.text-ups > .text-ups_delay14 {
		animation-delay: 2.4s;
	}
}