@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 300;
    src: local("Source Code Pro Light"), local("SourceCodePro-Light"), url(../fonts/source-pro-light-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 300;
    src: local("Source Code Pro Light"), local("SourceCodePro-Light"), url(../fonts/source-pro-light-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(../fonts/source-pro-regular-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(../fonts/source-pro-regular-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url(../fonts/source-pro-siemibold-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url(../fonts/source-pro-siemibold-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

html {
    height: 100%;
    overflow: hidden
}

body {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-transition: opacity 800ms ease-in 100ms;
    -o-transition: opacity 800ms ease-in 100ms;
    -webkit-transition: opacity 800ms ease-in;
    -webkit-transition-delay: 100ms;
    transition: opacity 800ms ease-in 100ms
}

body.loaded {
    opacity: 1 !important
}

input,
button {
    vertical-align: middle
}

slides>slide[hidden] {
    display: none !important
}

slides {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transition: opacity 800ms ease-in 100ms;
    -o-transition: opacity 800ms ease-in 100ms;
    -webkit-transition: opacity 800ms ease-in;
    -webkit-transition-delay: 100ms;
    transition: opacity 800ms ease-in 100ms
}

slides>slide {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article.fill iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index: -1
}

slide.fill {
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

slide.fill img {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1
}

.transparent {
    opacity: 0
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

::selection {
    color: #fff;
    background-color: #ffd14d;
    text-shadow: none
}

::-webkit-scrollbar {
    height: 10px;
    overflow: visible;
    width: 10px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
    border: solid transparent;
    min-height: 28px;
    padding: 100px 0 0;
    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
    border-width: 1px 1px 1px 6px
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5)
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px
}

::-webkit-scrollbar-corner {
    background: transparent
}

body {
    background: black;
    font-family: "YaHei Consolas Hybrid", STHeiti, "Microsoft Yahei", Arial, Helvetica, sans-serif
}

a {
    color: #FF8C78;
    padding: 0 3px;
    text-decoration: none;
    border-bottom: 1px dashed #FF8C78;
    cursor: help;
    margin: 0 5px;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    -moz-box-shadow: 0 0 1px transparent;
    -ms-box-shadow: 0 0 1px transparent;
    -o-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden
}

a:hover {
    color: #FF4D2E;
    border-bottom: none;
    background-color: transparent
}

a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #FF4D2E;
    height: 4px;
    -webkit-transition-property: left, right;
    -moz-transition-property: left, right;
    -ms-transition-property: left, right;
    -o-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

a:hover:before,
a:focus:before,
a:active:before {
    left: 0;
    right: 0
}

h1,
h2,
h3 {
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 2px #000
}

h1 {
    font-size: 45px;
    line-height: 1.5;
    color: white;
    margin-bottom: 0.5em;
    text-shadow: 2px 3px 4px #000
}

h2 {
    font-weight: bold;
    font-size: 34px;
    line-height: 2;
    color: white
}

h3 {
    font-size: 28px;
    line-height: 1.5;
    font-weight: inherit;
    color: white
}

p {
    line-height: 1.75em
}

ul {
    margin-left: 1.2em;
    position: relative;
    list-style: disc inside;
    text-align: left;
    display: inline-block
}

ul li {
    line-height: 1.75em;
    list-style-position: outside
}

ul li ul {
    margin-left: 2em;
    margin-bottom: 0;
    list-style-type: none;
    display: block
}

ul li ul li:before {
    content: '-';
    position: absolute;
    margin-left: -1em;
    font-weight: 600
}

ul ul {
    margin-top: .5em
}

ol {
    list-style-type: decimal;
    display: inline-block;
    text-align: left;
    margin: 0 0 0 1em
}

ol li {
    line-height: 1.5em
}

mark {
    color: #468847;
    background-color: #dff0d8
}

pre {
    font-family: "Source Code Pro", Consolas, "Courier New", Courier, monospace;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 80%;
}

pre code {
    font-size: 95%;
    font-family: "Source Code Pro", Consolas, "Courier New", Courier, monospace;
    color: black;
    border: none 0;
    padding: 0;
    background-color: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left
}

code {
    margin: 0;
    font-family: "Source Code Pro", Consolas, "Courier New", Courier, monospace;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    padding: 0 3px;
    margin: 0 5px;
    vertical-align: middle;
    color: #dd1144;
    text-shadow: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

iframe {
    width: 100%;
    height: 480px;
    background: white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

dt {
    font-weight: bold
}

table {
    width: 100%;
    color: black;
    border-collapse: -moz-initial;
    border-collapse: initial;
    border-spacing: 1px;
    border-bottom: 1px solid #797979
}

table thead th {
    background-color: #e6e6e6;
    font-weight: bold
}

table tr>td:first-child,
table th {
    font-weight: bolder
}

table tr {
    background-color: white
}

table tr:nth-child(even) {
    background-color: #e6e6e6
}

table td,
table th {
    font-size: 18px;
    padding: 1em 0.5em;
    line-height: 1.5
}

table td.highlight {
    font-weight: bold;
    color: #468847;
    background-color: #dff0d8 !important
}

table.rows {
    border-bottom: none;
    border-right: 1px solid #797979
}

button {
    border: 0 none
}

.btn {
    outline: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 9px 12px;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    line-height: 14px
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
    outline: 0
}

.btn:active,
.btn.active {
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.1)
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 15px 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 7px 10px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 3px 5px;
    font-size: 10px
}

.btn-rounded,
.btn-rounded a,
.btn-rounded .btn {
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

.btn-default .btn-default {
    color: #000;
    background-color: #eaecf6;
    border-color: #d5d9ed
}

.btn-default .btn-default:hover,
.btn-default .btn-default:focus,
.btn-default .btn-default:active,
.btn-default .btn-default.active,
.btn-default .btn-default.disabled,
.btn-default .btn-default[disabled] {
    background-color: #d8dcee;
    border-color: #b1b8de
}

.btn-default .btn-default.btn-outline {
    background-color: transparent;
    color: #eaecf6;
    background-color: #eaecf6;
    color: #000
}

.btn-default.btn-outline {
    color: #000
}

.btn-primary {
    color: #fff;
    background-color: #1582dc;
    border-color: #1582dc
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: #1374c5;
    border-color: #1166ad
}

.btn-primary.btn-outline {
    background-color: transparent;
    color: #1582dc;
    background-color: #1582dc;
    color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #daac16;
    border-color: #daac16
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: #c39a14;
    border-color: #ac8711
}

.btn-warning.btn-outline {
    background-color: transparent;
    color: #daac16;
    background-color: #daac16;
    color: #fff
}

.btn-success {
    color: #fff;
    background-color: #15db81;
    border-color: #15db81
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #13c473;
    border-color: #11ac66
}

.btn-success.btn-outline {
    background-color: transparent;
    color: #15db81;
    background-color: #15db81;
    color: #fff
}

.btn-info {
    color: #fff;
    background-color: #15acdc;
    border-color: #15acdc
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #139ac5;
    border-color: #1188ad
}

.btn-info.btn-outline {
    background-color: transparent;
    color: #15acdc;
    background-color: #15acdc;
    color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #da3e16;
    border-color: #da3e16
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #c33714;
    border-color: #ac3111
}

.btn-danger.btn-outline {
    background-color: transparent;
    color: #da3e16;
    background-color: #da3e16;
    color: #fff
}

.ptl {
    position: absolute;
    top: 0;
    left: 0
}

.ptr {
    position: absolute;
    top: 0;
    right: 0
}

.pbl {
    position: absolute;
    bottom: 0;
    left: 0
}

.pbr {
    position: absolute;
    bottom: 0;
    right: 0
}

.bg-none {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.shadow {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.no-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.no-m {
    margin: 0 !important
}

.mn {
    margin-right: -15px;
    margin-left: -15px
}

.mrn {
    margin-right: -15px
}

.mln {
    margin-left: -15px
}

.mbn {
    margin-bottom: -15px
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.m25 {
    margin: 25px
}

.mr25 {
    margin-right: 25px
}

.ml25 {
    margin-left: 25px
}

.mt25 {
    margin-top: 25px
}

.mb25 {
    margin-bottom: 25px
}

.m20 {
    margin: 20px
}

.mr20 {
    margin-right: 20px
}

.ml20 {
    margin-left: 20px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.m15 {
    margin: 15px
}

.mr15 {
    margin-right: 15px
}

.ml15 {
    margin-left: 15px
}

.mt15 {
    margin-top: 15px
}

.mb15 {
    margin-bottom: 15px
}

.m10 {
    margin: 10px
}

.mr10 {
    margin-right: 10px
}

.ml10 {
    margin-left: 10px
}

.mt10 {
    margin-top: 10px
}

.mb10 {
    margin-bottom: 10px
}

.m5 {
    margin: 5px
}

.mr5 {
    margin-right: 5px
}

.ml5 {
    margin-left: 5px
}

.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.no-p {
    padding: 0 !important
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.p25 {
    padding: 25px
}

.pr25 {
    padding-right: 25px
}

.pl25 {
    padding-left: 25px
}

.pt25 {
    padding-top: 25px
}

.pb25 {
    padding-bottom: 25px
}

.p20 {
    padding: 20px
}

.pr20 {
    padding-right: 20px
}

.pl20 {
    padding-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.p15 {
    padding: 15px
}

.pr15 {
    padding-right: 15px
}

.pl15 {
    padding-left: 15px
}

.pt15 {
    padding-top: 15px
}

.pb15 {
    padding-bottom: 15px
}

.p10 {
    padding: 10px
}

.pr10 {
    padding-right: 10px
}

.pl10 {
    padding-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pb10 {
    padding-bottom: 10px
}

.p5 {
    padding: 5px
}

.pr5 {
    padding-right: 5px
}

.pl5 {
    padding-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.draw-board {
    position: fixed;
    cursor: url(pen.cur), default;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.slideTip {
    display: none;
    padding: 10px 0;
    width: 300px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 10px;
    margin: 0 auto;
    color: #FFF;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -150px;
    text-align: center
}

.progress {
    position: fixed;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #000
}

.progress span {
    display: block;
    background: #2187E7;
    height: 100%;
    width: 0;
    border: none;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0;
    border-radius: 0 2px 2px 0;
    -moz-transition: width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -o-transition: width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
    -webkit-transition: width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
    transition: width 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985)
}

.slides {
    width: 100%;
    height: 100%;
    text-align: center
}

slides>slide .slide-wrapper {
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    height: 100%
}

slides>slide .slide-wrapper>hgroup+article {
    margin-top: 20px
}

slides>slide .slide-wrapper>hgroup+article.flexbox.vcenter,
slides>slide .slide-wrapper>hgroup+article.flexbox.vleft,
slides>slide .slide-wrapper>hgroup+article.flexbox.vright {
    height: 80%
}

slides>slide .slide-wrapper>hgroup+article p>img:only-child {
    margin-bottom: 1em
}

slides>slide .slide-wrapper>article:only-child h2 {
    font-weight: normal
}

slides>slide .slide-wrapper>article:only-child>pre {
    overflow-y: auto;
    max-height: 98%
}

slides>slide .slide-wrapper>article:only-child>iframe {
    height: 98%
}

slides>slide .slide-wrapper img {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 100%;
    max-height: 520px
}

slides>slide .slide-wrapper blockquote {
    font-size: 28px;
    line-height: 1.5em;
    padding: 5px 5px 5px 20px;
    background-color: #F9FF95;
    border-left: 5px solid #3E87CF;
    color: #000;
    text-align: left;
    min-width: 500px;
    display: inline-block
}

slides>slide .slide-wrapper blockquote small {
    display: block;
    line-height: 20px;
    color: #999
}

slides>slide .slide-wrapper blockquote small::before {
    content: '\2014 \00A0'
}

slides>slide .slide-wrapper blockquote p {
    margin-bottom: 0 !important;
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}

slides>slide .slide-wrapper blockquote.pull-right {
    padding-left: 15px;
    border-right: 5px solid #3E87CF;
    text-align: right;
    padding-right: 20px;
    border-left: none
}

slides>slide .slide-wrapper blockquote.pull-right small::before {
    content: ''
}

slides>slide .slide-wrapper blockquote.pull-right small::after {
    content: '\00A0 \2014'
}

slides>slide .slide-wrapper b,
slides>slide .slide-wrapper strong {
    font-weight: bold;
    margin: 0 5px;
    text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.8)
}

slides>slide .slide-wrapper em {
    margin: 0 5px;
    font-weight: bold;
    font-style: italic;
    text-shadow: -1px -2px 1px rgba(0, 0, 0, 0.8)
}

slides>slide .slide-wrapper pre b,
slides>slide .slide-wrapper pre strong {
    margin: 0;
    text-shadow: none
}

slides>slide .magic {
    width: 100%;
    height: 100%;
    position: relative
}

slides>slide,
.magic>.magicItem {
    display: none;
    font-size: 26px;
    color: #fff;
    background-color: #03C8CB;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 40px 60px;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

slides>slide.far-past,
.magic>.magicItem.far-past {
    display: none
}

slides>slide.past,
.magic>.magicItem.past {
    display: block;
    opacity: 0
}

slides>slide.current,
.magic>.magicItem.current {
    display: block;
    opacity: 1;
    z-index: 99
}

slides>slide.current .auto-fadein,
.magic>.magicItem.current .auto-fadein {
    opacity: 1
}

slides>slide.current .gdbar,
.magic>.magicItem.current .gdbar {
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

slides>slide.next,
.magic>.magicItem.next {
    display: block;
    opacity: 0
}

slides>slide.far-next,
.magic>.magicItem.far-next {
    display: none
}

slides>slide.dark,
.magic>.magicItem.dark {
    background: #515151 !important
}

slides>slide.title-slide:after,
.magic>.magicItem.title-slide:after {
    content: '';
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 100%;
    height: 60px
}

slides>slide.backdrop,
.magic>.magicItem.backdrop {
    z-index: -10;
    display: block !important;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(85%, #ffffff), color-stop(100%, #e6e6e6));
    background: -moz-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
    background: -webkit-linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
    background: linear-gradient(#ffffff, #ffffff 85%, #e6e6e6);
    background-color: white
}

slides>slide.backdrop:after,
slides>slide.backdrop:before,
.magic>.magicItem.backdrop:after,
.magic>.magicItem.backdrop:before {
    display: none
}

slides>slide:nth-child(6n+1),
.magic>.magicItem:nth-child(6n+1) {
    background-color: #dc6c5f
}

slides>slide:nth-child(6n+2),
.magic>.magicItem:nth-child(6n+2) {
    background-color: #04AA55
}

slides>slide:nth-child(6n+3),
.magic>.magicItem:nth-child(6n+3) {
    background-color: #487BD3
}

slides>slide:nth-child(6n+4),
.magic>.magicItem:nth-child(6n+4) {
    background-color: #049DBF
}

slides>slide:nth-child(6n+5),
.magic>.magicItem:nth-child(6n+5) {
    background-color: #DA4A89
}

slides>slide .note,
.magic>.magicItem .note {
    color: #000
}

slides>slide .note h1,
slides>slide .note h2,
slides>slide .note h3,
slides>slide .note h4,
.magic>.magicItem .note h1,
.magic>.magicItem .note h2,
.magic>.magicItem .note h3,
.magic>.magicItem .note h4 {
    color: #000;
    text-shadow: none
}

.magic>.magicItem>* {
    display: table-cell;
    vertical-align: middle
}

.magic>.magicItem {
    padding: 0;
    display: table;
    background-color: transparent
}

.magic>.magicItem:nth-child(6n+1),
.magic>.magicItem:nth-child(6n+2),
.magic>.magicItem:nth-child(6n+3),
.magic>.magicItem:nth-child(6n+4),
.magic>.magicItem:nth-child(6n+5) {
    background-color: transparent
}

.magic>.magicItem.far-past {
    display: none
}

.magic>.magicItem.past {
    display: table;
    opacity: 0
}

.magic>.magicItem.current {
    display: table
}

.magic>.magicItem.next {
    display: table;
    opacity: 0
}

.magic>.magicItem.far-next {
    display: none
}

.highlight-code slide.current b,
.highlight-code slide.current strong,
slide.current .hljs b,
slide.current .hljs strong {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.highlight-code slide.current em,
slide.current .hljs em {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -ms-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.highlight-code slide.current .hljs b,
.highlight-code slide.current .hljs strong {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -ms-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.highlight-code slide.current .hljs em {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s
}

slides.layout-faux-widescreen>slide {
    padding: 40px 160px
}

slides.layout-widescreen>slide .slide-wrapper,
slides.layout-faux-widescreen>slide .slide-wrapper {
    width: 100%;
    max-width: 100%
}

slides.layout-widescreen>slide .slide-wrapper img,
slides.layout-faux-widescreen>slide .slide-wrapper img {
    max-width: 980px
}

slides.layout-widescreen>slide.far-past,
slides.layout-faux-widescreen>slide.far-past {
    display: block;
    display: none;
    -moz-transform: translate(-2260px);
    -ms-transform: translate(-2260px);
    -webkit-transform: translate(-2260px);
    transform: translate(-2260px);
    -moz-transform: translate3d(-2260px, 0, 0);
    -ms-transform: translate3d(-2260px, 0, 0);
    -webkit-transform: translate3d(-2260px, 0, 0);
    transform: translate3d(-2260px, 0, 0)
}

slides.layout-widescreen>slide.past,
slides.layout-faux-widescreen>slide.past {
    display: block;
    opacity: 0
}

slides.layout-widescreen>slide.current,
slides.layout-faux-widescreen>slide.current {
    display: block;
    opacity: 1
}

slides.layout-widescreen>slide.next,
slides.layout-faux-widescreen>slide.next {
    display: block;
    opacity: 0
}

slides.layout-widescreen>slide.far-next,
slides.layout-faux-widescreen>slide.far-next {
    display: block;
    display: none;
    -moz-transform: translate(2260px);
    -ms-transform: translate(2260px);
    -webkit-transform: translate(2260px);
    transform: translate(2260px);
    -moz-transform: translate3d(2260px, 0, 0);
    -ms-transform: translate3d(2260px, 0, 0);
    -webkit-transform: translate3d(2260px, 0, 0);
    transform: translate3d(2260px, 0, 0)
}

slides.layout-widescreen #prev-slide-area,
slides.layout-faux-widescreen #prev-slide-area {
    margin-left: -650px
}

slides.layout-widescreen #next-slide-area,
slides.layout-faux-widescreen #next-slide-area {
    margin-left: 550px
}

:disabled {
    color: #a9a9a9
}

.blue {
    color: #4387fd !important
}

.blue2,
.blue-2 {
    color: #3c8ef3 !important
}

.blue3,
.blue-3 {
    color: #2a7cdf !important
}

.yellow {
    color: #ffd14d
}

.yellow2,
.yellow-2 {
    color: #f9cc46 !important
}

.yellow3,
.yellow-3 {
    color: #f6c000 !important
}

.green {
    color: #0da861 !important
}

.green2,
.green-2 {
    color: #00a86d !important
}

.green3,
.green-3 {
    color: #009f5d !important
}

.red {
    color: #f44a3f
}

.red2,
.red-2 {
    color: #e0543e !important
}

.red3,
.red-3 {
    color: #d94d3a !important
}

.gray {
    color: #e6e6e6 !important
}

.gray2,
.gray-2 {
    color: #a9a9a9 !important
}

.gray3,
.gray-3 {
    color: #797979 !important
}

.gray4,
.gray-4 {
    color: #515151 !important
}

.white {
    color: white !important
}

.black {
    color: black !important
}

.columns-2,
.columns2 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns-2>*,
.columns2>* {
    -webkit-flex: 1 0;
    flex: 1 0;
    max-width: 380px !important;
    text-align: center;
    margin: 0 auto
}

.layout-widescreen .columns-2>*,
.layout-widescreen .columns2>*,
.layout-faux-widescreen .columns-2>*,
.layout-faux-widescreen .columns2>* {
    max-width: 480px !important
}

.columns-3,
.columns3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns-3>*,
.columns3>* {
    -webkit-flex: 1 0;
    flex: 1 0;
    max-width: 250px !important;
    text-align: center;
    margin: 0 auto
}

.layout-widescreen .columns-3>*,
.layout-widescreen .columns3>*,
.layout-faux-widescreen .columns-3>*,
.layout-faux-widescreen .columns3>* {
    max-width: 316.66667px !important
}

.columns-4,
.columns4 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns-4>*,
.columns4>* {
    -webkit-flex: 1 0;
    flex: 1 0;
    max-width: 185px !important;
    text-align: center;
    margin: 0 auto
}

.layout-widescreen .columns-4>*,
.layout-widescreen .columns4>*,
.layout-faux-widescreen .columns-4>*,
.layout-faux-widescreen .columns4>* {
    max-width: 235px !important
}

.columns-5,
.columns5 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns-5>*,
.columns5>* {
    -webkit-flex: 1 0;
    flex: 1 0;
    max-width: 146px !important;
    text-align: center;
    margin: 0 auto
}

.layout-widescreen .columns-5>*,
.layout-widescreen .columns5>*,
.layout-faux-widescreen .columns-5>*,
.layout-faux-widescreen .columns5>* {
    max-width: 186px !important
}

.columns-6,
.columns6 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.columns-6>*,
.columns6>* {
    -webkit-flex: 1 0;
    flex: 1 0;
    max-width: 120px !important;
    text-align: center;
    margin: 0 auto
}

.layout-widescreen .columns-6>*,
.layout-widescreen .columns6>*,
.layout-faux-widescreen .columns-6>*,
.layout-faux-widescreen .columns6>* {
    max-width: 153.33333px !important
}

.padding10,
.pd10 {
    padding: 10px
}

.margin10,
.mg10 {
    margin: 10px
}

.padding20,
.pd20 {
    padding: 20px
}

.margin20,
.mg20 {
    margin: 20px
}

.pd5-10,
.padding5-10 {
    padding: 5px 10px
}

.pd10-20,
.padding10-20 {
    padding: 10px 20px
}

.label,
.tag {
    line-height: inherit;
    font-weight: 400
}

.label-default,
.tag-default {
    background-color: #eaecf6;
    padding: 5px 0;
    color: black;
    border: 1px solid #fafafa
}

.label-default[href]:hover,
.label-default[href]:focus,
.tag-default[href]:hover,
.tag-default[href]:focus {
    background-color: #c6cce7
}

.label-primary,
.tag-primary {
    background-color: #1582dc;
    padding: 5px 0;
    color: #fff
}

.label-primary[href]:hover,
.label-primary[href]:focus,
.tag-primary[href]:hover,
.tag-primary[href]:focus {
    background-color: #1166ad
}

.label-success,
.tag-success {
    background-color: #15db81;
    padding: 5px 0
}

.label-success[href]:hover,
.label-success[href]:focus,
.tag-success[href]:hover,
.tag-success[href]:focus {
    background-color: #11ac66
}

.label-info,
.tag-info {
    background-color: #15acdc;
    padding: 5px 0
}

.label-info[href]:hover,
.label-info[href]:focus,
.tag-info[href]:hover,
.tag-info[href]:focus {
    background-color: #1188ad
}

.label-warning,
.tag-warning {
    background-color: #daac16;
    padding: 5px 0
}

.label-warning[href]:hover,
.label-warning[href]:focus,
.tag-warning[href]:hover,
.tag-warning[href]:focus {
    background-color: #ac8711
}

.label-danger,
.tag-danger {
    background-color: #da3e16;
    padding: 5px 0
}

.label-danger[href]:hover,
.label-danger[href]:focus,
.tag-danger[href]:hover,
.tag-danger[href]:focus {
    background-color: #ac3111
}

.text-default {
    color: #eaecf6 !important
}

.text-primary {
    color: #1582dc !important
}

.text-success {
    color: #15db81 !important
}

.text-warning {
    color: #daac16 !important
}

.text-danger {
    color: #da3e16 !important
}

.text-info {
    color: #15acdc !important
}

.text-white {
    color: #fff !important
}

.text-dark {
    color: #4F5061 !important
}

slide.fill {
    background-repeat: no-repeat;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

article.smaller p,
article.smaller ul {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0
}

article.smaller table td,
article.smaller table th {
    font-size: 14px
}

article.smaller pre {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0
}

article.smaller q {
    font-size: 40px;
    line-height: 48px
}

article.smaller q:before,
article.smaller q:after {
    font-size: 60px
}

.slide .subSlide.tobuild {
    visibility: hidden
}

.slide .subSlide.builded.subBuilded {
    display: none
}

.subSlide {
    display: none;
    opacity: 0;
    visibility: hidden
}

.subSlide.building {
    opacity: 1;
    display: block;
    visibility: visible;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.subSlide.builded {
    opacity: 1;
    display: block;
    visibility: visible
}

.subSlide.subBuilded {
    display: none;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.3s ease, display 0.4s ease;
    -o-transition: opacity 0.3s ease, display 0.4s ease;
    -webkit-transition: opacity 0.3s ease, display 0.4s ease;
    transition: opacity 0.3s ease, display 0.4s ease
}

.fade {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center
}

.fade>* {
    opacity: 0;
    -moz-transition: opacity 0.5s ease-in-out 0.2s;
    -o-transition: opacity 0.5s ease-in-out 0.2s;
    -webkit-transition: opacity 0.5s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition: opacity 0.5s ease-in-out 0.2s
}

.fade>.tobuild:first-child {
    display: -webkit-flex;
    display: flex;
    visibility: hidden
}

.fade>.builded {
    opacity: 0;
    display: none;
    visibility: hidden
}

.fade>.builded:last-child {
    opacity: 1;
    display: -webkit-flex;
    display: flex;
    visibility: visible
}

.fade>.building {
    display: -webkit-flex;
    display: flex;
    opacity: 1
}

.fade .tobuild {
    opacity: 0;
    display: none
}

.fadeIn>* {
    -moz-transition: opacity 0.5s ease-in-out 0.2s;
    -o-transition: opacity 0.5s ease-in-out 0.2s;
    -webkit-transition: opacity 0.5s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition: opacity 0.5s ease-in-out 0.2s
}

.fadeIn .tobuild {
    opacity: 0
}

.bounceIn>*,
.zoomIn>* {
    opacity: 1
}

.bounceIn .tobuild,
.zoomIn .tobuild {
    opacity: 0
}

.bounceIn .building,
.zoomIn .building {
    opacity: 1;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceIn .building {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.zoomIn .building {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.moveIn>* {
    -moz-transition: all 0.5s ease-in-out 0.2s;
    -o-transition: all 0.5s ease-in-out 0.2s;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition: all 0.5s ease-in-out 0.2s
}

.moveIn .tobuild {
    opacity: 0;
    -moz-transform: translate3d(60px, 0, 0);
    -ms-transform: translate3d(60px, 0, 0);
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0)
}

.rollIn>* {
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.rollIn .building {
    opacity: 1;
    visibility: visible;
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.rollIn .tobuild {
    opacity: 0;
    visibility: hidden;
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.popup .next .build .tobuild {
    opacity: 1 !important
}

.popup .next .build .builded {
    opacity: 1 !important
}

.note {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 1em;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.note>section {
    text-align: left;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: inset 0 0 10px #6F6F6F;
    -webkit-box-shadow: inset 0 0 10px #6F6F6F;
    box-shadow: inset 0 0 10px #6F6F6F;
    width: 70%;
    padding: 2em
}

.qrcode {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.qrcode #qrcode {
    width: 256px;
    height: 300px;
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
    background-color: white;
    padding: 20px 20px 10px;
    top: 100px
}

.qrcode p {
    text-align: center;
    line-height: 44px;
    position: absolute;
    top: 380px;
    width: 100%
}

.with-notes.popup.overview slide.next {
    opacity: 0.5 !important
}

.with-notes .progress {
    display: none
}

.with-notes.popup slides.layout-widescreen slide.next,
.with-notes.popup slides.layout-faux-widescreen slide.next {
    -moz-transform: translate3d(690px, 80px, 0) scale(0.35);
    -ms-transform: translate3d(690px, 80px, 0) scale(0.35);
    -webkit-transform: translate3d(690px, 80px, 0) scale(0.35);
    transform: translate3d(690px, 80px, 0) scale(0.35)
}

.with-notes.popup slides.layout-widescreen slide .note,
.with-notes.popup slides.layout-faux-widescreen slide .note {
    z-index: 100;
    -moz-transform: translate3d(300px, 700px, 0) scale(1.5);
    -ms-transform: translate3d(300px, 700px, 0) scale(1.5);
    -webkit-transform: translate3d(300px, 700px, 0) scale(1.5);
    transform: translate3d(300px, 700px, 0) scale(1.5)
}

.with-notes.popup slide {
    width: 1100px !important;
    overflow: visible;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform-origin: 0 0 !important;
    -ms-transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important
}

.with-notes.popup slide[data-transition].current,
.with-notes.popup slide[data-transition].next,
.with-notes.popup slide[data-transition].past {
    top: auto !important;
    left: auto !important;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation-name: none;
    animation-name: none
}

.with-notes.popup slide:not(.backdrop) {
    -moz-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
    -ms-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
    -webkit-transform: scale(0.6) translate3d(0.5em, 0.5em, 0);
    transform: scale(0.6) translate3d(0.5em, 0.5em, 0)
}

.with-notes.popup slide.backdrop {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNjAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZGZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQzODdmZCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
    background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px);
    background-image: radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px)
}

.with-notes.popup slide.next {
    -moz-transform: translate3d(690px, 80px, 0) scale(0.35);
    -ms-transform: translate3d(690px, 80px, 0) scale(0.35);
    -webkit-transform: translate3d(690px, 80px, 0) scale(0.35);
    transform: translate3d(690px, 80px, 0) scale(0.35);
    opacity: 1 !important;
    -webkit-clip-path: none !important
}

.with-notes.popup slide.next .note {
    display: none !important
}

.with-notes.popup .note {
    width: 100%;
    height: 210px;
    padding: 0;
    -moz-transform: translate3d(350px, 850px, 0) scale(1.5);
    -ms-transform: translate3d(350px, 850px, 0) scale(1.5);
    -webkit-transform: translate3d(350px, 850px, 0) scale(1.5);
    transform: translate3d(350px, 850px, 0) scale(1.5);
    -moz-transition: opacity 400ms ease-in-out;
    -o-transition: opacity 400ms ease-in-out;
    -webkit-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out
}

.with-notes.popup .note>section {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: auto;
    padding: 1em
}

.with-notes .note {
    display: -webkit-flex;
    display: flex;
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
    z-index: 100
}

@media screen and (min-width: 1200px) {
	slides>slide .slide-wrapper {
	    max-width: 1200px;
	}
    .with-notes.popup .note {
        -moz-transform: translate3d(350px, 1050px, 0) scale(1.5);
        -ms-transform: translate3d(350px, 1050px, 0) scale(1.5);
        -webkit-transform: translate3d(350px, 1050px, 0) scale(1.5);
        transform: translate3d(350px, 1050px, 0) scale(1.5)
    }
    .with-notes.popup slide.next {
        -moz-transform: translate3d(890px, 80px, 0) scale(0.35);
        -ms-transform: translate3d(890px, 80px, 0) scale(0.35);
        -webkit-transform: translate3d(890px, 80px, 0) scale(0.35);
        transform: translate3d(890px, 80px, 0) scale(0.35)
    }
}

#_timer_ {
    display: block;
    position: fixed;
    bottom: 1em;
    left: 0.5em
}

.img-full {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    -webkit-transition: opacity 800ms;
    transition: opacity 800ms;
    background-color: #000;
    bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    display: none
}

.img-full img {
    background: #000;
    color: #333;
    padding: 0;
    position: fixed;
    min-width: 100px;
    z-index: 0;
    top: 20px;
    left: 50%;
    -webkit-transition: 800ms -webkit-transform;
    -moz-transition: 800ms -moz-transform;
    transition: 800ms transform
}

.img-full img.transparent {
    -moz-transform: scale(0.99) translateY(-20px);
    -ms-transform: scale(0.99) translateY(-20px);
    -webkit-transform: scale(0.99) translateY(-20px);
    transform: scale(0.99) translateY(-20px)
}

#_buttons {
    position: fixed;
    bottom: 0.25em;
    z-index: 9999;
    right: 0.25em
}

#_buttons ._btn-box {
    display: inline-block
}

#_buttons button {
    font-size: 1rem;
    background: none;
    border: 0 none;
    color: rgba(0, 0, 0, 0.3);
    text-shadow: 0 0 transparent
}

#_buttons button:hover {
    color: black
}

.popup.with-notes #_buttons ._btn-box,
.overview #_buttons ._btn-box {
    display: inline-block !important
}

.popup.with-notes #_buttons #_btn-bar,
.overview #_buttons #_btn-bar {
    display: none !important
}

.popup.with-notes #_buttons button,
.overview #_buttons button {
    color: white
}

.source {
    font-size: 14px;
    color: #a9a9a9;
    position: absolute;
    line-height: 2em;
    bottom: 70px;
    left: 60px
}

.centered {
    text-align: center
}

.reflect {
    -webkit-box-reflect: below 3px -webkit-linear-gradient(rgba(255, 255, 255, 0) 85%, #fff 150%);
    -moz-box-reflect: below 3px -moz-linear-gradient(rgba(255, 255, 255, 0) 85%, #fff 150%);
    -o-box-reflect: below 3px -o-linear-gradient(rgba(255, 255, 255, 0) 85%, #fff 150%);
    -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255, 255, 255, 0) 85%, #fff 150%);
    box-reflect: below 3px linear-gradient(rgba(255, 255, 255, 0) 85%, #ffffff 150%)
}

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row
}

.flexbox.vcenter {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    height: 100%;
    width: 100%
}

.flexbox.vleft {
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-align: left
}

.flexbox.vright {
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    text-align: right;
    height: 100%;
    width: 100%
}

.auto-fadein {
    -moz-transition: opacity 0.6s ease-in 1s;
    -o-transition: opacity 0.6s ease-in 1s;
    -webkit-transition: opacity 0.6s ease-in;
    -webkit-transition-delay: 1s;
    transition: opacity 0.6s ease-in 1s;
    opacity: 0
}

.slide-area {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 600px;
    left: 50%;
    top: 50%;
    cursor: pointer;
    margin-top: -300px
}

#prev-slide-area {
    margin-left: -550px
}

#next-slide-area {
    margin-left: 450px
}

.logoslide img {
    width: 383px;
    height: 92px
}

.segue {
    padding: 60px 120px
}

.segue h2 {
    color: #e6e6e6;
    font-size: 60px
}

.segue h3 {
    color: #e6e6e6;
    line-height: 2.8
}

.segue hgroup {
    position: absolute;
    bottom: 225px
}

.thank-you-slide {
    background: #4387fd !important;
    color: #fff
}

.thank-you-slide h2 {
    font-size: 60px;
    color: inherit
}

.thank-you-slide h3 {
    font-size: 52px;
    color: inherit;
    text-align: right
}

.thank-you-slide article>p {
    margin-top: 2em;
    font-size: 20pt
}

.thank-you-slide>p {
    position: absolute;
    bottom: 80px;
    font-size: 24pt;
    line-height: 1.3em
}

aside.gdbar {
    height: 97px;
    width: 215px;
    position: absolute;
    left: -1px;
    top: 125px;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0;
    border-radius: 0 10px 10px 0;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') no-repeat;
    background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e6e6e6), color-stop(100%, #e6e6e6)) no-repeat;
    background: -moz-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
    background: -webkit-linear-gradient(left, #e6e6e6, #e6e6e6) no-repeat;
    background: linear-gradient(to right, #e6e6e6, #e6e6e6) no-repeat;
    -moz-background-size: 0% 100%;
    -o-background-size: 0% 100%;
    -webkit-background-size: 0% 100%;
    background-size: 0% 100%;
    -moz-transition: all 0.5s ease-out 0.5s;
    -o-transition: all 0.5s ease-out 0.5s;
    -webkit-transition: all 0.5s ease-out;
    -webkit-transition-delay: 0.5s;
    transition: all 0.5s ease-out 0.5s
}

aside.gdbar.right {
    right: 0;
    left: -moz-initial;
    left: initial;
    top: 204px;
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

aside.gdbar.right img {
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

aside.gdbar.bottom {
    top: -moz-initial;
    top: initial;
    bottom: 60px
}

aside.gdbar img {
    width: 85px;
    height: 85px;
    position: absolute;
    right: 0;
    margin: 8px 15px
}

.title-slide hgroup {
    bottom: 100px
}

.title-slide hgroup h1 {
    font-size: 65px;
    line-height: 1.4;
    letter-spacing: -3px;
    color: #515151
}

.title-slide hgroup h2 {
    font-size: 34px;
    color: #a9a9a9;
    font-weight: inherit
}

.title-slide hgroup p {
    font-size: 20px;
    color: #797979;
    line-height: 1.3;
    margin-top: 2em
}

.quote {
    color: #e6e6e6
}

.quote .author {
    font-size: 24px;
    position: absolute;
    bottom: 80px;
    line-height: 1.4
}

.overview.popup .note {
    display: none !important
}

.overview slides slide {
    display: block;
    cursor: pointer;
    opacity: 0.5;
    pointer-events: auto !important;
    width: 1100px
}

.overview slides slide.backdrop {
    display: none !important
}

.overview slides slide.far-past,
.overview slides slide.past,
.overview slides slide.next,
.overview slides slide.far-next,
.overview slides slide.far-past {
    opacity: 0.5 !important;
    display: block !important
}

.overview slides slide.current {
    opacity: 1 !important
}

.overview .slide-area {
    display: none
}

.magic>.magicItem[data-transition] {
    visibility: hidden
}

.magic>.magicItem[data-transition].current {
    visibility: visible
}

slide[data-transition="zoomout"].past,
slide[data-transition="zoomin"].next,
.magic>.magicItem[data-transition="zoomout"].past,
.magic>.magicItem[data-transition="zoomin"].next {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

slide[data-transition="zoomin"].past,
slide[data-transition="zoomout"].next,
.magic>.magicItem[data-transition="zoomin"].past,
.magic>.magicItem[data-transition="zoomout"].next {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

slide[data-transition="horizontal"].current,
.magic>.magicItem[data-transition="horizontal"].current {
    -moz-transform-origin: 20% 80% 50%;
    -ms-transform-origin: 20% 80% 50%;
    -webkit-transform-origin: 20% 80% 50%;
    transform-origin: 20% 80% 50%
}

slide[data-transition="horizontal"].next,
slide[data-transition="horizontal"].past,
.magic>.magicItem[data-transition="horizontal"].next,
.magic>.magicItem[data-transition="horizontal"].past {
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

slide[data-transition="horizontal"].next {
    left: 450px
}

.magic>.magicItem[data-transition="horizontal"].next {
    left: 390px
}

slide[data-transition="horizontal"].past {
    left: -450px
}

.magic>.magicItem[data-transition="horizontal"].past {
    left: -390px
}

slides.layout-widescreen>slide[data-transition="horizontal"].next {
    left: 550px
}

slides.layout-widescreen .magic>.magicItem[data-transition="horizontal"].next {
    left: 490px
}

slides.layout-widescreen>slide[data-transition="horizontal"].past {
    left: -550px
}

slides.layout-widescreen .magic>.magicItem[data-transition="horizontal"].past {
    left: -490px
}

slide[data-transition="horizontal3d"],
.magic>.magicItem[data-transition="horizontal3d"] {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 50% 50% -450px 50%;
    -ms-transform-origin: 50% 50% -450px 50%;
    -webkit-transform-origin: 50% 50% -450px 50%;
    transform-origin: 50% 50% -450px 50%
}

.magic>.magicItem[data-transition="horizontal3d"] {
    -moz-transform-origin: 50% 50% -390px 50%;
    -ms-transform-origin: 50% 50% -390px 50%;
    -webkit-transform-origin: 50% 50% -390px 50%;
    transform-origin: 50% 50% -390px 50%
}

slides.layout-widescreen slide[data-transition="horizontal3d"],
slides.layout-widescreen .magic>.magicItem[data-transition="horizontal3d"] {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -moz-transform-origin: 50% 50% -490px 50%;
    -ms-transform-origin: 50% 50% -490px 50%;
    -webkit-transform-origin: 50% 50% -490px 50%;
    transform-origin: 50% 50% -490px 50%
}

slide[data-transition="horizontal3d"].next,
.magic>.magicItem[data-transition="horizontal3d"].next {
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg)
}

slide[data-transition="horizontal3d"].past,
.magic>.magicItem[data-transition="horizontal3d"].past {
    opacity: 1;
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

slide[data-transition="vertical3d"].next,
.magic>.magicItem[data-transition="vertical3d"].next {
    top: 260px;
    -moz-transform: translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);
    -ms-transform: translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);
    -webkit-transform: translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0);
    transform: translate3d(0, 75%, 0) rotateX(60deg) translate3d(0, 75%, 0)
}

.magic>.magicItem[data-transition="vertical3d"].next {
    top: 300px
}

slide[data-transition="vertical3d"].past,
.magic>.magicItem[data-transition="vertical3d"].past {
    -moz-transform: translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);
    -ms-transform: translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);
    -webkit-transform: translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);
    transform: translate3d(0, -75%, 0) rotateX(-60deg) translate3d(0, -75%, 0);
    top: -300px
}

.magic>.magicItem[data-transition="vertical3d"].past {
    top: -260px
}

slide[data-transition="cards"],
.magic>.magicItem[data-transition="cards"] {
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform-origin: 0 100% 0 50%;
    -ms-transform-origin: 0 100% 0 50%;
    -webkit-transform-origin: 0 100% 0 50%;
    transform-origin: 0 100% 0 50%
}

slide[data-transition="cards"].next,
.magic>.magicItem[data-transition="cards"].next {
    -moz-transform: translate3d(50px, 0, -100px);
    -ms-transform: translate3d(50px, 0, -100px);
    -webkit-transform: translate3d(50px, 0, -100px);
    transform: translate3d(50px, 0, -100px);
    opacity: 0
}

slide[data-transition="cards"].past,
.magic>.magicItem[data-transition="cards"].past {
    -moz-transform: translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);
    -ms-transform: translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);
    -webkit-transform: translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);
    transform: translateZ(40px) rotateY(-60deg) translateX(-400px) rotateZ(120deg);
    opacity: 0
}

slide.pagedown[data-transition="glue"].current,
.magic>.magicItem.pagedown[data-transition="glue"].current {
    -webkit-animation: moveFromRight 0.6s ease both;
    -moz-animation: moveFromRight 0.6s ease both;
    -ms-animation: moveFromRight 0.6s ease both;
    -o-animation: moveFromRight 0.6s ease both;
    animation: moveFromRight 0.6s ease both;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    z-index: 999
}

slide.pagedown[data-transition="glue"].next,
.magic>.magicItem.pagedown[data-transition="glue"].next {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst 0.8s both ease-in;
    -moz-animation: rotateRightSideFirst 0.8s both ease-in;
    -ms-animation: rotateRightSideFirst 0.8s both ease-in;
    -o-animation: rotateRightSideFirst 0.8s both ease-in;
    animation: rotateRightSideFirst 0.8s both ease-in;
    opacity: 1
}

slide.pagedown[data-transition="glue"].past,
.magic>.magicItem.pagedown[data-transition="glue"].past {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

slide.pageup[data-transition="glue"].current,
.magic>.magicItem.pageup[data-transition="glue"].current {
    -webkit-animation: moveFromLeft 0.6s ease both;
    -moz-animation: moveFromLeft 0.6s ease both;
    -ms-animation: moveFromLeft 0.6s ease both;
    -o-animation: moveFromLeft 0.6s ease both;
    animation: moveFromLeft 0.6s ease both;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    z-index: 999
}

slide.pageup[data-transition="glue"].next,
.magic>.magicItem.pageup[data-transition="glue"].next {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

slide.pageup[data-transition="glue"].past,
.magic>.magicItem.pageup[data-transition="glue"].past {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateLeftSideFirst 0.8s both ease-in;
    -moz-animation: rotateLeftSideFirst 0.8s both ease-in;
    -ms-animation: rotateLeftSideFirst 0.8s both ease-in;
    -o-animation: rotateLeftSideFirst 0.8s both ease-in;
    animation: rotateLeftSideFirst 0.8s both ease-in;
    opacity: 1
}

slide[data-transition="kontext"],
.magic>.magicItem[data-transition="kontext"] {
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px);
    z-index: 99
}

slide.pagedown[data-transition="kontext"].current,
.magic>.magicItem.pagedown[data-transition="kontext"].current {
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: show-right 1s forwards ease;
    -moz-animation: show-right 1s forwards ease;
    -ms-animation: show-right 1s forwards ease;
    -o-animation: show-right 1s forwards ease;
    animation: show-right 1s forwards ease;
    z-index: 999
}

slide.pagedown[data-transition="kontext"].past,
.magic>.magicItem.pagedown[data-transition="kontext"].past {
    -webkit-animation: hide-right 1s forwards ease;
    -moz-animation: hide-right 1s forwards ease;
    -ms-animation: hide-right 1s forwards ease;
    -o-animation: hide-right 1s forwards ease;
    animation: hide-right 1s forwards ease;
    opacity: 1
}

slide.pageup[data-transition="kontext"].current,
.magic>.magicItem.pageup[data-transition="kontext"].current {
    -webkit-animation: show-left 1s forwards ease;
    -moz-animation: show-left 1s forwards ease;
    -ms-animation: show-left 1s forwards ease;
    -o-animation: show-left 1s forwards ease;
    animation: show-left 1s forwards ease;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

slide.pageup[data-transition="kontext"].next,
.magic>.magicItem.pageup[data-transition="kontext"].next {
    -webkit-animation: hide-left 1s forwards ease;
    -moz-animation: hide-left 1s forwards ease;
    -ms-animation: hide-left 1s forwards ease;
    -o-animation: hide-left 1s forwards ease;
    animation: hide-left 1s forwards ease;
    opacity: 1
}

slide[data-transition="newspaper"],
.magic>.magicItem[data-transition="newspaper"] {
    visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 99
}

slide[data-transition="newspaper"].current,
.magic>.magicItem[data-transition="newspaper"].current {
    visibility: visible;
    -webkit-animation: rotateInNewspaper 0.5s both ease-out;
    -moz-animation: rotateInNewspaper 0.5s both ease-out;
    -ms-animation: rotateInNewspaper 0.5s both ease-out;
    -o-animation: rotateInNewspaper 0.5s both ease-out;
    animation: rotateInNewspaper 0.5s both ease-out;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    z-index: 999
}

slide[data-transition="newspaper"].past,
.magic>.magicItem[data-transition="newspaper"].past {
    visibility: visible;
    -webkit-animation: rotateOutNewspaper 0.5s both ease-out;
    -moz-animation: rotateOutNewspaper 0.5s both ease-out;
    -ms-animation: rotateOutNewspaper 0.5s both ease-out;
    -o-animation: rotateOutNewspaper 0.5s both ease-out;
    animation: rotateOutNewspaper 0.5s both ease-out
}

slide[data-transition="newspaper"].next,
.magic>.magicItem[data-transition="newspaper"].next {
    visibility: visible;
    -webkit-animation: rotateOutNewspaper 0.5s both ease-out;
    -moz-animation: rotateOutNewspaper 0.5s both ease-out;
    -ms-animation: rotateOutNewspaper 0.5s both ease-out;
    -o-animation: rotateOutNewspaper 0.5s both ease-out;
    animation: rotateOutNewspaper 0.5s both ease-out
}

slide.pagedown[data-transition="move"].current,
.magic>.magicItem.pagedown[data-transition="move"].current {
    -webkit-animation: moveFromRight 0.6s ease both;
    -moz-animation: moveFromRight 0.6s ease both;
    -ms-animation: moveFromRight 0.6s ease both;
    -o-animation: moveFromRight 0.6s ease both;
    animation: moveFromRight 0.6s ease both;
    z-index: 999
}

.magic>.magicItem.pagedown[data-transition="move"].current {
    -webkit-animation: moveFromRight_Magic 0.6s ease both;
    -moz-animation: moveFromRight_Magic 0.6s ease both;
    -ms-animation: moveFromRight_Magic 0.6s ease both;
    -o-animation: moveFromRight_Magic 0.6s ease both;
    animation: moveFromRight_Magic 0.6s ease both
}

slide.pagedown[data-transition="move"].past,
.magic>.magicItem.pagedown[data-transition="move"].past {
    -webkit-animation: moveToLeft 0.6s ease both;
    -moz-animation: moveToLeft 0.6s ease both;
    -ms-animation: moveToLeft 0.6s ease both;
    -o-animation: moveToLeft 0.6s ease both;
    animation: moveToLeft 0.6s ease both
}

.magic>.magicItem.pagedown[data-transition="move"].past {
    -webkit-animation: moveToLeft_Magic 0.6s ease both;
    -moz-animation: moveToLeft_Magic 0.6s ease both;
    -ms-animation: moveToLeft_Magic 0.6s ease both;
    -o-animation: moveToLeft_Magic 0.6s ease both;
    animation: moveToLeft_Magic 0.6s ease both
}

slide.pageup[data-transition="move"].current,
.magic>.magicItem.pageup[data-transition="move"].current {
    -webkit-animation: moveFromLeft 0.6s ease both;
    -moz-animation: moveFromLeft 0.6s ease both;
    -ms-animation: moveFromLeft 0.6s ease both;
    -o-animation: moveFromLeft 0.6s ease both;
    animation: moveFromLeft 0.6s ease both;
    z-index: 999
}

.magic>.magicItem.pageup[data-transition="move"].current {
    -webkit-animation: moveFromLeft_Magic 0.6s ease both;
    -moz-animation: moveFromLeft_Magic 0.6s ease both;
    -ms-animation: moveFromLeft_Magic 0.6s ease both;
    -o-animation: moveFromLeft_Magic 0.6s ease both;
    animation: moveFromLeft_Magic 0.6s ease both
}

slide.pageup[data-transition="move"].next,
.magic>.magicItem.pageup[data-transition="move"].next {
    -webkit-animation: moveToRight 0.6s ease both;
    -moz-animation: moveToRight 0.6s ease both;
    -ms-animation: moveToRight 0.6s ease both;
    -o-animation: moveToRight 0.6s ease both;
    animation: moveToRight 0.6s ease both
}

.magic>.magicItem.pageup[data-transition="move"].next {
    -webkit-animation: moveToRight_Magic 0.6s ease both;
    -moz-animation: moveToRight_Magic 0.6s ease both;
    -ms-animation: moveToRight_Magic 0.6s ease both;
    -o-animation: moveToRight_Magic 0.6s ease both;
    animation: moveToRight_Magic 0.6s ease both
}

slide.pagedown[data-transition="stick"],
.magic>.magicItem.pageup[data-transition="stick"],
slide.pagedown[data-transition="stick"],
.magic>.magicItem.pageup[data-transition="stick"] {
    -webkit-perspective: 1600px;
    -moz-perspective: 1600px;
    -ms-perspective: 1600px;
    -o-perspective: 1600px;
    perspective: 1600px;
    opacity: 0;
    z-index: 999
}

slide.pagedown[data-transition="stick"].current,
.magic>.magicItem.pagedown[data-transition="stick"].current {
    z-index: 1001;
    -webkit-animation: slideInFromBottomDelayed 0.8s forwards;
    -moz-animation: slideInFromBottomDelayed 0.8s forwards;
    -ms-animation: slideInFromBottomDelayed 0.8s forwards;
    -o-animation: slideInFromBottomDelayed 0.8s forwards;
    animation: slideInFromBottomDelayed 0.8s forwards
}

slide.pagedown[data-transition="stick"].past,
.magic>.magicItem.pagedown[data-transition="stick"].past {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideOut 0.8s forwards ease-in;
    -moz-animation: rotateBottomSideOut 0.8s forwards ease-in;
    -ms-animation: rotateBottomSideOut 0.8s forwards ease-in;
    -o-animation: rotateBottomSideOut 0.8s forwards ease-in;
    animation: rotateBottomSideOut 0.8s forwards ease-in
}

slide[data-transition="stick"].current,
.magic>.magicItem[data-transition="stick"].current {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 1;
    -webkit-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
    -moz-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
    -ms-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
    -o-animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
    animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in
}

slide.pageup[data-transition="stick"].next,
.magic>.magicItem.pageup[data-transition="stick"].next {
    -webkit-animation: slideOutToBottom 0.8s forwards;
    -moz-animation: slideOutToBottom 0.8s forwards;
    -ms-animation: slideOutToBottom 0.8s forwards;
    -o-animation: slideOutToBottom 0.8s forwards;
    animation: slideOutToBottom 0.8s forwards
}

slide[data-transition="vkontext"],
.magic>.magicItem[data-transition="vkontext"] {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px
}

slide.pagedown[data-transition="vkontext"].current,
.magic>.magicItem.pagedown[data-transition="vkontext"].current {
    -webkit-animation: showRight 1s forwards;
    -moz-animation: showRight 1s forwards;
    -ms-animation: showRight 1s forwards;
    -o-animation: showRight 1s forwards;
    animation: showRight 1s forwards
}

slide.pagedown[data-transition="vkontext"].past,
.magic>.magicItem.pagedown[data-transition="vkontext"].past {
    -webkit-animation: hideLeft 1s forwards;
    -moz-animation: hideLeft 1s forwards;
    -ms-animation: hideLeft 1s forwards;
    -o-animation: hideLeft 1s forwards;
    animation: hideLeft 1s forwards
}

slide.pageup[data-transition="vkontext"].current,
.magic>.magicItem.pageup[data-transition="vkontext"].current {
    -webkit-animation: showLeft 1s forwards;
    -moz-animation: showLeft 1s forwards;
    -ms-animation: showLeft 1s forwards;
    -o-animation: showLeft 1s forwards;
    animation: showLeft 1s forwards
}

slide.pageup[data-transition="vkontext"].next,
.magic>.magicItem.pageup[data-transition="vkontext"].next {
    -webkit-animation: hideRight 1s forwards;
    -moz-animation: hideRight 1s forwards;
    -ms-animation: hideRight 1s forwards;
    -o-animation: hideRight 1s forwards;
    animation: hideRight 1s forwards
}

slide[data-transition="earthquake"].past,
.magic>.magicItem[data-transition="earthquake"].past,
slide[data-transition="earthquake"].next,
.magic>.magicItem[data-transition="earthquake"].next {
    visibility: visible
}

slide.pagedown[data-transition="earthquake"].current,
.magic>.magicItem.pagedown[data-transition="earthquake"].current {
    opacity: 0;
    -webkit-animation: pushFromTop 1s 0.3s forwards;
    -moz-animation: pushFromTop 1s 0.3s forwards;
    -ms-animation: pushFromTop 1s 0.3s forwards;
    -o-animation: pushFromTop 1s 0.3s forwards;
    animation: pushFromTop 1s 0.3s forwards
}

slide.pagedown[data-transition="earthquake"].past,
.magic>.magicItem.pagedown[data-transition="earthquake"].past {
    opacity: 1;
    -webkit-animation: shakeSlideBottom 1s 0.1s forwards;
    -moz-animation: shakeSlideBottom 1s 0.1s forwards;
    -ms-animation: shakeSlideBottom 1s 0.1s forwards;
    -o-animation: shakeSlideBottom 1s 0.1s forwards;
    animation: shakeSlideBottom 1s 0.1s forwards
}

slide.pageup[data-transition="earthquake"].current,
.magic>.magicItem.pageup[data-transition="earthquake"].current {
    opacity: 0;
    -webkit-animation: pushFromBottom 1s 0.3s forwards;
    -moz-animation: pushFromBottom 1s 0.3s forwards;
    -ms-animation: pushFromBottom 1s 0.3s forwards;
    -o-animation: pushFromBottom 1s 0.3s forwards;
    animation: pushFromBottom 1s 0.3s forwards
}

slide.pageup[data-transition="earthquake"].next,
.magic>.magicItem.pageup[data-transition="earthquake"].next {
    opacity: 1;
    -webkit-animation: shakeSlideTop 1s 0.1s forwards;
    -moz-animation: shakeSlideTop 1s 0.1s forwards;
    -ms-animation: shakeSlideTop 1s 0.1s forwards;
    -o-animation: shakeSlideTop 1s 0.1s forwards;
    animation: shakeSlideTop 1s 0.1s forwards
}

slide[data-transition="earthquake"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.5s
}

slide[data-transition="earthquake"].next::after,
slide[data-transition="earthquake"].past::after {
    opacity: 1
}

slide.pagedown[data-transition="circle"],
.magic>.magicItem[data-transition="circle"] {
    opacity: 0
}

slide.pagedown[data-transition="circle"],
slide.pageup[data-transition="circle"] {
    -webkit-transform-origin: 50% 400%;
    transform-origin: 50% 400%
}

slide.pagedown[data-transition="circle"]::after,
slide.pageup[data-transition="circle"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    background-color: #000;
    -webkit-transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1);
    transition: opacity 0.9s cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pagedown[data-transition="circle"].current,
.magic>.magicItem.pagedown[data-transition="circle"].current {
    opacity: 1;
    -webkit-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pagedown[data-transition="circle"].current {
    -webkit-animation: rotateInCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateInCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateInCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateInCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pagedown[data-transition="circle"].past,
.magic>.magicItem.pagedown[data-transition="circle"].past {
    opacity: 1;
    -webkit-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pagedown[data-transition="circle"].past {
    -webkit-animation: rotateOutCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateOutCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateOutCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateOutCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pageup[data-transition="circle"].current,
.magic>.magicItem.pageup[data-transition="circle"].current {
    opacity: 1;
    -webkit-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircLeft 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pageup[data-transition="circle"].current {
    -webkit-animation: rotateInCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateInCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateInCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateInCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateInCircLeft_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pageup[data-transition="circle"].next,
.magic>.magicItem.pageup[data-transition="circle"].next {
    opacity: 1;
    -webkit-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircRight 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pageup[data-transition="circle"].next {
    -webkit-animation: rotateOutCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: rotateOutCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: rotateOutCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: rotateOutCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: rotateOutCircRight_Magic 0.9s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide[data-transition="circle"].next::after,
slide[data-transition="circle"].next::after {
    opacity: 1
}

slide.pagedown[data-transition="pulse"],
slide.pageup[data-transition="pulse"],
.magic>.magicItem.pagedown[data-transition="pulse"],
.magic>.magicItem.pageup[data-transition="pulse"] {
    opacity: 0
}

slide.pagedown[data-transition="pulse"].past,
slide.pageup[data-transition="pulse"].next,
.magic>.magicItem.pagedown[data-transition="pulse"].past,
.magic>.magicItem.pageup[data-transition="pulse"].next {
    -webkit-animation: scaleUpFadeOut 0.8s forwards ease-in;
    -moz-animation: scaleUpFadeOut 0.8s forwards ease-in;
    -ms-animation: scaleUpFadeOut 0.8s forwards ease-in;
    -o-animation: scaleUpFadeOut 0.8s forwards ease-in;
    animation: scaleUpFadeOut 0.8s forwards ease-in
}

slide.pageup[data-transition="pulse"].current,
slide.pagedown[data-transition="pulse"].current,
.magic>.magicItem.pageup[data-transition="pulse"].current,
.magic>.magicItem.pagedown[data-transition="pulse"].current {
    -webkit-animation: scaleDownFadeIn 0.8s forwards ease-out;
    -moz-animation: scaleDownFadeIn 0.8s forwards ease-out;
    -ms-animation: scaleDownFadeIn 0.8s forwards ease-out;
    -o-animation: scaleDownFadeIn 0.8s forwards ease-out;
    animation: scaleDownFadeIn 0.8s forwards ease-out
}

slide.pagedown[data-transition="slide"].past,
.magic>.magicItem.pagedown[data-transition="slide"].past {
    -webkit-animation: rotateSlideOutToLeft 1s both ease;
    -moz-animation: rotateSlideOutToLeft 1s both ease;
    -ms-animation: rotateSlideOutToLeft 1s both ease;
    -o-animation: rotateSlideOutToLeft 1s both ease;
    animation: rotateSlideOutToLeft 1s both ease
}

slide.pagedown[data-transition="slide"].current,
.magic>.magicItem.pagedown[data-transition="slide"].current {
    -webkit-animation: rotateSlideInFromRight 1s both ease;
    -moz-animation: rotateSlideInFromRight 1s both ease;
    -ms-animation: rotateSlideInFromRight 1s both ease;
    -o-animation: rotateSlideInFromRight 1s both ease;
    animation: rotateSlideInFromRight 1s both ease
}

slide.pageup[data-transition="slide"].current,
.magic>.magicItem.pageup[data-transition="slide"].current {
    -webkit-animation: rotateSlideInFromLeft 1s both ease;
    -moz-animation: rotateSlideInFromLeft 1s both ease;
    -ms-animation: rotateSlideInFromLeft 1s both ease;
    -o-animation: rotateSlideInFromLeft 1s both ease;
    animation: rotateSlideInFromLeft 1s both ease
}

slide.pageup[data-transition="slide"].next,
.magic>.magicItem.pageup[data-transition="slide"].next {
    -webkit-animation: rotateSlideOutToRight 1s both ease;
    -moz-animation: rotateSlideOutToRight 1s both ease;
    -ms-animation: rotateSlideOutToRight 1s both ease;
    -o-animation: rotateSlideOutToRight 1s both ease;
    animation: rotateSlideOutToRight 1s both ease
}

slide.pagedown[data-transition="slide2"].past,
.magic>.magicItem.pagedown[data-transition="slide2"].past {
    -webkit-animation: slideOutScaleLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideOutScaleLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideOutScaleLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideOutScaleLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pagedown[data-transition="slide2"].past {
    -webkit-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pagedown[data-transition="slide2"].current,
.magic>.magicItem.pagedown[data-transition="slide2"].current {
    opacity: 1;
    -webkit-animation: slideInFromRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideInFromRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideInFromRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideInFromRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pagedown[data-transition="slide2"].current {
    opacity: 1;
    -webkit-animation: slideInFromRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideInFromRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideInFromRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideInFromRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pageup[data-transition="slide2"].next,
.magic>.magicItem.pageup[data-transition="slide2"].next {
    -webkit-animation: slideOutScaleRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideOutScaleRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideOutScaleRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideOutScaleRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleRight 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pageup[data-transition="slide2"].next {
    -webkit-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pageup[data-transition="slide2"].current,
.magic>.magicItem.pageup[data-transition="slide2"].current {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideInFromLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideInFromLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideInFromLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromLeft 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

.magic>.magicItem.pageup[data-transition="slide2"].current {
    opacity: 1;
    -webkit-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -ms-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    -o-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: slideInFromLeft_Magic 1s forwards cubic-bezier(0.7, 0, 0.3, 1)
}

slide.pagedown[data-transition="slide3"].past,
.magic>.magicItem.pagedown[data-transition="slide3"].past {
    -webkit-animation: slideOutScaleLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideOutScaleLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideOutScaleLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideOutScaleLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideOutScaleLeft 1s forwards cubic-bezier(1, 0, 0, 1)
}

.magic>.magicItem.pagedown[data-transition="slide3"].past {
    -webkit-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideOutScaleLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1)
}

slide.pagedown[data-transition="slide3"].current,
.magic>.magicItem.pagedown[data-transition="slide3"].current {
    opacity: 1;
    -webkit-animation: slideInFromRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideInFromRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideInFromRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideInFromRight 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideInFromRight 1s forwards cubic-bezier(1, 0, 0, 1)
}

.magic>.magicItem.pagedown[data-transition="slide3"].current {
    opacity: 1;
    -webkit-animation: slideInFromRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideInFromRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideInFromRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideInFromRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideInFromRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1)
}

slide.pageup[data-transition="slide3"].current,
.magic>.magicItem.pageup[data-transition="slide3"].current {
    opacity: 1;
    -webkit-animation: slideInFromLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideInFromLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideInFromLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideInFromLeft 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideInFromLeft 1s forwards cubic-bezier(1, 0, 0, 1)
}

.magic>.magicItem.pageup[data-transition="slide3"].current {
    opacity: 1;
    -webkit-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideInFromLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideInFromLeft_Magic 1s forwards cubic-bezier(1, 0, 0, 1)
}

slide.pageup[data-transition="slide3"].next,
.magic>.magicItem.pageup[data-transition="slide3"].next {
    opacity: 1;
    -webkit-animation: slideOutScaleRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideOutScaleRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideOutScaleRight 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideOutScaleRight 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideOutScaleRight 1s forwards cubic-bezier(1, 0, 0, 1)
}

.magic>.magicItem.pageup[data-transition="slide3"].next {
    opacity: 1;
    -webkit-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -moz-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -ms-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    -o-animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1);
    animation: slideOutScaleRight_Magic 1s forwards cubic-bezier(1, 0, 0, 1)
}

slide[data-transition="cover-diamond"],
.magic>.magicItem[data-transition="cover-diamond"] {
    -moz-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    -o-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    -webkit-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    transition: opacity 0.9s, -webkit-clip-path 0.9s;
    opacity: 0;
    -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    -moz-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    -ms-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    -o-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)
}

slide[data-transition="cover-diamond"].current,
.magic>.magicItem[data-transition="cover-diamond"].current {
    opacity: 1;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -ms-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);
    -moz-clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);
    -ms-clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);
    -o-clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%);
    clip-path: polygon(50% -100%, 137.5% 50%, 50% 200%, -37.5% 50%)
}

slide[data-transition="cover-diamond"].past,
.magic>.magicItem[data-transition="cover-diamond"].past,
slide[data-transition="cover-diamond"].next,
.magic>.magicItem[data-transition="cover-diamond"].next {
    opacity: 1;
    -moz-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    -o-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    -webkit-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97)
}

slide[data-transition="cover-circle"],
.magic>.magicItem[data-transition="cover-circle"] {
    opacity: 0;
    -moz-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    -o-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    -webkit-transition: opacity 0.9s, -webkit-clip-path 0.9s;
    transition: opacity 0.9s, -webkit-clip-path 0.9s;
    -webkit-clip-path: circle(0% at 50% 50%);
    -moz-clip-path: circle(0% at 50% 50%);
    -ms-clip-path: circle(0% at 50% 50%);
    -o-clip-path: circle(0% at 50% 50%);
    clip-path: circle(0% at 50% 50%)
}

slide[data-transition="cover-circle"].current,
.magic>.magicItem[data-transition="cover-circle"].current {
    opacity: 1;
    -webkit-clip-path: circle(80% at 50% 50%);
    -moz-clip-path: circle(80% at 50% 50%);
    -ms-clip-path: circle(80% at 50% 50%);
    -o-clip-path: circle(80% at 50% 50%);
    clip-path: circle(80% at 50% 50%)
}

slide[data-transition="cover-circle"].past,
.magic>.magicItem[data-transition="cover-circle"].past,
slide[data-transition="cover-circle"].next,
.magic>.magicItem[data-transition="cover-circle"].next {
    opacity: 1;
    -moz-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    -o-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    -webkit-transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97);
    transition: clip-path, 0 cubic-bezier(0.11, 0.75, 0.58, 0.97)
}

@-webkit-keyframes slideOutScaleRight {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        -moz-transform: translateX(100%) scale(0.9);
        -ms-transform: translateX(100%) scale(0.9);
        -o-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}

@-moz-keyframes slideOutScaleRight {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        -moz-transform: translateX(100%) scale(0.9);
        -ms-transform: translateX(100%) scale(0.9);
        -o-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}

@-ms-keyframes slideOutScaleRight {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        -moz-transform: translateX(100%) scale(0.9);
        -ms-transform: translateX(100%) scale(0.9);
        -o-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}

@-o-keyframes slideOutScaleRight {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        -moz-transform: translateX(100%) scale(0.9);
        -ms-transform: translateX(100%) scale(0.9);
        -o-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}

@keyframes slideOutScaleRight {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) scale(0.9);
        -moz-transform: translateX(100%) scale(0.9);
        -ms-transform: translateX(100%) scale(0.9);
        -o-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0
    }
}

@-webkit-keyframes slideOutScaleRight_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(150%) scale(0.9);
        -moz-transform: translateX(150%) scale(0.9);
        -ms-transform: translateX(150%) scale(0.9);
        -o-transform: translateX(150%) scale(0.9);
        transform: translateX(150%) scale(0.9);
        opacity: 0
    }
}

@-moz-keyframes slideOutScaleRight_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(150%) scale(0.9);
        -moz-transform: translateX(150%) scale(0.9);
        -ms-transform: translateX(150%) scale(0.9);
        -o-transform: translateX(150%) scale(0.9);
        transform: translateX(150%) scale(0.9);
        opacity: 0
    }
}

@-ms-keyframes slideOutScaleRight_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(150%) scale(0.9);
        -moz-transform: translateX(150%) scale(0.9);
        -ms-transform: translateX(150%) scale(0.9);
        -o-transform: translateX(150%) scale(0.9);
        transform: translateX(150%) scale(0.9);
        opacity: 0
    }
}

@-o-keyframes slideOutScaleRight_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(150%) scale(0.9);
        -moz-transform: translateX(150%) scale(0.9);
        -ms-transform: translateX(150%) scale(0.9);
        -o-transform: translateX(150%) scale(0.9);
        transform: translateX(150%) scale(0.9);
        opacity: 0
    }
}

@keyframes slideOutScaleRight_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(150%) scale(0.9);
        -moz-transform: translateX(150%) scale(0.9);
        -ms-transform: translateX(150%) scale(0.9);
        -o-transform: translateX(150%) scale(0.9);
        transform: translateX(150%) scale(0.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-ms-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideInFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-ms-keyframes slideInFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutScaleLeft {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        -moz-transform: translateX(-100%) scale(0.9);
        -ms-transform: translateX(-100%) scale(0.9);
        -o-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}

@-moz-keyframes slideOutScaleLeft {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        -moz-transform: translateX(-100%) scale(0.9);
        -ms-transform: translateX(-100%) scale(0.9);
        -o-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}

@-ms-keyframes slideOutScaleLeft {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        -moz-transform: translateX(-100%) scale(0.9);
        -ms-transform: translateX(-100%) scale(0.9);
        -o-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}

@-o-keyframes slideOutScaleLeft {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        -moz-transform: translateX(-100%) scale(0.9);
        -ms-transform: translateX(-100%) scale(0.9);
        -o-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}

@keyframes slideOutScaleLeft {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        -moz-transform: translateX(-100%) scale(0.9);
        -ms-transform: translateX(-100%) scale(0.9);
        -o-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0
    }
}

@-webkit-keyframes slideOutScaleLeft_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-150%) scale(0.9);
        -moz-transform: translateX(-150%) scale(0.9);
        -ms-transform: translateX(-150%) scale(0.9);
        -o-transform: translateX(-150%) scale(0.9);
        transform: translateX(-150%) scale(0.9);
        opacity: 0
    }
}

@-moz-keyframes slideOutScaleLeft_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-150%) scale(0.9);
        -moz-transform: translateX(-150%) scale(0.9);
        -ms-transform: translateX(-150%) scale(0.9);
        -o-transform: translateX(-150%) scale(0.9);
        transform: translateX(-150%) scale(0.9);
        opacity: 0
    }
}

@-ms-keyframes slideOutScaleLeft_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-150%) scale(0.9);
        -moz-transform: translateX(-150%) scale(0.9);
        -ms-transform: translateX(-150%) scale(0.9);
        -o-transform: translateX(-150%) scale(0.9);
        transform: translateX(-150%) scale(0.9);
        opacity: 0
    }
}

@-o-keyframes slideOutScaleLeft_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-150%) scale(0.9);
        -moz-transform: translateX(-150%) scale(0.9);
        -ms-transform: translateX(-150%) scale(0.9);
        -o-transform: translateX(-150%) scale(0.9);
        transform: translateX(-150%) scale(0.9);
        opacity: 0
    }
}

@keyframes slideOutScaleLeft_Magic {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-150%) scale(0.9);
        -moz-transform: translateX(-150%) scale(0.9);
        -ms-transform: translateX(-150%) scale(0.9);
        -o-transform: translateX(-150%) scale(0.9);
        transform: translateX(-150%) scale(0.9);
        opacity: 0
    }
}

@-webkit-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-ms-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideInFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-ms-keyframes slideInFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-o-keyframes slideInFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes scaleUpFadeOut {
    from {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes scaleUpFadeOut {
    from {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-ms-keyframes scaleUpFadeOut {
    from {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-o-keyframes scaleUpFadeOut {
    from {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes scaleUpFadeOut {
    from {
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .5
    }
    75% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes scaleDownFadeIn {
    from {
        opacity: 0
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleDownFadeIn {
    from {
        opacity: 0
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes scaleDownFadeIn {
    from {
        opacity: 0
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scaleDownFadeIn {
    from {
        opacity: 0
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleDownFadeIn {
    from {
        opacity: 0
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@-moz-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@-ms-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@-o-keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@keyframes rotateOutCircLeft {
    to {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
}

@-webkit-keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-moz-keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-ms-keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-o-keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircRight {
    from {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@-moz-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@-ms-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@-o-keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@keyframes rotateOutCircRight {
    to {
        -webkit-transform: rotate(20deg) translateX(100%);
        -moz-transform: rotate(20deg) translateX(100%);
        -ms-transform: rotate(20deg) translateX(100%);
        -o-transform: rotate(20deg) translateX(100%);
        transform: rotate(20deg) translateX(100%)
    }
}

@-webkit-keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-moz-keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-ms-keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-o-keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircLeft {
    from {
        -webkit-transform: rotate(-20deg) translateX(-100%);
        -moz-transform: rotate(-20deg) translateX(-100%);
        -ms-transform: rotate(-20deg) translateX(-100%);
        -o-transform: rotate(-20deg) translateX(-100%);
        transform: rotate(-20deg) translateX(-100%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes rotateOutCircLeft_Magic {
    to {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
}

@-moz-keyframes rotateOutCircLeft_Magic {
    to {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
}

@-ms-keyframes rotateOutCircLeft_Magic {
    to {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
}

@-o-keyframes rotateOutCircLeft_Magic {
    to {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
}

@keyframes rotateOutCircLeft_Magic {
    to {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
}

@-webkit-keyframes rotateInCircRight_Magic {
    from {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-moz-keyframes rotateInCircRight_Magic {
    from {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-ms-keyframes rotateInCircRight_Magic {
    from {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-o-keyframes rotateInCircRight_Magic {
    from {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircRight_Magic {
    from {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes rotateOutCircRight_Magic {
    to {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
}

@-moz-keyframes rotateOutCircRight_Magic {
    to {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
}

@-ms-keyframes rotateOutCircRight_Magic {
    to {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
}

@-o-keyframes rotateOutCircRight_Magic {
    to {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
}

@keyframes rotateOutCircRight_Magic {
    to {
        -webkit-transform: rotate(20deg) translateX(150%);
        -moz-transform: rotate(20deg) translateX(150%);
        -ms-transform: rotate(20deg) translateX(150%);
        -o-transform: rotate(20deg) translateX(150%);
        transform: rotate(20deg) translateX(150%)
    }
}

@-webkit-keyframes rotateInCircLeft_Magic {
    from {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-moz-keyframes rotateInCircLeft_Magic {
    from {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-ms-keyframes rotateInCircLeft_Magic {
    from {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-o-keyframes rotateInCircLeft_Magic {
    from {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@keyframes rotateInCircLeft_Magic {
    from {
        -webkit-transform: rotate(-20deg) translateX(-150%);
        -moz-transform: rotate(-20deg) translateX(-150%);
        -ms-transform: rotate(-20deg) translateX(-150%);
        -o-transform: rotate(-20deg) translateX(-150%);
        transform: rotate(-20deg) translateX(-150%)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        -moz-transform: rotate(0deg) translateX(0);
        -ms-transform: rotate(0deg) translateX(0);
        -o-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-moz-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-ms-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-o-keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@keyframes shakeSlideBottom {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-webkit-keyframes pushFromTop {
    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes pushFromTop {
    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes pushFromTop {
    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes pushFromTop {
    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes pushFromTop {
    0%,
    70% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes shakeSlideTop {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        -moz-transform: translate(0px, 0px) rotate(0deg);
        -ms-transform: translate(0px, 0px) rotate(0deg);
        -o-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg)
    }
    2% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    4% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    6% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    8% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    10% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    12% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    14% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    16% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    18% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    20% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    22% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    24% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    26% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    28% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    30% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    32% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    34% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    36% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    38% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    42% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    44% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    46% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    48% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    50% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    52% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    54% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    56% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    58% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    60% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    62% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    64% {
        -webkit-transform: translate(0px, -1px) rotate(-0.5deg);
        -moz-transform: translate(0px, -1px) rotate(-0.5deg);
        -ms-transform: translate(0px, -1px) rotate(-0.5deg);
        -o-transform: translate(0px, -1px) rotate(-0.5deg);
        transform: translate(0px, -1px) rotate(-0.5deg)
    }
    66% {
        -webkit-transform: translate(-1px, -1px) rotate(-0.5deg);
        -moz-transform: translate(-1px, -1px) rotate(-0.5deg);
        -ms-transform: translate(-1px, -1px) rotate(-0.5deg);
        -o-transform: translate(-1px, -1px) rotate(-0.5deg);
        transform: translate(-1px, -1px) rotate(-0.5deg)
    }
    68% {
        -webkit-transform: translate(-1px, 0px) rotate(-0.5deg);
        -moz-transform: translate(-1px, 0px) rotate(-0.5deg);
        -ms-transform: translate(-1px, 0px) rotate(-0.5deg);
        -o-transform: translate(-1px, 0px) rotate(-0.5deg);
        transform: translate(-1px, 0px) rotate(-0.5deg)
    }
    70% {
        -webkit-transform: translate(0px, 0px) rotate(-0.5deg);
        -moz-transform: translate(0px, 0px) rotate(-0.5deg);
        -ms-transform: translate(0px, 0px) rotate(-0.5deg);
        -o-transform: translate(0px, 0px) rotate(-0.5deg);
        transform: translate(0px, 0px) rotate(-0.5deg)
    }
    100% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes pushFromBottom {
    0%,
    70% {
        opacity: 0;
        -webkit-transition-timing-function: translateY(100%);
        -moz-transition-timing-function: translateY(100%);
        -ms-transition-timing-function: translateY(100%);
        -o-transition-timing-function: translateY(100%);
        transition-timing-function: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateY(0);
        -moz-transition-timing-function: translateY(0);
        -ms-transition-timing-function: translateY(0);
        -o-transition-timing-function: translateY(0);
        transition-timing-function: translateY(0)
    }
}

@-moz-keyframes pushFromBottom {
    0%,
    70% {
        opacity: 0;
        -webkit-transition-timing-function: translateY(100%);
        -moz-transition-timing-function: translateY(100%);
        -ms-transition-timing-function: translateY(100%);
        -o-transition-timing-function: translateY(100%);
        transition-timing-function: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateY(0);
        -moz-transition-timing-function: translateY(0);
        -ms-transition-timing-function: translateY(0);
        -o-transition-timing-function: translateY(0);
        transition-timing-function: translateY(0)
    }
}

@-ms-keyframes pushFromBottom {
    0%,
    70% {
        opacity: 0;
        -webkit-transition-timing-function: translateY(100%);
        -moz-transition-timing-function: translateY(100%);
        -ms-transition-timing-function: translateY(100%);
        -o-transition-timing-function: translateY(100%);
        transition-timing-function: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateY(0);
        -moz-transition-timing-function: translateY(0);
        -ms-transition-timing-function: translateY(0);
        -o-transition-timing-function: translateY(0);
        transition-timing-function: translateY(0)
    }
}

@-o-keyframes pushFromBottom {
    0%,
    70% {
        opacity: 0;
        -webkit-transition-timing-function: translateY(100%);
        -moz-transition-timing-function: translateY(100%);
        -ms-transition-timing-function: translateY(100%);
        -o-transition-timing-function: translateY(100%);
        transition-timing-function: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateY(0);
        -moz-transition-timing-function: translateY(0);
        -ms-transition-timing-function: translateY(0);
        -o-transition-timing-function: translateY(0);
        transition-timing-function: translateY(0)
    }
}

@keyframes pushFromBottom {
    0%,
    70% {
        opacity: 0;
        -webkit-transition-timing-function: translateY(100%);
        -moz-transition-timing-function: translateY(100%);
        -ms-transition-timing-function: translateY(100%);
        -o-transition-timing-function: translateY(100%);
        transition-timing-function: translateY(100%)
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateY(0);
        -moz-transition-timing-function: translateY(0);
        -ms-transition-timing-function: translateY(0);
        -o-transition-timing-function: translateY(0);
        transition-timing-function: translateY(0)
    }
}

@-webkit-keyframes hideLeft {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-moz-keyframes hideLeft {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-ms-keyframes hideLeft {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-o-keyframes hideLeft {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@keyframes hideLeft {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-webkit-keyframes showRight {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-moz-keyframes showRight {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-ms-keyframes showRight {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-o-keyframes showRight {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@keyframes showRight {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-webkit-keyframes hideRight {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-moz-keyframes hideRight {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-ms-keyframes hideRight {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-o-keyframes hideRight {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@keyframes hideRight {
    0% {
        -webkit-transition-timing-function: translateZ(0px);
        -moz-transition-timing-function: translateZ(0px);
        -ms-transition-timing-function: translateZ(0px);
        -o-transition-timing-function: translateZ(0px);
        transition-timing-function: translateZ(0px)
    }
    40% {
        -webkit-transition-timing-function: translate(0, 40%) scale(0.8);
        -moz-transition-timing-function: translate(0, 40%) scale(0.8);
        -ms-transition-timing-function: translate(0, 40%) scale(0.8);
        -o-transition-timing-function: translate(0, 40%) scale(0.8);
        transition-timing-function: translate(0, 40%) scale(0.8);
        z-index: 9999
    }
    100% {
        opacity: 1;
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px)
    }
}

@-webkit-keyframes showLeft {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -moz-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -ms-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -o-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-moz-keyframes showLeft {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -moz-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -ms-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -o-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-ms-keyframes showLeft {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -moz-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -ms-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -o-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-o-keyframes showLeft {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -moz-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -ms-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -o-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@keyframes showLeft {
    0% {
        -webkit-transition-timing-function: translateZ(-400px);
        -moz-transition-timing-function: translateZ(-400px);
        -ms-transition-timing-function: translateZ(-400px);
        -o-transition-timing-function: translateZ(-400px);
        transition-timing-function: translateZ(-400px);
        opacity: 1
    }
    40% {
        -webkit-transition-timing-function: translate(0, -40%) scale(0.8);
        -moz-transition-timing-function: translate(0, -40%) scale(0.8);
        -ms-transition-timing-function: translate(0, -40%) scale(0.8);
        -o-transition-timing-function: translate(0, -40%) scale(0.8);
        transition-timing-function: translate(0, -40%) scale(0.8);
        opacity: 1
    }
    41% {
        -webkit-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -moz-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -ms-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        -o-transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
        opacity: 1;
        z-index: 9999
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
        z-index: 9999
    }
}

@-webkit-keyframes show-right {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-moz-keyframes show-right {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-ms-keyframes show-right {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-o-keyframes show-right {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@keyframes show-right {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-webkit-keyframes hide-right {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-moz-keyframes hide-right {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-ms-keyframes hide-right {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-o-keyframes hide-right {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@keyframes hide-right {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-webkit-keyframes show-left {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-moz-keyframes show-left {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-ms-keyframes show-left {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-o-keyframes show-left {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@keyframes show-left {
    0% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px)
    }
    40% {
        -webkit-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -moz-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -ms-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        -o-transform: translate(-40%, 0) scale(0.8) rotateY(20deg);
        transform: translate(-40%, 0) scale(0.8) rotateY(20deg)
    }
    100% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px)
    }
}

@-webkit-keyframes hide-left {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-moz-keyframes hide-left {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-ms-keyframes hide-left {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-o-keyframes hide-left {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@keyframes hide-left {
    0% {
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
        visibility: visible
    }
    40% {
        -webkit-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -moz-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -ms-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        -o-transform: translate(40%, 0) scale(0.8) rotateY(-20deg);
        transform: translate(40%, 0) scale(0.8) rotateY(-20deg)
    }
    100% {
        -webkit-transform: translateZ(-200px);
        -moz-transform: translateZ(-200px);
        -ms-transform: translateZ(-200px);
        -o-transform: translateZ(-200px);
        transform: translateZ(-200px);
        visibility: hidden
    }
}

@-webkit-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-ms-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-ms-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-ms-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-ms-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-ms-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveToLeft_Magic {
    to {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-moz-keyframes moveToLeft_Magic {
    to {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-ms-keyframes moveToLeft_Magic {
    to {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-o-keyframes moveToLeft_Magic {
    to {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@keyframes moveToLeft_Magic {
    to {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-webkit-keyframes moveFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-moz-keyframes moveFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-ms-keyframes moveFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-o-keyframes moveFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@keyframes moveFromLeft_Magic {
    from {
        -webkit-transform: translateX(-150%);
        -moz-transform: translateX(-150%);
        -ms-transform: translateX(-150%);
        -o-transform: translateX(-150%);
        transform: translateX(-150%)
    }
}

@-webkit-keyframes moveToRight_Magic {
    to {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-moz-keyframes moveToRight_Magic {
    to {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-ms-keyframes moveToRight_Magic {
    to {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-o-keyframes moveToRight_Magic {
    to {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes moveToRight_Magic {
    to {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-webkit-keyframes moveFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-moz-keyframes moveFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-ms-keyframes moveFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-o-keyframes moveFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes moveFromRight_Magic {
    from {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        -o-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@-webkit-keyframes moveToTop_Magic {
    to {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-moz-keyframes moveToTop_Magic {
    to {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-ms-keyframes moveToTop_Magic {
    to {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-o-keyframes moveToTop_Magic {
    to {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@keyframes moveToTop_Magic {
    to {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-webkit-keyframes moveFromTop_Magic {
    from {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-moz-keyframes moveFromTop_Magic {
    from {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-ms-keyframes moveFromTop_Magic {
    from {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-o-keyframes moveFromTop_Magic {
    from {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@keyframes moveFromTop_Magic {
    from {
        -webkit-transform: translateY(-150%);
        -moz-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        -o-transform: translateY(-150%);
        transform: translateY(-150%)
    }
}

@-webkit-keyframes moveToBottom_Magic {
    to {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-moz-keyframes moveToBottom_Magic {
    to {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-ms-keyframes moveToBottom_Magic {
    to {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-o-keyframes moveToBottom_Magic {
    to {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@keyframes moveToBottom_Magic {
    to {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-webkit-keyframes moveFromBottom_Magic {
    from {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-moz-keyframes moveFromBottom_Magic {
    from {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-ms-keyframes moveFromBottom_Magic {
    from {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-o-keyframes moveFromBottom_Magic {
    from {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@keyframes moveFromBottom_Magic {
    from {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%)
    }
}

@-webkit-keyframes fade {
    to {
        opacity: 0.3
    }
}

@-moz-keyframes fade {
    to {
        opacity: 0.3
    }
}

@-ms-keyframes fade {
    to {
        opacity: 0.3
    }
}

@-o-keyframes fade {
    to {
        opacity: 0.3
    }
}

@keyframes fade {
    to {
        opacity: 0.3
    }
}

@-webkit-keyframes moveToLeftFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes moveToLeftFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-ms-keyframes moveToLeftFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes moveToLeftFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveToLeftFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-moz-keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-ms-keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-o-keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes moveToRightFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes moveToRightFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-ms-keyframes moveToRightFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes moveToRightFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveToRightFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-ms-keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-o-keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes moveToTopFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes moveToTopFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes moveToTopFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes moveToTopFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveToTopFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes moveToBottomFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes moveToBottomFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-ms-keyframes moveToBottomFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes moveToBottomFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveToBottomFade {
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-ms-keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-moz-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-ms-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-o-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-moz-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-ms-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-o-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-ms-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-o-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-ms-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-o-keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-moz-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-ms-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-o-keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-moz-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-ms-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-o-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7)
    }
}

@-webkit-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        -o-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        -o-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-ms-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        -o-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-o-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        -o-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        -moz-transform: rotateY(15deg);
        -ms-transform: rotateY(15deg);
        -o-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        -o-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        -o-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-ms-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        -o-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-o-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        -o-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        -moz-transform: rotateY(-15deg);
        -ms-transform: rotateY(-15deg);
        -o-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-ms-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-o-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-moz-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-ms-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-o-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px);
        opacity: 0
    }
}

@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@keyframes flipInLeft {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        -moz-transform: translateZ(-1000px) rotateY(-90deg);
        -ms-transform: translateZ(-1000px) rotateY(-90deg);
        -o-transform: translateZ(-1000px) rotateY(-90deg);
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@keyframes flipInRight {
    from {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        -moz-transform: translateZ(-1000px) rotateY(90deg);
        -ms-transform: translateZ(-1000px) rotateY(90deg);
        -o-transform: translateZ(-1000px) rotateY(90deg);
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@keyframes flipInBottom {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        -moz-transform: translateZ(-1000px) rotateX(-90deg);
        -ms-transform: translateZ(-1000px) rotateX(-90deg);
        -o-transform: translateZ(-1000px) rotateX(-90deg);
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-moz-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-ms-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-o-keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@keyframes flipInTop {
    from {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        -moz-transform: translateZ(-1000px) rotateX(90deg);
        -ms-transform: translateZ(-1000px) rotateX(90deg);
        -o-transform: translateZ(-1000px) rotateX(90deg);
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: 0.2
    }
}

@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        -o-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        -o-transform: rotateZ(17deg);
        transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        -o-transform: rotateZ(16deg);
        transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        -o-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg)
    }
}

@-moz-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        -o-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        -o-transform: rotateZ(17deg);
        transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        -o-transform: rotateZ(16deg);
        transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        -o-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg)
    }
}

@-ms-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        -o-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        -o-transform: rotateZ(17deg);
        transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        -o-transform: rotateZ(16deg);
        transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        -o-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg)
    }
}

@-o-keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        -o-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        -o-transform: rotateZ(17deg);
        transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        -o-transform: rotateZ(16deg);
        transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        -o-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg)
    }
}

@keyframes rotateFall {
    0% {
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }
    20% {
        -webkit-transform: rotateZ(10deg);
        -moz-transform: rotateZ(10deg);
        -ms-transform: rotateZ(10deg);
        -o-transform: rotateZ(10deg);
        transform: rotateZ(10deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: rotateZ(17deg);
        -moz-transform: rotateZ(17deg);
        -ms-transform: rotateZ(17deg);
        -o-transform: rotateZ(17deg);
        transform: rotateZ(17deg)
    }
    60% {
        -webkit-transform: rotateZ(16deg);
        -moz-transform: rotateZ(16deg);
        -ms-transform: rotateZ(16deg);
        -o-transform: rotateZ(16deg);
        transform: rotateZ(16deg)
    }
    100% {
        -webkit-transform: translateY(100%) rotateZ(17deg);
        -moz-transform: translateY(100%) rotateZ(17deg);
        -ms-transform: translateY(100%) rotateZ(17deg);
        -o-transform: translateY(100%) rotateZ(17deg);
        transform: translateY(100%) rotateZ(17deg)
    }
}

@-webkit-keyframes rotateOutNewspaper {
    from {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        -o-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutNewspaper {
    from {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        -o-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutNewspaper {
    from {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        -o-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutNewspaper {
    from {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        -o-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@keyframes rotateOutNewspaper {
    from {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateZ(-3000px) rotateZ(360deg);
        -moz-transform: translateZ(-3000px) rotateZ(360deg);
        -ms-transform: translateZ(-3000px) rotateZ(360deg);
        -o-transform: translateZ(-3000px) rotateZ(360deg);
        transform: translateZ(-3000px) rotateZ(360deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        -o-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
}

@-moz-keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        -o-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
}

@-ms-keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        -o-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
}

@-o-keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        -o-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
}

@keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        -moz-transform: translateZ(-3000px) rotateZ(-360deg);
        -ms-transform: translateZ(-3000px) rotateZ(-360deg);
        -o-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 0
    }
    100% {
        -webkit-transform: translateZ(0) rotateZ(0deg);
        -moz-transform: translateZ(0) rotateZ(0deg);
        -ms-transform: translateZ(0) rotateZ(0deg);
        -o-transform: translateZ(0) rotateZ(0deg);
        transform: translateZ(0) rotateZ(0deg);
        opacity: 1
    }
}

@-webkit-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-moz-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-ms-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-o-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-moz-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-ms-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-o-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-moz-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-ms-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-o-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-moz-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-ms-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-o-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-moz-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-ms-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-o-keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@keyframes rotatePullRight {
    from {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-moz-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-ms-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-o-keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@keyframes rotatePullLeft {
    from {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-moz-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-ms-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-o-keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@keyframes rotatePullTop {
    from {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-moz-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-ms-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-o-keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@keyframes rotatePullBottom {
    from {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-ms-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-o-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-ms-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-o-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-ms-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-o-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-ms-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-o-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-ms-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-o-keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateUnfoldLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-ms-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-o-keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateUnfoldRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-ms-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-o-keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateUnfoldTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-ms-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-o-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-ms-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-o-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-ms-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-o-keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-ms-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-o-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        -moz-transform: translateX(100%) rotateY(-90deg);
        -ms-transform: translateX(100%) rotateY(-90deg);
        -o-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-ms-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-o-keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    from {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        -moz-transform: translateX(-100%) rotateY(90deg);
        -ms-transform: translateX(-100%) rotateY(90deg);
        -o-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-ms-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-o-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-ms-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-o-keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomTopIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-ms-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-o-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        -moz-transform: translateY(100%) rotateX(90deg);
        -ms-transform: translateY(100%) rotateX(90deg);
        -o-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-ms-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-o-keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomBottomIn {
    from {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        -moz-transform: translateY(-100%) rotateX(-90deg);
        -ms-transform: translateY(-100%) rotateX(-90deg);
        -o-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-moz-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-ms-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-o-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-moz-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-ms-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-o-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
}

@-webkit-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-moz-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-ms-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-o-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        -o-transform: translateX(50%) translateZ(-200px) rotateY(45deg);
        transform: translateX(50%) translateZ(-200px) rotateY(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        -moz-transform: translateX(100%) rotateY(90deg);
        -ms-transform: translateX(100%) rotateY(90deg);
        -o-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-moz-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-ms-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-o-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        -moz-transform: translateX(-100%) rotateY(-90deg);
        -ms-transform: translateX(-100%) rotateY(-90deg);
        -o-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        -o-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-200px) rotateY(-45deg)
    }
}

@-webkit-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-moz-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-ms-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-o-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        -moz-transform: translateY(-100%) rotateX(90deg);
        -ms-transform: translateY(-100%) rotateX(90deg);
        -o-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-moz-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-ms-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-o-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        -moz-transform: translateY(100%) rotateX(-90deg);
        -ms-transform: translateY(100%) rotateX(-90deg);
        -o-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(100%) rotateX(-90deg);
        -moz-transition-timing-function: translateY(100%) rotateX(-90deg);
        -ms-transition-timing-function: translateY(100%) rotateX(-90deg);
        -o-transition-timing-function: translateY(100%) rotateX(-90deg);
        transition-timing-function: translateY(100%) rotateX(-90deg)
    }
}

@-moz-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(100%) rotateX(-90deg);
        -moz-transition-timing-function: translateY(100%) rotateX(-90deg);
        -ms-transition-timing-function: translateY(100%) rotateX(-90deg);
        -o-transition-timing-function: translateY(100%) rotateX(-90deg);
        transition-timing-function: translateY(100%) rotateX(-90deg)
    }
}

@-ms-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(100%) rotateX(-90deg);
        -moz-transition-timing-function: translateY(100%) rotateX(-90deg);
        -ms-transition-timing-function: translateY(100%) rotateX(-90deg);
        -o-transition-timing-function: translateY(100%) rotateX(-90deg);
        transition-timing-function: translateY(100%) rotateX(-90deg)
    }
}

@-o-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(100%) rotateX(-90deg);
        -moz-transition-timing-function: translateY(100%) rotateX(-90deg);
        -ms-transition-timing-function: translateY(100%) rotateX(-90deg);
        -o-transition-timing-function: translateY(100%) rotateX(-90deg);
        transition-timing-function: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -moz-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -ms-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        -o-transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transition-timing-function: translateY(50%) translateZ(-200px) rotateX(-45deg)
    }
    100% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(100%) rotateX(-90deg);
        -moz-transition-timing-function: translateY(100%) rotateX(-90deg);
        -ms-transition-timing-function: translateY(100%) rotateX(-90deg);
        -o-transition-timing-function: translateY(100%) rotateX(-90deg);
        transition-timing-function: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-100%) rotateX(90deg);
        -moz-transition-timing-function: translateY(-100%) rotateX(90deg);
        -ms-transition-timing-function: translateY(-100%) rotateX(90deg);
        -o-transition-timing-function: translateY(-100%) rotateX(90deg);
        transition-timing-function: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-moz-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-100%) rotateX(90deg);
        -moz-transition-timing-function: translateY(-100%) rotateX(90deg);
        -ms-transition-timing-function: translateY(-100%) rotateX(90deg);
        -o-transition-timing-function: translateY(-100%) rotateX(90deg);
        transition-timing-function: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-ms-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-100%) rotateX(90deg);
        -moz-transition-timing-function: translateY(-100%) rotateX(90deg);
        -ms-transition-timing-function: translateY(-100%) rotateX(90deg);
        -o-transition-timing-function: translateY(-100%) rotateX(90deg);
        transition-timing-function: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-o-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-100%) rotateX(90deg);
        -moz-transition-timing-function: translateY(-100%) rotateX(90deg);
        -ms-transition-timing-function: translateY(-100%) rotateX(90deg);
        -o-transition-timing-function: translateY(-100%) rotateX(90deg);
        transition-timing-function: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-100%) rotateX(90deg);
        -moz-transition-timing-function: translateY(-100%) rotateX(90deg);
        -ms-transition-timing-function: translateY(-100%) rotateX(90deg);
        -o-transition-timing-function: translateY(-100%) rotateX(90deg);
        transition-timing-function: translateY(-100%) rotateX(90deg)
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -moz-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -ms-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        -o-transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transition-timing-function: translateY(-50%) translateZ(-200px) rotateX(45deg)
    }
}

@-webkit-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg)
    }
}

@-moz-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg)
    }
}

@-ms-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg)
    }
}

@-o-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-150%) scale(0.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-moz-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-ms-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-o-keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselLeftIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-moz-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-ms-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-o-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -moz-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -ms-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        -o-transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg);
        transition-timing-function: translateX(200%) scale(0.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg)
    }
}

@-moz-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg)
    }
}

@-ms-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg)
    }
}

@-o-keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselRightIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -moz-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -ms-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        -o-transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg);
        transition-timing-function: translateX(-200%) scale(0.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-moz-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-ms-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-o-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-moz-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-ms-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-o-keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselTopIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-moz-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-ms-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-o-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -moz-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -ms-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        -o-transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg);
        transition-timing-function: translateY(200%) scale(0.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-moz-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-ms-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-o-keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselBottomIn {
    from {
        opacity: .3;
        -webkit-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -moz-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -ms-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        -o-transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg);
        transition-timing-function: translateY(-200%) scale(0.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(90deg);
        transition-timing-function: translateZ(-500px) rotateY(90deg)
    }
}

@-moz-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(90deg);
        transition-timing-function: translateZ(-500px) rotateY(90deg)
    }
}

@-ms-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(90deg);
        transition-timing-function: translateZ(-500px) rotateY(90deg)
    }
}

@-o-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(90deg);
        transition-timing-function: translateZ(-500px) rotateY(90deg)
    }
}

@keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(90deg);
        transition-timing-function: translateZ(-500px) rotateY(90deg)
    }
}

@-webkit-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        transition-timing-function: translateZ(-500px) rotateY(-90deg)
    }
}

@-moz-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        transition-timing-function: translateZ(-500px) rotateY(-90deg)
    }
}

@-ms-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        transition-timing-function: translateZ(-500px) rotateY(-90deg)
    }
}

@-o-keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        transition-timing-function: translateZ(-500px) rotateY(-90deg)
    }
}

@keyframes rotateSidesIn {
    from {
        opacity: 0;
        -webkit-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -moz-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -ms-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        -o-transition-timing-function: translateZ(-500px) rotateY(-90deg);
        transition-timing-function: translateZ(-500px) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateSlideOutToLeft {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes rotateSlideOutToLeft {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-ms-keyframes rotateSlideOutToLeft {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-o-keyframes rotateSlideOutToLeft {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes rotateSlideOutToLeft {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes rotateSlideOutToRight {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
}

@-moz-keyframes rotateSlideOutToRight {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
}

@-ms-keyframes rotateSlideOutToRight {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
}

@-o-keyframes rotateSlideOutToRight {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
}

@keyframes rotateSlideOutToRight {
    0% {
        opacity: 1
    }
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
}

@-webkit-keyframes rotateSlideInFromRight {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes rotateSlideInFromRight {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-ms-keyframes rotateSlideInFromRight {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-o-keyframes rotateSlideInFromRight {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@keyframes rotateSlideInFromRight {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
        -moz-transform: translateZ(-500px) translateX(200%);
        -ms-transform: translateZ(-500px) translateX(200%);
        -o-transform: translateZ(-500px) translateX(200%);
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes rotateSlideInFromLeft {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes rotateSlideInFromLeft {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-ms-keyframes rotateSlideInFromLeft {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-o-keyframes rotateSlideInFromLeft {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@keyframes rotateSlideInFromLeft {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
        -moz-transform: translateZ(-500px) translateX(-200%);
        -ms-transform: translateZ(-500px) translateX(-200%);
        -o-transform: translateZ(-500px) translateX(-200%);
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
        -moz-transform: translateZ(-500px);
        -ms-transform: translateZ(-500px);
        -o-transform: translateZ(-500px);
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        -o-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        -o-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-ms-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        -o-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        -o-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -moz-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        -o-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -moz-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        -o-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-moz-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-ms-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-o-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -moz-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        -o-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-o-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@-webkit-keyframes rotateBottomSideOut {
    0% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}

@-moz-keyframes rotateBottomSideOut {
    0% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}

@-ms-keyframes rotateBottomSideOut {
    0% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}

@-o-keyframes rotateBottomSideOut {
    0% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}

@keyframes rotateBottomSideOut {
    0% {
        opacity: 1
    }
    40% {
        -webkit-transform: rotateX(-15deg);
        -moz-transform: rotateX(-15deg);
        -ms-transform: rotateX(-15deg);
        -o-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
}

@-webkit-keyframes slideInFromBottomDelayed {
    0%,
    30% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slideInFromBottomDelayed {
    0%,
    30% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes slideInFromBottomDelayed {
    0%,
    30% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes slideInFromBottomDelayed {
    0%,
    30% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInFromBottomDelayed {
    0%,
    30% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -moz-transform: scale(1) translateZ(0) rotateX(-15deg);
        -ms-transform: scale(1) translateZ(0) rotateX(-15deg);
        -o-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        -moz-transform: scale(1) translateZ(0) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0) rotateX(0deg);
        -o-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@-moz-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -moz-transform: scale(1) translateZ(0) rotateX(-15deg);
        -ms-transform: scale(1) translateZ(0) rotateX(-15deg);
        -o-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        -moz-transform: scale(1) translateZ(0) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0) rotateX(0deg);
        -o-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@-ms-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -moz-transform: scale(1) translateZ(0) rotateX(-15deg);
        -ms-transform: scale(1) translateZ(0) rotateX(-15deg);
        -o-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        -moz-transform: scale(1) translateZ(0) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0) rotateX(0deg);
        -o-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@-o-keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -moz-transform: scale(1) translateZ(0) rotateX(-15deg);
        -ms-transform: scale(1) translateZ(0) rotateX(-15deg);
        -o-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        -moz-transform: scale(1) translateZ(0) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0) rotateX(0deg);
        -o-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@keyframes rotateBottomSideIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateZ(-200px);
        -moz-transform: scale(0.8) translateZ(-200px);
        -ms-transform: scale(0.8) translateZ(-200px);
        -o-transform: scale(0.8) translateZ(-200px);
        transform: scale(0.8) translateZ(-200px)
    }
    60% {
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -ms-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1) translateZ(0) rotateX(-15deg);
        -moz-transform: scale(1) translateZ(0) rotateX(-15deg);
        -ms-transform: scale(1) translateZ(0) rotateX(-15deg);
        -o-transform: scale(1) translateZ(0) rotateX(-15deg);
        transform: scale(1) translateZ(0) rotateX(-15deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0) rotateX(0deg);
        -moz-transform: scale(1) translateZ(0) rotateX(0deg);
        -ms-transform: scale(1) translateZ(0) rotateX(0deg);
        -o-transform: scale(1) translateZ(0) rotateX(0deg);
        transform: scale(1) translateZ(0) rotateX(0deg)
    }
}

@-webkit-keyframes slideOutToBottom {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes slideOutToBottom {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-ms-keyframes slideOutToBottom {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-o-keyframes slideOutToBottom {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutToBottom {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}
