@charset "utf-8";

@keyframes fedein1 {
  0% { opacity:0;}
  30% { opacity:0;}
  99% { opacity:1;}
  100% { opacity:1;}
}
@keyframes popup {
  0% { -webkit-transform:translateY(-20px) ; transform:translateY(-20px) ; opacity:0 ;}
  60% { -webkit-transform:translateY(3px); transform:translateY(3px); opacity:1;}
  99% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
  100% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
}
@keyframes ups {
  0% { -webkit-transform:translateY(20px) ; transform:translateY(20px) ; opacity:0 ;}
  99% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
  100% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
}
@keyframes down {
	0% { -webkit-transform:translateY(-100%) ; transform:translateY(-100%) ; opacity:0 ;}
	99% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
	100% { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1;}
}
@keyframes popup_left {
	0% { -webkit-transform:translateX(50px) ; transform:translateX(50px) ; opacity:0 ;}
	60% { -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
	99% { -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
	100% { -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}
@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 fadezoom {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.2);
	}
}
@media screen {
.popup{
	opacity:0 ;
	-webkit-transform:translateY(-20px);
	        transform:translateY(-20px)
}
.once.popup{
	animation:popup 1.4s forwards;
	-webkit-animation:popup 1.4s forwards;
}
.ups{
	opacity:0 ;
	-webkit-transform:translateY(-20px);
	        transform:translateY(-20px)
}
.once.ups{
	animation:ups 1.4s forwards;
	-webkit-animation:ups 1.4s forwards;
}
.down{
	opacity:0 ;
	-webkit-transform:translateY(20px);
	        transform:translateY(20px)
}
.once.down{
	animation:down 1.4s forwards;
	-webkit-animation:down 1.4s forwards;
}
.once.popups{
	animation:none;
	-webkit-animation:none;
	opacity:1 ;
	-webkit-transform:translateY(0);
	        transform:translateY(0)
}
.popups > *{
	opacity:0;
	-webkit-transform:translateY(-20px);
	        transform:translateY(-20px);
}
.once.popups > *{
	animation:popup 1.4s forwards;
	-webkit-animation:popup 1.4s forwards;
}
.once.popups > *:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.once.popups > *:nth-child(3){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.once.popups > *:nth-child(4){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.once.popups > *:nth-child(5){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.once.popups > *:nth-child(6){ -webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
.once.popups > *:nth-child(7){ -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.once.popups > *:nth-child(8){ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.once.popups > *:nth-child(9){ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.once.popups > *:nth-child(10){ -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}

.feder,
.feder_row{
	opacity:0 ;
}
.once.feder{
	animation:fedein1 1.2s forwards;
	-webkit-animation:fedein1 1.2s forwards;
}
.once.feder_row{
	animation:fedein1 2.0s ease-out forwards;
	-webkit-animation:fedein1 2.0s ease-out forwards;
}
.popup_left{
	opacity:0 ;
}
.once.popup_left{
	animation:popup_left 2s forwards;
	-webkit-animation:popup_left 2s forwards;
}
.feders > *{
	opacity:0 ;
}
.once.feders > *{
	animation:fedein1 1.8s forwards;
	-webkit-animation:fedein1 1.8s forwards;
}

.once.delay_set > *:nth-child(2),
.once.delay_1{ -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.once.delay_set > *:nth-child(3),
.once.delay_2{ -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.once.delay_set > *:nth-child(4),
.once.delay_3{ -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.once.delay_set > *:nth-child(5),
.once.delay_4{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.once.delay_set > *:nth-child(6),
.once.delay_5{ -webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
.once.delay_set > *:nth-child(7),
.once.delay_6{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.once.delay_set > *:nth-child(8),
.once.delay_7{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.once.delay_set > *:nth-child(9),
.once.delay_8{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}

.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: 8;
	background:#fff;
	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 .2s ease-out;
}

.holizon_open:after{
	left:0;
	right:auto;
}
.holizon_open.once:before,
.holizon_open.once:after{
	width:0;
}
.slide-in,
.slide-down {
	position: relative;
}
.slide-in>*,
.slide-down>* {
	opacity: 0;
}
.slide-in.once>*,
.slide-down.once>* {
	animation-duration: 0s;
	animation-delay: .7s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.slide-in::before,
.slide-down::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	right: 100%;
	z-index: 100;
	height: 100%;
	background-color: #9a071b;
}
.slide-down::before {
	top: 0;
	bottom: 100%;
	left: 0;
	right: 0;
	height: auto;
	width: 100%;
}
.slide-in.once::before,
.slide-down.once::before {
	animation-duration: 1.4s;
	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>* {
	animation-name: imgopacity;
}
.slide-in.once:before {
	animation-name: imgeffect;
}
.slide-down.once:before {
	animation-name: imgeffect02;
}
.slide-animation {
	animation: fadezoom 18s 0s forwards;
}
}
@keyframes opening-animation_bg {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
		display: none;
	}
}
@keyframes opening-animation {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}