@charset "utf-8";
@-webkit-keyframes fedein1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25px) scale(0.95);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-4px) scale(1.02);
    }
    85% {
        -webkit-transform: translateY(1px) scale(0.99);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0) scale(1);
    }
}
@keyframes fedein1 {
    0% {
        opacity: 0;
        transform: translateY(25px) scale(0.95);
    }
    60% {
        opacity: 1;
        transform: translateY(-4px) scale(1.02);
    }
    85% {
        transform: translateY(1px) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@-webkit-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 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;}
}
@-webkit-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 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 bounce {
    0% {
        transform: scaleX(.6) scaleY(.6) translateY(70%);
        opacity: 0
    }
    50% {
        transform: scaleX(1) scaleY(1) translateY(-40%);
        opacity: 1
    }
    60% {
        transform: scaleX(1.05) scaleY(.95) translateY(-45%);
        opacity: 1
    }
    70% {
        transform: scaleX(.95) scaleY(1.05) translateY(-20%) rotate(-5deg);
        opacity: 1
    }
    92% {
        transform: scaleX(1) scaleY(.9) translateY(-10%) rotate(5deg);
        opacity: 1
    }
    100% {
        transform: scaleX(1) scaleY(1) translateY(-12.5%);
        opacity: 1
    }	
}


@keyframes bounce02 {
    0% {
        transform: translateX(20%) scale(.8);
        opacity: 0;
    }
    40% {
        transform: translateX(-4%) scaleX(1.02) scaleY(.98);
        opacity: 1;
    }
    65% {
        transform: translateX(-1%) scaleX(.99) scaleY(1.01) rotate(-1deg);
        opacity: 1;
    }
    85% {
        transform: translateX(0.5%) scaleX(1.005) scaleY(.995) rotate(0.5deg);
        opacity: 1;
    }
    100% {
        transform: translateX(0%) scale(1) rotate(0deg);
        opacity: 1;
    }
}




@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;
}
.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 .3s forwards;
	-webkit-animation:fedein1 .3s forwards;
}
.once.feder_row{
	animation:fedein1 2.0s ease-out forwards;
	-webkit-animation:fedein1 2.0s ease-out forwards;
}
.feders > *{
	opacity:0 ;
}
.once.feders > *{
	animation:fedein1 .3s forwards;
	-webkit-animation:fedein1 .3s 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;}
.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;
}
.bounce {
	transform: scaleX(.6) scaleY(.6) translateY(70%);
	opacity: 0
}
.bounce.once {
	animation: bounce .5s forwards
}
.bounce02 {
    transform: translateX(30%) scale(.8);
    opacity: 0;
}
.bounce02.once {
    animation: bounce02 .5s forwards;
}




.faq-mascot {
    transform-origin: bottom center;
    transform: scale(1) translateY(-8%);
}
.faq-mascot.once{
    animation: mascotJump 0.6s ease-in-out forwards;
}
@keyframes mascotJump {
  0% {
    transform: scale(1, 1) translate(0%, -8%); }
  10% {
    transform: scale(1.05, 0.95) translate(0%, 3%); }
  40% {
    transform: scale(1.1, 0.85) translate(0%, 8%); }
  50% {
    transform: scale(1, 1) translate(0%, 0%); }
  60% {
    transform: scale(0.95, 1.15) translate(0%, -22%); }
  75% {
    transform: scale(0.95, 1.15) translate(0%, -12%); }
  85% {
    transform: scale(1.15, 0.85) translate(0%, 10%); }
  100% {
    transform: scale(1, 1) translate(0%, 0%); }
}
.faq-balloon {
    transform-origin: bottom left;
    transform: scale(0) rotate(-15deg);
}
.faq-balloon.once {
    animation: balloonPop 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s forwards;
}
@keyframes balloonPop {
    0% {
        opacity: 0;
        transform: scale(0) rotate(-15deg);
    }
    70% {
        opacity: 1;
        transform: scale(1.15) rotate(3deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}
.logo-icon {
    transform-origin: center bottom;
    transform: translateY(-50px) scale(0.6);
    opacity: 0;
}
.logo-icon.once{
    animation: logoIconBounce 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes logoIconBounce {
    0% {
        opacity: 0;
        transform: translateY(-50px) scale(0.6);
    }
    45% {
        opacity: 1;
        transform: translateY(10px) scale(1.15, 0.85);
    }
    65% {
        transform: translateY(-5px) scale(0.95, 1.05);
    }
    82% {
        transform: translateY(2px) scale(1.02, 0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
}