@charset "UTF-8";

 .slick-loading .slick-list {
background: #fff url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/fonts/slick.eot);
src: url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/fonts/slick.woff) format("woff"), url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/fonts/slick.ttf) format("truetype"), url(https://www.hama-shin.co.jp/wp-content/themes/hamashin-child/js/slick/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}.animated { 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
} 
.slow{
-webkit-animation-duration: 1.5s; 
animation-duration: 1.5s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slower{
-webkit-animation-duration: 2s; 
animation-duration: 2s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
}
.slowest{
-webkit-animation-duration: 3s; 
animation-duration: 3s; 
-webkit-animation-fill-mode: both; 
animation-fill-mode: both; 
} .delay-250 {
-webkit-animation-delay:0.25s;
-moz-animation-delay:0.25s;
-o-animation-delay:0.25s;
animation-delay:0.25s;
}
.delay-500 {
-webkit-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}
.delay-750 {
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
-o-animation-delay:0.75s;
animation-delay:0.75s;
}
.delay-1000 {
-webkit-animation-delay:1.0s;
-moz-animation-delay:1.0s;
-o-animation-delay:1.0s;
animation-delay:1.0s;
}
.delay-1250 {
-webkit-animation-delay:1.25s;
-moz-animation-delay:1.25s;
-o-animation-delay:1.25s;
animation-delay:1.25s;
}
.delay-1500 {
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
-o-animation-delay:1.5s;
animation-delay:1.5s;
}
.delay-1750 {
-webkit-animation-delay:1.75s;
-moz-animation-delay:1.75s;
-o-animation-delay:1.75s;
animation-delay:1.75s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-2000 {
-webkit-animation-delay:2.0s;
-moz-animation-delay:2.0s;
-o-animation-delay:2.0s;
animation-delay:2.0s;
}
.delay-2500 {
-webkit-animation-delay:2.5s;
-moz-animation-delay:2.5s;
-o-animation-delay:2.5s;
animation-delay:2.5s;
}
.delay-3000 {
-webkit-animation-delay:3.0s;
-moz-animation-delay:3.0s;
-o-animation-delay:3.0s;
animation-delay:3.0s;
}
.delay-3500 {
-webkit-animation-delay:3.5s;
-moz-animation-delay:3.5s;
-o-animation-delay:3.5s;
animation-delay:3.5s;
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
}
.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
opacity:0;
}
.lightSpeedInRight, .lightSpeedInLeft{
opacity:0;
-webkit-transform: translateX(400px); 
transform: translateX(400px); 
} @-webkit-keyframes bounceIn { 
0% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.05); 
} 
70% { 
-webkit-transform: scale(.9); 
} 
100% { 
-webkit-transform: scale(1); 
} 
} 
@keyframes bounceIn { 
0% { 
opacity: 0; 
transform: scale(.3); 
} 
50% { 
opacity: 1; 
transform: scale(1.05); 
} 
70% { 
transform: scale(.9); 
} 
100% { 
transform: scale(1); 
} 
} 
.bounceIn.go { 
-webkit-animation-name: bounceIn; 
animation-name: bounceIn; 
} @-webkit-keyframes bounceInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(400px); 
} 
60% { 
-webkit-transform: translateX(-30px); 
} 
80% { 
-webkit-transform: translateX(10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInRight { 
0% { 
opacity: 0; 
transform: translateX(400px); 
} 
60% { 
transform: translateX(-30px); 
} 
80% { 
transform: translateX(10px); 
} 
100% {
opacity: 1;
transform: translateX(0); 
} 
} 
.bounceInRight.go { 
-webkit-animation-name: bounceInRight; 
animation-name: bounceInRight; 
} @-webkit-keyframes bounceInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-400px); 
} 
60% { 
-webkit-transform: translateX(30px); 
} 
80% { 
-webkit-transform: translateX(-10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateX(0); 
} 
} 
@keyframes bounceInLeft { 
0% { 
opacity: 0; 
transform: translateX(-400px); 
} 
60% { 
transform: translateX(30px); 
} 
80% { 
transform: translateX(-10px); 
} 
100% {
opacity: 1;
transform: translateX(0); 
} 
} 
.bounceInLeft.go { 
-webkit-animation-name: bounceInLeft; 
animation-name: bounceInLeft; 
} @-webkit-keyframes bounceInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(400px); 
} 
60% { 
-webkit-transform: translateY(-30px); 
} 
80% { 
-webkit-transform: translateY(10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInUp { 
0% { 
opacity: 0; 
transform: translateY(400px); 
} 
60% { 
transform: translateY(-30px); 
} 
80% { 
transform: translateY(10px); 
} 
100% {
opacity: 1;
transform: translateY(0); 
} 
} 
.bounceInUp.go { 
-webkit-animation-name: bounceInUp; 
animation-name: bounceInUp; 
} @-webkit-keyframes bounceInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-400px); 
} 
60% { 
-webkit-transform: translateY(30px); 
} 
80% { 
-webkit-transform: translateY(-10px); 
} 
100% {
opacity: 1;
-webkit-transform: translateY(0); 
} 
} 
@keyframes bounceInDown { 
0% { 
opacity: 0; 
transform: translateY(-400px); 
} 
60% { 
transform: translateY(30px); 
} 
80% { 
transform: translateY(-10px); 
} 
100% {
opacity: 1;
transform: translateY(0); 
} 
} 
.bounceInDown.go { 
-webkit-animation-name: bounceInDown; 
animation-name: bounceInDown; 
} @-webkit-keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
} 
@keyframes fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;
display:block;} 
}
.fadeIn{
opacity:0;
}
.fadeIn.go { 
-webkit-animation-name: fadeIn; 
animation-name: fadeIn; 
} @-webkit-keyframes growIn { 
0% { 
-webkit-transform: scale(0.2); 
opacity:0;
} 
50% { 
-webkit-transform: scale(1.2); 
} 
100% { 
-webkit-transform: scale(1); 
opacity:1;
} 
} 
@keyframes growIn { 
0% { 
transform: scale(0.2); 
opacity:0;
} 
50% { 
transform: scale(1.2); 
} 
100% { 
transform: scale(1); 
opacity:1;
} 
} 
.growIn { 
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity:0;
}
.growIn.go{
-webkit-animation-name: growIn; 
animation-name: growIn; 
} @-webkit-keyframes shake { 
0%, 100% {-webkit-transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
0%, 100% {transform: translateX(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
-webkit-animation-name: shake; 
animation-name: shake; 
} @-webkit-keyframes shakeUp { 
0%, 100% {-webkit-transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
0%, 100% {transform: translateY(0);} 
10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
-webkit-animation-name: shakeUp; 
animation-name: shakeUp; 
} @-webkit-keyframes fadeInLeft { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeft { 
0% { 
opacity: 0; 
transform: translateX(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeft{ 
opacity: 0; 
-webkit-transform: translateX(-400px); 
transform: translateX(-400px);
}
.fadeInLeft.go { 
-webkit-animation-name: fadeInLeft; 
animation-name: fadeInLeft; 
} @-webkit-keyframes fadeInRight { 
0% { 
opacity: 0; 
-webkit-transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRight { 
0% { 
opacity: 0; 
transform: translateX(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRight{ 
opacity: 0; 
-webkit-transform: translateX(400px); 
transform: translateX(400px);
}
.fadeInRight.go { 
-webkit-animation-name: fadeInRight; 
animation-name: fadeInRight; 
} @-webkit-keyframes fadeInUp { 
0% { 
opacity: 0; 
-webkit-transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUp { 
0% { 
opacity: 0; 
transform: translateY(400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUp{ 
opacity: 0; 
-webkit-transform: translateY(400px); 
transform: translateY(400px);
}
.fadeInUp.go { 
-webkit-animation-name: fadeInUp; 
animation-name: fadeInUp; 
} @-webkit-keyframes fadeInDown { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDown { 
0% { 
opacity: 0; 
transform: translateY(-400px); 
} 
50%{
opacity: 0.3; 
}
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDown{ 
opacity: 0; 
-webkit-transform: translateY(-400px); 
transform: translateY(-400px);
}
.fadeInDown.go { 
-webkit-animation-name: fadeInDown; 
animation-name: fadeInDown; 
} @-webkit-keyframes rotateIn { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateIn { 
0% { 
transform-origin: center center; 
transform: rotate(-200deg); 
opacity: 0; 
} 
100% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateIn.go { 
-webkit-animation-name: rotateIn; 
animation-name: rotateIn; 
} @-webkit-keyframes rotateInUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpLeft.go { 
-webkit-animation-name: rotateInUpLeft; 
animation-name: rotateInUpLeft; 
} @-webkit-keyframes rotateInDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownLeft.go { 
-webkit-animation-name: rotateInDownLeft; 
animation-name: rotateInDownLeft; 
} @-webkit-keyframes rotateInUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(-90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInUpRight.go { 
-webkit-animation-name: rotateInUpRight; 
animation-name: rotateInUpRight; 
} @-webkit-keyframes rotateInDownRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
} 
@keyframes rotateInDownRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
} 
.rotateInDownRight.go { 
-webkit-animation-name: rotateInDownRight; 
animation-name: rotateInDownRight; 
} @-webkit-keyframes rollIn { 
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
-webkit-animation-name: rollIn; 
animation-name: rollIn; 
} @-webkit-keyframes wiggle { 
0% { -webkit-transform: skewX(9deg); } 
10% { -webkit-transform: skewX(-8deg); } 
20% { -webkit-transform: skewX(7deg); } 
30% { -webkit-transform: skewX(-6deg); } 
40% { -webkit-transform: skewX(5deg); } 
50% { -webkit-transform: skewX(-4deg); } 
60% { -webkit-transform: skewX(3deg); } 
70% { -webkit-transform: skewX(-2deg); } 
80% { -webkit-transform: skewX(1deg); } 
90% { -webkit-transform: skewX(0deg); } 
100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
0% { transform: skewX(9deg); } 
10% { transform: skewX(-8deg); } 
20% { transform: skewX(7deg); } 
30% { transform: skewX(-6deg); } 
40% { transform: skewX(5deg); } 
50% { transform: skewX(-4deg); } 
60% { transform: skewX(3deg); } 
70% { transform: skewX(-2deg); } 
80% { transform: skewX(1deg); } 
90% { transform: skewX(0deg); } 
100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
-webkit-animation-name: wiggle; 
animation-name: wiggle; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes swing { 
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
20% { -webkit-transform: rotate(15deg); } 
40% { -webkit-transform: rotate(-10deg); } 
60% { -webkit-transform: rotate(5deg); } 
80% { -webkit-transform: rotate(-5deg); } 
100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
20% { transform: rotate(15deg); } 
40% { transform: rotate(-10deg); } 
60% { transform: rotate(5deg); } 
80% { transform: rotate(-5deg); } 
100% { transform: rotate(0deg); } 
} 
.swing.go { 
-webkit-transform-origin: top center; 
transform-origin: top center; 
-webkit-animation-name: swing; 
animation-name: swing; 
} @-webkit-keyframes tada { 
0% {-webkit-transform: scale(1);} 
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
0% {transform: scale(1);} 
10%, 20% {transform: scale(0.9) rotate(-3deg);} 
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
-webkit-animation-name: tada; 
animation-name: tada; 
} @-webkit-keyframes wobble { 
0% { -webkit-transform: translateX(0%); } 
15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
30% { -webkit-transform: translateX(20%) rotate(3deg); } 
45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
60% { -webkit-transform: translateX(10%) rotate(2deg); } 
75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
0% { transform: translateX(0%); } 
15% { transform: translateX(-25%) rotate(-5deg); } 
30% { transform: translateX(20%) rotate(3deg); } 
45% { transform: translateX(-15%) rotate(-3deg); } 
60% { transform: translateX(10%) rotate(2deg); } 
75% { transform: translateX(-5%) rotate(-1deg); } 
100% { transform: translateX(0%); } 
} 
.wobble.go { 
-webkit-animation-name: wobble; 
animation-name: wobble; 
} @-webkit-keyframes pulse { 
0% { -webkit-transform: scale(1); } 
50% { -webkit-transform: scale(1.1); } 
100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
0% { transform: scale(1); } 
50% { transform: scale(1.1); } 
100% { transform: scale(1); } 
} 
.pulse.go { 
-webkit-animation-name: pulse; 
animation-name: pulse; 
} @-webkit-keyframes lightSpeedInRight { 
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
-webkit-animation-name: lightSpeedInRight; 
animation-name: lightSpeedInRight; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} @-webkit-keyframes lightSpeedInLeft { 
0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
-webkit-animation-name: lightSpeedInLeft; 
animation-name: lightSpeedInLeft; 
-webkit-animation-timing-function: ease-out; 
animation-timing-function: ease-out; 
} @-webkit-keyframes flip { 
0% { 
-webkit-transform: perspective(400px) rotateY(0); 
-webkit-animation-timing-function: ease-out; 
} 
40% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
-webkit-animation-timing-function: ease-out; 
} 
50% { 
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
80% { 
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
-webkit-animation-timing-function: ease-in; 
} 
100% { 
-webkit-transform: perspective(400px) scale(1); 
-webkit-animation-timing-function: ease-in; 
} 
}
@keyframes flip { 
0% { 
transform: perspective(400px) rotateY(0); 
animation-timing-function: ease-out; 
} 
40% { 
transform: perspective(400px) translateZ(150px) rotateY(170deg); 
animation-timing-function: ease-out; 
} 
50% { 
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
animation-timing-function: ease-in; 
} 
80% { 
transform: perspective(400px) rotateY(360deg) scale(.95); 
animation-timing-function: ease-in; 
} 
100% { 
transform: perspective(400px) scale(1); 
animation-timing-function: ease-in; 
} 
} 
.flip.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flip; 
backface-visibility: visible !important; 
animation-name: flip; 
} @-webkit-keyframes flipInX { 
0% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateX(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInX { 
0% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateX(-10deg); 
} 
70% { 
transform: perspective(400px) rotateX(10deg); 
} 
100% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
} 
.flipInX.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInX; 
backface-visibility: visible !important; 
animation-name: flipInX; 
} @-webkit-keyframes flipInY { 
0% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
-webkit-transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
-webkit-transform: perspective(400px) rotateY(10deg); 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
@keyframes flipInY { 
0% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
40% { 
transform: perspective(400px) rotateY(-10deg); 
} 
70% { 
transform: perspective(400px) rotateY(10deg); 
} 
100% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
} 
.flipInY.go { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipInY; 
backface-visibility: visible !important; 
animation-name: flipInY; 
}  @-webkit-keyframes bounceOut { 
0% { 
-webkit-transform: scale(1); 
} 
25% { 
-webkit-transform: scale(.95); 
} 
50% { 
opacity: 1; 
-webkit-transform: scale(1.1); 
} 
100% { 
opacity: 0; 
-webkit-transform: scale(.3); 
} 
} 
@keyframes bounceOut { 
0% { 
transform: scale(1); 
} 
25% { 
transform: scale(.95); 
} 
50% { 
opacity: 1; 
transform: scale(1.1); 
} 
100% { 
opacity: 0; 
transform: scale(.3); 
} 
} 
.bounceOut.goAway { 
-webkit-animation-name: bounceOut; 
animation-name: bounceOut; 
} @-webkit-keyframes bounceOutUp { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
} 
@keyframes bounceOutUp { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(20px); 
} 
100% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
} 
.bounceOutUp.goAway { 
-webkit-animation-name: bounceOutUp; 
animation-name: bounceOutUp; 
} @-webkit-keyframes bounceOutDown { 
0% { 
-webkit-transform: translateY(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
} 
@keyframes bounceOutDown { 
0% { 
transform: translateY(0); 
} 
20% { 
opacity: 1; 
transform: translateY(-20px); 
} 
100% { 
opacity: 0; 
transform: translateY(2000px); 
} 
} 
.bounceOutDown.goAway { 
-webkit-animation-name: bounceOutDown; 
animation-name: bounceOutDown; 
} @-webkit-keyframes bounceOutLeft { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes bounceOutLeft { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(20px); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.bounceOutLeft.goAway { 
-webkit-animation-name: bounceOutLeft; 
animation-name: bounceOutLeft; 
} @-webkit-keyframes bounceOutRight { 
0% { 
-webkit-transform: translateX(0); 
} 
20% { 
opacity: 1; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes bounceOutRight { 
0% { 
transform: translateX(0); 
} 
20% { 
opacity: 1; 
transform: translateX(-20px); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.bounceOutRight.goAway { 
-webkit-animation-name: bounceOutRight; 
animation-name: bounceOutRight; 
} @-webkit-keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
@keyframes fadeOut { 
0% {opacity: 1;} 
100% {opacity: 0;} 
} 
.fadeOut.goAway { 
-webkit-animation-name: fadeOut; 
animation-name: fadeOut; 
} @-webkit-keyframes fadeOutUp { 
0% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(-2000px); 
} 
} 
@keyframes fadeOutUp { 
0% { 
opacity: 1; 
transform: translateY(0); 
} 
100% { 
opacity: 0; 
transform: translateY(-2000px); 
} 
} 
.fadeOutUp.goAway { 
-webkit-animation-name: fadeOutUp; 
animation-name: fadeOutUp; 
} @-webkit-keyframes fadeOutDown { 
0% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateY(2000px); 
} 
} 
@keyframes fadeOutDown { 
0% { 
opacity: 1; 
transform: translateY(0); 
} 
100% { 
opacity: 0; 
transform: translateY(2000px); 
} 
} 
.fadeOutDown.goAway { 
-webkit-animation-name: fadeOutDown; 
animation-name: fadeOutDown; 
} @-webkit-keyframes fadeOutLeft { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(-2000px); 
} 
} 
@keyframes fadeOutLeft { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(-2000px); 
} 
} 
.fadeOutLeft.goAway { 
-webkit-animation-name: fadeOutLeft; 
animation-name: fadeOutLeft; 
} @-webkit-keyframes fadeOutRight { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(2000px); 
} 
} 
@keyframes fadeOutRight { 
0% { 
opacity: 1; 
transform: translateX(0); 
} 
100% { 
opacity: 0; 
transform: translateX(2000px); 
} 
} 
.fadeOutRight.goAway { 
-webkit-animation-name: fadeOutRight; 
animation-name: fadeOutRight; 
} @-webkit-keyframes flipOutX { 
0% { 
-webkit-transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutX { 
0% { 
transform: perspective(400px) rotateX(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateX(90deg); 
opacity: 0; 
} 
} 
.flipOutX.goAway { 
-webkit-animation-name: flipOutX; 
-webkit-backface-visibility: visible !important; 
animation-name: flipOutX; 
backface-visibility: visible !important; 
} @-webkit-keyframes flipOutY { 
0% { 
-webkit-transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
-webkit-transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
@keyframes flipOutY { 
0% { 
transform: perspective(400px) rotateY(0deg); 
opacity: 1; 
} 
100% { 
transform: perspective(400px) rotateY(90deg); 
opacity: 0; 
} 
} 
.flipOutY { 
-webkit-backface-visibility: visible !important; 
-webkit-animation-name: flipOutY; 
backface-visibility: visible !important; 
animation-name: flipOutY; 
} @-webkit-keyframes lightSpeedOutRight { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
-webkit-animation-name: lightSpeedOutRight; 
animation-name: lightSpeedOutRight; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes lightSpeedOutLeft { 
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
-webkit-animation-name: lightSpeedOutLeft; 
animation-name: lightSpeedOutLeft; 
-webkit-animation-timing-function: ease-in; 
animation-timing-function: ease-in; 
} @-webkit-keyframes rotateOut { 
0% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: center center; 
-webkit-transform: rotate(200deg); 
opacity: 0; 
} 
} 
@keyframes rotateOut { 
0% { 
transform-origin: center center; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: center center; 
transform: rotate(200deg); 
opacity: 0; 
} 
} 
.rotateOut.goAway { 
-webkit-animation-name: rotateOut; 
animation-name: rotateOut; 
} @-webkit-keyframes rotateOutUpLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
-transform-origin: left bottom; 
-transform: rotate(-90deg); 
opacity: 0; 
} 
} 
.rotateOutUpLeft.goAway { 
-webkit-animation-name: rotateOutUpLeft; 
animation-name: rotateOutUpLeft; 
} @-webkit-keyframes rotateOutDownLeft { 
0% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: left bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutDownLeft { 
0% { 
transform-origin: left bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: left bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutDownLeft.goAway { 
-webkit-animation-name: rotateOutDownLeft; 
animation-name: rotateOutDownLeft; 
} @-webkit-keyframes rotateOutUpRight { 
0% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(0); 
opacity: 1; 
} 
100% { 
-webkit-transform-origin: right bottom; 
-webkit-transform: rotate(90deg); 
opacity: 0; 
} 
} 
@keyframes rotateOutUpRight { 
0% { 
transform-origin: right bottom; 
transform: rotate(0); 
opacity: 1; 
} 
100% { 
transform-origin: right bottom; 
transform: rotate(90deg); 
opacity: 0; 
} 
} 
.rotateOutUpRight.goAway { 
-webkit-animation-name: rotateOutUpRight; 
animation-name: rotateOutUpRight; 
} @-webkit-keyframes rollOut { 
0% { 
opacity: 1; 
-webkit-transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
-webkit-transform: translateX(100%) rotate(120deg); 
} 
} 
@keyframes rollOut { 
0% { 
opacity: 1; 
transform: translateX(0px) rotate(0deg); 
} 
100% { 
opacity: 0; 
transform: translateX(100%) rotate(120deg); 
} 
} 
.rollOut.goAway { 
-webkit-animation-name: rollOut; 
animation-name: rollOut; 
}  @-webkit-keyframes fadeInUpShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInUpShort { 
0% { 
opacity: 0; 
transform: translateY(20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInUpShort{
opacity: 0; 
-webkit-transform: translateY(20px); 
transform: translateY(20px); 
}
.fadeInUpShort.go { 
-webkit-animation-name: fadeInUpShort; 
animation-name: fadeInUpShort; 
} @-webkit-keyframes fadeInDownShort { 
0% { 
opacity: 0; 
-webkit-transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateY(0); 
} 
} 
@keyframes fadeInDownShort { 
0% { 
opacity: 0; 
transform: translateY(-20px); 
} 
100% { 
opacity: 1; 
transform: translateY(0); 
} 
} 
.fadeInDownShort{
opacity: 0; 
-webkit-transform: translateY(-20px); 
transform: translateY(-20px); 
}
.fadeInDownShort.go { 
-webkit-animation-name: fadeInDownShort; 
animation-name: fadeInDownShort; 
} @-webkit-keyframes fadeInRightShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInRightShort { 
0% { 
opacity: 0; 
transform: translateX(20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInRightShort { 
opacity: 0; 
-webkit-transform: translateX(20px);  
transform: translateX(20px); 
}
.fadeInRightShort.go { 
-webkit-animation-name: fadeInRightShort; 
animation-name: fadeInRightShort; 
} @-webkit-keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
-webkit-transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
-webkit-transform: translateX(0); 
} 
} 
@keyframes fadeInLeftShort { 
0% { 
opacity: 0; 
transform: translateX(-20px); 
} 
100% { 
opacity: 1; 
transform: translateX(0); 
} 
} 
.fadeInLeftShort { 
opacity: 0; 
-webkit-transform: translateX(-20px);  
transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
-webkit-animation-name: fadeInLeftShort; 
animation-name: fadeInLeftShort; 
}