@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.s_2{-webkit-animation-duration:2s;animation-duration:2s}
.animated.s_3{-webkit-animation-duration:3s;animation-duration:3s}
.animated.s_4{-webkit-animation-duration:4s;animation-duration:4s}
.animated.s_5{-webkit-animation-duration:5s;animation-duration:5s}
.animated.d_1{animation-delay:.5s;-webkit-animation-delay:.5s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@keyframes bounce{
20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}
40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}
70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}
90%{transform:translate3d(0,-4px,0)}
}
.bounce{animation-name:bounce;transform-origin:center bottom}
.bouncee{-webkit-animation:bouncee .6s;animation:bouncee .6s}
@keyframes bouncee{
0%{opacity:0;transform:scale3d(4,4,4)}
35%,40%{opacity:1;transform:scale3d(1,1,1)}
55%{opacity:1;transform:scale3d(1.05,1.05,1.05)}
70%{opacity:1;transform:scale3d(1,1,1)}
}
.brightness1-play{-webkit-animation:brightness1-play 4s infinite;animation:brightness1-play 3s infinite}
@keyframes brightness1-play{
0%{filter:brightness(100%)}
92%{filter:brightness(100%)}
94%{filter:brightness(120%)}
96%{filter:brightness(100%)}
98%{filter:brightness(120%)}
100%{filter:brightness(100%)}
}
.brightness2-play{-webkit-animation:brightness2-play .4s infinite;animation:brightness2-play .4s infinite linear alternate}
@keyframes brightness2-play{
0%{filter:hue-rotate(0)}
100%{filter:hue-rotate(-15deg)}
}
.shake2{animation-name:shake2;opacity:1;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate}
@keyframes shake2{
from{transform:rotate(15deg);transform-origin:100% 100%}
to{transform:rotate(-10deg);transform-origin:100% 100%}
}
.swing3{-webkit-animation:swing3 4s infinite alternate;animation:swing3 4s infinite alternate}
@keyframes swing3{
20%{transform:rotate3d(0,0,1,-5deg)}
40%{transform:rotate3d(0,0,1,1deg)}
60%{transform:rotate3d(0,0,1,-5deg)}
80%{transform:rotate3d(0,0,1,1deg)}
100%{transform:rotate3d(0,0,1,0deg)}
}
.floating2{animation-name:floating2;-webkit-animation-name:floating2;-mos-animation-name:floating2;-ms-animation-name:floating2;-o-animation-name:floating2;animation-duration:3s;-webkit-animation-duration:3s;-mos-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-mos-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}
@keyframes floating2{
0%{transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}
50%{transform:translate3d(0,-15px,0);-moz-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);-o-transform:translate3d(0,-15px,0)}
100%{transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}
}
@-webkit-keyframes floating2{
0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,-15px,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}
.uptodown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:uptodown;animation-name:uptodown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
@-webkit-keyframes uptodown{
0%{transform:translate(0,-5px)}
100%{transform:translate(0,0)}
}
@keyframes uptodown{
0%{transform:translate(0,-5px)}
100%{transform:translate(0,0)}
}
.minbright-play{-webkit-animation:minbright-play 2s infinite alternate;animation:minbright-play 2s infinite alternate}
@-webkit-keyframes minbright-play{
0%{filter:brightness(100%)}
100%{filter:brightness(0)}
}
@keyframes minbright-play{
0%{filter:brightness(100%)}
100%{filter:brightness(0)}
}
.bangIn{-webkit-animation-duration:1s;animation-duration:2s;-webkit-animation-name:bangIn;animation-name:bangIn;animation-timing-function:linear}
@keyframes bangIn{
0%{-webkit-transform:scale(3);transform:scale(3);filter:brightness(120%);opacity:0}
40%{-webkit-transform:scale(.95);transform:scale(.95);filter:brightness(120%)}
60%{-webkit-transform:scale(1.05);transform:scale(1.05);filter:brightness(120%)}
80%{-webkit-transform:scale(1);transform:scale(1);filter:brightness(100%)}
}
@-webkit-keyframes bangIn{
0%{-webkit-transform:scale(3);transform:scale(3);filter:brightness(120%);opacity:0}
40%{-webkit-transform:scale(.95);transform:scale(.95);filter:brightness(120%)}
60%{-webkit-transform:scale(1.05);transform:scale(1.05);filter:brightness(120%)}
80%{-webkit-transform:scale(1);transform:scale(1);filter:brightness(100%)}
}
.uptodown{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:uptodown;animation-name:uptodown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
@-webkit-keyframes uptodown{
0%{transform:translate(0,-15px)}
100%{transform:translate(0,0)}
}
@keyframes uptodown{
0%{transform:translate(0,-15px)}
100%{transform:translate(0,0)}
}
.fadeInOut2{animation-name:fadeInOut2;-webkit-animation-name:fadeInOut2;animation-duration:7s;-webkit-animation-duration:7s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
@keyframes fadeInOut2{
0%{transform:scale(0);transform:translateX(-50px);opacity:0}
10%{transform:scale(.7);transform:translateX(-10px);opacity:1}
45%{transform:scale(1);transform:translateX(0);opacity:1}
90%{transform:scale(1);transform:translateX(10px);opacity:1}
100%{transform:scale(1);transform:translateX(50px);opacity:0}
}
@-webkit-keyframes fadeInOut2{
0%{transform:scale(0);transform:translateX(-50px);opacity:0}
10%{transform:scale(.7);transform:translateX(-10px);opacity:1}
45%{transform:scale(1);transform:translateX(0);opacity:1}
90%{transform:scale(1);transform:translateX(10px);opacity:1}
100%{transform:scale(1);transform:translateX(50px);opacity:0}
}
.brightness-play{-webkit-animation:brightness2-play 2s -.14s infinite;animation:brightness2-play 2s -.14s infinite}
@keyframes brightness2-play{
0%{filter:brightness(100%)}
88%{filter:brightness(100%)}
91%{filter:brightness(500%)}
94%{filter:brightness(100%)}
97%{filter:brightness(500%)}
100%{filter:brightness(100%)}
}
.Area_top .bird_Area{z-index:1;position:absolute;top:390px;left:245px;z-index:-2}
@media screen and (max-width:767px){
.Area_top .bird_Area{z-index:1;position:absolute;top:39vw;left:10vw;z-index:-2;width:16%}
}
.Area_top .bird_box{position:relative;filter:drop-shadow(-8px 8px 6px rgba(0, 0, 0, .2));-webkit-transform:rotate(0);transform:rotate(0)}
.Area_top .bird_box .bird{position:absolute;top:0;left:0}
.Area_top .bird_box .bird_l{position:absolute;top:0;left:0;transform-origin:50% 50%;z-index:1}
.Area_top .bird_box .bird_r{position:absolute;top:0;left:0;transform-origin:50% 50%}
@media screen and (max-width:767px){
.Area_top .bird{top:15%;left:inherit;right:24%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;transform-origin:top right}
}
.bird-play{animation-fill-mode:forwards;-webkit-animation:bird-play 10s linear 1;animation:bird-play 10s linear 1}
@media screen and (max-width:767px){
.bird-play{-webkit-animation:none;animation:none}
}
@-webkit-keyframes bird-play{
0%{-webkit-transform:translate(-180px,180px) scale(.8)}
20%{-webkit-transform:translate(-180px,180px) scale(.8)}
100%{-webkit-transform:translate(0,0) scale(1);opacity:1}
}
@keyframes bird-play{
0%{transform:translate(-180px,180px) scale(.8)}
20%{transform:translate(-180px,180px) scale(.8)}
100%{transform:translate(0,0) scale(1);opacity:1}
}
.bird_Area-play{-webkit-animation:bird_Area-play .6s -.15s ease-in-out infinite alternate-reverse;animation:bird_Area-play .6s -.15s ease-in-out infinite alternate-reverse}
@-webkit-keyframes bird_Area-play{
0%{-webkit-transform:translateY(0)}
50%{-webkit-transform:translateY(6px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes bird_Area-play{
0%{transform:translateY(0)}
50%{transform:translateY(6px)}
100%{transform:translateY(0)}
}
.bird_l-play{-webkit-animation:bird_l-play .3s ease-in-out infinite alternate;animation:bird_l-play .3s ease-in-out infinite alternate}
@-webkit-keyframes bird_l-play{
0%{-webkit-transform:scale(1,1) skew(10deg,0)}
100%{-webkit-transform:scale(1.1,1) skew(10deg,-30deg)}
}
@keyframes bird_l-play{
0%{transform:scale(1,1) skew(10deg,0)}
100%{transform:scale(1.1,1) skew(10deg,-30deg)}
}
.bird_r-play{-webkit-animation:bird_r-play .3s -.3s ease-in-out infinite alternate;animation:bird_r-play .3s -.3s ease-in-out infinite alternate}
@-webkit-keyframes bird_r-play{
0%{-webkit-transform:scale(1,1) skew(0,0)}
100%{-webkit-transform:scale(1,1.2) skew(6deg,30deg)}
}
@keyframes bird_r-play{
0%{transform:scale(1,1) skew(0,0)}
100%{transform:scale(1,1.2) skew(6deg,30deg)}
}
@keyframes flash{
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
.flash{animation-name:flash}
@keyframes pulse{
from{transform:scale3d(1,1,1)}
50%{transform:scale3d(1.05,1.05,1.05)}
to{transform:scale3d(1,1,1)}
}
.pulse{animation-name:pulse}
@keyframes rubberBand{
from{transform:scale3d(1,1,1)}
30%{transform:scale3d(1.25,.75,1)}
40%{transform:scale3d(.75,1.25,1)}
50%{transform:scale3d(1.15,.85,1)}
65%{transform:scale3d(.95,1.05,1)}
75%{transform:scale3d(1.05,.95,1)}
to{transform:scale3d(1,1,1)}
}
.rubberBand{animation-name:rubberBand}
@keyframes shake{
from,to{transform:translate3d(0,0,0)}
2.5%,7.5%{transform:translate3d(-10px,0,0)}
10%,5%{transform:translate3d(10px,0,0)}
12.5%{transform:translate3d(0,0,0)}
}
.shake{animation-name:shake;animation-direction:normal;animation-duration:5s;animation-timing-function:ease-in-out}
@keyframes headShake{
0%{transform:translateX(0)}
6.5%{transform:translateX(-6px) rotateY(-9deg)}
18.5%{transform:translateX(5px) rotateY(7deg)}
31.5%{transform:translateX(-3px) rotateY(-5deg)}
43.5%{transform:translateX(2px) rotateY(3deg)}
50%{transform:translateX(0)}
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{
20%{transform:rotate3d(0,0,1,15deg)}
40%{transform:rotate3d(0,0,1,-10deg)}
60%{transform:rotate3d(0,0,1,5deg)}
80%{transform:rotate3d(0,0,1,-5deg)}
to{transform:rotate3d(0,0,1,0deg)}
}
.swing{transform-origin:top center;animation-name:swing}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);transform:scale(1)}
2%,20%,4%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
10%,14%,18%,6%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
12%,16%,8%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
22%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes tada{
0%{-webkit-transform:scale(1);transform:scale(1)}
2%,20%,4%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
10%,14%,18%,6%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
12%,16%,8%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
22%{-webkit-transform:scale(1);transform:scale(1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada;animation-timing-function:ease-out}
@keyframes wobble{
from{transform:none}
15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{transform:none}
}
.wobble{animation-name:wobble}
@keyframes jello{
11.1%,from,to{transform:none}
22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{animation-name:jello;transform-origin:center}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(.97,.97,.97)}
to{opacity:1;transform:scale3d(1,1,1)}
}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(0,-3000px,0)}
60%{opacity:1;transform:translate3d(0,25px,0)}
75%{transform:translate3d(0,-10px,0)}
90%{transform:translate3d(0,5px,0)}
to{transform:none}
}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(-3000px,0,0)}
60%{opacity:1;transform:translate3d(25px,0,0)}
75%{transform:translate3d(-10px,0,0)}
90%{transform:translate3d(5px,0,0)}
to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;transform:translate3d(3000px,0,0)}
60%{opacity:1;transform:translate3d(-25px,0,0)}
75%{transform:translate3d(10px,0,0)}
90%{transform:translate3d(-5px,0,0)}
to{transform:none}
}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;transform:translate3d(0,3000px,0)}
60%{opacity:1;transform:translate3d(0,-20px,0)}
75%{transform:translate3d(0,10px,0)}
90%{transform:translate3d(0,-5px,0)}
to{transform:translate3d(0,0,0)}
}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{
20%{transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;transform:scale3d(.3,.3,.3)}
}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{
20%{transform:translate3d(0,10px,0)}
40%,45%{opacity:1;transform:translate3d(0,-20px,0)}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{
20%{opacity:1;transform:translate3d(20px,0,0)}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{
20%{opacity:1;transform:translate3d(-20px,0,0)}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{
20%{transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;transform:translate3d(0,20px,0)}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{
from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{
from{opacity:0;transform:translate3d(0,-2000px,0)}
to{opacity:1;transform:none}
}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{
from{opacity:0;transform:translate3d(-100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{
from{opacity:0;transform:translate3d(-2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{
from{opacity:0;transform:translate3d(100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{
from{opacity:0;transform:translate3d(2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{
from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{
from{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{
from{opacity:1}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{
from{opacity:1}
to{opacity:0;transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{
from{opacity:1}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{
from{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0)}
}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{
from{opacity:1}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{
from{opacity:1}
to{opacity:0;transform:translate3d(0,-100%,0)}
}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{
from{opacity:1}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{
from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}
40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}
80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}
to{transform:perspective(400px);animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{
from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{
from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{
from{transform:perspective(400px)}
30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{
from{transform:perspective(400px)}
30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{
from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{transform:skewX(20deg);opacity:1}
80%{transform:skewX(-5deg);opacity:1}
to{transform:none;opacity:1}
}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{
from{opacity:1}
to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{
from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}
to{transform-origin:center;transform:none;opacity:1}
}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{
from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{
from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{
from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{
from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{
from{transform-origin:center;opacity:1}
to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{
from{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{
from{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{
from{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{
from{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{
0%{transform-origin:top left;animation-timing-function:ease-in-out}
20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}
to{transform:translate3d(0,700px,0);opacity:0}
}
.hinge{animation-name:hinge}
@keyframes jackInTheBox{
from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
@-webkit-keyframes jackInTheBox{
from{-webkit-opacity:0;-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg)}
to{-webkit-opacity:1;-webkit-transform:scale(1)}
}
.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{
from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;transform:none}
}
.rollIn{animation-name:rollIn}
@keyframes rollOut{
from{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{animation-name:rollOut}
@keyframes zoomIn{
from{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{
from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInDown2{
from{opacity:0;transform:scale(.1) translate3d(0,-1200px,0);animation-timing-function:ease-in-out}
}
.zoomInDown2{animation-name:zoomInDown2}
@keyframes zoomInLeft{
from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{
from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{
from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{
from{opacity:1}
50%{opacity:0;transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{
40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{
40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}
}
.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{
40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}
}
.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{
40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{
from{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{
from{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{
from{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{
from{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{
from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(0,100%,0)}
}
.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{
from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(-100%,0,0)}
}
.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{
from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(100%,0,0)}
}
.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{
from{transform:translate3d(0,0,0)}
to{visibility:hidden;transform:translate3d(0,-100%,0)}
}
.slideOutUp{animation-name:slideOutUp}
.go_bt2{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.go_bt2:hover{filter:brightness(130%)}

.brightness1-play { -webkit-animation:brightness1-play 4s infinite ; animation:brightness1-play 4s infinite ;}
	@keyframes brightness1-play {
	  0% { 
		filter:brightness(100%);
	  }
	  92% { 
		filter:brightness(100%);
	  }
	  94% { 
		filter:brightness(200%);
	  }
	  96% { 
		filter:brightness(100%);
	  }
	  98% { 
		filter:brightness(200%);
	  }
	  100% { 
		filter:brightness(100%);
	  }
	}