.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.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: translateX(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; 
}